/*
  Layout específico das landing pages de curso.
  Hero, autoridade, CTA final e componentes de conteúdo (tabela, fit-list, bônus,
  preço, garantia, prova social, FAQ) vêm de components.css — aqui só o que
  é próprio da estrutura de uma LP de curso.
*/

/* ---------- Problema ---------- */

.lp-problem .container {
  max-width: 680px;
  text-align: center;
}

.lp-problem p {
  margin-inline: auto;
  font-size: var(--text-md);
  color: var(--color-ink-soft);
}

.lp-problem p:last-child {
  color: var(--color-ink);
}

/* ---------- Ponte (frase de transição) ---------- */

.lp-bridge {
  padding-block: var(--space-7);
}

/* ---------- Sobre a Leslei (versão condensada) ---------- */

.lp-authority .authority-story p {
  color: var(--color-ink-soft);
}