/* WELT — Technology
 * Dark editorial section. Giant serif numerals for certified data.
 */
function Technology() {
  const stats = [
    { numeral: '81', unit: '%', label: 'Lente día', desc: 'Bloqueo de luz azul · 380–500 nm · lente amarilla' },
    { numeral: '99', unit: '%', label: 'Lente noche', desc: 'Bloqueo de luz azul · lente roja · uso interior' },
    { numeral: '100', unit: '%', label: 'UV-A · UV-B', desc: 'Protección ultravioleta total · ambas variantes' },
    { numeral: '38', unit: 'g', label: 'Peso', desc: 'Montura de acetato · estándar del sector óptico' },
  ];

  return (
    <section className="tech surface-dark" id="tecnologia">
      <div className="container">
        <span className="eyebrow">Tecnología · Datos verificados</span>
        <div className="intro">
          <h2>La luz azul no es una promesa de marketing. Es una longitud de onda — y se mide.</h2>
          <p>
            Las pantallas emiten luz azul de alta energía entre los 380 y 500 nanómetros.
            Su exposición prolongada se ha vinculado con fatiga visual digital y molestias
            para conciliar el descanso. Las lentes WELT la filtran en proporciones distintas
            según la variante — y el dato lo firma un laboratorio independiente, no nosotros.
          </p>
        </div>

        <div className="tech-stats">
          {stats.map((s, i) => (
            <div className="stat" key={i}>
              <div className="numeral">
                {s.numeral}<span className="unit">{s.unit}</span>
              </div>
              <div className="label">{s.label}</div>
              <div className="desc">{s.desc}</div>
            </div>
          ))}
        </div>

        <div className="footnote">
          Certificadas EN/ISO 12312-1:2015 · Marcado CE · Informes de laboratorio 8016 (lente amarilla · Cat. 0) y 8008-1 (lente roja · Cat. 1)
        </div>
      </div>
    </section>
  );
}

window.Technology = Technology;
