/* r6 — padrões (não código) inspirados em Aura picks 4 e 6 */
/* 4: par serifa + itálica dourada nos títulos (Bodoni já carregada) */
h1,h2,.h2{font-family:var(--serif);font-weight:400;letter-spacing:-.01em}
h1 em,h2 em,.h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--gold)}
/* 6: header fino com CTA em pílula */
.top{padding:10px 5vw;min-height:56px}
.top .logo img{height:34px;width:auto}
.top .btn,.top .btn--glass{display:inline-flex;min-height:40px;padding:0 16px;border-radius:999px;font:600 12.5px/1 var(--sans);letter-spacing:.04em;background:#f6efe2;color:#0b1530;box-shadow:0 6px 18px -8px #0b153055}
.top .btn .wa-ico{width:16px;height:16px}
/* 6: ghost com seta (par primário sólido + ghost) */
.btn--ghost:not(#pvb)::after{content:"";width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:url(/img/arrow-right.svg) center/contain no-repeat;mask:url(/img/arrow-right.svg) center/contain no-repeat;transition:transform .3s}
.btn--ghost:not(#pvb):hover::after{transform:translateX(4px)}
/* 6: tag pequena acima do título */
.eyebrow{gap:8px;padding:7px 13px;border:1px solid color-mix(in srgb,currentColor 45%,transparent);border-radius:999px;font-size:10.5px;letter-spacing:.24em}
.eyebrow::before,.eyebrow::after{display:none}
.btn--ghost:not(#pvb)::after{position:static;inset:auto;border-radius:0;z-index:auto;pointer-events:none}
#topo .hero-c .eyebrow{display:inline-flex!important;width:auto}
.eyebrow.eyebrow{border-color:color-mix(in srgb,currentColor 50%,transparent);background:none}
@media (max-width:760px){.top .btn{display:none!important}}
/* r6: jato passa por trás do título "Um sim. Infinitas histórias." (#dust z30) */
.globe-sec .stage{z-index:31}
/* r6 bugs Caio: fatias cortadas na transição Mundo = texto-imagem gigante "MUNDO" */
#world .w3 .ghost{display:none!important}
/* Disney: título equilibrado */
.magic-t{text-wrap:balance;max-width:min(92vw,9.6em);margin-inline:auto}
.magic h2.magic-t{font-size:clamp(30px,min(8.4vw,11vh),112px)}
/* polaroids sempre inteiras na tela (largura limitada pela altura em notebooks baixos) */
@media (min-width:760px){.pola{width:clamp(110px,min(17vw,30vh),250px)}}
@media (hover:hover){.footer__word{transition:transform .5s cubic-bezier(.2,.7,.2,1)}.footer__word:hover{transform:translate3d(0,-4px,0)}.footer__links a{transition:color .3s,padding-left .3s!important}}
/* notebooks baixos: textos cabem abaixo do header */
@media (min-width:760px) and (max-height:720px){
 .globe-sec .stage{padding-top:68px;padding-bottom:14px}
 .globe-sec .txt h2{font-size:clamp(26px,8.2vh,60px);margin:6px 0 8px}
 .globe-sec .txt p{font-size:13px;line-height:1.45;margin:0 0 8px}
 .globe-sec .steps{margin:0}.globe-sec .steps li{font-size:12px;line-height:1.35;padding:5px 0;margin:0}
 #mundo .h-head{padding-top:max(64px,var(--hh,0px))}
}
.polas .pola{position:absolute!important;left:0;top:0;margin:0}
/* r7 pins do globo */
.pchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;pointer-events:auto;max-width:640px}
.pchip{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(243,223,168,.55);background:rgba(255,255,255,.06);color:#fbf6ea;font:500 14px/1 var(--sans,system-ui);cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .2s,border-color .2s}
.pchip:hover,.pchip[aria-pressed=true]{background:rgba(243,223,168,.2);border-color:#f3dfa8}
.pchip:focus-visible,.ppin:focus-visible,.pc-x:focus-visible{outline:2px solid #f3dfa8;outline-offset:2px}
.play{position:fixed;inset:0;z-index:2;pointer-events:none}
.ppin{position:absolute;left:-22px;top:-22px;width:44px;height:44px;border:0;background:none;padding:0;cursor:pointer;pointer-events:auto;will-change:transform}
.ppin i{position:absolute;left:15px;top:15px;width:14px;height:14px;border-radius:50%;background:#f3dfa8;box-shadow:0 0 0 4px rgba(243,223,168,.3),0 0 14px rgba(243,223,168,.9)}
.ppin span{position:absolute;left:40px;top:12px;white-space:nowrap;font:600 12px/20px var(--sans,system-ui);letter-spacing:.04em;color:#fbf6ea;text-shadow:0 1px 3px #050a19,0 0 10px #050a19;opacity:.85}
.ppin.sel i{background:#fff;transform:scale(1.3)}
.pcard{position:fixed;z-index:60;right:24px;bottom:24px;width:min(280px,78vw);padding:10px 10px 14px;background:#fbf6ea;color:#1b2340;border-radius:6px;box-shadow:0 18px 50px rgba(5,10,25,.45);transform:translateY(16px) rotate(-1.5deg);opacity:0;transition:transform .3s,opacity .3s}
.pcard.on{opacity:1;transform:translateY(0) rotate(-1.5deg)}
.pcard img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:2px;background:#ddd}
.pc-c{margin:10px 4px 0;font:400 24px/1.1 var(--serif,serif)}
.pc-p{margin:2px 4px 12px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.pc-a{display:flex;justify-content:center;min-height:44px;align-items:center;margin:0 4px}
.pc-x{position:absolute;right:4px;top:4px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(251,246,234,.92);color:#1b2340;font-size:24px;line-height:1;cursor:pointer}
@media(max-width:759px){.pcard{left:50%;right:auto;bottom:84px;margin-left:min(-140px,-39vw)}.pchips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.pchip{flex:0 0 auto}}
/* r7 Estilos: carrossel com cartões inteiros (sem corte), setas e contador */
#estilos .deck{width:min(1240px,92vw)!important;max-width:none!important;margin:0 auto!important;padding:6px 0 14px!important;scroll-snap-type:x mandatory;scroll-padding:0}
#estilos .deck>*{flex:0 0 100%!important;scroll-snap-align:start}
@media(min-width:620px){#estilos .deck>*{flex-basis:calc((100% - 14px)/2)!important}}
@media(min-width:980px){#estilos .deck>*{flex-basis:calc((100% - 28px)/3)!important}}
@media(min-width:1300px){#estilos .deck>*{flex-basis:calc((100% - 42px)/4)!important}}
.dk-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:4px;position:relative;z-index:2}
.dk-nav button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(243,223,168,.6);background:rgba(255,255,255,.08);color:#fbf6ea;font-size:20px;cursor:pointer}
.dk-nav button:disabled{opacity:.35;cursor:default}
.dk-nav output{min-width:64px;text-align:center;font-size:13px;letter-spacing:.1em}
/* r7 rodapé: luz que segue o cursor (restaurada do calytur-v4: .footer__glow + is-lit) */
.footer{--mx:50%;--my:30%;isolation:isolate}
.footer__glow{pointer-events:none;opacity:0;background:radial-gradient(560px circle at var(--mx) var(--my),#e0884a55,#e0884a1a 40%,transparent 70%);transition:opacity .8s;position:absolute;inset:0;z-index:-1}
.footer.is-lit .footer__glow{opacity:1}
@media(min-width:760px){.pcard.pc-l{right:auto;left:24px}}
/* r7 Disney "quadrado" perto da torre: causa = camadas compostas por palavra (will-change:transform) + filter:drop-shadow no <em>,
   cujo brilho/sombra é recortado no limite retangular da camada em DPR fracionário (1.25/1.5) e GPU Intel. Sem camadas extras, brilho via text-shadow. */
#disney .kin span,#disney .kin .w,#disney .kin em{will-change:auto!important}
#disney .kin em{filter:none!important;text-shadow:0 0 18px rgba(214,180,106,.45),0 2px 24px rgba(7,14,34,.5)}
/* r9: Disney -> Cruzeiros: cena sai subindo e apagando, navio entra depois (sem dupla exposição) */
#world{background:#0b1024}
/* r9: fada sobre o castelo */
#world .w4 canvas.fada{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:6}
/* r9: sem bolinha verde nos ícones de WhatsApp */
.wa-ico:after{content:none!important;display:none!important}
/* r9: WhatsApp do topo vira pílula flutuante no canto inferior direito (desktop); mobile segue com a barra de baixo */
@media (min-width:761px){
 .top>.btn[href*="wa.me"]{position:fixed;right:28px;bottom:28px;top:auto;z-index:45;min-height:48px;padding:6px 20px 6px 6px;font-size:14px;color:var(--ink);background:linear-gradient(180deg,#fffdf9,var(--ivory) 60%,#e6dfd2);box-shadow:inset 0 1px #fff,0 12px 30px -8px #070e2299;transition:transform .5s var(--ease-out),opacity .5s}
 .top>.btn[href*="wa.me"] .wa-ico{background:linear-gradient(180deg,#2f5bd6,var(--blue-600));color:#fff;width:36px;height:36px}
 .at-end .top>.btn[href*="wa.me"]{opacity:0;transform:translateY(140%);pointer-events:none}
}
@media (min-width:761px){.wa-hide .top>.btn[href*="wa.me"]{opacity:0;transform:translateY(140%);pointer-events:none}}

/* r14 */.ppin.nolbl span{opacity:0;transition:opacity .2s}
@media (max-width:759px){.ppin span{display:none}}.play.dim .ppin{pointer-events:none}