/* ==========================================================================
   LANDING PAGES DE ANÚNCIO — complementa /style.css (tokens, botões, header,
   FAQ, rodapé, widget de WhatsApp e barra fixa do celular vêm de lá)
   ========================================================================== */

/* Cabeçalho sempre sólido e widget sempre visível (sem lógica de scroll) */
.lp-page .site-header { background-color: rgba(0, 34, 77, 0.96); border-bottom: 1px solid rgba(158, 128, 75, 0.15); }
.lp-page .whatsapp-widget { opacity: 1; }
.lp-page .mobile-sticky-bar { display: block; }
.lp-page [id] { scroll-margin-top: 88px; }

/* Hero curto */
.lp-hero { min-height: auto; padding: 150px 24px 90px; }
.lp-hero::before { background-image: url('/assets/hero-bg.webp'); }
.lp-hero .hero-subtitle { margin-bottom: 32px; }
.lp-hero-note { margin-top: 18px; font-size: 0.85rem; color: rgba(255, 255, 255, 0.6); }

/* Seções de texto */
.lp-section { background: var(--bg-light); color: var(--text-dark); padding: 88px 24px; }
.lp-section--nude { background: #EDE0C4; }
.lp-section--navy { background: var(--navy); color: var(--white); }
.lp-container { max-width: 880px; margin: 0 auto; }
.lp-kicker { display: block; color: var(--gold); font-weight: 700; font-size: 0.8rem; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 14px; }
.lp-section h2 { font-family: var(--font-serif); font-size: clamp(1.7rem, 3vw, 2.3rem); line-height: 1.25; color: var(--navy); margin-bottom: 20px; }
.lp-section--navy h2 { color: var(--white); }
.lp-section p { font-size: 1.05rem; line-height: 1.7; color: var(--text-muted); margin-bottom: 16px; }
.lp-section--nude p { color: rgba(0, 34, 77, 0.85); }
.lp-section--navy p { color: rgba(255, 255, 255, 0.82); }
.lp-list { list-style: none; margin: 22px 0 0; display: grid; gap: 12px; }
.lp-list li { position: relative; padding-left: 28px; line-height: 1.6; color: var(--text-dark); }
.lp-section--navy .lp-list li { color: rgba(255, 255, 255, 0.9); }
.lp-list li::before { content: ''; position: absolute; left: 0; top: 0.62em; width: 14px; height: 1px; background: var(--gold); }
.lp-link { color: var(--gold); font-weight: 600; text-decoration: none; }
.lp-section .btn { margin-top: 12px; }

/* Contato: WhatsApp + formulário curto */
.lp-contact { background: var(--navy); padding: 96px 24px; border-top: 1px solid rgba(158, 128, 75, 0.2); }
.lp-contact-grid { max-width: 1040px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start; }
.lp-contact h2 { font-family: var(--font-serif); font-size: clamp(1.8rem, 3vw, 2.5rem); line-height: 1.25; color: var(--white); margin-bottom: 18px; }
.lp-contact p { color: rgba(255, 255, 255, 0.8); line-height: 1.65; margin-bottom: 24px; }
.lp-form { background: var(--blue-medium); border: 1px solid rgba(158, 128, 75, 0.35); border-radius: 6px; padding: 28px; display: grid; gap: 16px; }
.lp-form label { display: grid; gap: 6px; font-size: 0.85rem; font-weight: 600; color: var(--white); }
.lp-form input[type="text"], .lp-form input[type="tel"], .lp-form textarea {
  width: 100%; font: inherit; font-size: 1rem; font-weight: 400; color: var(--text-dark);
  background: var(--white); border: 1px solid transparent; border-radius: 6px; padding: 13px 14px;
}
.lp-form textarea { min-height: 88px; resize: vertical; }
.lp-form input:focus, .lp-form textarea:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(158, 128, 75, 0.3); }
.lp-form .lp-check { display: flex; gap: 10px; align-items: flex-start; font-weight: 400; font-size: 0.8rem; line-height: 1.5; color: rgba(255, 255, 255, 0.75); }
.lp-form .lp-check input { margin-top: 3px; accent-color: var(--gold); }
.lp-form .lp-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.lp-form button[disabled] { opacity: 0.6; cursor: wait; }
.lp-form-msg { font-size: 0.9rem; line-height: 1.5; min-height: 1.2em; color: rgba(255, 255, 255, 0.85); }
.lp-form-msg.erro { color: #ffb4a8; }
.lp-form-msg.ok { color: #b9e6c4; }
.btn-whatsapp-lp { background: #25D366; color: #fff; }
@media (hover: hover) and (pointer: fine) { .btn-whatsapp-lp:hover { background: #1fb457; } }

/* Rodapé enxuto das landing pages */
.lp-footer-areas { list-style: none; display: grid; gap: 8px; }
.lp-footer-areas a { color: rgba(255, 255, 255, 0.7); text-decoration: none; font-size: 0.9rem; }

@media (max-width: 767px) {
  .lp-hero { padding: 96px 16px 56px; }
  .lp-section { padding: 56px 16px; }
  .lp-contact { padding: 56px 16px 110px; }
  .lp-contact-grid { grid-template-columns: 1fr; gap: 32px; }
  .lp-form { padding: 20px; }
  .lp-page .btn-hero { width: 100%; text-align: center; }
}