/* Paleta que vende (brainstorm 17/10/2026 22h47, decisoes.html item 1).
   Carregar DEPOIS de estilo.css. Topo azul-marinho da marca, resto claro, compra em laranja. */
@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/inter.woff2) format("woff2")}
@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/poppins-700.woff2) format("woff2")}
@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(fonts/poppins-800.woff2) format("woff2")}
:root{
  --topo:#0B1A3A;
  --fundo:#F7F8FB; --fundo2:#EEF2FA; --cartao:#FFFFFF; --linha:#E3E8F2;
  --gelo:#0B1324; --prata:#4A5568;
  --azul:#1F5BFF; --ciano:#1F5BFF; --produto:#1F5BFF;
  --comprar:#FF7A1A; --comprar-hover:#F26A00; --comprar-texto:#0B1324;
  --preco:#FFC233; --verde:#25D366;
  --grad:linear-gradient(120deg,#1F5BFF 0%,#0EA5E9 100%);
}
body{font-family:Inter,system-ui,sans-serif;font-size:17px}
h1,h2,h3,.valores b{font-family:Poppins,Inter,system-ui,sans-serif}
h1,h2{font-weight:800}

/* Faixas escuras: topo, hero, chamada final e rodapé mantêm a marca */
header,.hero,.final,footer{
  --fundo:#0B1A3A; --cartao:#12244D; --linha:#22386A;
  --gelo:#FFFFFF; --prata:#C9D3E8; --ciano:#7FB2FF;
  --grad:linear-gradient(120deg,#7FB2FF 0%,#5EE1FF 100%);
  background:var(--topo); color:var(--gelo);
}
header{background:rgba(11,26,58,.94);border-bottom-color:rgba(255,255,255,.08)}
.hero::before{background:radial-gradient(circle,rgba(31,91,255,.35),transparent 62%)}
.final{background:radial-gradient(circle at 50% 0%,rgba(31,91,255,.45),transparent 60%),var(--topo)}
.provas li{background:var(--fundo)}

/* Botão de compra: laranja, contraste 7,11 para 1 */
.btn-primario{background:var(--comprar);color:var(--comprar-texto);box-shadow:0 10px 28px rgba(255,122,26,.38)}
.btn-primario:hover{background:var(--comprar-hover)}
.btn{min-height:52px}
.btn-whats{background:var(--verde);color:#06240F}
.btn-linha{border-color:currentColor}

/* Preço e selos em amarelo */
.etiqueta{background:var(--preco);color:#0B1324}
.plano{box-shadow:0 18px 50px rgba(11,19,36,.08)}
.selo i{background:var(--preco);box-shadow:0 0 12px var(--preco)}
.gancho{color:var(--preco)}

/* Aviso de cookies: uma linha fina, sem cobrir o botão */
.aviso-cookies{background:#0B1A3A;color:#fff;font-size:.8rem;padding:8px 12px;bottom:8px;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.aviso-cookies p{color:#C9D3E8}
.aviso-cookies a{color:#7FB2FF}
.aviso-cookies-recusar{color:#fff}

/* Botão de compra fixo no rodapé do celular */
.barra-compra{display:none}
@media (max-width:760px){
  .barra-compra{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--linha);box-shadow:0 -6px 20px rgba(11,19,36,.12);transform:translateY(110%);transition:transform .25s}
  .barra-compra.visivel{transform:none}
  .barra-compra .btn{width:100%;min-height:56px;font-size:1.05rem}
  body{padding-bottom:84px}
  .aviso-cookies{bottom:90px}
}
@media (max-width:600px){
  .aviso-cookies{flex-direction:row;align-items:center;gap:8px;font-size:.72rem;line-height:1.35;padding:7px 10px;left:6px;right:6px;border-radius:10px}
  .aviso-cookies-botoes{flex-direction:column;gap:5px}
  .aviso-cookies-botoes button{flex:none;padding:5px 12px;font-size:.74rem}
}

/* Celular: vídeo mais perto do topo, balão do WhatsApp acima da barra de compra */
@media (max-width:600px){
  .hero{padding:44px 0 40px}
  .hero .provas{display:none}
  .selo{margin-bottom:14px}
  #balao-wa{bottom:96px}
}
/* Site Express: cor própria (roxo) no destaque */
.produto-site header,.produto-site .hero,.produto-site .final,.produto-site footer{--grad:linear-gradient(120deg,#C4A6FF 0%,#7FB2FF 100%)}
@media (max-width:760px){.aviso-cookies{top:74px;bottom:auto}}
/* Verdes e laranjas claros que eram para fundo escuro: no fundo claro, versão escura legível */
.valores .nota-impl,.formas-pagto .forma p b,.retorno.ok{color:#15803D}
.plano .economia{background:#DCFCE7;color:#14532D}
.limites>div:last-child li::before{color:#DC2626}
.vagas{background:#FFF7ED!important;border-color:#FDBA74!important;color:#9A3412!important}
