const FAQS = [
  {
    q: "¿Cuánto tarda desde que firmamos hasta que el bot está andando?",
    a: "Para Presencia con IA: 7–10 días hábiles. Para Operaciones: 2–3 semanas dependiendo de las integraciones. Para Agente a medida: arrancamos con un descubrimiento de 1 semana y te damos timeline cerrado después. Nunca prometemos un plazo sin haber visto tu negocio primero.",
  },
  {
    q: "¿Qué pasa si más adelante cambio de CRM, de e-commerce, o de herramientas?",
    a: "Está contemplado. El agente no vive pegado a una herramienta específica: reescribimos la integración con la nueva. Si tenés el servicio mensual, entra en el mantenimiento. Si lo tenés \"suelto\", te cotizamos puntualmente — suele ser entre 1 y 3 días de trabajo.",
  },
  {
    q: "¿De quién es el bot? ¿Puedo llevármelo si dejo de trabajar con ustedes?",
    a: "El bot y la configuración son tuyos. Te entregamos documentación, accesos y todo lo necesario para que otra agencia o tu equipo lo mantenga. No hacemos \"vendor lock-in\". Si te vas, te vas con todo.",
  },
  {
    q: "¿Qué datos usan para entrenarlo? ¿Es seguro?",
    a: "Usamos solo la información que vos nos das: catálogos, FAQ, procesos, ejemplos de conversaciones. No entrenamos modelos públicos con tus datos. Los prompts y la base de conocimiento viven en tu cuenta cuando es posible, o en una instancia aislada si no. Firmamos NDA sin drama.",
  },
  {
    q: "¿Cómo se paga?",
    a: "Setup: 50% al arrancar y 50% contra entrega. Mensual: mes adelantado, sin permanencia. Facturamos desde Argentina (Responsable Inscripto) y aceptamos transferencia, Wise, Mercado Pago o USDT. Para clientes fuera de Argentina, factura en USD.",
  },
  {
    q: "Soy un proyecto chico / estoy empezando. ¿Tiene sentido contratarlos?",
    a: "Depende. Si todavía no tenés volumen de consultas o procesos claros, probablemente no. Te lo decimos en el diagnóstico gratuito y te recomendamos qué sí tiene sentido hacer primero. No vendemos lo que no necesitás.",
  },
];

function Faq() {
  const [open, setOpen] = React.useState(0);
  return (
    <section id="faq">
      <div className="container">
        <div className="faq-grid">
          <div>
            <span className="eyebrow">Preguntas frecuentes</span>
            <h2 className="section-title" style={{marginTop:12}}>Lo que todos <em>preguntan</em> primero.</h2>
          </div>
          <div className="faq-list">
            {FAQS.map((f, i) => (
              <div key={i} className={`faq-item ${open === i ? "open" : ""}`}>
                <button className="faq-q" onClick={() => setOpen(open === i ? -1 : i)}>
                  <span>{f.q}</span>
                  <span className="faq-icon"><IconPlus size={18} /></span>
                </button>
                <div className="faq-a">
                  {f.a}
                </div>
              </div>
            ))}
          </div>
        </div>
      </div>
    </section>
  );
}
Object.assign(window, { Faq });