// Testimonials
function Testimonials() {
  const items = [
    {
      q: '«Hemos pasado de cerrar el día a las 21 a hacerlo a las 19. La facturación automática es lo mejor que nos ha pasado en 12 años de clínica.»',
      n: 'Dra. Elena Soler', r: 'Directora · Clínica Aurora, Barcelona', c: 'linear-gradient(135deg,#2D5DFF,#14C4D4)', i: 'ES',
    },
    {
      q: '«Migramos desde Gesden en 4 días sin perder ni una radiografía. El equipo de DentiaCloud nos acompañó hasta el último detalle.»',
      n: 'Dr. Javier Ruiz', r: 'Ortodoncista · Sonrisa Plena, Madrid', c: 'linear-gradient(135deg,#A05BFF,#5BE3E3)', i: 'JR',
    },
    {
      q: '«Las ausencias bajaron del 11% al 4% en tres meses. Los pacientes adoran confirmar por WhatsApp. La diferencia se nota en caja.»',
      n: 'Marta Pérez', r: 'Gerente · Vital Smile, Valencia', c: 'linear-gradient(135deg,#16A571,#5BE3E3)', i: 'MP',
    },
    {
      q: '«Gestionamos 6 sedes con permisos diferentes para cada equipo. Por fin tenemos KPIs reales y comparables entre clínicas.»',
      n: 'Dr. Carlos Vega', r: 'CEO · Grupo Iberodent', c: 'linear-gradient(135deg,#F4B740,#F25C7A)', i: 'CV',
    },
    {
      q: '«El módulo de aseguradoras nos ahorra 8 horas semanales solo en partes de Sanitas y Adeslas. Vale su peso en oro.»',
      n: 'Dra. Anna Martínez', r: 'Co-fundadora · Dental Atlas, Bilbao', c: 'linear-gradient(135deg,#0FC4C4,#2D5DFF)', i: 'AM',
    },
    {
      q: '«El soporte responde en menos de una hora, en castellano y catalán. Eso para una clínica pequeña como la nuestra lo es todo.»',
      n: 'Dr. Pol Romeu', r: 'Odontólogo · Clínica Pérez, Girona', c: 'linear-gradient(135deg,#F25C7A,#A05BFF)', i: 'PR',
    },
  ];
  return (
    <section id="testi" className="section">
      <div className="container">
        <div className="section-head">
          <div style={{display:'flex', justifyContent:'center'}}>
            <div className="eyebrow"><span className="dot"/>Clientes</div>
          </div>
          <h2>Confían en nosotros más de 500 clínicas.</h2>
          <p>Desde gabinetes unipersonales hasta grupos con 40 sedes. Estos son algunos de sus testimonios.</p>
        </div>

        <div className="testi-grid">
          {items.map(t => (
            <div className="testi-card" key={t.n}>
              <div style={{fontSize:18, color: 'var(--blue)', lineHeight:1, fontWeight:600}}>“</div>
              <div className="quote">{t.q.replace(/^«|»$/g, '')}</div>
              <div className="who" style={{marginTop:'auto'}}>
                <div className="av-lg" style={{background: t.c}}>{t.i}</div>
                <div>
                  <div className="name">{t.n}</div>
                  <div className="role">{t.r}</div>
                </div>
              </div>
            </div>
          ))}
        </div>

        <div style={{display:'grid', gridTemplateColumns:'repeat(4, 1fr)', gap:14, marginTop:60, padding:'32px 24px', background:'#fff', border:'1px solid var(--line)', borderRadius:20}}>
          {[
            {v:'500+', l:'Clínicas activas'},
            {v:'1,8M', l:'Citas gestionadas/año'},
            {v:'98%', l:'Satisfacción cliente'},
            {v:'99,99%', l:'Uptime garantizado'},
          ].map((s,i) => (
            <div key={i} style={{textAlign:'center', padding:'8px 0', borderRight: i < 3 ? '1px solid var(--line)' : 'none'}}>
              <div style={{fontSize:36, fontWeight:600, letterSpacing:'-0.03em', background:'linear-gradient(135deg, #1E5BFF, #14C4D4)', WebkitBackgroundClip:'text', backgroundClip:'text', color:'transparent'}}>{s.v}</div>
              <div style={{fontSize:13, color:'var(--mute)', marginTop:4}}>{s.l}</div>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}
window.Testimonials = Testimonials;