/* Tema espaço (inspirado no Spacelaxy): fundo quase preto com estrelas, títulos em Space Grotesk,
   rótulos em Space Mono e cards escuros de borda fina. As cores continuam as do QG: marinho e dourado.
   Carrega depois do site.css; para voltar ao visual anterior basta tirar o <link> deste arquivo. */
:root{
  --display:"Space Grotesk","Segoe UI",Arial,sans-serif; --mono:"Space Mono",ui-monospace,Consolas,monospace;
  --espaco:#05080f; --faixa:#080d18; --cartao:#0c1321; --cartao-2:#111b2d; --borda:rgba(255,255,255,.09); --borda-ouro:rgba(212,175,55,.45);
  --tinta:#e6ebf2; --cinza:#9aa7b8; --claro:#0a101c; --filete:rgba(255,255,255,.09); --sobre-navy:#a3b2c6;
  --estrelas:radial-gradient(1px 1px at 12% 18%,rgba(255,255,255,.55),transparent 60%),radial-gradient(1px 1px at 68% 32%,rgba(255,255,255,.4),transparent 60%),
    radial-gradient(1.5px 1.5px at 38% 72%,rgba(240,215,122,.5),transparent 60%),radial-gradient(1px 1px at 86% 82%,rgba(255,255,255,.45),transparent 60%),
    radial-gradient(1px 1px at 24% 52%,rgba(255,255,255,.3),transparent 60%),radial-gradient(1px 1px at 54% 8%,rgba(255,255,255,.35),transparent 60%);
}
body{background-color:var(--espaco);background-image:var(--estrelas);background-size:420px 420px;color:var(--tinta)}

/* tipografia */
h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.01em}
h1{letter-spacing:-.02em}
.hero h1{font-size:clamp(2.1rem,4.7vw,3.6rem);line-height:1.05}
h2{font-size:clamp(1.75rem,3.7vw,2.7rem);line-height:1.08}
h3{font-size:1.25rem}
.chapeu,.depos-tit,.etapa .hora,#contador,.mentor-txt small,.mat small{font-family:var(--mono);font-weight:700;letter-spacing:.14em}
.chapeu{color:var(--ouro);font-size:.74rem}
.chapeu::before{content:"// ";opacity:.6}
.claro h2 em,.virada em{color:var(--ouro)}
.lead,.dor p,.concurso p,.perfil p,details p,.aviso-gratis,.selo-hub{color:var(--cinza)}
.virada{font-size:clamp(1.35rem,2.8vw,1.9rem)}
.numeros b,.numeros-v b,.relogio b,.por,.preco,.passo::before,.marcos b,.kpi b{font-family:var(--display);letter-spacing:-.02em}

/* seções: tudo escuro, alternando o tom */
section{background:transparent}
.cinza,.depos{background-color:var(--faixa);background-image:var(--estrelas);background-size:420px 420px;border-block:1px solid var(--borda)}
.escuro{background:radial-gradient(900px 520px at 88% -10%,rgba(22,53,92,.55),transparent 62%),radial-gradient(700px 420px at 0% 110%,rgba(212,175,55,.07),transparent 60%),var(--estrelas),var(--espaco);
  background-size:auto,auto,420px 420px,auto}
