/* Code Venture · estilos do site */
/* Paleta escura (céu do banner). A paleta clara de teste, para voltar:
  --noite:#ECE8FD; --fundo:#F6F4FF; --cartao:#FFFFFF; --cartao2:#FAF9FF; --borda:#D6CFF5; --borda2:#E4DFF9;
  --ouro-txt:#A36B00; --texto:#15122F; --suave:#4A4478; --apagado:#6B6597; --brilho:#DCD4FF; --sombra:rgba(40,30,110,.16); --foco:#3A2FB0 */
:root{
  --noite:#0B0A24; --fundo:#120F3D; --cartao:#1C1660; --cartao2:#17134F; --borda:#3A3396; --borda2:#2E2880;
  --ouro:#FFC233; --ouro-claro:#FFD466; --ouro-escuro:#B8860B; --ouro-txt:#FFC233; --tinta:#15122F;
  --texto:#FFFFFF; --suave:#C9C2FF; --apagado:#A9A2E6; --verde:#2BC48E; --lilas:#9085E9;
  --brilho:#2A1F86; --sombra:rgba(0,0,0,.45); --foco:#fff;
  --larg:1120px; --raio:20px;
}
/* topo, rodapé e barra fixa continuam escuros (o logo tem texto branco) */
.topo,.rodape,.barra-fixa{
  --cartao:#1C1660; --borda:#3A3396; --borda2:#2E2880;
  --texto:#FFFFFF; --suave:#C9C2FF; --apagado:#A9A2E6; --ouro-txt:var(--ouro); --foco:#fff;
  color:var(--texto);
}
*{box-sizing:border-box}
/* céu animado do fundo (assets/js/ceu.js): fica atrás de tudo */
.ceu-tech{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(#17124A,#120F3D 40%,#0E0B33) fixed,var(--fundo);color:var(--texto);font-family:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--ouro-txt)} a:hover{color:var(--ouro-claro)}
h1,h2,h3{line-height:1.15;margin:0 0 .5em;text-wrap:balance}
h1{font-size:clamp(2.1rem,5.4vw,3.6rem);font-weight:700;letter-spacing:-.01em}
h2{font-size:clamp(1.6rem,3.6vw,2.4rem);font-weight:700}
h3{font-size:1.15rem;font-weight:600}
p{margin:0 0 1em}
.ouro{color:var(--ouro-txt)}
.wrap{width:100%;max-width:var(--larg);margin:0 auto;padding:0 20px}
.estreito{max-width:760px}
.secao{padding:72px 0}
.secao.alt{background:rgba(8,7,30,.42);border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}
.centro{text-align:center}
.lead{font-size:1.15rem;color:var(--suave);max-width:62ch}
.centro .lead{margin-left:auto;margin-right:auto}
.selo{display:inline-block;background:var(--ouro);color:var(--tinta);font-weight:700;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;padding:7px 16px;border-radius:999px;margin-bottom:18px}
.selo.linha{background:none;color:var(--ouro-txt);border:1px solid var(--ouro)}
.pula{position:absolute;left:-999px} .pula:focus{left:12px;top:12px;background:var(--ouro);color:var(--tinta);padding:10px 14px;border-radius:10px;z-index:99}

/* troca de página suave (navegadores que suportam View Transitions; nos outros, nada muda) */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:ease}
.topo{view-transition-name:topo}
::view-transition-group(topo){animation:none}

/* topo */
.topo{position:sticky;top:0;z-index:20;background:rgba(11,10,36,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--borda2)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}
.topo .marca img{height:30px;width:auto}
.menu{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.menu-botao{display:none}
.menu a{color:var(--texto);text-decoration:none;font-weight:500;font-size:.95rem;padding:10px 14px;border-radius:10px;min-height:44px;display:flex;align-items:center}
.menu a{transition:background .15s,color .15s}
.menu-insta{gap:8px}
.menu a.menu-app{gap:7px;border:1.5px solid rgba(255,194,51,.55);margin-left:4px}
.menu a.menu-app:hover{border-color:var(--ouro)}
.app-selo{font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--ouro);color:var(--tinta);padding:2px 6px;border-radius:999px;line-height:1.3}
.menu a.menu-app[aria-current="page"] .app-selo{background:var(--tinta);color:var(--ouro)}
.menu a.menu-membros{gap:7px;background:rgba(255,255,255,.1);font-weight:600}
.menu a.menu-membros:hover{background:rgba(255,194,51,.18)}
.menu a.menu-pix{gap:8px;color:var(--ouro);font-weight:600}
.moeda{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--ouro-claro),var(--ouro) 60%,var(--ouro-escuro));color:var(--tinta);box-shadow:0 2px 0 var(--ouro-escuro),0 0 0 3px rgba(255,194,51,.18);transition:transform .35s}
.moeda svg{width:16px;height:16px}
.menu a.menu-pix:hover .moeda{transform:rotateY(180deg) translateY(-2px)}
.menu a.menu-pix[aria-current="page"]{color:var(--tinta)}
/* Apoiar fora do hambúrguer e atalho da área de membros no banner: só no celular e tablet */
.topo-pix,.banner-membros{display:none}
.menu a:hover{background:rgba(255,194,51,.14);color:var(--ouro)}
.menu a[aria-current="page"]{background:var(--ouro);color:var(--tinta);font-weight:600}
.menu a[aria-current="page"]:hover{background:var(--ouro-claro);color:var(--tinta)}

/* faixa "Já é aluno?" (área de membros) */
.membros-faixa{display:flex;align-items:center;gap:20px;margin-bottom:32px;padding:20px 24px;border:1.5px solid var(--borda);border-radius:var(--raio);background:var(--cartao)}
.membros-icone{flex:none;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--ouro);color:var(--tinta)}
.membros-txt{flex:1;min-width:0}
.membros-txt h2{font-size:1.2rem;margin:0 0 4px}
.membros-txt p{margin:0;color:var(--suave);font-size:.95rem}
.membros-faixa .btn{flex:none;min-height:50px;padding:12px 22px;font-size:1rem}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:14px 30px;border-radius:16px;background:var(--ouro);color:var(--tinta);font-weight:700;font-size:1.05rem;text-decoration:none;border:0;cursor:pointer;font-family:inherit;box-shadow:0 5px 0 var(--ouro-escuro);transition:transform .12s,box-shadow .12s}
.btn:hover{color:var(--tinta);background:var(--ouro-claro);transform:translateY(2px);box-shadow:0 3px 0 var(--ouro-escuro)}
.btn:focus-visible,.menu a:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--foco);outline-offset:3px}
.btn.grande{font-size:1.15rem;min-height:64px;padding:16px 38px}
.btn.fantasma{background:none;color:var(--texto);border:2px solid var(--borda);box-shadow:none}
.btn.fantasma:hover{border-color:var(--ouro-txt);color:var(--ouro-txt);transform:none}
.sob-btn{font-size:.88rem;color:var(--apagado);margin-top:14px}

