/* ============================================================
   Páginas de conversão. Sem parallax por decisão, não por esquecimento:
   ver Landing Pages/politica-de-movimento.md
   ============================================================ */

/* ---------- topo enxuto ---------- */
.lp-topo{position:sticky;top:0;z-index:50;background:rgba(11,32,53,.94);
  backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--borda)}
.lp-topo__linha{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px}
/* a logo oficial é escura: sobre o topo escuro tem que ir em branco, igual ao rodapé */
.lp-topo__logo img{height:42px;width:auto;filter:brightness(0) invert(1)}
.lp-topo__acoes{display:flex;align-items:center;gap:14px}
.lp-topo__tel{font-weight:600;color:var(--tinta);white-space:nowrap}
.btn--sm{padding:10px 18px;font-size:15px}
@media (max-width:640px){
  .lp-topo__tel{display:none}
  .lp-topo__logo img{height:34px}
}

/* ---------- hero ---------- */
.lp-hero{padding:clamp(34px,5vw,60px) 0 clamp(28px,4vw,48px);background:linear-gradient(180deg,#0E2740 0%,var(--bg) 100%)}
.lp-hero__grid{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(26px,3.4vw,44px);
  align-items:center}
.lp-hero__texto{max-width:760px}

/* Foto do hero. Fica DEPOIS do texto no HTML de propósito: em tela estreita a
   coluna vira uma só, e o H1 tem que ser a primeira coisa da página, tanto para
   a pessoa quanto para o casamento anúncio/página. */
/* ⚠️ NÃO colocar .reveal nesta figura. Ela está acima da dobra: se o
   IntersectionObserver não disparar, a imagem principal da página simplesmente
   não aparece. Acima da dobra o conteúdo já nasce visível. */
.lp-hero__foto{margin:0}
.lp-hero__foto img{
  width:100%;aspect-ratio:4/5;object-fit:cover;
  border-radius:18px;background:var(--azul-claro);
  box-shadow:0 16px 44px rgba(5,11,17,.18);
}
.lp-hero__foto figcaption{margin-top:11px;font-size:13.5px;line-height:1.5;
  color:var(--muted);text-align:center}

@media (max-width:900px){
  .lp-hero__grid{grid-template-columns:1fr;gap:28px}
  .lp-hero__foto img{aspect-ratio:5/4;max-height:340px}
}
.lp-eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.08em;
  /* ⚠️ --azul-tinta, NÃO --azul. O --azul é fundo de botão e por isso é escuro;
   como TEXTO sobre o fundo escuro ele dava 3,76:1 e reprovava. */
  text-transform:uppercase;color:var(--azul-tinta);margin-bottom:12px}
.lp-hero h1{margin-bottom:.4em}

/* ---------- blocos ---------- */
/* .lp-estreito mudou para o main.css em 27/08/2026: a home e as páginas legais
   usavam a classe e o lp.css não carrega nelas, então não pegava nada. */
.lp-duas{display:grid;grid-template-columns:1.1fr .9fr;gap:38px;align-items:start}
@media (max-width:900px){.lp-duas{grid-template-columns:1fr}}

.lp-etapas{padding-left:1.2em;margin:0 0 1em}
.lp-etapas li{margin-bottom:.45em}
.lp-nao{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.lp-nao li{background:var(--bg-card);border:1px solid var(--borda);border-radius:999px;
  padding:8px 16px;font-weight:600;color:var(--muted)}

/* ---------- FAQ ---------- */
.lp-faq{border-bottom:1px solid var(--borda);padding:16px 0}
.lp-faq summary{cursor:pointer;font-weight:600;color:var(--tinta);font-size:17.5px;list-style:none;
  display:flex;justify-content:space-between;gap:14px;align-items:center}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:"+";color:var(--azul-tinta);font-size:22px;font-weight:400;line-height:1}
.lp-faq[open] summary::after{content:"–"}
.lp-faq p{margin:12px 0 0;color:var(--texto)}
/* ⚠️ Aqui morava o CSS do formulário. Ele saiu em 02/09/2026 e a remoção foi
   feita apagando as LINHAS que citavam lp-form: o seletor foi junto, mas as
   propriedades e as chaves ficaram órfãs. Três `}` sobrando derrubavam a regra
   seguinte (.lp-rodape ficou sem fundo e sem respiro por dias, em silêncio).
   Lição: ao remover bloco de CSS, remover o BLOCO, e conferir o balanço de chaves. */

/* ---------- rodapé ---------- */
/* Com a página inteira escura, o rodapé quase não se separa do corpo: por isso
   ganha borda no topo e mais respiro em cima e embaixo. */
.lp-rodape{background:var(--azul-escuro);color:#B9C7D6;text-align:center;
  padding:clamp(54px,6vw,76px) 0 clamp(38px,4vw,46px);
  border-top:1px solid var(--borda);margin-top:clamp(28px,4vw,48px)}
.lp-rodape__logo{height:50px;width:auto;margin:0 auto 22px;filter:brightness(0) invert(1)}
.lp-rodape__dados{color:#DCE6F0;margin-bottom:20px;line-height:1.85}
.lp-rodape__dados strong{color:#fff}
.lp-rodape__links a{color:#B9C7D6;text-decoration:underline}
.lp-rodape__links span{margin:0 10px;opacity:.45}
.lp-rodape__links{line-height:2.1;margin-bottom:22px}
.lp-rodape__cta{margin:30px 0 26px}
.lp-rodape .btn--linha{color:#fff;border-color:rgba(255,255,255,.5)}
.lp-rodape .btn--linha:hover{background:rgba(255,255,255,.1)}
.lp-rodape__copy{color:#8697A8;font-size:13px;margin:0;
  padding-top:22px;border-top:1px solid rgba(255,255,255,.09);
  max-width:640px;margin-left:auto;margin-right:auto}

/* ⚠️ A assinatura Renan Lara NÃO entra em LP. Regra da casa desde 20/05/2026. */

/* ============================================================
   BLOCO DE CONVERSÃO PELO WHATSAPP
   Substituiu o formulário em 02/09/2026. Sem campo para preencher:
   em obra, no celular, formulário é atrito e o WhatsApp já é o canal.
   ============================================================ */
.cta-wpp{background:var(--bg-card);border:1px solid var(--borda);border-radius:var(--radius);
  padding:28px 26px;box-shadow:var(--sombra);position:sticky;top:22px}
.cta-wpp__selo{display:flex;align-items:center;justify-content:center;width:52px;height:52px;
  border-radius:15px;background:#25D366;color:#fff;margin-bottom:16px}
.cta-wpp__selo svg{width:29px;height:29px;fill:currentColor}
.cta-wpp h3{margin-bottom:.35em}
.cta-wpp p{margin-bottom:1em}
.cta-wpp__tel{margin:14px 0 0;text-align:center;font-size:15px;color:var(--muted)}
.cta-wpp__lista{list-style:none;padding:0;margin:18px 0 0;border-top:1px solid var(--borda);padding-top:16px}
.cta-wpp__lista li{position:relative;padding-left:24px;margin-bottom:9px;font-size:14.5px;
  line-height:1.5;color:var(--texto)}
.cta-wpp__lista li:last-child{margin-bottom:0}
.cta-wpp__lista li::before{content:"";position:absolute;left:2px;top:.55em;width:8px;height:8px;
  border-radius:50%;background:#25D366}
@media (max-width:900px){.cta-wpp{position:static}}