/* Landing page do CRM — sistema visual próprio, isolado de crm.css
   pra não afetar o resto do app autenticado. */

:root {
  --lp-bg: #f7f1e6;
  --lp-bg-alt: #fbf7ee;
  --lp-card: #fff;
  --lp-ink: #2f2437;
  --lp-muted: #6f6677;
  --lp-wine: #4C1164;
  --lp-wine-dark: #34104a;
  --lp-gold: #C59A4A;
  --lp-gold-light: #e7d3a4;
  --lp-line: #e7ddc9;
  --lp-shadow: 0 20px 50px rgba(76,17,100,.10);
}

.lp-body { margin:0; background:var(--lp-bg); color:var(--lp-ink); font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.lp-body h1, .lp-body h2, .lp-body h3 { font-family:'Playfair Display',Georgia,serif; color:var(--lp-wine-dark); font-weight:700; }
.lp-assinatura { font-family:'Dancing Script',cursive; font-size:32px; color:var(--lp-wine); }

.lp-wrap { max-width:1160px; margin:0 auto; padding:0 24px; }

/* Nav */
.lp-nav { position:sticky; top:0; z-index:10; background:rgba(247,241,230,.92); backdrop-filter:blur(6px); border-bottom:1px solid var(--lp-line); }
.lp-nav-inner { max-width:1160px; margin:0 auto; padding:18px 24px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.lp-nav-brand { display:flex; align-items:center; gap:10px; text-decoration:none; }
.lp-nav-brand img { height:34px; }
.lp-nav-brand span { font-family:'Playfair Display',Georgia,serif; font-weight:700; font-size:19px; color:var(--lp-wine-dark); }
.lp-nav-links { display:flex; align-items:center; gap:28px; }
.lp-nav-links a { color:var(--lp-ink); text-decoration:none; font-size:14px; font-weight:600; }
.lp-nav-links a:hover { color:var(--lp-wine); }
.lp-nav-cta { background:var(--lp-gold); color:var(--lp-wine-dark); padding:11px 22px; border-radius:999px; font-weight:800; font-size:14px; text-decoration:none; white-space:nowrap; }
.lp-nav-cta:hover { background:var(--lp-gold-light); }
@media (max-width:820px) { .lp-nav-links { display:none; } }

/* Hero */
.lp-hero { padding:64px 0 40px; }
.lp-hero-grid { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
.lp-kicker { display:inline-block; color:var(--lp-gold); text-transform:uppercase; letter-spacing:.14em; font-weight:800; font-size:12px; margin-bottom:14px; }
.lp-hero h1 { font-size:44px; line-height:1.2; margin:0 0 18px; text-wrap:balance; }
.lp-hero p.lp-lead { font-size:17px; color:var(--lp-muted); margin:0 0 28px; max-width:460px; }
.lp-hero-ctas { display:flex; gap:14px; flex-wrap:wrap; }
.lp-btn { display:inline-block; padding:15px 28px; border-radius:999px; font-weight:800; font-size:15px; text-decoration:none; }
.lp-btn-primary { background:var(--lp-wine); color:#fff; box-shadow:0 14px 30px rgba(76,17,100,.28); }
.lp-btn-primary:hover { background:var(--lp-wine-dark); }
.lp-btn-secondary { border:1.5px solid var(--lp-wine); color:var(--lp-wine); background:transparent; }
.lp-btn-secondary:hover { background:var(--lp-rose,#f3e8fb); }

/* Ilustração do hero (imagem gerada, tratada e otimizada — não é print real) */
.lp-hero-visual { position:relative; }
.lp-hero-visual img { width:100%; height:auto; border-radius:16px; box-shadow:var(--lp-shadow); display:block; }
@media (max-width:820px) { .lp-hero-grid { grid-template-columns:1fr; } }

/* Balões flutuantes de prova social sobre o mockup */
.lp-balao { position:absolute; display:flex; align-items:center; gap:10px; background:#fff; border-radius:14px; padding:12px 16px; box-shadow:0 14px 30px rgba(76,17,100,.20); max-width:220px; }
.lp-balao-texto strong { display:block; font-size:13px; color:var(--lp-ink); font-weight:800; }
.lp-balao-texto span { display:block; font-size:11px; color:var(--lp-muted); }
.lp-balao-texto b { display:block; font-size:13px; color:var(--lp-gold); font-weight:800; margin-top:2px; }
.lp-balao-texto small { display:flex; align-items:center; gap:5px; font-size:10px; color:#2f9e5c; font-weight:700; margin-top:2px; }
.lp-balao-texto small i { width:6px; height:6px; border-radius:50%; background:#2f9e5c; display:block; }
.lp-balao-icone { width:36px; height:36px; border-radius:50%; display:grid; place-items:center; flex-shrink:0; font-size:18px; line-height:1; overflow:hidden; }
.lp-balao-icone svg { width:18px; height:18px; display:block; }
.lp-balao-icone-whatsapp { background:#25D366; color:#fff; }
.lp-balao-icone-funil { background:var(--lp-bg-alt); color:var(--lp-wine); }
.lp-balao-icone-venda { background:var(--lp-gold-light); color:var(--lp-wine-dark); }
.lp-balao-whatsapp { top:-16px; right:-20px; }
.lp-balao-funil { top:44%; right:-28px; }
.lp-balao-venda { bottom:-14px; right:8%; }
@media (max-width:980px) { .lp-balao { display:none; } }

/* Seções gerais */
.lp-section { padding:64px 0; }
.lp-section-alt { background:var(--lp-bg-alt); }
.lp-section-title { text-align:center; margin:0 0 40px; }
.lp-section-title h2 { font-size:30px; margin:0 0 8px; }
.lp-section-title p { color:var(--lp-muted); margin:0; }

/* Para quem foi criado */
.lp-quem-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.lp-quem-card { background:var(--lp-card); border:1px solid var(--lp-line); border-radius:16px; padding:28px 22px; text-align:center; }
.lp-quem-icone { width:52px; height:52px; margin:0 auto 16px; display:grid; place-items:center; background:var(--lp-bg-alt); border-radius:50%; color:var(--lp-gold); }
.lp-quem-icone svg { width:26px; height:26px; }
.lp-quem-card h3 { font-size:17px; margin:0 0 8px; }
.lp-quem-card p { font-size:14px; color:var(--lp-muted); margin:0; line-height:1.6; }
@media (max-width:820px) { .lp-quem-grid { grid-template-columns:1fr; } }

/* Fundadora */
.lp-fundadora { display:grid; grid-template-columns:280px 1fr; gap:48px; align-items:center; }
.lp-fundadora-foto { width:100%; aspect-ratio:1; border-radius:20px; background:linear-gradient(135deg,var(--lp-gold-light),var(--lp-gold)); display:grid; place-items:center; overflow:hidden; box-shadow:var(--lp-shadow); }
.lp-fundadora-foto img { width:100%; height:100%; object-fit:cover; }
.lp-fundadora-foto span { color:var(--lp-wine-dark); font-family:'Playfair Display',Georgia,serif; font-size:56px; font-weight:700; }
.lp-fundadora-texto p.lp-credibilidade { font-weight:700; color:var(--lp-wine-dark); margin:0 0 14px; }
.lp-fundadora-texto p { color:var(--lp-ink); line-height:1.7; }
@media (max-width:820px) { .lp-fundadora { grid-template-columns:1fr; } .lp-fundadora-foto { max-width:220px; margin:0 auto; } }

/* Destaques (WhatsApp oficial / consultoria) */
.lp-destaque { background:linear-gradient(135deg,var(--lp-wine-dark),var(--lp-wine)); border-radius:20px; padding:36px 40px; color:#fff; margin-bottom:24px; box-shadow:var(--lp-shadow); }
.lp-destaque .lp-kicker { color:var(--lp-gold-light); }
.lp-destaque h2 { color:#fff; font-size:24px; margin:0 0 10px; }
.lp-destaque p { color:rgba(255,255,255,.82); margin:0; max-width:640px; }

/* Planos */
.lp-planos-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.lp-plano-card { position:relative; background:var(--lp-card); border:1px solid var(--lp-line); border-radius:18px; padding:26px 22px; display:flex; flex-direction:column; }
.lp-plano-card.lp-popular { border:2px solid var(--lp-gold); box-shadow:0 14px 34px rgba(197,154,74,.24); }
.lp-plano-ribbon { position:absolute; top:16px; right:-30px; background:var(--lp-gold); color:var(--lp-wine-dark); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; padding:5px 34px; transform:rotate(40deg); box-shadow:0 4px 10px rgba(0,0,0,.15); }
.lp-plano-card h3 { font-size:19px; margin:0 0 4px; }
.lp-plano-card .lp-plano-preco { font-family:'Playfair Display',Georgia,serif; color:var(--lp-wine); font-size:26px; font-weight:700; margin:6px 0 16px; }
.lp-plano-card .lp-plano-preco small { font-family:'Inter',sans-serif; font-size:13px; color:var(--lp-muted); font-weight:400; }
.lp-plano-card ul { list-style:none; margin:0 0 20px; padding:0; display:flex; flex-direction:column; gap:9px; flex-grow:1; }
.lp-plano-card li { font-size:13px; color:var(--lp-muted); padding-left:20px; position:relative; }
.lp-plano-card li::before { content:'✓'; position:absolute; left:0; color:var(--lp-gold); font-weight:800; }
.lp-plano-card li strong { color:var(--lp-ink); }
.lp-plano-btn { text-align:center; border:1.5px solid var(--lp-wine); color:var(--lp-wine); border-radius:999px; padding:11px; font-weight:800; font-size:14px; text-decoration:none; }
.lp-plano-card.lp-popular .lp-plano-btn { background:var(--lp-wine); color:#fff; border-color:var(--lp-wine); }
@media (max-width:980px) { .lp-planos-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px) { .lp-planos-grid { grid-template-columns:1fr; } }

/* FAQ */
.lp-faq { max-width:760px; margin:0 auto; display:flex; flex-direction:column; gap:12px; }
.lp-faq-item { background:var(--lp-card); border:1px solid var(--lp-line); border-radius:14px; padding:18px 22px; }
.lp-faq-item summary { cursor:pointer; font-weight:800; color:var(--lp-wine-dark); font-size:15px; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:12px; }
.lp-faq-item summary::-webkit-details-marker { display:none; }
.lp-faq-item summary::after { content:'+'; font-size:20px; color:var(--lp-gold); flex-shrink:0; transition:transform .15s; }
.lp-faq-item[open] summary::after { transform:rotate(45deg); }
.lp-faq-item p { margin:12px 0 0; color:var(--lp-muted); font-size:14px; line-height:1.7; }

/* Fechamento escuro */
.lp-fechamento { background:radial-gradient(circle at top, var(--lp-wine) 0%, var(--lp-wine-dark) 70%); color:#fff; padding:70px 0; text-align:center; }
.lp-fechamento h2 { color:#fff; font-size:28px; margin:0 0 20px; }
.lp-fechamento p { color:rgba(255,255,255,.75); max-width:560px; margin:0 auto 10px; line-height:1.8; }
.lp-fechamento .lp-frase-final { font-style:italic; color:var(--lp-gold-light); margin-top:22px; font-size:17px; }
.lp-fechamento .lp-btn-primary { margin-top:28px; background:var(--lp-gold); color:var(--lp-wine-dark); box-shadow:none; }
.lp-fechamento .lp-btn-primary:hover { background:var(--lp-gold-light); }

/* Rodapé jurídico e comercial */
.lp-footer { background:var(--lp-wine-dark); color:rgba(255,255,255,.65); padding:48px 0 24px; font-size:13px; }
.lp-footer-grid { display:grid; grid-template-columns:1.2fr 1fr 1fr 1.6fr; gap:32px; }
.lp-footer-marca { display:block; font-family:'Playfair Display',Georgia,serif; font-weight:700; font-size:19px; color:#fff; margin-bottom:8px; }
.lp-footer h6 { color:var(--lp-gold-light); text-transform:uppercase; letter-spacing:.08em; font-size:11px; font-weight:800; margin:0 0 10px; }
.lp-footer p { margin:0 0 10px; line-height:1.6; }
.lp-footer a { display:block; color:rgba(255,255,255,.8); text-decoration:none; margin-bottom:8px; }
.lp-footer a:hover { color:var(--lp-gold-light); }
.lp-footer-copy { text-align:center; margin:36px 0 0; padding-top:20px; border-top:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.45); font-size:12px; }
@media (max-width:820px) { .lp-footer-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:560px) { .lp-footer-grid { grid-template-columns:1fr; } }