.barra{background:rgba(5,8,15,.86);border-bottom-color:var(--borda)}
.marca{font-family:var(--display);letter-spacing:.02em}
.faixa,footer{background:#03050a;border-color:var(--borda)}

/* planeta dourado atrás da órbita do hero */
.hero{position:relative}
.hero::after{content:"";position:absolute;right:-180px;bottom:-260px;width:620px;aspect-ratio:1;border-radius:50%;pointer-events:none;z-index:0;
  background:radial-gradient(circle at 32% 28%,rgba(240,215,122,.22),rgba(138,109,31,.12) 38%,rgba(12,35,64,.0) 70%);box-shadow:inset -40px -40px 120px rgba(0,0,0,.6)}
.hero .wrap{position:relative;z-index:1}

/* cards claros viram cards escuros de borda fina */
.concurso,.dor,.edital,.perfil,.mat,.produto,.ed,.mentor-card,.depo,.form,.card{background:var(--cartao);border:1px solid var(--borda);color:var(--tinta);box-shadow:none}
.concurso,.edital,.perfil,.mat,.produto,.ed,.mentor-card{transition:border-color .2s,transform .2s}
.concurso:hover,.edital:hover,.perfil:hover,.mat:hover,.produto:hover,.ed:hover,.mentor-card:hover{border-color:var(--borda-ouro);transform:translateY(-2px)}
.dor{border-left:3px solid var(--vermelho)}
.depo{border-left:3px solid var(--ouro)}
.card{border:1px solid var(--borda-ouro);box-shadow:0 0 0 1px rgba(212,175,55,.08),0 40px 90px rgba(0,0,0,.55)}
.card-val{background:var(--cartao-2)}
.produto.destaque{border-color:var(--ouro)}
.concurso.outro{background:linear-gradient(160deg,var(--navy-2),var(--navy));border-color:var(--borda-ouro)}
.form{box-shadow:0 30px 70px rgba(0,0,0,.5)}

/* títulos e textos que eram marinho sobre branco */
.concurso h3,.amostra b,.edital h3,.numeros b,.card-inc h3,.por,summary,.form label,.modal h3,.mat h3,.produto h3,.preco,.ed h3,.doc,
.mentor-txt h3,.marcos b,.depo figcaption b,.perfil b{color:#f2f5f9}
.mentor-txt small,.mat small{color:var(--ouro)}
.ed .cargo,.depo blockquote,.card-inc .check li,.claro .check li{color:var(--tinta)}
.edital .btn-linha,.ed-bts .btn-linha{color:var(--ouro-claro)}
summary::after{color:var(--ouro)}
details{border-bottom-color:var(--borda)}

/* formulários */
.form input,.form select,#busca-ed{background:#070c16;border:1px solid var(--borda);color:var(--tinta)}
.form input:focus,.form select:focus,#busca-ed:focus{background:#0a1220;outline:2px solid var(--ouro)}
.form input::placeholder,#busca-ed::placeholder{color:#6f7d90}
.fechar{background:var(--cartao-2);color:#fff}
.consent a{color:var(--ouro-claro)}
.consent input{accent-color:var(--ouro)}
.form .ok{background:rgba(31,122,77,.18);color:#bfead3}

/* filtros e etiquetas */
.chip{background:var(--cartao);border-color:var(--borda);color:var(--tinta)}
.chip.on{background:var(--ouro);border-color:var(--ouro);color:var(--noite)}
.edital .tag,.ed .tag{background:rgba(51,160,107,.14);color:#6fd3a0}
.ed .tag.pre{background:rgba(212,175,55,.14);color:var(--ouro-claro)}

/* capas e fotos */
.doc span{color:#e6ebf2}
.doc img,.ed img,.mat img,.amostra img{box-shadow:0 14px 32px rgba(0,0,0,.55);outline:1px solid var(--borda)}
.doc:hover img{box-shadow:0 0 0 1px var(--borda-ouro),0 20px 40px rgba(0,0,0,.6)}
.dupla img{box-shadow:0 30px 60px rgba(0,0,0,.55);outline:1px solid var(--borda)}

/* janela do passeio */
.janela{border:1px solid rgba(255,255,255,.14)}

/* botões */
.btn{font-family:var(--display);letter-spacing:.06em;border-radius:12px}
.btn-linha{border-width:1px;border-color:rgba(255,255,255,.28)}
.btn-linha:hover{border-color:var(--ouro);color:var(--ouro-claro)}

@media (max-width:980px){.hero::after{width:420px;right:-200px;bottom:-200px}}

/* botão com cor inline de marinho no card de preço */
.card-val .btn-linha{color:var(--ouro-claro)!important}

/* topo: poucos links, sem quebra de linha, e dois botões à direita (Área do Aluno e Falar com o mentor) */
.barra .wrap{gap:18px}
.menu{gap:26px;font-size:.9rem}
.menu a{position:relative;white-space:nowrap;padding:6px 0;transition:color .2s}
.menu a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--ouro);transform:scaleX(0);transition:transform .25s}
.menu a:hover::after{transform:scaleX(1)}
.barra .btn{white-space:nowrap}
.barra-area{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;text-decoration:none;font-weight:700;font-size:.82rem;letter-spacing:.02em;
  color:var(--ouro-claro);border:1px solid var(--borda-ouro);border-radius:12px;padding:9px 14px;background:rgba(212,175,55,.06);transition:background .2s,color .2s,border-color .2s}
.barra-area svg{width:17px;height:17px;flex:none}
.barra-area:hover{background:var(--ouro);border-color:var(--ouro);color:var(--noite)}
@media (max-width:1100px){.menu{display:none}.barra-area{margin-left:auto}}
@media (max-width:600px){.barra .barra-area + .btn{display:none}.barra-area{padding:8px 12px;font-size:.76rem}}
@media (max-width:360px){.barra-area span{display:none}}