/* Integração do portal: mantém os componentes editoriais dos protótipos. */
:root{--portal-blue:#32668a}
a:focus-visible,button:focus-visible{outline:3px solid #44cbf0;outline-offset:5px}
.portal-skip{position:fixed;top:-100px;left:20px;z-index:200;background:#fff;color:#102334;padding:15px 22px;border-radius:12px}
.portal-skip:focus{top:12px}
.portal-breadcrumb ol{display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0;margin:0 0 30px;font-size:12px}
.portal-breadcrumb li+li::before{content:'›';padding-right:9px;opacity:.65}
.portal-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.city-page{background:#f6f6f2;--blue:#32668a}
.city-page .detail-brand{letter-spacing:-.03em}
.city-page .detail-brand small{display:block;font:500 8px/1.5 'DM Sans',sans-serif;letter-spacing:.08em;margin-top:4px}
.city-page .detail-hero{height:85svh;min-height:640px;max-height:920px}
.city-page .detail-feature{background:#f6f6f2}
.city-page .detail-section-title>p{max-width:620px;color:#657481;line-height:1.8}
.attraction-card .detail-image-window{display:block;min-height:460px;background:#e3ebe7}
.attraction-card .detail-image-window img{object-fit:cover;transform:none}
.attraction-card .detail-copy{background:#ffffffa6;border-color:#d8dedd}
.attraction-topics{padding-left:19px;line-height:1.9;color:#657481;font-size:14px}
.detail-copy .portal-button{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 22px;border-radius:30px;color:#fff;background:#245b7d;align-self:flex-start;max-width:100%}
.city-continuation{color:#657481;font-size:14px;line-height:1.8;margin:32px 0 0}
/* Marca do banner: Meu cursivo acima de DESTINO, amplo e dominante. */
.portal-home .hero-title-wrap{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;margin:auto;text-align:center;transform:none}
.portal-home .hero-pretitle{font:500 clamp(10px,1.25vw,17px)/1.6 'DM Sans',sans-serif;letter-spacing:.08em;margin:0 0 18px;color:#fff}
.portal-home .hero-digital{position:relative;z-index:4;display:block;font:500 clamp(72px,9.5vw,145px)/1.2 WindSong,cursive;color:#fff;transform:rotate(-10deg);margin:0 0 -.12em;padding:0 .15em;letter-spacing:0;text-shadow:0 8px 35px #001b3266}
.portal-home .hero-digital::after{display:none}
.portal-home .hero-title{font:400 clamp(70px,15.5vw,230px)/1.12 Shrikhand,serif;letter-spacing:-.045em;color:#fff;white-space:nowrap;margin:0;width:max-content;max-width:100%;text-shadow:0 6px 40px #071b2c55}
.portal-home .hero-balloon{position:absolute;inset:auto;right:3%;top:18px;width:clamp(90px,10vw,150px);height:clamp(120px,13vw,190px);max-width:none;object-fit:contain;animation:none;pointer-events:none}
.portal-home .hero-balloon.is-arrived{animation:portal-float 6.5s ease-in-out infinite}
@keyframes portal-float{50%{transform:translateY(-10px) rotate(2deg)}}
.portal-home .hero-dot{position:relative;min-width:44px;min-height:44px;height:44px;padding:0;border:0;background:transparent!important}
.portal-home .hero-dot::after{content:'';position:absolute;height:3px;left:9px;right:9px;top:21px;background:#ffffff70}
.portal-home .hero-dot.active::after{left:0;right:0;background:#fff}
@media(max-width:760px){
 .city-page .detail-brand{gap:7px;font-size:13px}.city-page .detail-brand small{max-width:155px;font-size:6px}.city-page .detail-nav{padding:10px 12px}.city-page .detail-back{padding:10px 12px;white-space:nowrap}
 .city-page .detail-hero{min-height:650px;height:90svh}.city-page .detail-hero-content{bottom:9%}.attraction-card .detail-image-window{min-height:290px}.detail-copy .portal-button{font-size:12px}
 .portal-home .hero-title-wrap{width:100%;max-width:100%;margin:auto}
 .portal-home .hero-title{font-size:clamp(42px,18.4vw,140px);letter-spacing:-.045em}
 .portal-home .hero-digital{font-size:clamp(66px,18vw,106px);margin-bottom:-.12em}
 .portal-home .hero-pretitle{font-size:9px;letter-spacing:.04em;margin-bottom:14px}
 .portal-home .hero-balloon{right:1%;top:24px;width:clamp(54px,16vw,95px);height:clamp(75px,22vw,130px)}
}
@media(prefers-reduced-motion:reduce){.portal-home .hero-balloon.is-arrived{animation:none}}