/* hero */
.hero{padding:64px 0 56px;background:radial-gradient(1200px 520px at 70% 0%,rgba(58,42,158,.75) 0%,rgba(58,42,158,0) 70%)}
.hero .grade{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:44px;align-items:center}
.hero .arte img{margin:0 auto;filter:drop-shadow(0 24px 40px var(--sombra))}
.hero .acoes{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
/* página inicial: banner de escola de tecnologia (fundo escuro e céu estrelado) */
.banner-home{
  --texto:#FFFFFF; --suave:#C9C2FF; --borda:#4A43B0; --foco:#fff;
  position:relative;overflow:hidden;color:var(--texto);padding:56px 0 72px;
  -webkit-mask-image:linear-gradient(#000 calc(100% - 64px),transparent);mask-image:linear-gradient(#000 calc(100% - 64px),transparent);
  background:url(../img/arte/estrelas.svg) 0 0/480px 480px,radial-gradient(900px 480px at 50% 30%,#3A2A9E 0%,rgba(58,42,158,0) 70%),linear-gradient(#17124A,#120F3D 70%,#0E0B33)}
.banner-grade{position:relative;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.3fr) minmax(0,.92fr);gap:28px;align-items:center;max-width:1400px;margin:0 auto;padding:0 28px}
.banner-centro{text-align:center}
.banner-centro h1{margin:0}
.banner-centro h1 img{width:min(340px,80%);margin:0 auto 18px}
.banner-centro h1 span{display:block;font-size:clamp(1.7rem,3.1vw,2.7rem);font-weight:700;text-transform:uppercase;letter-spacing:.01em;line-height:1.1}
.banner-slogan{margin:14px 0 6px;font-size:clamp(1.15rem,1.8vw,1.45rem);font-style:italic;font-weight:500;color:var(--ouro)}
.banner-areas{margin:0;color:var(--suave);font-size:1.05rem;text-wrap:balance}
.banner-tags{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:0;margin:20px 0 0}
.banner-tags a{display:inline-flex;align-items:center;min-height:44px;padding:8px 20px;border:2px solid #3FA2E8;border-radius:999px;color:#fff;font-weight:700;text-decoration:none;background:rgba(63,162,232,.08);transition:background .15s,border-color .15s}
.banner-tags a:hover{background:rgba(63,162,232,.22);border-color:#7CC3F2;color:#fff}
.banner-orbita{width:100%;max-width:520px;margin:0 auto}
.janela-codigo{background:rgba(18,15,61,.88);border:2px solid #4A43B0;border-radius:18px;box-shadow:0 24px 50px rgba(5,4,20,.45),0 0 0 6px rgba(91,75,214,.12);overflow:hidden;max-width:400px;justify-self:end;width:100%}
.jc-barra{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.08)}
.jc-barra span{width:12px;height:12px;border-radius:50%;background:#F05454}
.jc-barra span:nth-child(2){background:#FFC233} .jc-barra span:nth-child(3){background:#2BC48E}
.jc-barra b{margin-left:8px;font-weight:500;font-size:.9rem;color:#E4E0FF}
.janela-codigo pre{margin:0;padding:16px 18px 18px;font:500 .88rem/1.75 ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;color:#E4E0FF;white-space:pre;overflow:hidden}
.t-n{display:inline-block;width:1.6em;color:#6B65A8;user-select:none}
.t-kw{color:#FF6FB5} .t-var{color:#7CC3F2} .t-str{color:#5FD4A0} .t-fn{color:var(--ouro);font-weight:700}
.cursor{display:inline-block;width:.55em;height:1.1em;margin-left:2px;vertical-align:-.2em;background:var(--ouro);animation:piscar 1.1s steps(1) infinite}
@keyframes piscar{50%{opacity:0}}
@media (max-width:1180px){
  .banner-grade{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
  .janela-codigo{display:none}
}
@media (max-width:800px){
  .banner-home{padding:36px 0 48px}
  .banner-grade{grid-template-columns:minmax(0,1fr);gap:20px;padding:0 16px}
  .banner-orbita{display:none}
  .banner-centro h1 img{width:min(260px,75%);margin-bottom:14px}
  .banner-centro h1 span{font-size:clamp(1.3rem,7.2vw,1.7rem);white-space:nowrap}
  .banner-slogan{font-size:clamp(.82rem,4.1vw,1.02rem)}
  .banner-areas{font-size:clamp(.68rem,3.3vw,.9rem)}
  .banner-tags{gap:5px}
  .banner-tags a{padding:6px clamp(6px,2.2vw,13px);font-size:clamp(.66rem,3.4vw,.86rem);min-height:40px;white-space:nowrap}
  }


/* grades e cartões */
.grade-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.grade-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.grade-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cartao{background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio);padding:24px}
.cartao p:last-child{margin-bottom:0}
.cartao .ic{width:52px;height:52px;border-radius:50%;background:var(--ouro);color:var(--tinta);display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-weight:700;font-size:1.2rem}
.cartao.dor{background:var(--cartao2);border-color:var(--borda2)}
.num{background:var(--cartao);border:1px solid var(--borda);border-radius:18px;padding:22px 12px;text-align:center}
.num b{display:block;font-size:clamp(1.8rem,4vw,2.6rem);color:var(--ouro-txt);line-height:1.1}
.num span{font-size:.9rem;color:var(--suave)}

/* lista com check */
.checks{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.checks li{position:relative;padding-left:38px}
.checks li::before{content:"";position:absolute;left:0;top:3px;width:24px;height:24px;border-radius:50%;background:var(--ouro) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315122F' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-9'/%3E%3C/svg%3E") center/16px no-repeat}
.checks.nao li::before{background:#5A1E2B url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF9A9A' stroke-width='3.2' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E") center/14px no-repeat}

/* regiões */
.regioes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.regiao img{border-radius:10px;border:1px solid var(--borda);box-shadow:0 12px 24px var(--sombra)}
.regiao h3{font-size:1rem;margin:12px 0 2px}
.regiao p{font-size:.88rem;color:var(--suave);margin:0}

/* janelas de projeto */
.janela{border-radius:14px;overflow:hidden;border:1px solid var(--borda);background:#E9E7F5;box-shadow:0 18px 36px var(--sombra)}
.janela .barra{height:26px;background:#2A2553;display:flex;align-items:center;gap:6px;padding:0 12px}
.janela .barra i{width:9px;height:9px;border-radius:50%;background:#FF6B6B}
.janela .barra i:nth-child(2){background:#FFC94D}.janela .barra i:nth-child(3){background:#4ED08A}
.projeto h3{margin:16px 0 2px}
.projeto p{color:var(--suave);font-size:.93rem;margin:0}
.projeto .tec{color:var(--ouro-txt);font-size:.85rem;font-weight:600}
.destaque{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:36px;align-items:center;margin-bottom:44px}

/* mapa da jornada (download) */
.mapa-download{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:center;margin-top:56px;background:var(--cartao);border:1px solid var(--borda);border-radius:28px;padding:36px}
.mapa-img img{border-radius:14px;border:1px solid var(--borda);box-shadow:0 18px 36px var(--sombra);transition:transform .2s}
.mapa-img:hover img{transform:translateY(-4px)}
.mapa-download .checks{margin:6px 0 4px}
.mapa-download .acoes{margin-top:24px}

/* passos */
.passos{counter-reset:p;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0}
.passos li{counter-increment:p;background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio);padding:24px}
.passos li::before{content:counter(p);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--ouro);color:var(--tinta);font-weight:700;font-size:1.2rem;margin-bottom:12px}
.passos p{color:var(--suave);margin:0;font-size:.95rem}

/* oferta */
.oferta{max-width:640px;margin:0 auto;background:var(--cartao);border:2px solid var(--ouro);border-radius:28px;padding:36px 30px;text-align:center;box-shadow:0 0 0 10px rgba(255,194,51,.22)}
.oferta .de{color:var(--apagado);text-decoration:line-through;font-size:1.05rem}
.oferta .por{font-size:clamp(2.6rem,8vw,4rem);font-weight:700;color:var(--ouro-txt);line-height:1.05;margin:4px 0}
.oferta .cond{color:var(--suave);font-size:.95rem;margin-bottom:22px}
.oferta .checks{text-align:left;margin:22px 0 28px}
.oferta .de::before{content:"De "}
.oferta .off{display:inline-block;margin:2px 0 14px}
.oferta .conta{color:var(--suave);font-size:1rem;margin-bottom:6px}
.oferta .conta s{color:var(--apagado)}
.oferta .conta b{color:var(--texto)}
.oferta .parcela{color:var(--texto);font-size:1.1rem;margin-bottom:4px}
.oferta .parcela b{color:var(--ouro-txt)}
.contagem{display:flex;flex-direction:column;align-items:center;gap:2px;margin:18px auto 0;padding:12px 18px;border-radius:14px;background:rgba(255,194,51,.14);border:1px dashed var(--ouro-escuro);max-width:380px}
.contagem span{font-size:.85rem;color:var(--suave)}
.contagem b{font-size:1.3rem;color:var(--ouro-txt);font-variant-numeric:tabular-nums}
.pagamentos{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.pagamentos li{font-size:.8rem;font-weight:600;color:var(--suave);background:var(--cartao2);border:1px solid var(--borda);border-radius:999px;padding:6px 12px}
.off{font-size:.78rem;font-weight:700;letter-spacing:.06em;color:#fff;background:#E5484D;border-radius:999px;padding:4px 10px;line-height:1.3;white-space:nowrap}
.produto-card .img{position:relative}
.produto-card .img .off{position:absolute;top:12px;right:12px;font-size:.85rem;padding:6px 12px;box-shadow:0 6px 16px var(--sombra)}
.barra-fixa .info .off{font-size:.68rem;padding:2px 8px;vertical-align:middle}

/* promoção na página do produto */
.faixa-promo{display:block;text-align:center;background:var(--ouro);color:var(--tinta);font-size:.92rem;font-weight:500;padding:10px 16px;text-decoration:none}
.faixa-promo:hover{color:var(--tinta);background:var(--ouro-claro)}
.faixa-promo .tempo{font-weight:700;font-variant-numeric:tabular-nums}
.preco-hero{margin-top:22px}
.preco-hero .gancho{display:inline-block;margin:0 0 6px;font-weight:700;color:var(--ouro-txt);font-size:1.05rem}
.preco-hero .valores{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px}
.preco-hero .valores s{color:var(--apagado);font-size:1.1rem}
.preco-hero .valores b{font-size:clamp(2rem,4.4vw,2.6rem);color:var(--texto);line-height:1.1}
.preco-hero .detalhe{color:var(--suave);margin:4px 0 0;font-size:.98rem}
.preco-hero .detalhe b{color:var(--texto);white-space:nowrap}
.contagem-final{color:var(--ouro-txt);font-weight:600}
.oferta .sobe{font-size:.9rem;color:var(--suave);margin:10px 0 0}
.oferta .sobe b{color:var(--texto)}
.oferta .sobe + .btn{margin-top:22px}

/* brinde e bônus */
.brinde{align-items:center}
.brinde img{max-height:440px;width:auto;margin:0 auto;border-radius:14px;box-shadow:0 18px 36px var(--sombra)}
.bonus .cartao{display:flex;flex-direction:column}
.bonus .capa{position:relative;height:280px;background:var(--noite);border:1px solid var(--borda2);border-radius:14px;padding:16px;margin-bottom:16px;display:flex;align-items:center;justify-content:center}
.bonus .capa img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 10px 22px var(--sombra)}
.bonus .capa .etiqueta{position:absolute;top:10px;right:10px}
.grupo{display:flex;align-items:center;gap:20px;margin-top:20px;background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio);padding:22px 24px}
.grupo .ic-grupo{flex:0 0 60px;height:60px;border-radius:50%;background:var(--verde);display:flex;align-items:center;justify-content:center}
.grupo h3{margin:10px 0 4px}
.grupo p{margin:0;color:var(--suave);font-size:.95rem}

/* lançamento do curso: escada de preço e pilha de valor */
.escada{list-style:none;padding:0;margin:32px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:e}
.escada li{position:relative;background:var(--cartao2);border:1px solid var(--borda2);border-radius:var(--raio);padding:24px;opacity:.75}
.escada li.atual{opacity:1;background:var(--cartao);border:2px solid var(--ouro);box-shadow:0 0 0 6px rgba(255,194,51,.22)}
.escada li.atual::after{content:"Você está aqui";position:absolute;top:-13px;right:18px;background:var(--ouro);color:var(--tinta);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
.escada li.passou{opacity:.5}
.escada .fase{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ouro-txt)}
.escada h3{margin:6px 0 4px}
.escada p{color:var(--suave);margin:0;font-size:.95rem}
.escada p b{color:var(--texto)}
.pilha{list-style:none;padding:0;margin:20px 0 6px;text-align:left;display:grid;gap:10px}
.pilha li{display:flex;justify-content:space-between;align-items:center;gap:14px;background:var(--cartao2);border:1px solid var(--borda2);border-radius:14px;padding:12px 16px}
.pilha li b{display:block;font-size:.98rem}
.pilha li span{display:block;font-size:.84rem;color:var(--suave);line-height:1.4}
.pilha li em{font-style:normal;font-weight:700;color:var(--ouro-txt);white-space:nowrap;font-size:.95rem}
.oferta .total{color:var(--suave);margin:8px 0 10px}
.oferta .rotulo-preco{margin:14px 0 0;font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ouro-txt)}
.oferta .total s{color:var(--texto);font-weight:700}
.garantia{display:flex;gap:18px;align-items:center;max-width:640px;margin:28px auto 0;background:var(--cartao2);border:1px solid var(--borda2);border-radius:var(--raio);padding:20px 22px}
.garantia .escudo{flex:0 0 56px;height:56px;border-radius:50%;background:var(--verde);display:flex;align-items:center;justify-content:center}
.garantia p{margin:0;color:var(--suave);font-size:.95rem}
.garantia b{color:var(--texto)}

/* faq */
.faq{display:grid;gap:12px}
.faq details{background:var(--cartao);border:1px solid var(--borda);border-radius:16px;padding:0 20px}
.faq summary{cursor:pointer;font-weight:600;padding:18px 0;min-height:44px;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.5rem;color:var(--ouro-txt);line-height:1}
.faq details[open] summary::after{content:"−"}
.faq details p{color:var(--suave);padding-bottom:18px;margin:0}

/* produtos */
.produto-card{display:flex;flex-direction:column;background:var(--cartao);border:1px solid var(--borda);border-radius:24px;overflow:hidden;text-decoration:none;color:var(--texto);transition:transform .15s,border-color .15s}
.produto-card:hover{transform:translateY(-4px);border-color:var(--ouro-txt);color:var(--texto)}
.produto-card.principal{border:2px solid var(--ouro);box-shadow:0 0 0 6px rgba(255,194,51,.22)}
.produto-card .img{aspect-ratio:1/1;background:var(--noite);overflow:hidden}
.produto-card .img img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.produto-card:hover .img img{transform:scale(1.04)}
.produto-card .corpo{padding:22px;display:flex;flex-direction:column;gap:8px;flex:1}
.produto-card h3{font-size:1.25rem;margin:0}
.produto-card p{color:var(--suave);font-size:.95rem;margin:0}
.produto-card .pe{margin-top:auto;padding-top:14px;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;font-weight:700}
.produto-card .pe .preco{color:var(--ouro-txt);font-size:1.15rem;white-space:nowrap}
.produto-card .pe .preco s{display:block;color:var(--apagado);font-size:.8rem;font-weight:500;line-height:1.2}
.produto-card .pe .ver{font-size:.9rem;color:var(--suave);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.produto-card:hover .pe .ver{color:var(--ouro-txt)}
.grade-produtos{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px}

/* cursos individuais */
.grade-cursos{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:20px}
.curso-card .img{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--noite)}
.curso-card .img img{width:auto;height:100%;object-fit:contain;border-radius:8px;box-shadow:0 10px 22px var(--sombra)}
.curso-card h3{font-size:1.15rem}
.arte-produto{width:100%;border-radius:24px;box-shadow:0 24px 50px var(--sombra);max-width:520px;margin:0 auto}
.capa-hero{max-height:500px;width:auto;margin:0 auto;border-radius:14px}
.num b.menor{font-size:clamp(1.3rem,3vw,1.8rem);padding:.2em 0}
.aulas{list-style:none;counter-reset:a;padding:0;margin:32px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}
.aulas li{counter-increment:a;display:flex;align-items:center;gap:14px;background:var(--cartao);border:1px solid var(--borda);border-radius:14px;padding:12px 16px;font-weight:500}
.aulas li::before{content:var(--reg) "." counter(a);flex:0 0 auto;min-width:44px;text-align:center;font-size:.8rem;font-weight:700;color:var(--tinta);background:var(--ouro);border-radius:999px;padding:3px 8px}
.trilha-mini{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.trilha-mini a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border-radius:999px;background:var(--cartao);border:1px solid var(--borda);color:var(--texto);text-decoration:none;font-size:.9rem;font-weight:500}
.trilha-mini a b{color:var(--ouro-txt)}
.trilha-mini a:hover{border-color:var(--ouro);color:var(--texto)}
.trilha-mini a[aria-current="page"]{background:var(--ouro);border-color:var(--ouro);color:var(--tinta);font-weight:700}
.trilha-mini a[aria-current="page"] b{color:var(--tinta)}
.upsell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;background:var(--cartao);border:2px solid var(--ouro);border-radius:28px;padding:36px;box-shadow:0 0 0 10px rgba(255,194,51,.22)}
.comparativo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 6px}
.comparativo div{border:1px solid var(--borda);border-radius:16px;padding:14px 16px;text-align:center}
.comparativo span{display:block;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--suave)}
.comparativo b{display:block;font-size:1.6rem;line-height:1.2}
.comparativo small{color:var(--suave);font-size:.82rem}
.comparativo .melhor{border:2px solid var(--ouro);background:rgba(255,194,51,.1)}
.comparativo .melhor b{color:var(--ouro-txt)}

/* materiais gratuitos */
.destaque-gratis{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;align-items:center}
.destaque-gratis .img img{border-radius:12px;border:1px solid var(--borda);box-shadow:0 12px 24px var(--sombra);max-height:300px;width:auto;margin:0 auto}
.destaque-gratis h3{font-size:1.3rem;margin:12px 0 6px}
.destaque-gratis p{color:var(--suave);font-size:.95rem}
.destaque-gratis .btn{min-height:50px;padding:12px 22px;font-size:1rem}
.grade-materiais{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px}
.material{display:flex;flex-direction:column}
.material-topo{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.material-ic{width:52px;height:52px;border-radius:14px;background:var(--noite);color:var(--foco);display:flex;align-items:center;justify-content:center}
.material.liberado .material-ic{background:var(--ouro);color:var(--tinta)}
.material h3{margin:0 0 4px}
.material p{color:var(--suave);font-size:.95rem}
.material-pe{margin-top:auto;padding-top:10px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.material .btn{min-height:46px;padding:10px 18px;font-size:.95rem}
.status{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--apagado)}
.material.liberado .status{color:#5FD4A0}
/* mapas mentais */
.mapa-prev{margin:-24px -24px 18px;padding:14px 10px;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 10%,#fff),color-mix(in srgb,var(--c) 22%,#fff));border-bottom:1px solid var(--borda);border-radius:var(--raio) var(--raio) 0 0}
.mapa-prev svg{display:block;width:100%;height:auto;font-family:Poppins,sans-serif}
.mapa-preco{font-weight:700;color:var(--ouro-txt)}
.mapa-preco.gratis{color:#5FD4A0}
.filtros{display:flex;justify-content:center;gap:8px;margin:28px 0 28px;flex-wrap:wrap}
.filtros button{min-height:44px;padding:8px 20px;border-radius:999px;border:1px solid var(--borda);background:var(--cartao);color:var(--texto);font:inherit;font-weight:600;font-size:.95rem;cursor:pointer}
.filtros button:hover{border-color:var(--ouro)}
.filtros button[aria-pressed="true"]{background:var(--ouro);border-color:var(--ouro);color:var(--tinta)}
.faixa-mapas{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:8px 16px;padding:18px 24px;border-radius:18px;background:var(--cartao);border:2px solid var(--ouro);color:var(--texto);text-decoration:none;box-shadow:0 0 0 6px rgba(255,194,51,.18)}
.faixa-mapas:hover{color:var(--texto);transform:translateY(-2px)}
.faixa-mapas span:not(.etiqueta):not(.ir){color:var(--suave);font-size:.95rem}
.faixa-mapas .ir{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--ouro-txt)}

/* filtros da página de cursos */
.painel-filtros{display:grid;gap:12px;margin-bottom:28px;padding:20px 22px;background:var(--cartao);border:1px solid var(--borda);border-radius:20px}
.filtro-grupo{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.filtro-rotulo{flex:0 0 86px;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--apagado)}
.filtro-grupo button{min-height:40px;padding:6px 16px;border-radius:999px;border:1px solid var(--borda);background:var(--cartao2);color:var(--texto);font:inherit;font-weight:600;font-size:.9rem;cursor:pointer}
.filtro-grupo button:hover{border-color:var(--ouro)}
.filtro-grupo button[aria-pressed="true"]{background:var(--ouro);border-color:var(--ouro);color:var(--tinta)}
.filtro-resumo{display:flex;align-items:center;gap:14px;margin:4px 0 0;font-size:.9rem;color:var(--suave)}
.filtro-limpar{min-height:36px;border:0;background:none;padding:0;font:inherit;font-weight:600;color:var(--ouro-txt);text-decoration:underline;cursor:pointer}
.filtros-mobile,.painel-cabeca,.painel-rodape,.painel-fundo{display:none}
body.travado{overflow:hidden}
.sem-resultado{text-align:center;color:var(--suave);padding:40px 0}
.produto-card .pe .preco.previsto{color:var(--suave);font-size:.9rem;font-weight:600}

/* página do app */
.hero-app{overflow:hidden}
.celulares{position:relative;display:flex;justify-content:center;align-items:center;min-height:520px}
.celular{margin:0;width:230px;border-radius:34px;padding:8px;background:#0B0A24;box-shadow:0 24px 50px var(--sombra),inset 0 0 0 2px rgba(255,255,255,.12)}
.celular img{border-radius:27px;width:100%}
.celulares .atras{position:absolute;transform:translateX(-46%) rotate(-7deg) scale(.9);opacity:.92}
.celulares .frente{position:relative;transform:translateX(30%) rotate(4deg);z-index:1}
.recurso-app .material-ic{margin-bottom:14px}
.recurso-app p{color:var(--suave);font-size:.95rem}

/* vem aí: vitrine estilo streaming */
.cinema{--texto:#fff;--suave:#C9C2FF;--apagado:#A9A2E6;--cartao:#1C1660;--borda:#3A3396;--ouro-txt:var(--ouro);--foco:#fff;background:#07061A;color:#fff;padding:56px 0 64px}
.cinema-destaque{position:relative;border-radius:24px;overflow:hidden;background:#05040F}
.cinema-destaque img{width:100%}
.cinema-texto{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 32px;align-items:center;padding:22px 28px 26px;border-top:1px solid rgba(255,255,255,.08)}
.cinema-texto .cinema-rotulo{grid-column:1/-1;margin:0}
.cinema-rotulo{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ouro);margin-bottom:6px}
.cinema-texto p{font-size:.95rem;color:#E4E0FF;margin:0}
.cinema-texto .acoes{display:flex;gap:12px;flex-wrap:wrap;margin:0}
.cinema .btn{min-height:50px;padding:12px 22px;font-size:1rem}
.cinema .btn.fantasma{border-color:rgba(255,255,255,.5);background:rgba(5,4,15,.35)}
.cinema-fileira{margin-top:44px}
.cinema-fileira h2{margin-bottom:.2em}
.trilho .poster{flex:0 0 clamp(170px,19%,230px);scroll-snap-align:start}
.poster{display:flex;flex-direction:column;gap:10px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.poster img{border-radius:12px;box-shadow:0 12px 26px rgba(0,0,0,.5);transition:transform .2s,box-shadow .2s;outline:2px solid transparent;outline-offset:3px}
.poster:hover img{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 36px rgba(0,0,0,.6);outline-color:var(--ouro)}
.poster-info{font-size:.82rem;color:var(--suave);line-height:1.4}
.poster-info b{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ouro)}
.poster.liberado .poster-info b{color:#2BC48E}
.carrossel.arrastando .poster{pointer-events:none}
.ficha{width:min(860px,calc(100vw - 24px));max-height:calc(100vh - 32px);padding:0;border:0;border-radius:22px;background:#0E0C26;color:#fff;overflow:auto;--texto:#fff;--suave:#C9C2FF;--foco:#fff;--borda:#3A3396;--ouro-txt:var(--ouro)}
.ficha::backdrop{background:rgba(3,2,12,.78);backdrop-filter:blur(4px)}
body:has(dialog[open]){overflow:hidden}
.ficha-capa{position:relative}
.ficha-capa::after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(transparent,#0E0C26)}
.ficha-fechar{position:absolute;top:14px;right:14px;z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:rgba(5,4,15,.75);color:#fff;font-size:1.1rem;cursor:pointer}
.ficha-fechar:hover{background:var(--ouro);color:var(--tinta)}
.ficha-corpo{padding:4px 32px 32px}
.ficha-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:.88rem;font-weight:600;color:#E4E0FF}
.status-ficha{color:var(--tinta);background:var(--ouro);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:6px}
.ficha.liberado .status-ficha{background:#2BC48E}
.ficha-meta .nivel{border:1px solid rgba(255,255,255,.5);border-radius:6px;padding:2px 8px;font-size:.78rem}
.ficha h2{margin:14px 0 8px}
.ficha-sobre{color:#E4E0FF}
.ficha-grade{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:28px;margin-top:20px}
.ficha h3{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ouro);margin:0 0 10px}
.ficha-grade p{color:#E4E0FF;font-size:.95rem}
.ficha-grade .checks{gap:8px;font-size:.95rem}
.ficha-modulos{counter-reset:m;list-style:none;padding:0;margin:0;display:grid;gap:6px}
.ficha-modulos li{counter-increment:m;display:flex;gap:12px;align-items:center;padding:9px 12px;border-radius:10px;background:rgba(255,255,255,.06);font-size:.93rem}
.ficha-modulos li::before{content:counter(m,decimal-leading-zero);font-weight:700;color:var(--ouro);font-size:.85rem}
.ficha-aviso{font-size:.8rem;color:var(--apagado);margin:18px 0 0}
.ficha-acoes{margin-top:16px}

/* carrossel de produtos */
.cabeca-car{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.cabeca-car .lead{margin-bottom:0}
.cabeca-car h2{margin-bottom:.3em}
.car-controles{display:flex;gap:10px;flex:0 0 auto}
.carrossel .trilho{margin-top:24px}
.car-btn{width:52px;height:52px;border-radius:50%;border:2px solid var(--borda);background:var(--cartao);color:var(--texto);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,color .15s,opacity .15s}
.car-btn:hover:not(:disabled){border-color:var(--ouro-txt);color:var(--ouro-txt)}
.car-btn:disabled{opacity:.35;cursor:default}
.car-btn:focus-visible,.trilho:focus-visible{outline:3px solid var(--foco);outline-offset:3px}
.trilho{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;padding:6px 2px 14px;scrollbar-width:none;-ms-overflow-style:none}
.trilho::-webkit-scrollbar{display:none}
.trilho .produto-card{flex:0 0 clamp(260px,30%,330px);scroll-snap-align:start}
.trilho .produto-card:hover{transform:translateY(-4px)}
.carrossel.arrastando .trilho{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing}
.carrossel.arrastando .produto-card{pointer-events:none}
.car-pontos{display:flex;justify-content:center;gap:8px;margin-top:14px}
.car-pontos span{width:8px;height:8px;border-radius:999px;background:var(--borda);transition:width .2s,background .2s}
.car-pontos span.ativo{width:26px;background:var(--ouro)}

/* início: provas, números, momentos e chamada final */
.provas{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.92rem;color:var(--suave)}
.provas li{display:flex;align-items:center;gap:8px}
.provas li::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--ouro) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315122F' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}
.faixa-numeros{background:rgba(8,7,30,.42);padding:32px 0;border-top:1px solid var(--borda2);border-bottom:1px solid var(--borda2)}
.momento{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--texto);transition:transform .15s,border-color .15s}
.momento:hover{transform:translateY(-4px);border-color:var(--ouro-txt);color:var(--texto)}
.momento .quem{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ouro-txt)}
.momento h3{margin:4px 0 0}
.momento p{color:var(--suave);font-size:.95rem;margin:0}
.momento .ir{margin-top:auto;padding-top:14px;display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--ouro-txt)}
.chamada{background:radial-gradient(900px 420px at 50% 100%,var(--brilho) 0%,rgba(220,212,255,0) 70%),var(--fundo)}
.acoes-centro{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:28px}

/* entrada suave ao rolar (só com JS ativo) */
.js .revela{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.js .revela.visto{opacity:1;transform:none}
.etiqueta{align-self:flex-start;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:999px;background:var(--cartao2);border:1px solid var(--borda);color:var(--suave)}
.etiqueta.ouro-b{background:var(--ouro);color:var(--tinta);border-color:var(--ouro-txt)}

/* rodapé e barra fixa */
.rodape{background:#0B0A24;border-top:1px solid var(--borda2);padding:44px 0 110px;color:var(--suave);font-size:.92rem}
.rodape .linha{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;align-items:center}
.rodape img{height:28px;width:auto}
.rodape nav{display:flex;gap:18px;flex-wrap:wrap}
.rodape a{color:var(--suave);min-height:44px;display:inline-flex;align-items:center}
.rodape a:hover{color:var(--ouro)}
.rodape .aviso{margin-top:22px;color:var(--apagado);font-size:.84rem;max-width:80ch}
.barra-fixa{position:fixed;left:0;right:0;bottom:0;z-index:30;background:rgba(11,10,36,.96);border-top:1px solid var(--borda);padding:10px 16px;display:none;align-items:center;justify-content:space-between;gap:12px}
.barra-fixa .info{font-size:.85rem;color:var(--suave);line-height:1.3}
.barra-fixa .info b{display:block;color:var(--ouro-txt);font-size:1.15rem}
.barra-fixa .btn{min-height:48px;padding:10px 20px;font-size:.98rem;box-shadow:none}
.barra-fixa.visivel{display:flex}
.aviso-link{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:#fff;color:var(--tinta);padding:14px 18px;border-radius:14px;font-size:.92rem;font-weight:600;z-index:40;max-width:min(92vw,460px);box-shadow:0 12px 30px var(--sombra);border:1px solid var(--borda)}

/* janela de cadastro antes do download gratuito */
.cadastro{width:min(480px,calc(100vw - 24px));max-height:calc(100vh - 24px);padding:0;border:0;border-radius:22px;background:var(--cartao);color:var(--texto);overflow:auto;box-shadow:0 24px 60px var(--sombra)}
.cadastro::backdrop{background:rgba(3,2,12,.7);backdrop-filter:blur(4px)}
.cadastro form{position:relative;padding:32px 28px 24px}
.cadastro h2{font-size:1.5rem;margin-bottom:6px}
.cadastro .selo{margin-bottom:12px}
.cadastro-sub{color:var(--suave);font-size:.95rem}
.cadastro-fechar{position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:50%;border:0;background:var(--noite);color:var(--texto);font-size:1rem;cursor:pointer}
.cadastro-fechar:hover{background:var(--ouro);color:var(--tinta)}
.cadastro label{display:block;font-weight:600;font-size:.92rem;margin-bottom:14px}
.cadastro label small{font-weight:400;color:var(--apagado)}
.cadastro input:not([type=checkbox]){display:block;width:100%;margin-top:6px;min-height:50px;padding:10px 14px;border:2px solid var(--borda);border-radius:12px;background:var(--fundo);color:var(--texto);font:inherit;font-weight:400}
.cadastro input:focus-visible{outline:3px solid var(--foco);outline-offset:1px}
.cadastro-aceite{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;font-size:.88rem!important;color:var(--suave)}
.cadastro-aceite input{width:22px;height:22px;flex:none;margin:2px 0 0;accent-color:var(--ouro-escuro)}
.cadastro .btn{width:100%;margin-top:4px}
.cadastro .btn:disabled{opacity:.7;cursor:wait}
.cadastro-erro{color:#FF9A9A;font-weight:600;font-size:.9rem;margin:0 0 10px}
.cadastro-miuda{font-size:.8rem;color:var(--apagado);margin:14px 0 0;text-align:center}
.cadastro-isca{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Apoie: doação por Pix */
.apoio{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:32px;align-items:center;padding:32px;border-radius:24px;background:var(--cartao);border:2px solid var(--ouro);box-shadow:0 0 0 6px rgba(255,194,51,.18)}
.apoio-texto h2{font-size:clamp(1.4rem,3vw,1.9rem);margin:14px 0 8px}
.apoio-texto p{color:var(--suave);margin:0}
.apoio-ic{width:52px;height:52px;border-radius:50%;background:rgba(255,111,181,.16);color:#FF8FC4;display:flex;align-items:center;justify-content:center}
.apoio-ic svg{fill:currentColor}
.pix{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:18px;background:var(--noite);min-width:0}
.pix-rot{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--apagado)}
.pix-chave{display:block;padding:12px 14px;border-radius:12px;background:var(--cartao);border:1px dashed var(--borda);font:600 .9rem/1.4 ui-monospace,Menlo,Consolas,monospace;color:var(--texto);overflow-wrap:anywhere;user-select:all}
.pix .btn{width:100%;min-height:52px;font-size:1rem}
.pix .btn.copiado{background:#2BC48E;box-shadow:0 5px 0 #1D8A62}
.pix-mais{font-size:.88rem;font-weight:600;text-align:center}
.pix-dono{margin:0;font-size:.9rem;color:var(--suave);text-align:center}
.pix.grande{padding:28px;background:var(--cartao);border:2px solid var(--ouro);box-shadow:0 0 0 6px rgba(255,194,51,.18)}
.pix.grande .pix-chave{font-size:1rem;background:var(--fundo)}
.apoie-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.apoie-passos{margin:0;padding-left:22px;display:grid;gap:12px;color:var(--suave)}
.apoie-passos b{color:var(--texto)}
.apoie-niveis .cartao{text-align:center}
.apoie-niveis .etiqueta{display:inline-block}
.apoie-arte{display:block;width:132px;height:132px;margin:-8px auto 10px;transition:transform .2s}
.apoie-niveis .cartao:hover .apoie-arte{transform:translateY(-4px) rotate(-3deg)}
.apoie-valor{display:block;font-size:2rem;color:var(--ouro-txt);margin:12px 0 6px}
.apoie-destino h3{margin-top:14px}
.texto-doc h2{font-size:clamp(1.25rem,2.6vw,1.6rem);margin-top:1.6em}
.cadastro-apoio{margin:16px 0 0;font-size:.88rem;color:var(--suave);text-align:center}
/* janela "Deixe uma moeda no baú" (botão Apoiar do topo) */
.janela-pix-corpo{position:relative;display:flex;flex-direction:column;gap:6px;padding:28px 26px 22px;text-align:center}
.janela-pix-lumi{height:120px;width:auto;margin:0 auto 4px}
.janela-pix .selo{align-self:center}
.janela-pix .pix{margin:10px 0 4px;background:var(--fundo);border:2px solid var(--ouro);box-shadow:0 0 0 5px rgba(255,194,51,.16)}
.janela-pix .pix-chave{background:var(--cartao)}
@media (max-width:760px){
  .apoio,.apoie-grade{grid-template-columns:minmax(0,1fr);gap:24px}
  .apoio{padding:22px}
  .apoie-grade .pix{order:-1}
  .apoie-grade h2{font-size:1.4rem}
  .apoie-niveis{gap:12px}
  .apoie-niveis .cartao{display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:14px;align-items:center;text-align:left;padding:14px 16px}
  .apoie-arte{grid-row:1/4;width:76px;height:76px;margin:0}
  .apoie-niveis .etiqueta{justify-self:start}
  .apoie-valor{font-size:1.5rem;margin:4px 0 2px}
  .apoie-niveis p{font-size:.9rem;margin:0;align-self:start}
  .apoie-destino{gap:12px}
  .apoie-destino .cartao{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:14px;padding:16px}
  .apoie-destino .material-ic{grid-row:1/3}
  .apoie-destino h3{margin:2px 0 2px}
  .apoie-destino p{font-size:.9rem}
}

/* Kit do Aventureiro */
.so-leitor{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kit-hero{--texto:#fff;--suave:#C9C2FF;--apagado:#A9A2E6;--borda:#3A3396;--ouro-txt:var(--ouro);--foco:#fff;color:#fff;padding:64px 0 48px;background:
  radial-gradient(900px 420px at 80% -10%,rgba(255,194,51,.22),transparent 70%),
  radial-gradient(700px 400px at 0% 100%,rgba(123,77,255,.35),transparent 70%),
  linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0/32px 32px,
  linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0/32px 32px,#120F3D}
.kit-rotulo{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ouro);border:1px solid rgba(255,194,51,.5);border-radius:999px;padding:7px 14px;margin-bottom:18px}
.kit-hero .lead{color:#E4E0FF}
.kit-busca{position:relative;display:flex;align-items:center;max-width:720px;margin-top:28px;background:#fff;border-radius:18px;box-shadow:0 6px 0 var(--ouro-escuro),0 20px 50px rgba(0,0,0,.35);color:var(--tinta)}
.kit-busca>svg{position:absolute;left:20px;color:#6B6597;pointer-events:none}
.kit-busca input{flex:1;min-width:0;min-height:64px;padding:12px 56px 12px 56px;border:0;border-radius:18px;background:none;color:var(--tinta);font:inherit;font-size:1.08rem}
.kit-busca input::placeholder{color:#7E78A8}
.kit-busca input:focus-visible{outline:3px solid var(--ouro);outline-offset:3px}
.kit-busca kbd{position:absolute;right:18px;font:600 .85rem/1 Poppins,sans-serif;color:#6B6597;border:1px solid #D6CFF5;border-bottom-width:3px;border-radius:7px;padding:5px 9px}
.kit-atalhos{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;font-size:.9rem;color:#C9C2FF}
.kit-atalhos button{min-height:40px;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.06);color:#fff;font:inherit;font-weight:600;cursor:pointer}
.kit-atalhos button:hover{border-color:var(--ouro);color:var(--ouro)}
.kit-hud{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:12px;margin-top:36px;max-width:820px}
.kit-hud>div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:14px 18px}
.kit-hud b{font-size:1.5rem;color:var(--ouro);display:block;line-height:1.1}
.kit-hud span{font-size:.85rem;color:#C9C2FF}
.kit-hud-barra span b{display:inline;font-size:inherit}
.barra-xp{height:12px;margin-top:10px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}
.barra-xp i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--ouro),#FFE08A);transition:width .4s}
.kit-filtros{display:flex;flex-wrap:wrap;gap:8px;padding:4px 2px 12px}
.kit-filtros::-webkit-scrollbar{display:none}
.kit-filtros button{flex:none;min-height:44px;padding:8px 16px;border-radius:999px;border:1px solid var(--borda);background:var(--cartao);color:var(--texto);font:inherit;font-weight:600;font-size:.92rem;cursor:pointer}
.kit-filtros button span{font-size:.78rem;color:var(--apagado);margin-left:4px}
.kit-filtros button:hover{border-color:var(--ouro)}
.kit-filtros button[aria-pressed="true"]{background:var(--ouro);border-color:var(--ouro);color:var(--tinta)}
.kit-filtros button[aria-pressed="true"] span{color:var(--tinta)}
.kit-barra{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:12px 0 8px}
.kit-conta{margin:0;font-weight:700}
.kit-so-ess{display:inline-flex;align-items:center;gap:8px;font-size:.92rem;font-weight:600;cursor:pointer}
.kit-so-ess input{width:20px;height:20px;accent-color:var(--ouro-escuro)}
.kit-legenda{margin-left:auto;display:flex;gap:14px;font-size:.82rem;color:var(--suave)}
.kit-legenda span{display:inline-flex;align-items:center;gap:6px}
.kit-legenda span::before{content:"";width:12px;height:12px;border-radius:3px;background:var(--rar)}
.rar-essencial{--rar:var(--ouro)} .rar-util{--rar:var(--lilas)} .rar-bonus{--rar:#9EB3C8}
.kit-grupo{margin-top:40px}
.kit-grupo-cabeca{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.kit-grupo-cabeca h2{font-size:1.4rem;margin:0}
.kit-grupo-cabeca p{margin:0;color:var(--suave);font-size:.95rem}
.kit-grupo-conta{margin-left:auto;font-weight:700;color:var(--apagado);font-size:.9rem}
.kit-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px}
.kit-item{position:relative;display:flex;flex-direction:column;background:var(--cartao);border:1px solid var(--borda);border-top:4px solid var(--rar);border-radius:16px;padding:16px 18px;transition:transform .12s,box-shadow .12s}
.kit-item:hover{transform:translateY(-2px);box-shadow:0 10px 24px var(--sombra)}
.kit-item.equipado{background:linear-gradient(180deg,rgba(255,194,51,.12),var(--cartao) 60%)}
.kit-item-topo{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.kit-ic{width:40px;height:40px;border-radius:12px;background:var(--noite);color:var(--foco);display:flex;align-items:center;justify-content:center;flex:none}
.kit-ic.grande{width:48px;height:48px;background:var(--ouro);color:var(--tinta)}
.kit-rar{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:var(--rar);color:var(--tinta)}
.kit-item h3{font-size:1.05rem;margin:0 0 4px}
.kit-item p{color:var(--suave);font-size:.9rem;margin:0 0 10px}
.kit-meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:.76rem;color:var(--apagado);margin-bottom:12px}
.kit-reg{font-weight:700;color:var(--suave);background:var(--noite);border-radius:6px;padding:2px 8px}
.kit-reg.qualquer{font-weight:600}
.kit-host{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.kit-acoes{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px}
.kit-abrir{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 14px;border-radius:10px;background:var(--ouro);color:var(--tinta);font-weight:700;font-size:.9rem;text-decoration:none}
.kit-abrir:hover{background:var(--ouro-claro);color:var(--tinta)}
.kit-abrir svg{width:16px;height:16px}
.kit-mini{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 12px;border-radius:10px;border:1px solid var(--borda);background:none;color:var(--texto);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer}
.kit-mini:hover{border-color:var(--ouro-txt);color:var(--ouro-txt)}
.kit-mini.copiado{border-color:#2BC48E;color:#5FD4A0}
.kit-equipar span::before{content:"+ "}
.kit-equipar[aria-pressed="true"]{background:#2BC48E;border-color:#2BC48E;color:#08291D}
.kit-equipar[aria-pressed="true"] span::before{content:"✓ "}
.kit-mais{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;margin-top:12px;border:2px dashed var(--borda);border-radius:14px;background:none;color:var(--texto);font:inherit;font-weight:700;font-size:.95rem;cursor:pointer}
.kit-mais::after{content:"";width:9px;height:9px;border:solid currentColor;border-width:0 2.5px 2.5px 0;transform:translateY(-2px) rotate(45deg)}
.kit-mais[aria-expanded="true"]::after{transform:translateY(2px) rotate(-135deg)}
.kit-mais:hover{border-color:var(--ouro);color:var(--ouro-txt)}
.kit-grupo{scroll-margin-top:16px}
.kit-ir{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:22px;font-size:.92rem;color:#C9C2FF}
.kit-ir a{color:#fff;font-weight:600;text-decoration:underline;text-decoration-color:rgba(255,194,51,.6);text-underline-offset:4px}
.kit-ir a:hover{color:var(--ouro)}
.kit-vazio{text-align:center;margin-top:32px}
.secao-perg{--texto:#15122F;--suave:#4A4478;--apagado:#6B6597;--cartao:#FFFFFF;--borda:#D6CFF5;--ouro-txt:#A36B00;--foco:#3A2FB0;color:var(--texto);background:radial-gradient(900px 380px at 50% 0%,rgba(255,226,160,.45),transparent 70%),linear-gradient(#FBF4E2,#F4E8CB)}
.perg-cabeca{max-width:1100px;margin:0 auto;aspect-ratio:1200/360;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 18%;background:url(../img/arte/pergaminho.svg) center/contain no-repeat}
.perg-cabeca h2{margin-bottom:8px;font-size:clamp(1.5rem,2.7vw,2.1rem)}
.perg-cabeca .lead{max-width:44ch;margin-bottom:0;color:#5A4A2E}
.perg-cabeca .selo.linha{background:rgba(255,255,255,.5)}
.secao-perg .pergaminho{background:#FFFBF1;border-color:#E6CF9C;box-shadow:0 8px 20px rgba(120,80,20,.08)}
.kit-pergaminhos{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:18px;margin-top:32px}
.pergaminho{display:flex;flex-direction:column;min-width:0}
.pergaminho p{color:var(--suave);font-size:.92rem}
.pergaminho pre{margin:0 0 14px;padding:14px 16px;border-radius:12px;background:#0E0C26;color:#E4E0FF;font:500 .82rem/1.6 ui-monospace,"Fira Code",Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.kit-copiar-grande{margin-top:auto;min-height:46px;padding:8px 18px;font-size:.95rem;align-self:flex-start}
.kit-ebook{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:44px;align-items:center}
.kit-ebook-capa img{border-radius:12px;box-shadow:0 24px 50px var(--sombra);margin:0 auto;max-height:520px;width:auto}
.kit-sumario{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin:20px 0}
.kit-sumario h3{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ouro-txt);margin:0 0 6px}
.kit-sumario ul{margin:0;padding-left:18px;font-size:.92rem;color:var(--suave)}
.kit-ebook-nota{font-size:.95rem}
.kit-ebook .acoes{display:flex;flex-wrap:wrap;gap:12px}
.bau{opacity:.92;border-style:dashed}
.bau .etiqueta{display:inline-flex;align-items:center;gap:5px}
.bau p{color:var(--suave);font-size:.95rem}
@media (max-width:760px){
  .kit-hero{padding:40px 0 36px}
  .kit-busca kbd{display:none}
  .kit-filtros{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-20px;padding-right:20px;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
  .kit-busca input{padding-right:16px;font-size:1rem}
  .kit-hud{grid-template-columns:1fr 1fr}
  .kit-hud-barra{grid-column:1/-1}
  .kit-legenda{margin-left:0}
  .kit-ebook{grid-template-columns:minmax(0,1fr);gap:28px}
  .kit-ebook-capa img{max-height:260px}
  .kit-ebook .acoes .btn{width:100%}
  .kit-atalhos{gap:6px}
  .kit-atalhos button{min-height:36px;padding:4px 12px;font-size:.88rem}
  .kit-hud{margin-top:28px}
  .kit-hud b{font-size:1.3rem}
  .kit-grupo{margin-top:32px}
  .kit-grupo-cabeca h2{font-size:1.2rem}
  .kit-grupo-cabeca p{font-size:.88rem}
  .kit-grupo-cabeca .kit-ic.grande{width:42px;height:42px}
  .kit-grade{gap:10px}
  .kit-item{padding:14px 16px}
  .kit-item-topo{margin-bottom:6px}
  .kit-ic{width:34px;height:34px;border-radius:10px}
  .kit-item p{font-size:.88rem;margin-bottom:8px}
  .kit-meta{margin-bottom:10px}
  .kit-abrir,.kit-mini{min-height:40px}
  .kit-largo{display:none}
  .kit-sumario{grid-template-columns:minmax(0,1fr)}
  .perg-cabeca{position:relative;aspect-ratio:auto;margin:14px 8px 0;padding:40px 22px 36px;border:2px solid #D6B26F;border-radius:4px;background:url(../img/arte/pergaminho-item.svg) right 8px top 14px/46px no-repeat,linear-gradient(#FCF4DD,#F1DFB4)}
  .perg-cabeca::before,.perg-cabeca::after{content:"";position:absolute;left:-14px;right:-14px;height:22px;border-radius:11px;border:2px solid #7A4E22;background:linear-gradient(#E9C88A,#C99A52 55%,#8A5C28)}
  .perg-cabeca::before{top:-13px}
  .perg-cabeca::after{bottom:-13px}
  .perg-cabeca .lead{font-size:1rem}
  .pergaminho pre{font-size:.76rem;padding:12px 14px}
}

/* menu hambúrguer (celular e tablet: com todos os itens, o menu só cabe numa linha acima de 1080px) */
@media (max-width:1080px){
  .topo .marca img{height:26px}
  .menu-botao{display:flex;flex-direction:column;justify-content:center;gap:5px;width:48px;height:48px;padding:0 13px;border:1px solid var(--borda);border-radius:12px;background:transparent;cursor:pointer}
  .menu-botao span{display:block;height:2.5px;border-radius:2px;background:#fff;transition:transform .2s,opacity .2s}
  .menu-botao[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
  .menu-botao[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-botao[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
  .menu-botao:focus-visible{outline:3px solid var(--foco);outline-offset:2px}
  .menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:4px;padding:12px 16px 18px;background:#0B0A24;border-bottom:1px solid var(--borda);box-shadow:0 20px 40px rgba(5,4,20,.45)}
  .menu.aberto{display:flex}
  .menu a{padding:12px 14px;font-size:1rem;min-height:48px}
  .menu a.menu-app{margin:6px 0 0;justify-content:flex-start}
  .menu a.menu-app .app-selo{margin-left:auto}
  .menu a.menu-pix{display:none}
  .topo-pix{display:inline-flex;align-items:center;gap:8px;margin-left:auto;margin-right:-6px;min-height:44px;padding:6px 14px 6px 8px;border:1.5px solid rgba(255,194,51,.55);border-radius:999px;color:var(--ouro);font-weight:700;font-size:.92rem;text-decoration:none;background:rgba(255,194,51,.08)}
  .topo-pix:hover{color:var(--ouro);background:rgba(255,194,51,.18)}
  .topo-pix:hover .moeda{transform:rotateY(180deg)}
  .topo-pix:focus-visible{outline:3px solid var(--foco);outline-offset:2px}
  .topo-pix[hidden]{display:none}
  .banner-membros{position:relative;display:flex;align-items:center;gap:14px;margin:24px 0 0;padding:14px 16px;border-radius:18px;text-align:left;text-decoration:none;color:#fff;
    background:linear-gradient(rgba(24,20,72,.92),rgba(24,20,72,.92)) padding-box,linear-gradient(120deg,var(--ouro),#FF6FB5 50%,#3FA2E8) border-box;border:2px solid transparent;
    box-shadow:0 14px 34px rgba(5,4,20,.45),0 0 26px rgba(255,194,51,.16);overflow:hidden;transition:transform .2s,box-shadow .2s}
  .banner-membros::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.14) 50%,transparent 70%);transform:translateX(-100%);animation:brilho-membros 3.6s ease-in-out infinite}
  .banner-membros:hover{color:#fff;transform:translateY(-2px);box-shadow:0 18px 40px rgba(5,4,20,.5),0 0 34px rgba(255,194,51,.28)}
  .banner-membros:focus-visible{outline:3px solid var(--foco);outline-offset:3px}
  .bm-ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:radial-gradient(circle at 35% 30%,var(--ouro-claro),var(--ouro) 60%,var(--ouro-escuro));color:var(--tinta);box-shadow:0 3px 0 var(--ouro-escuro)}
  .bm-txt{flex:1;display:flex;flex-direction:column;line-height:1.25}
  .bm-txt small{font-size:.8rem;font-weight:600;color:var(--suave);text-transform:uppercase;letter-spacing:.06em}
  .bm-txt b{font-size:1.05rem}
  .bm-seta{flex:none;display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.1);color:var(--ouro);transition:transform .2s}
  .banner-membros:hover .bm-seta{transform:translateX(3px)}
}
@keyframes brilho-membros{0%,55%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@media (max-width:380px){
  .topo-pix{padding-right:10px;font-size:.85rem}
}
@media (max-width:760px){
  .membros-faixa{flex-direction:column;align-items:flex-start;text-align:left;padding:20px}
  .membros-faixa .btn{width:100%}
}
/* no computador o Instagram fica só com o ícone, para o menu caber numa linha */
@media (min-width:1081px){
  .menu-insta .txt-largo{display:none}
  .menu a{padding:10px 11px}
}
@media (max-width:900px){
  .hero .grade,.destaque,.mapa-download,.upsell{grid-template-columns:minmax(0,1fr)}
  .upsell{padding:24px;gap:24px}
  .aulas{grid-template-columns:minmax(0,1fr)}
  .capa-hero{max-height:360px}
  .mapa-download{gap:28px;padding:24px}
  .mapa-img{max-width:360px;margin:0 auto}
  .hero .arte{order:-1;max-width:520px;margin:0 auto}
  .grade-3,.passos,.escada{grid-template-columns:minmax(0,1fr)}
  .escada{gap:24px}
  .grade-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trilho .produto-card{flex-basis:clamp(260px,44%,330px)}
  .regioes{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:640px){
  body{font-size:16px}
  .secao{padding:52px 0}
  .grade-2{grid-template-columns:minmax(0,1fr)}
  .destaque-gratis{grid-template-columns:minmax(0,1fr)}
  .filtros-mobile{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:68px;z-index:15;margin:0 -20px 20px;padding:10px 20px;background:var(--fundo);border-bottom:1px solid var(--borda2)}
  .btn-filtrar{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 18px;border-radius:999px;border:1px solid var(--borda);background:var(--cartao);color:var(--texto);font:inherit;font-weight:600;font-size:.95rem;cursor:pointer}
  .btn-filtrar .ativos{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--ouro);color:var(--tinta);font-size:.78rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
  .filtro-conta-m{font-size:.88rem;color:var(--suave)}
  .painel-filtros{display:none}
  .painel-filtros.aberto{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:60;max-height:85vh;overflow:auto;margin:0;padding:0 18px 18px;border:0;border-radius:22px 22px 0 0;box-shadow:0 -12px 40px rgba(20,14,60,.25);animation:sobe .22s ease-out}
  .painel-fundo:not([hidden]){display:block;position:fixed;inset:0;z-index:55;background:rgba(10,8,30,.45)}
  .painel-cabeca{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1;margin:0 -18px;padding:14px 18px;background:var(--cartao);border-bottom:1px solid var(--borda2);font-size:1.05rem}
  .painel-x{width:44px;height:44px;border:0;border-radius:50%;background:var(--cartao2);color:var(--texto);font-size:1rem;cursor:pointer}
  .filtro-rotulo{flex-basis:100%;margin-top:6px}
  .painel-filtros .filtro-resumo span{display:none}
  .painel-rodape{display:block;position:sticky;bottom:-18px;margin:0 -18px -18px;padding:12px 18px 18px;background:var(--cartao);border-top:1px solid var(--borda2)}
  .painel-rodape .btn{width:100%;min-height:52px;gap:5px}
  .faixa-mapas{grid-template-columns:minmax(0,1fr);text-align:left}
  .faixa-mapas .etiqueta{justify-self:start}
  .cinema-texto{grid-template-columns:minmax(0,1fr);padding:18px 18px 22px}
  .ficha-corpo{padding:4px 20px 24px}
  .ficha-grade{grid-template-columns:minmax(0,1fr)}
  .trilho .poster{flex-basis:44%}
  .regioes{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .hero .acoes .btn{width:100%}
  .celulares{min-height:420px}
  .celulares .atras{transform:translateX(-36%) rotate(-7deg) scale(.88)}
  .celulares .frente{transform:translateX(20%) rotate(4deg)}
  .celular{width:190px}
  .oferta{padding:28px 20px}
  .garantia,.grupo{flex-direction:column;text-align:center}
  .grupo .etiqueta{align-self:center}
  .car-controles{display:none}
  .trilho{margin:0 -20px;padding:6px 20px 14px;scroll-padding-inline:20px;gap:14px}
  .trilho .produto-card{flex-basis:80%}
  .acoes-centro .btn{width:100%}
}
@keyframes sobe{from{transform:translateY(100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){
  .banner-membros::after{animation:none;display:none}
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
  .painel-filtros.aberto{animation:none}
  html,.trilho{scroll-behavior:auto}
  .apoie-arte{transition:none}
  .moeda{transition:none}
  .cursor{animation:none}
  .btn,.produto-card,.produto-card .img img,.momento,.mapa-img img,.poster img{transition:none}
  .js .revela{opacity:1;transform:none;transition:none}
}

/* mascotes: Lumi, Byte e Pico (arte em _fonte/mascotes) */
.mascote{width:auto;margin:0 auto 6px}
.mascote.alto{height:170px}
.mascote.grande{height:230px}
.turma{margin-top:56px}
.turma-arte{width:100%;max-width:960px;margin:0 auto}
.turma h3{font-size:1.5rem;margin:18px 0 20px}
.turma-lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0}
.turma-lista li{background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio);padding:20px 22px}
.turma-lista b{display:block;font-size:1.05rem;margin-bottom:4px}
.turma-lista span{color:var(--suave);font-size:.95rem}
.kit-hero .wrap{position:relative}
.kit-lumi{position:absolute;right:20px;top:-14px;width:330px;pointer-events:none;filter:drop-shadow(0 18px 30px rgba(0,0,0,.3))}
@media (max-width:1060px){ .kit-lumi{width:250px;top:0} }
@media (max-width:900px){
  .turma-lista{grid-template-columns:minmax(0,1fr)}
  .kit-lumi{position:static;width:240px;margin:0 0 12px -8px}
  .mascote.alto{height:140px}
  .mascote.grande{height:190px}
}