/* LP em espanhol (México, marca Luiz Garcia). Carrega DEPOIS de lp.css e só troca a
   paleta para a dos criativos da página do Facebook: fundo azul-noite, verde #40D028.
   A seção "clara" continua clara: é onde o documento é o protagonista. */
:root {
  --bg: #0b0f19;
  --surface: #101624;
  --line: #222c3f;
  --ink: #ffffff;
  --muted: #9aa4b2;
  --green: #40d028;
  --green-hover: #5ae043;
  --green-ink: #07120a;
  --clara-bg: #eef1f5;
  --clara-ink: #0b0f19;
  --clara-muted: #4a5566;
  --clara-line: #d3d9e2;
  color-scheme: dark;
}

body.lp-es { background: var(--bg); }
.lp-es .cta.desabilitado { background: #1f2738; color: #6b7686; }
.lp-es .player-falha { background: rgba(11, 15, 25, 0.95); }
.lp-es .barra-fixa { background: rgba(11, 15, 25, 0.97); }
.lp-es .ampliacao::backdrop { background: rgba(0, 0, 0, 0.7); }
.lp-es .secao.clara :focus-visible { outline-color: #1d7a10; }
.lp-es .comparacao-cabeca span:last-child { background: #d9f5d2; }
.lp-es .comparacao-linha dd { background: #f3fbf1; }
.lp-es .comparacao-linha dd .rotulo-movel { color: #1d7a10; }
.lp-es .apresente-doc img, .lp-es .modelos-painel img { box-shadow: 0 24px 60px -24px rgba(0, 0, 0, 0.8); }
.lp-es .relato { background: var(--surface); }

/* quem apresenta o vídeo */
.byline { display: flex; align-items: center; gap: 14px; text-align: left; margin-top: 4px; }
.byline img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; border: 2px solid var(--green); }
.byline p { display: grid; gap: 2px; }
.byline span { font-size: 0.875rem; color: var(--muted); }

/* preço "de" riscado acima do preço de lançamento */
.precos { display: grid; gap: 2px; }
.preco-de { color: var(--muted); font-size: 1rem; }
.oferta-texto .eyebrow { margin-bottom: -4px; }
/* texto da oferta centrado na altura do cartão (no celular vale o empilhamento do lp.css) */
@media (min-width: 901px) {
  .lp-es .oferta { grid-template-rows: 1fr auto auto 1fr; grid-template-areas: ". cartao" "texto cartao" "inclui cartao" ". cartao"; }
}

/* termos e aviso de privacidade */
.legal h1 { font-size: clamp(28px, 3.4vw, 40px); }
.legal h2 { font-size: 1.25rem; margin-top: 8px; }
.legal p, .legal li { color: var(--muted); }
.legal ul { margin: 0; padding-left: 20px; display: grid; gap: 6px; }
.legal .eyebrow a { color: var(--green); text-decoration: none; }

/* VSL vertical da VTurb (9:16), na largura do embed */
.player:has(.player-quadro.vertical) { max-width: 400px; margin: 0 auto; }
.player-quadro.vertical { aspect-ratio: 9 / 16; }
.player-quadro.vertical vturb-smartplayer { display: block; position: absolute; inset: 0; width: 100%; height: 100%; }

/* depoimentos em colunas (cascata): prints de tamanhos muito diferentes sem buracos */
.lp-es .relatos { display: block; columns: 3 16rem; column-gap: 18px; }
.lp-es .relato { break-inside: avoid; margin-bottom: 18px; }

/* headline em caixa alta e longa: corpo menor que o h1 padrão para caber em 3-4 linhas */
.lp-es .hero h1 { font-size: clamp(26px, 3.1vw, 42px); line-height: 1.15; letter-spacing: 0; max-width: 1040px; }

/* ---------- revisão de copy (05/11): hierarquia e componentes para os textos novos ---------- */
/* hero: orientação legível e curta sob a headline */
.lp-es .instrucao { font-size: 1rem; font-weight: 500; color: var(--muted); max-width: 52ch; margin-top: 4px; }
.lp-es .byline span { font-size: 0.95rem; }

/* bloco 2: título e apoio centralizados sobre a grade */
.lp-es #depo-previa .apoio { text-align: center; margin-inline: auto; }
.lp-es #depo-previa .legenda { margin-inline: auto; text-align: center; }
.lp-es .relato figcaption span { font-size: 0.95rem; line-height: 1.45; }

/* bloco 3: os três benefícios em cards */
.lp-es .apresente-titulo .apoio { max-width: 56ch; }
.lp-es .beneficios { gap: 14px; }
.lp-es .beneficios li { border-left: 0; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 18px 20px; gap: 6px; }
.lp-es .beneficios h3 { font-size: 1.05rem; line-height: 1.3; }

/* bloco 4: frase de fecho da comparação */
.lp-es .comparacao-fecho { font-weight: 700; font-size: 1.125rem; color: var(--clara-ink); max-width: 62ch; }

/* bloco 5: o número já está no título do passo; o marcador não repete */
.lp-es .passos li::before { content: none; }
.lp-es .passos h3 { font-size: 1.1rem; line-height: 1.3; }
.lp-es .transparencia { font-size: 1rem; max-width: 70ch; }
.lp-es .complemento p { font-size: 1rem; }

/* bloco 7: "HOY: $187 MXN · PAGO ÚNICO" com o preço forte; garantia em destaque */
.lp-es .preco-cond { font-size: 1rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--muted); }
.lp-es .lista-check { gap: 12px; }
.lp-es .lista-check li { font-size: 1rem; line-height: 1.45; }
.lp-es .micro { font-size: 1rem; }
.lp-es .garantia { font-size: 1rem; }
.lp-es .garantia-titulo { color: var(--green); letter-spacing: 0.04em; }
.lp-es .inclui { font-size: 1rem; }

/* bloco 9: resumo da oferta sob o botão */
.lp-es .fechamento .apoio { text-align: center; }
.lp-es .fechamento .faixa { font-size: 0.85rem; }

@media (max-width: 899px) {
  .lp-es .apoio { font-size: 1rem; }
}
@media (min-width: 900px) {
  .lp-es .oferta-texto { align-self: center; }
}