:root{
  --v950:#06170d; --v900:#0a2415; --v800:#0f321d; --v700:#164528; --v600:#1f6138;
  --gov:#3AA658; --ouro-gov:#F2C500;
  --ouro:#f3d9a4; --ouro-forte:#e8b24a; --creme:#fff7e6;
  --verm:#c02a32; --verm-esc:#7f141b;
  --texto:#f4efe2; --suave:#b9c9ba;
  --vidro:rgba(255,247,230,.06); --borda:rgba(243,217,164,.18);
  --raio:20px;
  --titulo:'Barlow Condensed',system-ui,sans-serif;
  --corpo:'Barlow',system-ui,-apple-system,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:5.4rem;font-size:clamp(16px,calc(.62vw + 6.5px),26px)}
body{margin:0;background:var(--v950);color:var(--texto);font-family:var(--corpo);font-size:1.03rem;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--ouro)}
button{font:inherit;color:inherit;cursor:pointer}
h1,h2,h3,p{margin:0}
:focus-visible{outline:3px solid var(--ouro-gov);outline-offset:3px;border-radius:8px}
.pular{position:absolute;left:-999px;top:8px;background:var(--creme);color:#111;padding:10px 16px;border-radius:8px;z-index:100}
.pular:focus{left:8px}
[hidden]{display:none!important}
.miolo{max-width:88rem;margin:0 auto;padding-inline:clamp(16px,3.5vw,36px)}

/* ---------- Ticker ---------- */
.ticker{position:sticky;top:0;z-index:40;display:flex;align-items:center;background:linear-gradient(90deg,var(--verm-esc),var(--verm));color:#fff;border-bottom:2px solid var(--ouro-forte);font-weight:500;font-size:.95rem}
.ticker-selo{flex:none;display:flex;gap:8px;align-items:center;padding:7px 14px;font-family:var(--titulo);font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:rgba(0,0,0,.25)}
.ticker-faixa{overflow:hidden;flex:1;white-space:nowrap;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.ticker-texto{display:inline-block;padding-left:100%;animation:correr var(--dur,30s) linear infinite}
.ticker-texto span{margin-right:64px}
.ticker:hover .ticker-texto{animation-play-state:paused}
@keyframes correr{to{transform:translateX(-100%)}}
.pulso{width:9px;height:9px;border-radius:50%;background:#fff;display:inline-block;flex:none;box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:pulso 1.6s infinite}
.pulso.verde{background:#6fe08f;box-shadow:0 0 0 0 rgba(111,224,143,.7)}
@keyframes pulso{70%{box-shadow:0 0 0 9px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}

/* ---------- Navegação flutuante ---------- */
.nav{--p:0;position:fixed;top:calc(var(--ticker-h,0px) + .7rem);left:50%;translate:-50% 0;width:min(96%,88rem);z-index:30;display:flex;align-items:center;gap:.6rem;padding:.4rem .6rem .4rem .45rem;border-radius:999px;background:linear-gradient(180deg,rgba(16,48,29,.82),rgba(6,23,13,.86));backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(243,217,164,.38);box-shadow:0 12px 34px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.12);transition:padding .3s,box-shadow .3s,background .3s}
.nav.rolou{padding-block:.25rem;background:linear-gradient(180deg,rgba(12,36,21,.95),rgba(4,17,10,.96));box-shadow:0 14px 38px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.1)}
.nav-noel{position:absolute;left:.5rem;bottom:-.35rem;width:3.6rem;height:4.2rem;border:0;background:none;padding:0;font-size:3.1rem;line-height:1;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5));transform-origin:50% 100%;animation:noelEspia 5s ease-in-out infinite}
.nav-noel:hover{animation-duration:1.2s}
@keyframes noelEspia{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(5deg) translateY(-3px)}}
.nn-rosto{display:block}
.nn-mao{position:absolute;right:-1.1rem;top:.5rem;font-size:1.7rem;transform-origin:70% 85%;animation:acenar 2.2s ease-in-out infinite}
@keyframes acenar{0%,55%,100%{transform:rotate(0)}10%,30%{transform:rotate(22deg)}20%,40%{transform:rotate(-12deg)}}
.nav-noel.falando .nn-mao{animation-duration:.6s}
.nn-fala{position:absolute;left:3.4rem;top:100%;margin-top:.5rem;white-space:nowrap;font-family:var(--corpo);font-size:.9rem;font-weight:600;line-height:1.2;padding:.5rem .9rem;border-radius:4px 16px 16px 16px;background:var(--creme);color:#1b1407;box-shadow:0 10px 26px rgba(0,0,0,.45);opacity:0;transform:translateY(-8px) scale(.9);transform-origin:0 0;transition:opacity .25s,transform .25s;pointer-events:none}
.nav-noel.falando .nn-fala{opacity:1;transform:none}
.nav-marca{font-family:var(--titulo);font-style:italic;font-weight:700;font-size:1.35rem;color:var(--ouro);text-decoration:none;white-space:nowrap;margin-left:.9rem}
.nav-marca b{color:#fff}
.nav-links{display:flex;gap:2px;margin-left:auto;overflow-x:auto;scrollbar-width:none}
.nav-links::-webkit-scrollbar{display:none}
.nav-links a{position:relative;display:flex;align-items:center;gap:.4rem;color:var(--texto);text-decoration:none;padding:.5rem .8rem;border-radius:999px;font-weight:500;font-size:.95rem;white-space:nowrap;transition:background .25s,color .25s,transform .25s}
.nav-links a i{font-style:normal;font-size:1rem;display:inline-block;transition:transform .3s cubic-bezier(.2,1.6,.4,1)}
.nav-links a:hover{background:rgba(243,217,164,.14);color:var(--ouro);transform:translateY(-1px)}
.nav-links a:hover i{transform:scale(1.35) rotate(-10deg)}
.nav-links a.ativo{background:linear-gradient(180deg,var(--ouro),var(--ouro-forte));color:#1b1407;font-weight:600}
.nav-dias{flex:none;font-size:.8rem;font-weight:600;padding:.4rem .8rem;border-radius:999px;background:rgba(192,42,50,.85);color:#fff;white-space:nowrap;border:1px solid rgba(255,225,160,.5)}
.nav-neve{flex:none;width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid var(--borda);background:transparent;font-size:1.05rem;transition:transform .3s,opacity .3s}
.nav-neve[aria-pressed="false"]{opacity:.4}
.nav-neve:hover{transform:rotate(60deg)}
.nav-gov{flex:none;padding:.55rem 1rem;border-radius:999px;background:var(--gov);color:#04210f;font-weight:600;font-size:.9rem;text-decoration:none;white-space:nowrap;transition:filter .2s,transform .2s}
.nav-gov:hover{filter:brightness(1.12);transform:translateY(-1px)}
.nav-trilho{position:absolute;left:1.6rem;right:1.6rem;bottom:-1px;height:3px;border-radius:3px;pointer-events:none}
.nav-trilho i{position:absolute;inset:0 auto 0 0;width:calc(var(--p) * 100%);border-radius:3px;background:linear-gradient(90deg,transparent,var(--ouro-forte) 30%,#fff3cf);box-shadow:0 0 10px var(--ouro-forte)}
.nav-treno{position:absolute;left:calc(var(--p) * 100%);bottom:-.15rem;font-size:1.15rem;line-height:1;white-space:nowrap;transform:translateX(-70%) scaleX(-1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));opacity:calc(var(--p) * 40);transition:left .15s linear}
@media(max-width:1180px){.nav-dias{display:none}.nav-links a i{display:none}}
@media(max-width:900px){.nav-links{display:none}.nav-marca{margin-right:auto;font-size:1.05rem;margin-left:.5rem;min-width:0;overflow:hidden;text-overflow:ellipsis}.nav-gov{padding:.45rem .7rem;font-size:.8rem}.nav-neve{width:2.1rem;height:2.1rem}.nav{gap:.35rem}.nav-noel{font-size:2.7rem;width:3.2rem;height:3.7rem}.nn-mao{font-size:1.4rem;right:-.8rem}}

/* ---------- Capa ---------- */
.hero{--topo:8.4rem;position:relative;overflow:hidden;isolation:isolate;padding:0;background:
  radial-gradient(60% 55% at 74% 40%,rgba(86,160,98,.5),transparent 70%),
  radial-gradient(40% 40% at 12% 85%,rgba(192,42,50,.22),transparent 70%),
  linear-gradient(180deg,rgba(6,23,13,.2),rgba(6,23,13,.35) 60%,var(--v950)),
  url('/img-fundo.webp') center/cover no-repeat,var(--v800)}
#neve{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.luzes{position:absolute;top:4.6rem;left:0;right:0;height:60px;display:flex;justify-content:space-around;align-items:flex-start;cursor:pointer;z-index:2}
.luzes::before{content:"";position:absolute;left:-2%;right:-2%;top:-26px;height:44px;border-bottom:2px solid #03100a;border-radius:0 0 50% 50%/0 0 100% 100%}
.luz{position:relative;width:.82rem;height:1.2rem;border-radius:50%/40% 40% 60% 60%;margin-top:calc(8px + var(--y,0px));background:var(--c);box-shadow:0 0 14px 4px var(--c);animation:piscar var(--vel,1.8s) ease-in-out infinite;animation-delay:var(--d,0s)}
.luz::before{content:"";position:absolute;left:3px;top:-5px;width:7px;height:6px;background:#03100a;border-radius:2px}
@keyframes piscar{0%,100%{opacity:1;filter:brightness(1.15)}50%{opacity:.28;filter:brightness(.7)}}
.luzes[data-modo="1"] .luz{--vel:.7s}
.luzes[data-modo="2"] .luz{animation-name:onda;--vel:2.4s}
.luzes[data-modo="3"] .luz{animation:none}
@keyframes onda{0%,100%{opacity:.25}20%{opacity:1;transform:scale(1.25)}40%{opacity:.25}}

.hero-grade{max-width:88rem;margin:0 auto;padding:var(--topo) clamp(16px,3.5vw,36px) 2rem;display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,48px);align-items:center;min-height:min(42rem,calc(100svh - 11rem))}
.sobre{display:inline-flex;align-items:center;gap:10px;font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ouro);padding:7px 14px;border:1px solid var(--borda);border-radius:999px;background:rgba(6,23,13,.5);backdrop-filter:blur(6px);animation:subir .7s both}
.hero h1{font-family:var(--titulo);font-weight:800;font-size:clamp(2.6rem,5.6vw,5rem);line-height:.94;letter-spacing:-.01em;text-transform:uppercase;margin:18px 0 14px;color:var(--creme);text-shadow:0 4px 30px rgba(0,0,0,.45);animation:subir .7s .1s both;text-wrap:balance}
.hero h1 em{font-style:italic;background:linear-gradient(100deg,#fff3cf 10%,var(--ouro-forte) 45%,#fff3cf 60%,var(--ouro-forte));background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:brilho 6s linear infinite}
@keyframes brilho{to{background-position:-220% 0}}
.hero-sub{font-size:clamp(1rem,1.5vw,1.2rem);color:var(--suave);max-width:34rem;animation:subir .7s .2s both}
@keyframes subir{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}

.contagem{margin-top:22px;display:inline-grid;gap:10px;padding:16px 18px;border-radius:var(--raio);background:rgba(6,23,13,.6);border:1px solid var(--borda);backdrop-filter:blur(8px);animation:subir .7s .3s both;max-width:100%}
.contagem-rotulo{font-size:.92rem;color:var(--suave);max-width:30rem}
.contagem-rotulo b{color:var(--ouro);font-weight:600}
.contagem-numeros{display:flex;gap:8px}
.contagem-numeros div{flex:1;min-width:70px;padding:9px 6px 7px;border-radius:14px;background:linear-gradient(180deg,rgba(255,247,230,.1),rgba(255,247,230,.03));border:1px solid var(--borda);text-align:center}
.contagem-numeros b{display:block;font-family:var(--titulo);font-weight:700;font-size:2.5rem;line-height:1;color:var(--ouro);font-variant-numeric:tabular-nums}
.contagem-numeros b.vira{animation:vira .45s}
@keyframes vira{0%{transform:translateY(-6px);opacity:.3}100%{transform:none;opacity:1}}
.contagem-numeros span{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--suave)}

.hero-acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;animation:subir .7s .4s both}
.botao{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:999px;font-family:var(--titulo);font-weight:700;font-size:1.1rem;letter-spacing:.03em;text-transform:uppercase;text-decoration:none;border:2px solid transparent;transition:transform .2s,box-shadow .2s,filter .2s}
.botao:hover{transform:translateY(-2px);filter:brightness(1.08)}
.botao:active{transform:scale(.97)}
.botao-vermelho{background:linear-gradient(180deg,#d8343c,var(--verm-esc));color:#fff;border-color:var(--ouro-forte);box-shadow:0 8px 22px rgba(0,0,0,.4)}
.botao-contorno{background:rgba(6,23,13,.5);color:var(--ouro);border-color:rgba(243,217,164,.5)}
.botao-gov{background:var(--gov);color:#04210f}
.botao-pequeno{padding:9px 16px;font-size:.95rem}

.hero-arte{position:relative;display:flex;flex-direction:column;align-items:center;align-self:start;margin-top:calc(var(--topo) * -1 + 1.2rem);--lg:min(112%,47rem)}
.halo{position:absolute;top:6%;left:50%;width:90%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,220,140,.3),transparent 62%);animation:respirar 5s ease-in-out infinite;z-index:-1}
@keyframes respirar{50%{transform:translateX(-50%) scale(1.12);opacity:.7}}
.logo-wrap{width:var(--lg);transform-origin:50% -10%;animation:balanco 6s ease-in-out infinite;transition:transform .25s ease-out;margin-left:8%}
.logo{width:100%;filter:drop-shadow(0 18px 30px rgba(0,0,0,.45));animation:entrar 1.1s cubic-bezier(.2,1.3,.4,1) both}
@keyframes balanco{0%,100%{rotate:-1.6deg}50%{rotate:1.6deg}}
@keyframes entrar{from{opacity:0;transform:translateY(-70px) scale(.9)}to{opacity:1;transform:none}}
.faixa{width:78%;max-width:34rem;margin-top:-27%;position:relative;animation:desenrolar .9s .5s cubic-bezier(.2,.9,.3,1) both}
@keyframes desenrolar{from{opacity:0;clip-path:inset(0 50% 0 50%)}to{opacity:1;clip-path:inset(0 0 0 0)}}
.toque-dica{margin-top:8px;font-size:.8rem;color:var(--suave);letter-spacing:.04em;animation:subir .7s 1.2s both}

.letreiro{border-block:1px solid var(--borda);background:rgba(6,23,13,.72);backdrop-filter:blur(6px);overflow:hidden;white-space:nowrap}
.letreiro-faixa{display:inline-flex;gap:0;padding:11px 0;animation:letreiro var(--dur,60s) linear infinite;font-family:var(--titulo);font-weight:600;font-size:1.15rem;text-transform:uppercase;letter-spacing:.05em;color:var(--creme)}
.letreiro-faixa span{padding-inline:20px}
.letreiro-faixa i{color:var(--ouro-forte);font-style:normal}
.letreiro:hover .letreiro-faixa{animation-play-state:paused}
@keyframes letreiro{to{transform:translateX(-50%)}}

@media(max-width:900px){
  .hero{--topo:6.6rem}
  .hero-grade{grid-template-columns:1fr;text-align:center;min-height:0;gap:6px}
  .hero-arte{order:-1;--lg:min(96vw,460px)}
  .logo-wrap{margin-left:6%}
  .hero-texto{display:flex;flex-direction:column;align-items:center}
  .hero h1{margin-top:14px}
  .hero-acoes{justify-content:center}
  .toque-dica{display:none}
}

/* ---------- Painel rápido (bento) ---------- */
.bento{display:grid;grid-template-columns:1.5fr repeat(3,.6fr) 1.5fr;gap:12px;margin-top:22px}
.bloco{position:relative;border-radius:var(--raio);padding:1.1rem 1.25rem;background:linear-gradient(160deg,rgba(255,247,230,.09),rgba(255,247,230,.03));border:1px solid var(--borda);min-height:8rem;display:flex;flex-direction:column;justify-content:center;gap:4px;text-align:left;overflow:hidden}
.bloco-rot{display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--ouro)}
.bloco-prox{background:linear-gradient(135deg,var(--verm),var(--verm-esc));border-color:var(--ouro-forte);transition:transform .25s,box-shadow .25s}
.bloco-prox:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,0,0,.4)}
.bloco-prox .bloco-rot{color:#ffe1a8}
.bloco-prox strong{font-family:var(--titulo);font-size:1.55rem;line-height:1.05;font-weight:700;color:#fff;padding-right:34px}
.bloco-prox span{font-size:.92rem;color:#ffe9ea}
.bloco-seta{position:absolute;right:18px;bottom:14px;font-size:1.5rem!important;transition:transform .25s}
.bloco-prox:hover .bloco-seta{transform:translateX(5px)}
.bloco-num{align-items:center;text-align:center}
.bloco-num b{font-family:var(--titulo);font-weight:800;font-size:3.2rem;line-height:.9;color:var(--ouro);font-variant-numeric:tabular-nums}
.bloco-num span{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--suave)}
.bloco-avisos{justify-content:flex-start}
.avisos{display:grid;gap:8px;margin-top:6px;max-height:150px;overflow-y:auto}
.aviso{display:flex;gap:10px;align-items:flex-start;font-size:.93rem;padding:8px 10px;border-radius:10px;background:rgba(0,0,0,.2);border-left:4px solid var(--gov);animation:subir .5s both}
.aviso[data-tipo="alerta"]{border-left-color:var(--ouro-gov)}
.aviso[data-tipo="urgente"]{border-left-color:#ff5a5f;background:rgba(192,42,50,.25)}
.aviso p{white-space:pre-line}
.aviso time{display:block;font-size:.74rem;color:var(--suave)}
.aviso-vazio{color:var(--suave);font-size:.95rem}
@media(max-width:1000px){.bento{grid-template-columns:repeat(3,1fr)}.bloco-prox,.bloco-avisos{grid-column:1/-1}.bloco{min-height:96px}.bloco-num b{font-size:2.6rem}}

/* ---------- Seções ---------- */
.secao{padding:clamp(44px,6vw,76px) 0;position:relative}
.secao-clara{background:linear-gradient(180deg,var(--v900),var(--v800) 60%,var(--v900))}
.cab{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:20px}
.olho{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--gov)}
.titulo{font-family:var(--titulo);font-weight:800;text-transform:uppercase;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1;padding-top:.08em;background:linear-gradient(180deg,#fff3cf,var(--ouro-forte));-webkit-background-clip:text;background-clip:text;color:transparent}
.revelar{opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s}
.revelar.visivel{opacity:1;transform:none}
.vazio{padding:24px;border-radius:var(--raio);border:1px dashed rgba(243,217,164,.3);color:var(--suave);text-align:center}

/* ---------- Destaques ---------- */
.setas{display:flex;gap:8px}
.setas button{width:44px;height:44px;border-radius:50%;border:1px solid var(--borda);background:var(--vidro);font-size:1.2rem;transition:background .2s}
.setas button:hover{background:rgba(243,217,164,.2)}
.trilho{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,calc((100% - 32px)/3));gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 16px;scrollbar-width:none}
.trilho::-webkit-scrollbar{display:none}
.dest{scroll-snap-align:start;position:relative;min-height:22rem;border-radius:26px;padding:7.6rem 1.4rem 1.4rem;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;text-align:left;color:#fff;border:1px solid rgba(243,217,164,.35);overflow:hidden;isolation:isolate;background:var(--bg);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .2s ease-out,box-shadow .3s}
.dest:hover{box-shadow:0 24px 50px rgba(0,0,0,.5)}
.dest::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(300px circle at var(--mx,70%) var(--my,10%),rgba(255,225,160,.35),transparent 60%),linear-gradient(180deg,transparent 30%,rgba(0,0,0,.55))}
.dest::after{content:"✦";position:absolute;top:-34px;right:-10px;font-size:11rem;line-height:1;color:rgba(255,255,255,.08);z-index:-1;transition:transform .6s}
.dest:hover::after{transform:rotate(40deg) scale(1.1)}
.dest-data{position:absolute;top:18px;left:20px;display:flex;flex-direction:column;align-items:center;line-height:1;padding:10px 14px;border-radius:16px;background:rgba(6,23,13,.6);backdrop-filter:blur(6px);border:1px solid rgba(243,217,164,.4)}
.dest-data b{font-family:var(--titulo);font-size:2.4rem;font-weight:800;color:var(--ouro)}
.dest-data small{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}
.dest h3{font-family:var(--titulo);font-weight:700;font-size:1.75rem;line-height:1.02;text-transform:uppercase}
.dest p{font-size:.93rem;color:#f1e9da;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dest-meta{font-size:.9rem;font-weight:600;color:var(--ouro)}
.dest:nth-child(4n+1){--bg:linear-gradient(150deg,#c02a32,#5a0e14)}
.dest:nth-child(4n+2){--bg:linear-gradient(150deg,#1f7a44,#0b2e18)}
.dest:nth-child(4n+3){--bg:linear-gradient(150deg,#b8862c,#5a3a08)}
.dest:nth-child(4n+4){--bg:linear-gradient(150deg,#2a5f7a,#0c2633)}

/* ---------- Programação ---------- */
.modos{display:inline-flex;padding:4px;border-radius:999px;background:rgba(0,0,0,.3);border:1px solid var(--borda);gap:2px;max-width:100%;overflow-x:auto;scrollbar-width:none}
.modo{border:0;background:transparent;padding:8px 16px;border-radius:999px;font-weight:600;font-size:.92rem;transition:all .2s;white-space:nowrap}
.modo[aria-pressed="true"]{background:var(--ouro);color:#1b1407}
.modo span{display:inline-block;min-width:20px;padding:0 6px;border-radius:99px;background:var(--verm);color:#fff;font-size:.75rem;margin-left:2px}
.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 14px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;padding:7px 15px;border-radius:999px;border:1px solid var(--borda);background:transparent;font-weight:500;font-size:.92rem;transition:all .2s;white-space:nowrap}
.chip:hover{border-color:var(--ouro)}
.chip[aria-pressed="true"]{background:var(--gov);color:#04210f;border-color:var(--gov);font-weight:600}

.prog{display:grid;grid-template-columns:22rem 1fr;gap:18px;align-items:start}
.prog.sem-dias{grid-template-columns:1fr}
.prog-dias{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;position:sticky;top:6rem}
.porta{position:relative;aspect-ratio:1;border-radius:16px;border:1px solid var(--borda);background:linear-gradient(160deg,rgba(255,247,230,.1),rgba(255,247,230,.02));display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;gap:2px;transition:transform .2s,background .2s,border-color .2s}
.porta:hover{transform:translateY(-3px) rotate(-2deg);border-color:var(--ouro)}
.porta small{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--suave)}
.porta b{font-family:var(--titulo);font-weight:800;font-size:1.9rem;color:var(--creme)}
.porta .pts{display:flex;gap:3px;height:6px;margin-top:3px}
.porta .pts i{width:5px;height:5px;border-radius:50%;background:var(--ouro-forte)}
.porta[aria-pressed="true"]{background:linear-gradient(160deg,var(--verm),var(--verm-esc));border-color:var(--ouro-forte);box-shadow:0 10px 24px rgba(0,0,0,.4);transform:scale(1.04)}
.porta[aria-pressed="true"] small{color:#ffe1a8}
.porta.hoje::after{content:"HOJE";position:absolute;top:-7px;right:-4px;font-size:.58rem;font-weight:700;background:var(--ouro-gov);color:#1b1407;padding:2px 6px;border-radius:99px}
.porta.passou{opacity:.45}
.porta.fav::before{content:"♥";position:absolute;top:5px;left:8px;font-size:.7rem;color:#ff8a90}

.prog-painel{border-radius:26px;border:1px solid var(--borda);background:linear-gradient(170deg,rgba(255,247,230,.07),rgba(255,247,230,.02));padding:clamp(16px,1.6rem,2.4vw);min-height:21rem}
.painel-cab{display:flex;align-items:center;gap:16px;margin-bottom:14px;animation:subir .4s both}
.painel-cab .num{font-family:var(--titulo);font-weight:800;font-size:4.4rem;line-height:.8;color:var(--ouro)}
.painel-cab h3{font-family:var(--titulo);font-weight:700;font-size:1.7rem;line-height:1;text-transform:uppercase}
.painel-cab p{font-size:.88rem;color:var(--suave);text-transform:capitalize}
.sub-cab{font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--gov);margin:20px 0 8px;display:flex;align-items:center;gap:10px}
.sub-cab::after{content:"";flex:1;height:1px;background:var(--borda)}
.evs{display:grid;gap:8px}
.ev{display:grid;grid-template-columns:5.8rem 1fr auto;gap:14px;align-items:center;padding:12px 14px;border-radius:16px;background:rgba(0,0,0,.22);border:1px solid transparent;text-align:left;width:100%;transition:all .2s;animation:subir .4s both;animation-delay:calc(var(--i,0) * 50ms);cursor:pointer}
.ev:hover{border-color:rgba(243,217,164,.5);background:rgba(0,0,0,.34);transform:translateX(4px)}
.ev.destaque{background:linear-gradient(100deg,rgba(232,178,74,.2),rgba(0,0,0,.22) 70%);border-color:rgba(232,178,74,.4)}
.ev.cancelado .ev-t{text-decoration:line-through;opacity:.6}
.ev-h{font-family:var(--titulo);font-weight:700;font-size:1.5rem;line-height:1;color:var(--ouro);text-align:center;padding-right:12px;border-right:1px solid var(--borda)}
.ev-h small{display:block;font-family:var(--corpo);font-weight:500;font-size:.7rem;color:var(--suave);margin-top:3px}
.ev-h.texto{font-size:.95rem;font-style:italic;line-height:1.1}
.ev-h .dd{display:block;font-size:.68rem;font-family:var(--corpo);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--suave);margin-bottom:2px}
.ev-t{font-family:var(--titulo);font-weight:600;font-size:1.28rem;line-height:1.1;color:#fff}
.ev-m{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;margin-top:4px;font-size:.86rem;color:var(--suave)}
.etiqueta{font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:2px 9px;border-radius:999px;background:rgba(58,166,88,.22);color:#bff0cb;border:1px solid rgba(58,166,88,.45)}
.selo{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:2px 9px;border-radius:999px;display:inline-flex;gap:6px;align-items:center}
.selo.agora{background:var(--verm);color:#fff}
.selo.adiado{background:var(--ouro-gov);color:#1b1407}
.selo.cancelado{background:#555;color:#fff}
.fav{width:2.6rem;height:2.6rem;border-radius:50%;border:1px solid var(--borda);background:transparent;font-size:1.15rem;color:var(--suave);transition:all .2s;flex:none}
.fav:hover{border-color:#ff8a90;color:#ff8a90;transform:scale(1.1)}
.fav[aria-pressed="true"]{background:#ff5a64;border-color:#ff5a64;color:#fff;animation:pop .35s}
@keyframes pop{50%{transform:scale(1.35)}}
.lista-cols{columns:2 380px;column-gap:18px}
.lista-dia{break-inside:avoid;margin-bottom:16px}
.lista-dia h4{margin:0 0 8px;font-family:var(--titulo);font-weight:700;font-size:1.25rem;text-transform:uppercase;color:var(--creme);display:flex;gap:10px;align-items:baseline}
.lista-dia h4 small{font-family:var(--corpo);font-size:.72rem;font-weight:600;letter-spacing:.1em;color:var(--gov)}
.agenda-acoes{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.atualizado{font-size:.8rem;color:var(--suave);text-align:right;margin-top:10px}
@media(max-width:900px){
  .prog{grid-template-columns:1fr}
  .prog-dias{position:static;display:flex;overflow-x:auto;padding:8px 2px 10px;scrollbar-width:none;margin-inline:calc(clamp(16px,3.5vw,36px) * -1);padding-inline:clamp(16px,3.5vw,36px)}
  .prog-dias::-webkit-scrollbar{display:none}
  .porta{flex:none;width:66px}
  .ev{grid-template-columns:74px 1fr auto;gap:10px;padding:10px}
  .ev-h{font-size:1.25rem;padding-right:8px}
  .painel-cab .num{font-size:3.4rem}
}

/* ---------- Entre no clima ---------- */
.clima{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px}
.cartao-clima{border-radius:26px;border:1px solid var(--borda);background:linear-gradient(165deg,rgba(255,247,230,.08),rgba(255,247,230,.02));padding:clamp(18px,2.4vw,28px);display:flex;flex-direction:column;gap:8px}
.cartao-clima h3{font-family:var(--titulo);font-weight:700;font-size:1.7rem;text-transform:uppercase;line-height:1;color:var(--creme)}
.cartao-clima>p{color:var(--suave);font-size:.95rem}
.arvore{position:relative;width:min(100%,20rem);margin:6px auto 0;aspect-ratio:300/340}
.arvore svg{width:100%;height:100%;filter:drop-shadow(0 16px 24px rgba(0,0,0,.4))}
#estrela{transition:fill .5s,filter .5s;transform-origin:150px 30px}
.arvore.completa #estrela{fill:#ffd34d;filter:drop-shadow(0 0 14px #ffd34d);animation:girar 2.4s ease-in-out infinite}
@keyframes girar{50%{transform:scale(1.25) rotate(14deg)}}
.bola{position:absolute;width:9%;aspect-ratio:1;border-radius:50%;border:0;padding:0;transform:translate(-50%,-50%);background:#3c4a3f;box-shadow:inset -3px -4px 6px rgba(0,0,0,.4);transition:background .3s,box-shadow .3s,transform .2s}
.bola:hover{transform:translate(-50%,-50%) scale(1.25)}
.bola.acesa{background:var(--c);box-shadow:0 0 18px 6px var(--c),inset -3px -4px 6px rgba(0,0,0,.2);animation:piscar 2s ease-in-out infinite;animation-delay:var(--d)}
.arvore-pe{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:auto;font-weight:600;color:var(--ouro)}
.cartao-grade{display:grid;grid-template-columns:minmax(11rem,19rem) 1fr;gap:18px;align-items:start;margin-top:6px}
#cartaoCanvas{width:100%;height:auto;border-radius:16px;border:1px solid rgba(243,217,164,.4);box-shadow:0 16px 34px rgba(0,0,0,.45);background:var(--v800)}
#cartaoForm{display:grid;gap:12px}
#cartaoForm label,#cartaoForm legend{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--ouro);display:grid;gap:6px;padding:0}
#cartaoForm input[type=text]{font:inherit;color:var(--texto);padding:12px 14px;border-radius:12px;border:1px solid var(--borda);background:rgba(0,0,0,.3);width:100%}
#cartaoForm input[type=text]:focus{outline:2px solid var(--ouro);border-color:var(--ouro)}
#cartaoForm fieldset{border:0;padding:0;margin:0}
#cartaoMsgs{display:grid;gap:6px;margin-top:6px}
.msg{text-align:left;padding:10px 12px;border-radius:12px;border:1px solid var(--borda);background:rgba(0,0,0,.2);font-size:.92rem;transition:all .2s}
.msg:hover{border-color:var(--ouro)}
.msg[aria-pressed="true"]{border-color:var(--ouro-forte);background:rgba(232,178,74,.18)}
@media(max-width:1000px){.clima{grid-template-columns:1fr}}
@media(max-width:560px){.cartao-grade{grid-template-columns:1fr}#cartaoCanvas{max-width:260px;margin:0 auto}}

/* ---------- Locais ---------- */
.locais{display:grid;grid-template-columns:minmax(18rem,28rem) 1fr;gap:18px}
.locais-lista{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}
.local{text-align:left;padding:13px 14px;border-radius:16px;border:1px solid var(--borda);background:var(--vidro);transition:all .2s;cursor:pointer;display:flex;flex-direction:column;gap:2px}
.local:hover{border-color:var(--ouro);transform:translateY(-2px)}
.local[aria-pressed="true"]{background:linear-gradient(150deg,rgba(232,178,74,.28),rgba(232,178,74,.08));border-color:var(--ouro-forte)}
.local b{font-family:var(--titulo);font-size:1.18rem;font-weight:600;line-height:1.05;color:#fff}
.local span{font-size:.8rem;color:var(--suave)}
.mapa{position:relative;border-radius:26px;overflow:hidden;border:1px solid rgba(243,217,164,.3);min-height:28rem;background:var(--v800)}
.mapa iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mapa-info{position:absolute;left:12px;right:12px;bottom:12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-radius:16px;background:rgba(6,23,13,.88);backdrop-filter:blur(10px);border:1px solid var(--borda)}
.mapa-info b{font-family:var(--titulo);font-size:1.3rem;display:block;line-height:1}
.mapa-info span{font-size:.85rem;color:var(--suave)}
@media(max-width:860px){.locais{grid-template-columns:1fr}.locais-lista{display:flex;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.local{flex:none;width:190px}.mapa{min-height:380px}}

/* ---------- Galeria ---------- */
.galeria{columns:4 220px;column-gap:12px}
.foto{display:block;width:100%;margin:0 0 12px;padding:0;border:0;border-radius:16px;overflow:hidden;background:var(--v700);break-inside:avoid;position:relative}
.foto img{width:100%;transition:transform .5s}
.foto:hover img{transform:scale(1.06)}
.foto span{position:absolute;inset:auto 0 0 0;padding:26px 12px 10px;font-size:.85rem;text-align:left;background:linear-gradient(transparent,rgba(0,0,0,.75));opacity:0;transition:opacity .3s}
.foto:hover span,.foto:focus-visible span{opacity:1}

/* ---------- Rodapé ---------- */
.rodape{background:#04110a;border-top:1px solid var(--borda);padding:44px 0 0;font-size:.93rem;color:var(--suave)}
.rodape-grade{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:28px;align-items:start}
.rodape img{width:min(100%,300px);margin-bottom:8px}
.rodape h3{font-family:var(--titulo);font-size:1.2rem;font-weight:700;text-transform:uppercase;color:var(--creme);margin-bottom:8px}
.rodape .botao{margin-bottom:12px}
.rodape-mini{font-size:.8rem;opacity:.8}
.creditos{margin-top:34px;padding:16px;text-align:center;font-size:.85rem;border-top:1px solid var(--borda);background:rgba(0,0,0,.3)}
.creditos strong{color:var(--ouro)}
@media(max-width:820px){.rodape-grade{grid-template-columns:1fr;text-align:center}.rodape img{margin-inline:auto}}

/* ---------- Barra inferior (celular) ---------- */
.barra{display:none}
@media(max-width:820px){
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  .barra{position:fixed;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:35;display:grid;grid-template-columns:repeat(5,1fr);padding:6px;border-radius:22px;background:rgba(6,23,13,.9);backdrop-filter:blur(14px);border:1px solid rgba(243,217,164,.35);box-shadow:0 10px 30px rgba(0,0,0,.5)}
  .barra a{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 2px;border-radius:16px;font-size:.62rem;font-weight:600;color:var(--suave);text-decoration:none;transition:all .2s}
  .barra a span{font-size:1.15rem;line-height:1.2}
  .barra a.ativo{background:rgba(243,217,164,.16);color:var(--ouro)}
  .toast{bottom:calc(84px + env(safe-area-inset-bottom))!important}
}

/* ---------- Modais ---------- */
dialog{border:0;padding:0;color:var(--texto);max-width:none}
dialog::backdrop{background:rgba(3,12,7,.8);backdrop-filter:blur(4px)}
.modal{width:min(92vw,36rem);border-radius:24px;background:linear-gradient(170deg,var(--v700),var(--v900));border:1px solid var(--ouro-forte);box-shadow:0 30px 80px rgba(0,0,0,.6)}
.modal[open]{animation:abrir .3s cubic-bezier(.2,1.2,.4,1)}
@keyframes abrir{from{opacity:0;transform:scale(.92) translateY(20px)}}
#modalCorpo{padding:30px 26px 26px;display:grid;gap:12px;justify-items:start}
#modalCorpo h3{font-family:var(--titulo);font-weight:700;font-size:1.9rem;line-height:1.05;color:var(--ouro);text-transform:uppercase}
#modalCorpo p{white-space:pre-line}
.modal-tags{display:flex;gap:6px;flex-wrap:wrap}
.modal-info{justify-self:stretch;display:grid;gap:6px;padding:14px 16px;border-radius:14px;background:rgba(0,0,0,.25);font-weight:500}
.modal-acoes{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.modal-fechar{position:absolute;top:10px;right:12px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(0,0,0,.35);color:#fff;font-size:1.5rem;line-height:1;z-index:2}
.luzbox{background:transparent;width:100vw;height:100vh;max-height:none}
.luzbox[open]{display:flex;align-items:center;justify-content:center}
.luzbox figure{margin:0;max-width:92vw;text-align:center}
.luzbox img{max-width:92vw;max-height:82vh;border-radius:12px;margin:0 auto}
.luzbox figcaption{margin-top:10px;color:var(--creme)}
.luzbox-nav{position:fixed;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:0;background:rgba(0,0,0,.5);color:#fff;font-size:2rem;line-height:1}
.luzbox-nav.ant{left:12px}.luzbox-nav.prox{right:12px}
.luzbox .modal-fechar{position:fixed}

.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,120px);background:var(--creme);color:#1b1407;padding:12px 20px;border-radius:999px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:transform .35s,visibility .35s;visibility:hidden;z-index:60;max-width:90vw;text-align:center}
.toast.visivel{transform:translate(-50%,0);visibility:visible}
.faisca{position:fixed;width:8px;height:8px;border-radius:50%;pointer-events:none;z-index:70;background:radial-gradient(circle,#fff,var(--cf,#e8b24a) 60%,transparent 70%);animation:faisca .9s ease-out forwards}
@keyframes faisca{to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .ticker-texto,.letreiro-faixa{animation:none}
  .ticker-texto{padding-left:14px;white-space:normal}
  .revelar{opacity:1;transform:none}
}

/* ---------- Jogo do Papai Noel ---------- */
.jogo-box{margin-bottom:18px;background:linear-gradient(165deg,rgba(192,42,50,.22),rgba(255,247,230,.03) 55%)}
.jogo-cab{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:flex-end;justify-content:space-between}
.jogo-cab p{color:var(--suave);font-size:.95rem;max-width:44rem;margin-top:4px}
.jogo-placar{display:flex;gap:8px}
.jogo-placar span{display:flex;align-items:center;gap:6px;padding:.45rem .9rem;border-radius:999px;background:rgba(0,0,0,.35);border:1px solid var(--borda);font-weight:600;white-space:nowrap}
.jogo-placar b{font-family:var(--titulo);font-size:1.5rem;line-height:1;color:var(--ouro);font-variant-numeric:tabular-nums;min-width:1.2ch;text-align:right}
.jogo-palco{position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(243,217,164,.4);margin-top:8px;background:#0b1730;touch-action:manipulation;user-select:none;-webkit-user-select:none}
#jogo{display:block;width:100%;height:auto;cursor:pointer}
.jogo-tela{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:18px;background:rgba(6,14,32,.72);backdrop-filter:blur(3px)}
.jogo-tela .emoji{font-size:3.4rem;line-height:1;animation:balanco 2.4s ease-in-out infinite}
.jogo-tela h4{margin:0;font-family:var(--titulo);font-weight:800;font-size:clamp(1.7rem,3.4vw,2.8rem);line-height:1;text-transform:uppercase;color:var(--ouro)}
.jogo-tela p{max-width:30rem;color:var(--creme)}
.jogo-tela .linha-botoes{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
/* ---------- Modelos de cartão ---------- */
#cartaoModelos{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.modelo{width:4.1rem;height:3.6rem;border-radius:10px;border:2px solid transparent;background:var(--m);position:relative;transition:transform .2s}
.modelo:hover{transform:translateY(-3px)}
.modelo[aria-pressed="true"]{border-color:var(--ouro);box-shadow:0 0 0 3px rgba(243,217,164,.3)}
.modelo span{position:absolute;inset:auto 0 3px 0;font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--t,#fff);text-align:center}
#cartaoMsgs{max-height:11.5rem;overflow-y:auto;padding-right:4px}
/* ---------- Papai Noel flutuante ---------- */
.noel{position:fixed;right:18px;bottom:18px;z-index:36;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}
.noel>*{pointer-events:auto}
.noel-botao{width:4rem;height:4rem;border-radius:50%;border:3px solid var(--ouro-forte);background:radial-gradient(circle at 35% 30%,#e2434b,var(--verm-esc));font-size:2.1rem;line-height:1;box-shadow:0 10px 28px rgba(0,0,0,.5);animation:noelPulo 3.5s ease-in-out infinite;transition:transform .2s}
.noel-botao:hover{transform:scale(1.1) rotate(-8deg)}
@keyframes noelPulo{0%,86%,100%{translate:0 0}90%{translate:0 -10px}94%{translate:0 0}97%{translate:0 -5px}}
.noel-fala{max-width:min(19rem,78vw);padding:14px 16px;border-radius:18px 18px 4px 18px;background:var(--creme);color:#1b1407;font-weight:500;box-shadow:0 14px 34px rgba(0,0,0,.45);animation:abrir .3s cubic-bezier(.2,1.2,.4,1)}
.noel-fala p{margin:0 0 8px}
.noel-fala .linha-botoes{display:flex;gap:6px;flex-wrap:wrap}
.noel-fala button,.noel-fala a{border:0;border-radius:999px;padding:6px 12px;font-size:.84rem;font-weight:600;text-decoration:none;background:var(--verm);color:#fff}
.noel-fala .sec{background:#e9dcc2;color:#1b1407}
@media(max-width:820px){.noel{right:12px;bottom:calc(84px + env(safe-area-inset-bottom))}.noel-botao{width:3.4rem;height:3.4rem;font-size:1.8rem}}

/* ---------- Ranking ---------- */
.jogo-corpo{display:grid;grid-template-columns:1fr 17rem;gap:14px;margin-top:8px;align-items:stretch}
.jogo-corpo .jogo-palco{margin-top:0}
.ranking{border-radius:20px;border:1px solid var(--borda);background:rgba(0,0,0,.28);padding:14px 16px}
.ranking h4{margin:0 0 8px;font-family:var(--titulo);font-size:1.3rem;text-transform:uppercase;color:var(--ouro)}
.ranking ol{list-style:none;margin:0;padding:0;display:grid;gap:4px;counter-reset:rk}
.ranking li{counter-increment:rk;display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:10px;background:rgba(255,247,230,.05);font-weight:500}
.ranking li::before{content:counter(rk);width:1.6rem;height:1.6rem;border-radius:50%;display:grid;place-items:center;font-family:var(--titulo);font-weight:700;background:rgba(243,217,164,.15);color:var(--ouro);flex:none}
.ranking li:nth-child(1)::before{content:"🥇";background:none;font-size:1.2rem}
.ranking li:nth-child(2)::before{content:"🥈";background:none;font-size:1.2rem}
.ranking li:nth-child(3)::before{content:"🥉";background:none;font-size:1.2rem}
.ranking li b{margin-left:auto;font-family:var(--titulo);font-size:1.3rem;color:var(--ouro)}
.ranking li.rk-vazio{background:none;color:var(--suave);font-weight:400;padding:4px 0}
.ranking li.rk-vazio::before{display:none}
.jg-form{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.jg-form input{font:inherit;padding:9px 14px;border-radius:999px;border:1px solid var(--ouro-forte);background:rgba(0,0,0,.5);color:#fff;width:11rem;text-align:center}
@media(max-width:900px){.jogo-corpo{grid-template-columns:1fr}}
.arvores-total{flex-basis:100%;font-size:.9rem;font-weight:500;color:var(--creme);order:3}
/* ---------- Cartinha + moldura ---------- */
.clima2{grid-template-columns:1.25fr .75fr}
.carta-box{background:linear-gradient(165deg,rgba(232,178,74,.16),rgba(255,247,230,.03) 60%)}
#cartaForm{display:grid;gap:12px;margin-top:6px}
#cartaForm label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ouro);display:grid;gap:6px;position:relative}
#cartaForm input:not([type=checkbox]),#cartaForm textarea{font:inherit;font-size:1rem;text-transform:none;letter-spacing:0;font-weight:400;color:var(--texto);padding:12px 14px;border-radius:12px;border:1px solid var(--borda);background:rgba(0,0,0,.3);width:100%}
#cartaForm textarea{resize:vertical;min-height:8rem;font-family:'Barlow',sans-serif;line-height:1.5;background:rgba(255,247,230,.92);color:#2a1d05}
#cartaForm textarea::placeholder{color:#8a7a58}
#cartaForm input:focus,#cartaForm textarea:focus{outline:2px solid var(--ouro);border-color:var(--ouro)}
.campos2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.conta{position:absolute;right:10px;bottom:8px;font-size:.72rem;color:#8a7a58;font-weight:500;letter-spacing:0}
#cartaForm .aceite{display:flex;gap:10px;align-items:flex-start;text-transform:none;letter-spacing:0;font-weight:400;font-size:.88rem;color:var(--suave)}
.aceite input{width:1.2rem;height:1.2rem;margin-top:2px;flex:none;accent-color:var(--gov)}
.erro-form{color:#ff9aa0;font-weight:600;font-size:.9rem;min-height:1.2em}
.carta-ok{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:2rem 1rem;margin:auto 0}
.carta-ok .emoji{font-size:4rem;line-height:1;animation:voar 1s cubic-bezier(.2,1.3,.4,1) both}
@keyframes voar{from{transform:translateY(60px) rotate(-20deg) scale(.4);opacity:0}}
.carta-ok h4{margin:0;font-family:var(--titulo);font-size:2rem;text-transform:uppercase;color:var(--ouro)}
#molduraCanvas{width:100%;max-width:21rem;height:auto;margin:6px auto 4px;border-radius:16px;border:1px solid rgba(243,217,164,.4);box-shadow:0 16px 34px rgba(0,0,0,.45);background:var(--v800);display:block}
.moldura-box .linha-botoes{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:auto}
.botao:disabled{opacity:.4;cursor:not-allowed;transform:none}
@media(max-width:1000px){.clima2{grid-template-columns:1fr}}
@media(max-width:520px){.campos2{grid-template-columns:1fr}}

/* ---------- Atrações principais ---------- */
.principais{display:grid;gap:22px}
.pri{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(16px,2.4vw,34px);align-items:center;border-radius:30px;padding:clamp(16px,2.2vw,30px);border:1px solid rgba(243,217,164,.35);background:var(--bg);position:relative;overflow:hidden;isolation:isolate}
.pri::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 80% at 0% 0%,rgba(255,225,160,.18),transparent 60%)}
.pri:nth-child(odd){--bg:linear-gradient(135deg,#3a1030,#141a44 55%,#0c2a18)}
.pri:nth-child(even){--bg:linear-gradient(135deg,#5a0e14,#7f141b 45%,#2a0709);grid-template-columns:1.1fr .9fr}
.pri:nth-child(even) .pri-texto{order:2}
.pri-texto{display:grid;gap:12px;justify-items:start}
.pri-selo{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:var(--ouro-forte);color:#1b1407;padding:5px 12px;border-radius:999px}
.pri h3{font-family:var(--titulo);font-weight:800;font-size:clamp(1.9rem,3.6vw,3.2rem);line-height:.98;text-transform:uppercase;color:#fff}
.pri-chamada{font-family:var(--titulo);font-style:italic;font-weight:600;font-size:clamp(1.2rem,1.8vw,1.6rem);line-height:1.1;color:var(--ouro)}
.pri-desc{color:#f1e9da}
.pri-fatos{display:flex;flex-wrap:wrap;gap:8px}
.pri-fatos span{padding:7px 13px;border-radius:999px;background:rgba(0,0,0,.35);border:1px solid rgba(243,217,164,.35);font-weight:600;font-size:.9rem}
.pri-acoes{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.mosaico{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(84px,9.5vw,170px);gap:8px}
.mosaico button{position:relative;border:0;padding:0;border-radius:16px;overflow:hidden;background:#000;cursor:zoom-in}
.mosaico button:first-child{grid-column:span 4;grid-row:span 2}
.mosaico img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.mosaico button:hover img{transform:scale(1.07)}
.mosaico .mais{position:absolute;inset:0;display:grid;place-items:center;background:rgba(6,23,13,.7);font-family:var(--titulo);font-weight:700;font-size:1.5rem;color:var(--ouro)}
.mosaico.um{display:block}
.mosaico.um button{width:100%;max-width:30rem;margin:0 auto;display:block;aspect-ratio:auto}
.mosaico.um img{height:auto}
@media(max-width:900px){.pri,.pri:nth-child(even){grid-template-columns:1fr}.pri:nth-child(even) .pri-texto{order:0}.pri-midia{order:-1}}
.modal-capa{justify-self:stretch;width:calc(100% + 52px);margin:-30px -26px 4px;max-height:15rem;object-fit:cover;border-radius:24px 24px 0 0}

/* ---------- Acabamento ---------- */
.secao-clara{position:relative}
.secao-clara::before,.secao-clara::after{content:"";position:absolute;left:0;right:0;height:26px;pointer-events:none;background:radial-gradient(22px 16px at 22px 0,var(--v950) 98%,transparent) 0 0/44px 26px repeat-x;opacity:.9}
.secao-clara::before{top:0}
.secao-clara::after{bottom:0;transform:scaleY(-1)}
.cab{position:relative;padding-left:1rem}
.cab::before{content:"";position:absolute;left:0;top:.2rem;bottom:.3rem;width:5px;border-radius:5px;background:linear-gradient(180deg,var(--verm),var(--ouro-forte),var(--gov))}
.cartao-clima{transition:border-color .3s,transform .3s,box-shadow .3s}
.cartao-clima:hover{border-color:rgba(243,217,164,.5);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.bloco-num{transition:transform .25s}
.bloco-num:hover{transform:translateY(-3px) rotate(-1.5deg)}
.rodape-links{display:flex;flex-wrap:wrap;gap:6px 8px;justify-content:center;margin-top:28px}
.rodape-links a{padding:6px 14px;border-radius:999px;border:1px solid var(--borda);text-decoration:none;font-size:.86rem;color:var(--texto);transition:all .2s}
.rodape-links a:hover{background:rgba(243,217,164,.14);color:var(--ouro)}
.creditos{margin-top:22px}
/* ---------- Música ---------- */
.nav-som[aria-pressed="true"]{background:linear-gradient(180deg,var(--ouro),var(--ouro-forte));border-color:var(--ouro);animation:somBate 1s ease-in-out infinite}
@keyframes somBate{50%{transform:scale(1.12) rotate(-8deg)}}
.nota{position:fixed;z-index:70;pointer-events:none;font-size:1.3rem;animation:nota 1.8s ease-out forwards}
@keyframes nota{to{transform:translate(var(--dx),-90px) rotate(20deg);opacity:0}}

/* ---------- Abas dos jogos ---------- */
.jogo-abas{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 10px;margin-bottom:4px;border-bottom:1px solid var(--borda)}
.jogo-abas::-webkit-scrollbar{display:none}
.jogo-aba{flex:none;padding:.6rem 1rem;border-radius:999px;border:1px solid var(--borda);background:rgba(0,0,0,.25);font-weight:600;font-size:.95rem;white-space:nowrap;transition:all .2s}
.jogo-aba:hover{border-color:var(--ouro);transform:translateY(-2px)}
.jogo-aba[aria-selected="true"]{background:linear-gradient(180deg,#d8343c,var(--verm-esc));border-color:var(--ouro-forte);color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.35)}
.jogo-painel{display:grid;gap:10px;animation:subir .35s both}
.jogo-rodape{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;font-weight:600;color:var(--ouro)}
/* Memória */
.memoria{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(6px,1vw,12px);max-width:44rem;width:100%;margin:6px auto;perspective:900px}
.mem{position:relative;aspect-ratio:1/1.05;border:0;padding:0;background:none;border-radius:16px;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.3,1.3,.5,1)}
.mem.virada,.mem.feita{transform:rotateY(180deg)}
.mem span{position:absolute;inset:0;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid rgba(243,217,164,.4)}
.mem .verso{background:linear-gradient(150deg,#c02a32,#5a0e14);font-size:clamp(1.4rem,4vw,2.4rem)}
.mem .verso::after{content:"";position:absolute;inset:8px;border:1px dashed rgba(243,217,164,.5);border-radius:10px}
.mem .frente{transform:rotateY(180deg);background:linear-gradient(160deg,#fff7e6,#f3d9a4);color:#1b1407;padding:4px;text-align:center}
.mem .frente b{font-size:clamp(1.8rem,5.5vw,3.2rem);line-height:1}
.mem .frente small{font-size:clamp(.56rem,1.4vw,.82rem);font-weight:700;line-height:1.05;text-transform:uppercase;letter-spacing:.02em}
.mem.feita .frente{background:linear-gradient(160deg,#d8f5df,#7fd69a);animation:pop .4s}
.mem:not(.virada):not(.feita):hover{transform:translateY(-4px) rotate(-2deg)}
/* Cadê o Papai Noel */
.caca{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(6px,1vw,12px);max-width:44rem;width:100%;margin:6px auto}
.toca{position:relative;aspect-ratio:1.25/1;border-radius:18px;border:1px solid var(--borda);background:linear-gradient(170deg,#1c3566,#0b1730);overflow:hidden;padding:0;touch-action:manipulation}
.toca .lugar{position:absolute;inset:auto 0 0 0;padding:6px 4px 7px;font-size:clamp(.6rem,1.5vw,.85rem);font-weight:700;text-transform:uppercase;letter-spacing:.03em;background:rgba(6,23,13,.82);color:var(--creme);line-height:1.05}
.toca .cena{position:absolute;inset:0 0 22% 0;display:grid;place-items:center;font-size:clamp(1.8rem,6vw,3.4rem);opacity:.5;filter:saturate(.7)}
.toca .alvo{position:absolute;left:50%;bottom:20%;font-size:clamp(2.2rem,7vw,4rem);line-height:1;transform:translate(-50%,130%);transition:transform .16s cubic-bezier(.2,1.5,.4,1)}
.toca.ativa .alvo{transform:translate(-50%,0)}
.toca.acertou{animation:pop .3s;border-color:var(--ouro-forte);box-shadow:0 0 0 3px rgba(232,178,74,.5)}
/* Quiz */
.quiz{display:grid;gap:12px;max-width:46rem;width:100%;margin:6px auto}
.quiz h4{margin:0;font-family:var(--titulo);font-weight:700;font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.1;color:var(--creme)}
.quiz-ops{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.quiz-op{text-align:left;padding:.9rem 1rem;border-radius:14px;border:1px solid var(--borda);background:rgba(0,0,0,.28);font-weight:600;transition:all .2s}
.quiz-op:hover:not(:disabled){border-color:var(--ouro);transform:translateY(-2px)}
.quiz-op.certa{background:#1f7a44;border-color:#7fd69a;color:#fff}
.quiz-op.errada{background:var(--verm-esc);border-color:#ff8a90;color:#fff}
.quiz-fim{text-align:center;display:grid;gap:10px;justify-items:center;padding:1rem}
.quiz-fim .emoji{font-size:3.6rem;line-height:1}
@media(max-width:520px){.quiz-ops{grid-template-columns:1fr}}

/* ---------- Marcas na barra + destaques compactos ---------- */
.nav-marcas{flex:none;display:block;border-radius:999px;transition:transform .25s;margin-right:auto}
.nav-marcas:hover{transform:scale(1.04) rotate(-1deg)}
.nav-marcas img{height:3rem;width:auto;border-radius:1rem;box-shadow:0 4px 12px rgba(0,0,0,.35)}
.nav.rolou .nav-marcas img{height:2.5rem}
.nav-links{margin-left:0}
@media(max-width:900px){.nav-marcas img{height:2.5rem}}
.tambem{margin-top:22px}
.tambem-lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:10px}
.mini-dest{display:flex;align-items:center;gap:14px;text-align:left;padding:.8rem 1rem;border-radius:18px;border:1px solid rgba(232,178,74,.4);background:linear-gradient(100deg,rgba(232,178,74,.18),rgba(255,247,230,.03) 70%);transition:transform .2s,border-color .2s}
.mini-dest:hover{transform:translateX(4px);border-color:var(--ouro)}
.mini-dest .dia{flex:none;display:flex;flex-direction:column;align-items:center;line-height:1;padding:.5rem .7rem;border-radius:12px;background:rgba(0,0,0,.35);border:1px solid var(--borda)}
.mini-dest .dia b{font-family:var(--titulo);font-size:1.7rem;font-weight:800;color:var(--ouro)}
.mini-dest .dia small{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em}
.mini-dest strong{display:block;font-family:var(--titulo);font-weight:600;font-size:1.25rem;line-height:1.1;color:#fff}
.mini-dest span.meta{font-size:.86rem;color:var(--suave)}
.mini-dest .seta{margin-left:auto;font-size:1.3rem;color:var(--ouro)}
.nav-som{color:var(--ouro);font-size:1.3rem;font-weight:700;border-color:rgba(243,217,164,.6)}
.nav-som[aria-pressed="true"]{color:#1b1407}

/* ---------- Galeria com álbuns ---------- */
#galeria .cab .chips{padding-bottom:2px}
.galeria{columns:4 15rem;column-gap:12px}
.foto{cursor:zoom-in;animation:subir .5s both}
.foto img{min-height:6rem;background:var(--v700)}
.galeria .vazio{column-span:all;display:grid;gap:6px;justify-items:center;padding:2.4rem 1rem}
.galeria .vazio b{font-size:2.6rem;line-height:1}
.galeria-mais{display:flex;justify-content:center;margin-top:14px}
.luzbox figcaption small{display:block;opacity:.7;font-size:.8rem;margin-top:2px}
.nav{padding-left:1.3rem}
.nav-marcas{border-radius:8px}
.nav-marcas img{height:2.9rem;border-radius:0;box-shadow:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}
.nav.rolou .nav-marcas img{height:2.4rem}
@media(max-width:900px){.nav-marcas img{height:2.3rem}.nav{padding-left:1rem}}

/* ---------- Notícias ---------- */
.noticias{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.noticia{display:flex;flex-direction:column;text-align:left;border-radius:22px;overflow:hidden;border:1px solid var(--borda);background:linear-gradient(170deg,rgba(255,247,230,.08),rgba(255,247,230,.02));padding:0;transition:transform .25s,border-color .25s,box-shadow .25s}
.noticia:hover{transform:translateY(-5px);border-color:rgba(243,217,164,.6);box-shadow:0 18px 40px rgba(0,0,0,.4)}
.noticia .capa{aspect-ratio:16/9;width:100%;object-fit:cover;background:linear-gradient(135deg,var(--verm-esc),var(--v700));display:grid;place-items:center;font-size:3rem;transition:transform .5s}
.noticia:hover img.capa{transform:scale(1.05)}
.noticia .capa-wrap{overflow:hidden}
.noticia .txt{padding:1rem 1.1rem 1.2rem;display:grid;gap:6px}
.noticia time{font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--gov)}
.noticia h3{font-family:var(--titulo);font-weight:700;font-size:1.45rem;line-height:1.08;color:#fff}
.noticia p{font-size:.93rem;color:var(--suave);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.noticia .ler{font-weight:600;font-size:.88rem;color:var(--ouro)}
.noticia.grande{grid-column:span 2;grid-row:span 2}
.noticia.grande .capa{aspect-ratio:16/8.2}
.noticia.grande h3{font-size:clamp(1.7rem,2.6vw,2.4rem)}
.noticia.grande p{font-size:1.02rem;-webkit-line-clamp:4}
@media(max-width:900px){.noticias{grid-template-columns:1fr}.noticia.grande{grid-column:auto;grid-row:auto}}
.modal.leitura{width:min(94vw,46rem)}
.modal.leitura #modalCorpo{gap:14px}
.modal.leitura h3{font-size:clamp(1.7rem,3.4vw,2.5rem);text-transform:none}
.materia{display:grid;gap:1em;font-size:1.06rem;line-height:1.7;color:#f1e9da;justify-self:stretch}
.materia p{white-space:normal}
.materia a{color:var(--ouro);word-break:break-word}
.modal.leitura .modal-capa{max-height:22rem}
.assina{font-size:.86rem;color:var(--suave)}
.modal-capa{max-width:none}
.noticia.grande .capa-wrap{flex:1;min-height:0;display:flex}
.noticia.grande .capa{aspect-ratio:auto;height:100%;min-height:16rem}

/* ---------- Colorir ---------- */
.sub-colorir{color:var(--suave);margin:-8px 0 18px;max-width:46rem}
.desenhos{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.desenho{border-radius:22px;border:1px solid var(--borda);background:linear-gradient(170deg,rgba(255,247,230,.09),rgba(255,247,230,.02));padding:12px;display:flex;flex-direction:column;gap:10px;transition:transform .25s,border-color .25s,box-shadow .25s}
.desenho:hover{transform:translateY(-5px) rotate(-.6deg);border-color:rgba(243,217,164,.6);box-shadow:0 18px 40px rgba(0,0,0,.4)}
.desenho button.papel{border:0;padding:0;border-radius:14px;overflow:hidden;background:#fff;cursor:pointer;aspect-ratio:3/4}
.desenho .papel img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.desenho:hover .papel img{transform:scale(1.04)}
.desenho h3{font-family:var(--titulo);font-weight:700;font-size:1.25rem;line-height:1.1;color:#fff;text-align:center}
.desenho .linha-botoes{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.desenho .botao{padding:.55rem .5rem;font-size:.86rem}
@media(max-width:1000px){.desenhos{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){.desenho .linha-botoes{grid-template-columns:1fr}}
/* Ateliê de pintura */
.atelie{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;background:#0a2415;color:var(--texto);padding:0}
.atelie[open]{display:flex;flex-direction:column}
.at-topo{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:#06170d;border-bottom:1px solid var(--borda)}
.at-topo strong{font-family:var(--titulo);font-size:1.3rem;color:var(--ouro);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.at-acoes{display:flex;gap:6px;flex:none}
.at-bt{border:1px solid var(--borda);background:rgba(255,247,230,.07);border-radius:999px;padding:.5rem .8rem;font-weight:600;font-size:.9rem;white-space:nowrap}
.at-bt:hover{border-color:var(--ouro)}
.at-bt.ouro{background:linear-gradient(180deg,var(--ouro),var(--ouro-forte));color:#1b1407;border-color:var(--ouro)}
.at-palco{flex:1;min-height:0;display:grid;place-items:center;padding:10px;background:radial-gradient(circle at 50% 30%,#174a2c,#06170d)}
#atCanvas{max-width:100%;max-height:100%;background:#fff;border-radius:10px;box-shadow:0 14px 40px rgba(0,0,0,.5);touch-action:none;cursor:crosshair}
.at-base{display:grid;gap:8px;padding:8px 12px calc(10px + env(safe-area-inset-bottom));background:#06170d;border-top:1px solid var(--borda)}
.at-ferramentas{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.at-ferr{display:flex;align-items:center;gap:6px;border:1px solid var(--borda);background:transparent;border-radius:999px;padding:.45rem .8rem;font-weight:600;font-size:.9rem}
.at-ferr[aria-pressed="true"]{background:var(--verm);border-color:var(--ouro-forte);color:#fff}
.at-tam{display:flex;align-items:center;gap:8px;font-size:.82rem;margin-left:auto;color:var(--suave)}
.at-tam input{width:7rem;accent-color:var(--ouro-forte)}
.at-cores{display:flex;gap:6px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:none}
.at-cores::-webkit-scrollbar{display:none}
.cor{flex:none;width:2.5rem;height:2.5rem;border-radius:50%;border:3px solid rgba(255,255,255,.25);background:var(--c);transition:transform .15s}
.cor[aria-pressed="true"]{border-color:#fff;transform:scale(1.15);box-shadow:0 0 0 3px var(--ouro-forte)}
@media(max-width:640px){.at-bt span,.at-ferr span{display:none}.at-tam{font-size:0}.at-tam input{width:5.5rem}}
.at-palco{overflow:hidden}
#atCanvas{width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 11.5rem)}

/* desenhos na horizontal ocupam duas colunas */
.desenho-deitado{grid-column:span 2}
.desenho-deitado button.papel{aspect-ratio:3/2}
/* menu com mais um item: aperta em telas médias para caber tudo */
@media(max-width:1500px){.nav-links a i{display:none}.nav-links a{padding:.5rem .65rem;font-size:.92rem}}
@media(max-width:1320px){.nav-dias{display:none}}
@media(max-width:1100px){.nav-links a{padding:.42rem .4rem;font-size:.82rem}.nav-gov{padding:.5rem .7rem;font-size:.82rem}}
@media(max-width:1000px){.nav-links a{padding:.4rem .28rem;font-size:.76rem}.nav-marcas img{height:2rem}}
