function Agencia() {
  const includes = [
    "Todo lo de la Suite Tessa",
    "Account Manager dedicado",
    "Estrategia trimestral con planes a 90 / 180 días",
    "Gestión activa de pauta (Meta, Google, TikTok)",
    "Estrategia SEO ejecutada",
    "Reuniones quincenales de performance",
    "Reportes accionables — no PowerPoints decorativos",
    "Garantía de ROI a 90 días: si no ves retorno medible, ajustamos sin costo o cierras",
  ];
  return (
    <section className="agencia-section" id="agencia">
      <div className="shell">
        <SectionLabel num="06 / Camino tres" label="Agencia full-service" right="Cliente premium" />

        <div className="agencia-grid">
          <div>
            <h2 className="h-section" style={{ maxWidth: "16ch", marginBottom: 28 }}>
              Cuando quieres que <span className="italic" style={{ color: "var(--accent)" }}>alguien lo opere</span> por ti.
            </h2>
            <p className="lede" style={{ marginBottom: 0 }}>
              La suite completa, más un equipo asignado que ejecuta tu estrategia
              — no solo te entrega reportes. Para negocios que ya facturan y
              quieren escalar sin construir un equipo de marketing interno.
            </p>

            <ul className="agencia-includes">
              {includes.map((it) => (
                <li key={it}>
                  <Check />
                  <span>{it}</span>
                </li>
              ))}
            </ul>
          </div>

          <aside className="agencia-card">
            <div className="label">Inversión mensual</div>
            <div className="price">
              <span className="from">Desde</span>
              <span>$2,500</span>
              <span className="unit"> / mes</span>
            </div>
            <p className="note">Créditos sin límite — los gestiona nuestro equipo. Presupuesto de pauta no incluido. Sin permanencia.</p>
            <div className="agencia-guarantee">
              <span className="agencia-guarantee-pill">✓ Garantía de ROI · 90 días</span>
              <span className="agencia-guarantee-copy">Si no ves retorno medible en 90 días, ajustamos sin costo o cierras.</span>
            </div>
            <a href="https://agencia.teamsolutionss.com/diagnostico-inbound" target="_blank" rel="noopener" className="btn btn-accent" style={{ width: "100%", justifyContent: "center" }}>
              Hacer diagnóstico automático <Arrow />
            </a>
            <div className="who" style={{ marginTop: 32 }}>
              <strong>Para quién es</strong>
              Negocios facturando $20K+ al mes que quieren escalar y no tienen
              equipo de marketing interno. Inmobiliarias, franquicias y
              ecommerce con ticket consultivo.
            </div>
          </aside>
        </div>
      </div>
    </section>
  );
}

window.Agencia = Agencia;