/* Fatia 15 — página PÚBLICA de captação (landing page).
 *
 * Camada isolada do app: a página roda no layout "publico", sem o menu nem a
 * casca. A cor da marca vem como --lp-cor (dado dinâmico da própria página).
 * Reusa os tokens do design system (01_tokens.css) para herdar tema claro/escuro.
 */

.lp {
  max-width: 40rem;
  margin: 0 auto;
  padding: var(--esp-4);
  display: flex;
  flex-direction: column;
  gap: var(--esp-5);
}

.lp__cabecalho {
  text-align: center;
  padding: var(--esp-5) var(--esp-4);
  border-radius: var(--raio-2, 12px);
  background: var(--lp-cor, #0ea5e9);
  color: #ffffff;
}

.lp__logo {
  max-height: 64px;
  width: auto;
  margin: 0 auto var(--esp-3);
  display: block;
}

.lp__titulo {
  font-size: var(--fonte-2xl, 1.6rem);
  font-weight: 700;
  margin: 0;
}

.lp__subtitulo {
  margin: var(--esp-2) 0 0;
  opacity: 0.92;
}

.lp__imagem {
  width: 100%;
  height: auto;
  border-radius: var(--raio-2, 12px);
  display: block;
}

.lp__texto {
  color: var(--cor-texto, #1f2937);
  line-height: 1.6;
}

.lp__texto-titulo {
  font-size: var(--fonte-lg, 1.2rem);
  font-weight: 600;
  margin: 0 0 var(--esp-2);
}

.lp__formulario {
  padding: var(--esp-5);
}

.lp__form-titulo {
  font-size: var(--fonte-lg, 1.2rem);
  font-weight: 600;
  margin: 0 0 var(--esp-4);
}

.lp__enviar {
  background: var(--lp-cor, #0ea5e9);
  border-color: var(--lp-cor, #0ea5e9);
  width: 100%;
  justify-content: center;
}

/* Honeypot: fora da tela, invisível a humano, presente para robô. */
.lp__isca {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.lp--obrigado {
  gap: var(--esp-4);
}