// LeadAcquisitionCard.jsx — the protagonist
const LeadAcquisitionCard = () => (
  <div className="lead-card">
    <div className="blob"></div>
    <span className="bracket-tl"></span>
    <span className="bracket-br"></span>
    <div>
      <div className="lead-top">
        <span className="svc-num">[01.A] // LEAD ACQUISITION SYSTEM</span>
        <span className="principal-badge"><span className="dot"></span>PRINCIPAL</span>
      </div>
      <h2>El motor que convierte tráfico en <span className="accent">leads calificados.</span></h2>
      <p className="lead-desc">
        Campañas de Meta Ads diseñadas con foco en pipeline. No likes, no seguidores — oportunidades de negocio reales, medibles y entregadas a tu equipo comercial.
      </p>
      <ul className="svc-features" style={{marginTop: 28}}>
        <li><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5"><path d="m5 12 5 5L20 7"/></svg> Estrategia full-funnel: prospecting + retargeting + conversión</li>
        <li><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5"><path d="m5 12 5 5L20 7"/></svg> Calificación automatizada y entrega a CRM o WhatsApp</li>
        <li><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5"><path d="m5 12 5 5L20 7"/></svg> Reportes con CPL, CAC, ROAS — no impresiones</li>
      </ul>
      <div className="lead-cta-row">
        <a href="#contacto" className="btn btn-primary">Solicitar diagnóstico <span className="ar">→</span></a>
        <a href="#metodologia" className="btn btn-secondary">Ver metodología <span className="ar">→</span></a>
      </div>
    </div>
    <aside className="lead-side">
      <div className="lead-side-head">// PIPELINE · CASO REAL · Q1 2026</div>
      <div className="lead-stats">
        <div className="lead-stat"><span className="l">Leads / mes</span><span className="v cyan">312</span></div>
        <div className="lead-stat"><span className="l">CPL promedio</span><span className="v">$8.40</span></div>
        <div className="lead-stat"><span className="l">Conversión MQL→SQL</span><span className="v">38%</span></div>
        <div className="lead-stat"><span className="l">ROAS</span><span className="v cyan">4.1x</span></div>
        <div className="lead-stat"><span className="l">Sector</span><span className="v" style={{fontSize:13}}>Servicios B2B</span></div>
      </div>
    </aside>
  </div>
);

window.LeadAcquisitionCard = LeadAcquisitionCard;