/* Novo visual das LPs (15/09/2026), igual ao site: topo escuro, foto real da Credim na capa e
   cartões de vidro. Camada final carregada depois do estilo de cada página; o simulador segue branco. */
:root { --noite: #0e1411; --noite-2: #151e19; --vidro: rgba(255,255,255,.06); --vidro-borda: rgba(255,255,255,.13); --limao-claro: #7ed957; }

/* topo escuro */
header.topo { background: rgba(14,20,17,.94); border-bottom: 1px solid rgba(255,255,255,.08); }
.topo img { filter: brightness(0) invert(1); }
.topo .botao { background: var(--limao-claro); color: #0c1a0f; }
.topo .botao:hover { background: #95e46f; }

/* capa com foto real */
.capa { position: relative; isolation: isolate; overflow: hidden; background: var(--noite); }
.capa[style*="--foto"]::before {
  content: ""; position: absolute; inset: 0 0 0 44%; z-index: -2;
  background: var(--foto) var(--foto-pos, 60% 40%) / cover no-repeat;
}
.capa[style*="--foto"]::after {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background:
    linear-gradient(90deg, var(--noite) 0%, var(--noite) 44%, rgba(14,20,17,.55) 56%, rgba(14,20,17,.12) 78%, rgba(14,20,17,.04) 100%),
    linear-gradient(0deg, var(--noite) 0%, rgba(14,20,17,0) 38%);
}
.capa .faixa > * { max-width: 600px; }
.capa .selo { font-family: inherit; font-weight: 600; letter-spacing: .14em; color: var(--limao-claro); border-color: rgba(126,217,87,.35); background: rgba(126,217,87,.08); }
.capa h1 { color: #fff; }
.capa h1 em { color: var(--limao-claro); font-style: italic; }
.capa p.linha { color: #a9b8ad; }
.capa .provas span { background: var(--vidro); border-color: var(--vidro-borda); color: #e3ebe5; backdrop-filter: blur(8px); }
@media (max-width: 860px) {
  .capa[style*="--foto"]::before { inset: 0; }
  .capa[style*="--foto"]::after { background: linear-gradient(0deg, var(--noite) 28%, rgba(14,20,17,.78) 66%, rgba(14,20,17,.55) 100%); }
}

/* simulador continua branco, com sombra mais profunda sobre o fundo escuro */
.painel { box-shadow: 0 30px 70px -30px rgba(0,0,0,.55), 0 1px 2px rgba(0,0,0,.05); }

/* seções claras alternadas com uma seção escura (como funciona) */
section.bloco.claro:first-of-type { }
section.bloco.escuro { background: var(--noite); color: #eef3ef; border-color: transparent; }
section.bloco.escuro h2, section.bloco.escuro h3 { color: #fff; }
section.bloco.escuro p { color: #a9b8ad; }
section.bloco.escuro .eyebrow { color: var(--limao-claro); }
section.bloco.escuro .cartao { background: var(--vidro); border-color: var(--vidro-borda); }

/* botão flutuante do WhatsApp mantém o verde da marca */