/* === Kids Kingdom — Certificaciones === */
const { useEffect: useEffectCert } = React;

function Certificaciones() {
  const certs = [
    { ic: <Icon.Check size={22}/>, t: "Licencia de funcionamiento", d: "Aprobada y vigente ante la Secretaría Distrital de Educación." },
    { ic: <Icon.Heart size={22}/>, t: "Política de cuidado infantil", d: "Cumple los lineamientos del ICBF para primera infancia." },
    { ic: <Icon.Shield size={22}/>, t: "Plan de emergencias", d: "Protocolos y simulacros conforme al Sistema Nacional de Gestión del Riesgo." },
    { ic: <Icon.Star size={22}/>,  t: "Habeas Data", d: "Cumplimos la Ley 1581 de 2012 para el tratamiento de datos personales." },
    { ic: <Icon.Tree size={22}/>,  t: "Salud y nutrición", d: "Manipulación de alimentos certificada y minutas avaladas por nutricionista." },
    { ic: <Icon.Sparkle size={22}/>, t: "Equipo docente", d: "Maestras tituladas en pedagogía infantil con acompañamiento continuo." },
  ];
  return (
    <section id="certificaciones" className="kk-section">
      <div className="cert-wrap">
        <div className="cert-head">
          <span className="kk-eyebrow reveal">Compromiso y legalidad</span>
          <h2 className="kk-h2 reveal reveal-d1">
            Un reino que cumple con{" "}
            <span style={{color: "var(--kk-green)", fontStyle:"italic"}}>todas las normas</span>.
          </h2>
          <p className="kk-sub reveal reveal-d2">
            Kids Kingdom opera con todas las certificaciones y normas exigidas por
            la ley colombiana para jardines infantiles. La seguridad, bienestar y
            calidad educativa de tus hijos son nuestra prioridad — y lo respaldamos
            con cada permiso y protocolo vigente.
          </p>
        </div>
        <div className="cert-grid">
          {certs.map((c, i) => (
            <div key={i} className="cert-card reveal" style={{transitionDelay: `${i * 70}ms`}}>
              <span className="cert-ic"><Icon.Check size={16} c="#fff"/></span>
              <div>
                <h4>{c.t}</h4>
                <p>{c.d}</p>
              </div>
            </div>
          ))}
        </div>
        <div className="cert-foot reveal">
          <div className="cert-foot-ic"><Icon.Crown size={28} c="var(--kk-gold)"/></div>
          <p>
            <strong>Aval institucional:</strong> Kids Kingdom es una institución
            educativa de educación inicial registrada y avalada. Todos nuestros
            procesos cumplen con la normatividad vigente del Ministerio de Educación
            Nacional, el ICBF y las autoridades distritales de Bogotá.
          </p>
        </div>
      </div>
    </section>
  );
}

Object.assign(window, { Certificaciones });