/* /public/assets/css/landing.css (v2) */
:root{
  --bg:#0f1320; --card:#151a2b; --text:#121212; --muted:#6b7280; --primary:#3b82f6; --ring:rgba(59,130,246,.25);
}
body.landing-body{ background:#fff; color:#111; }
.navbar .btn-dark{ border-radius:12px; }
.hero{ padding:64px 0; background:radial-gradient(1200px 600px at 10% 10%, rgba(59,130,246,.10), transparent 60%), #fff; }
.hero-img{ max-width:100%; border-radius:20px; }
.trust-strip{ gap:24px; flex-wrap:wrap; }
.trust-item{ display:flex; flex-direction:column; }
.trust-item strong{ font-size:20px; line-height:1; }
.trust-item span{ color:#6b7280; font-size:12px; }

.feature-card{ background:#fff; border:1px solid #e5e7eb; border-radius:16px; padding:18px; height:100%; box-shadow:0 10px 20px rgba(0,0,0,.03); }
.fc-num{ width:32px; height:32px; display:grid; place-items:center; background:#eef2ff; color:#4338ca; border-radius:8px; font-weight:700; margin-bottom:10px; }

.benefit-card{ background:#fff; border:1px solid #e5e7eb; border-radius:16px; padding:18px; text-align:left; height:100%; }
.benefit-emoji{ font-size:24px; line-height:1; margin-bottom:8px; }

.plan-card{ position:relative; background:#fff; border:1px solid #e5e7eb; border-radius:20px; padding:20px; height:100%; box-shadow:0 10px 25px rgba(0,0,0,.05); }
.plan-rec{ outline:2px solid var(--ring); box-shadow:0 20px 40px rgba(59,130,246,.15); }
.plan-badge{ position:absolute; top:-12px; right:16px; background:#111; color:#fff; padding:6px 10px; font-size:12px; border-radius:999px; }
.plan-card .price{ font-size:28px; font-weight:800; }
.plan-card .per{ color:#6b7280; font-weight:500; font-size:14px; }
.plan-card .check{ display:inline-grid; place-items:center; width:22px; height:22px; background:#ecfdf5; color:#065f46; border-radius:6px; font-weight:700; font-size:12px; margin-top:2px; }

.testimonial-card{ background:#fff; border:1px solid #e5e7eb; border-radius:18px; padding:18px; height:100%; }
.avatar{ width:44px; height:44px; border-radius:50%; overflow:hidden; background:#e5e7eb; }
.avatar img{ width:100%; height:100%; object-fit:cover; }
.avatar-fallback{ width:100%; height:100%; background:linear-gradient(135deg,#e5e7eb,#f3f4f6); }
.stars{ color:#f59e0b; }

.faq-card{ background:#fff; border:1px solid #e5e7eb; border-radius:16px; padding:16px; height:100%; }

.btn{ border-radius:12px; }
.btn-primary{ background:var(--primary); border-color:var(--primary); }
.btn-primary:focus{ box-shadow:0 0 0 0.25rem var(--ring); }

@media (max-width: 576px){
  .hero{ padding:36px 0; }
}
/* Formulario de leads */
.lead-card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:14px;
  box-shadow:0 10px 20px rgba(0,0,0,.04);
}
.lead-card .form-control-lg{ border-radius:12px; }
.lead-card .btn-lg{ border-radius:12px; }