/* Revisão de design — 12/09/2026.
   Camada adicional: carregada depois de melhorias.css nas páginas públicas.
   Não altera shared.css, melhorias.css nem os documentos versionados. */

/* 1. Marca sem caixa branca: logotipo com fundo transparente, versão clara nos fundos escuros. */
.marca-oficial,.marca-oficial:hover,.site-nav .marca-oficial,.topo .marca-oficial,.cabeca .marca-oficial{background:transparent;box-shadow:none;padding:0;border-radius:0}
.site-nav .marca-oficial{flex:0 1 236px;max-width:calc(100% - 96px)}
.site-nav .marca-oficial img,.marca-oficial img{width:100%;max-width:236px;height:auto}
.marca-oficial:focus-visible{outline-offset:6px;border-radius:6px}
body[data-page=petit] .hero .site-nav,body[data-page=turma-zero] .hero .site-nav{padding:0;border:0;background:transparent;box-shadow:none;border-radius:0}
@media(max-width:760px){.site-nav .marca-oficial{flex-basis:188px;max-width:calc(100% - 88px)}.marca-oficial img{max-width:188px}}

/* 2. Um botão primário por tela: âmbar sólido; secundário vazado; o resto é link. */
.botao,.action-link,.proxima a.botao-escuro,.botao-vazado{transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}
.botao:hover,.action-link:hover,.botao-vazado:hover,.proxima a.botao-escuro:hover{transform:translateY(-1px)}
.botao:active,.botao-vazado:active{transform:none}
.botao{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:4px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.02rem;text-decoration:none;background:var(--sinal);color:var(--tinta);border:2px solid var(--sinal)}
.botao:hover{background:#FFC23D;border-color:#FFC23D}
.botao-vazado{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:4px;font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:1rem;text-decoration:none;border:1.5px solid rgba(255,255,255,.45);color:var(--papel);background:transparent}
.botao-vazado:hover{border-color:var(--papel);background:rgba(255,255,255,.08)}
body[data-page=turma-zero] .hero .course-actions .botao{background:var(--sinal);color:var(--tinta);border-color:var(--sinal);margin-top:0}
body[data-page=turma-zero] .hero .course-actions .botao:hover{background:#FFC23D;border-color:#FFC23D}
.contact-card .action-link{background:var(--sinal);color:var(--tinta)!important;border-radius:4px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700}
.contact-card .action-link:hover{background:#FFC23D}
.proxima a.botao-escuro{display:inline-flex;align-items:center;min-height:46px;padding:11px 20px;border-radius:4px;background:var(--tinta);color:var(--papel);border:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;text-decoration:none;white-space:nowrap}
.proxima a.botao-escuro:hover{background:#284552;color:var(--papel)}
.hero .carousel-toggle,.janela .carousel-toggle,.hero-media .carousel-toggle{min-height:36px;padding:6px 10px;background:transparent;color:#c9d6db;border:1px solid rgba(255,255,255,.28);font:500 13px system-ui;border-radius:4px}
.hero .carousel-toggle:hover,.janela .carousel-toggle:hover{background:rgba(255,255,255,.1);color:#fff}

/* Página inicial: ações do topo e cartões de curso. */
.home-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 14px;margin-top:30px}
.hero-contato{margin-top:18px;display:flex;flex-wrap:wrap;gap:6px 22px;font-size:.94rem}
.hero-contato a{color:#c9d6db;text-decoration:underline;text-underline-offset:4px;font-weight:500;padding:6px 0}
.hero-contato a:hover{color:#fff}
body[data-page=index] .curso[href] .abrir{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border:1.5px solid currentColor;border-radius:4px;font-weight:600;font-size:.92rem;background:transparent;transition:background-color .15s,color .15s}
body[data-page=index] .curso[href]:hover .abrir{background:var(--tinta);color:var(--papel);border-color:var(--tinta)}
body[data-page=index] .curso[href="debut.html"]:hover .abrir{background:var(--sinal);color:var(--tinta);border-color:var(--sinal)}
body[data-page=index] .curso{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
body[data-page=index] .curso:hover{box-shadow:0 18px 40px -22px rgba(22,34,43,.45)}
.course-trust{align-items:center;grid-template-columns:1fr auto}
.course-trust .acoes-contato{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.course-trust .acoes-contato .botao-vazado{color:var(--tinta);border-color:#9cabb1}
.course-trust .acoes-contato .botao-vazado:hover{border-color:var(--tinta);background:var(--papel-2)}

/* 3. Ritmo tipográfico: títulos com entrelinha respirável, hover perceptível. */
body[data-page=index] h2{line-height:1.08;letter-spacing:-.025em}
body[data-page=index] .curso h3{line-height:1.06}
body[data-page=index] .hero h1{line-height:1.06}
.nav-links a{position:relative;transition:color .15s}
.nav-links a:not(.nav-cta){border-bottom:0}
.nav-links a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;background:var(--eco);transition:right .18s ease}
.nav-links a:not(.nav-cta):hover::after,.nav-links a:not(.nav-cta)[aria-current=page]::after{right:0}
.nav-links .nav-cta{transition:background-color .15s,color .15s,border-color .15s}
.faq-list summary{transition:color .15s}.faq-list summary:hover{color:var(--eco-texto,#12677b)}
.menu-toggle{min-height:44px;min-width:76px}

/* 4. Menu do celular: painel opaco, rótulo que muda, contato à mão. */
@media(max-width:760px){.nav-links{background:var(--tinta);border-color:#3e5561;box-shadow:0 22px 48px rgba(0,0,0,.35);padding:14px}.nav-links a{padding:12px 10px;border-radius:4px}.nav-links a:hover{background:rgba(255,255,255,.06)}.nav-links a:not(.nav-cta)::after{display:none}.nav-links .nav-contato{border-top:1px solid rgba(255,255,255,.14);margin-top:6px;padding-top:12px;color:#c9d6db!important;font-weight:500}}
.nav-links .nav-contato{font-weight:500}
@media(min-width:761px){.nav-links .nav-contato{display:none}}

/* 5. Barra fixa compacta ao rolar para cima; barra de inscrição no celular. */
.barra-fixa{position:fixed;top:0;left:0;right:0;z-index:60;background:rgba(22,34,43,.96);color:#fff;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 8px 24px rgba(0,0,0,.25);transform:translateY(-110%);transition:transform .22s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.barra-fixa.visivel{transform:none}
.barra-fixa .env{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:8px;padding-bottom:8px}
.barra-marca img{display:block;height:34px;width:auto}
.barra-links{display:flex;gap:18px}
.barra-links a{color:#dce6e9;text-decoration:none;font-size:.86rem;font-weight:600;padding:8px 0}
.barra-links a:hover{color:#fff}
.barra-fixa .botao{min-height:40px;padding:8px 16px;font-size:.92rem;white-space:nowrap}
@media(max-width:760px){.barra-links{display:none}.barra-marca img{height:30px}}
@media(prefers-reduced-motion:reduce){.barra-fixa{transition:none}}
.cta-fixa{display:none}
@media(max-width:760px){
 .cta-fixa{display:block;position:fixed;left:0;right:0;bottom:0;z-index:55;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(22,34,43,.97);border-top:1px solid rgba(255,255,255,.14);transform:translateY(110%);transition:transform .22s ease}
 .cta-fixa.visivel{transform:none}
 .cta-fixa .botao{width:100%}
 .cta-fixa .cta-fixa-nota{margin:0 0 6px;text-align:center;color:#c9d6db;font-size:.78rem}
 body.tem-cta-fixa{scroll-padding-bottom:96px}
 body.tem-cta-fixa .site-footer{padding-bottom:110px}
}

/* 6. Celular: o vídeo desce para depois da faixa da Turma Zero; a tabela vira cartões. */
.secao-clipes{display:none}
@media(max-width:760px){
 .secao-clipes{display:block;background:var(--tinta);color:var(--papel);padding:28px 0 34px}
 .secao-clipes .sobretitulo{color:#76d2e2}
 .secao-clipes h2{font-size:1.5rem;line-height:1.12;max-width:20ch;margin-bottom:16px}
 .secao-clipes .janela{margin:0 auto;max-width:380px}
 body[data-page=index] .hero{padding-bottom:30px}
}
.compare-cards{display:none}
@media(max-width:760px){
 .comparison .table-scroll,.comparison .mobile-table-hint{display:none}
 .compare-cards{display:grid;gap:12px}
 .compare-card{border:1px solid var(--linha);border-radius:8px;background:#fff;padding:18px 18px 16px}
 .compare-card h4{font:700 1.15rem/1.2 'Bricolage Grotesque',sans-serif;margin:0 0 12px}
 .compare-card h4 a{color:var(--tinta);text-decoration:none}
 .compare-card dl{display:grid;grid-template-columns:1fr;gap:10px;margin:0}
 .compare-card dt{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--eco-texto,#12677b);font-weight:600}
 .compare-card dd{margin:2px 0 0;font-size:.95rem;color:var(--tinta-2)}
 .compare-card[data-curso="turma-zero"]{background:var(--fundo-turma-zero,#fff4dc);border-color:#e7d2a9}
 .compare-card[data-curso="petit"]{background:linear-gradient(#ffffff70,#ffffff70),var(--fundo-petit,#f0faf8);border-color:#abd1cf}
 .compare-card[data-curso="debut"]{background:#16222b;border-color:#375963;color:#fff}
 .compare-card[data-curso="debut"] h4 a{color:#fff}
 .compare-card[data-curso="debut"] dt{color:#76d2e2}
 .compare-card[data-curso="debut"] dd{color:#dce6e9}
}

/* 7. Turma Zero: resumo em 30 segundos, regras em acordeões, dados sem misturar preço e local. */
.resumo-rapido{padding:44px 0 8px}
.resumo-rapido .caixa{display:grid;grid-template-columns:auto 1fr;gap:22px 40px;padding:26px 30px;border:1px solid var(--linha);border-left:5px solid var(--sinal);border-radius:0 8px 8px 0;background:var(--papel-2)}
.resumo-rapido .caixa>div:first-child{max-width:14ch}
.resumo-rapido h2{font-size:1.45rem;margin:0 0 6px;line-height:1.15}
.resumo-rapido .caixa>div:first-child p{color:var(--tinta-2);font-size:.92rem;max-width:22ch}
.resumo-rapido dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 28px;margin:0}
.resumo-rapido dt{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--eco-texto,#12677b);font-weight:600}
.resumo-rapido dd{margin:3px 0 0;font-size:.97rem}
.resumo-rapido dd a{color:var(--eco-texto,#12677b)}
@media(max-width:900px){.resumo-rapido .caixa{grid-template-columns:1fr;gap:16px}.resumo-rapido dl{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.resumo-rapido dl{grid-template-columns:1fr}.resumo-rapido .caixa{padding:20px 18px}.resumo-rapido{padding-top:32px}}
.regras{padding-top:56px}
.regras .lista-regras{max-width:780px;margin-top:6px}
.regras details{border-top:1px solid var(--linha);padding:6px 0}
.regras details:last-child{border-bottom:1px solid var(--linha)}
.regras summary{cursor:pointer;font-weight:600;font-size:1.05rem;padding:14px 0;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px}
.regras summary::-webkit-details-marker{display:none}
.regras summary::after{content:"+";font-family:'Bricolage Grotesque',sans-serif;font-size:1.5rem;font-weight:600;color:var(--eco-texto,#12677b);line-height:1;flex:none}
.regras details[open]>summary::after{content:"–"}
.regras .conteudo{padding:0 0 20px;color:var(--tinta-2)}
.regras .conteudo p+p{margin-top:12px}
.regras .conteudo ul{margin-left:20px}
.regras .conteudo li{margin-bottom:9px;max-width:62ch}
.regras .conteudo p{max-width:64ch}
body[data-page=turma-zero] .dados div span{display:block;margin-top:4px}
body[data-page=turma-zero] .nota-edicao strong{font-weight:600}

/* 8. Sobre: o quinto valor ocupa a linha inteira em vez de ficar órfão. */
@media(min-width:761px){body[data-page=sobre] .valores-grid .valor:last-child{grid-column:1 / -1}}

/* 9. Contato: WhatsApp e Instagram entram quando configurados em contato.js. */
.contato-whatsapp,.contato-instagram{display:inline-flex;align-items:center;gap:8px}
.site-footer .redes{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px}
.site-footer .redes a{border-bottom:0;text-decoration:underline;text-underline-offset:4px}