// GOBIERNO — MARCO LEGAL, CONFIDENCIALIDAD Y CUMPLIMIENTO NORMATIVO
// Reemplaza y expande la "Nota de honestidad" con lenguaje legal-solvente
// Referencias reales · EU AI Act (2024/1689) · NIST AI RMF · OECD · ISO/IEC 42001 · GDPR

const GobLegal = () => (
  <section id="legal" style={{ background: '#000', color: '#FFF', paddingTop: 128, paddingBottom: 128, position: 'relative' }}>
    <Container>
      <Reveal><SectionMeta n="10" label="Marco legal · confidencialidad · cumplimiento" dark color="#0050BD"/></Reveal>
      <Reveal delay={80}>
        <h2 style={{ fontFamily: 'var(--font-display)', fontWeight: 700, fontSize: 56, lineHeight: 1.03, letterSpacing: '-0.025em', margin: '0 0 24px', color: '#FFF', maxWidth: 980 }}>
          Trabajos con el Estado son <span style={{ color: '#0050BD' }}>reservados por ley</span>. Este sitio describe capacidad · no divulga clientes.
        </h2>
      </Reveal>
      <Reveal delay={140}>
        <p style={{ fontFamily: 'var(--font-serif)', fontStyle: 'italic', fontSize: 20, lineHeight: 1.5, color: '#96A3B5', margin: '0 0 72px', maxWidth: 900 }}>
          OMNIX opera bajo acuerdos de confidencialidad institucional. La identidad de organismos con los que se colabora en Defensa, Seguridad Nacional, Inteligencia e infraestructura crítica <strong style={{ color: '#FFF' }}>no se publica</strong> · protegida por marcos jurídicos aplicables. Este subsitio describe el <strong style={{ color: '#FFF' }}>potencial de aplicación</strong> · no un catálogo de casos operativos.
        </p>
      </Reveal>

      {/* CLASIFICACIÓN DEL CONTENIDO — 3 NIVELES */}
      <div style={{ marginBottom: 72 }}>
        <div style={{ fontFamily: 'var(--font-mono)', fontSize: 11, letterSpacing: '0.18em', color: '#0050BD', textTransform: 'uppercase', marginBottom: 20 }}>
          Clasificación del contenido · qué se publica y qué no
        </div>
        <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: 16 }}>
          {[
            { n: '01', k: 'PÚBLICO', c: '#0F5132', where: 'Este sitio · materiales de marketing',
              what: ['Problema y misión pública', 'Categoría estratégica', 'Arquitectura conceptual', 'Beneficios esperados', 'Casos generales · sin cliente', 'Controles de seguridad genéricos', 'KPI no sensibles'],
              never: 'Nunca: cifras específicas · nombres de organismos · vulnerabilidades' },
            { n: '02', k: 'CONTROLADO', c: '#B8860B', where: 'Bajo NDA · reunión formal',
              what: ['Diagramas técnicos detallados', 'Matrices de fuentes de datos', 'Integraciones específicas', 'Flujos operacionales', 'Modelos de riesgo', 'Roles y umbrales', 'Plan de despliegue'],
              never: 'Nunca: información operativa reciente · datos personales · protocolos vivos' },
            { n: '03', k: 'CONFIDENCIAL / RESERVADO', c: '#EA384C', where: 'Sólo canales institucionales autorizados',
              what: ['Identidad de contrapartes en Defensa · Inteligencia', 'Credenciales · topología detallada', 'Vulnerabilidades específicas', 'Datos personales', 'Protocolos sensibles vivos', 'Ubicaciones y capacidades críticas', 'Reglas internas de respuesta'],
              never: 'Nunca publicado · nunca compartido fuera del perímetro autorizado · retención WORM' },
          ].map((c, i) => (
            <SlideIn key={c.n} direction="up" delay={i * 100}>
              <div style={{ padding: '28px 26px', background: '#0A0B10', border: `1.5px solid ${c.c}`, minHeight: 460, display: 'flex', flexDirection: 'column', gap: 14 }}>
                <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'baseline' }}>
                  <span style={{ fontFamily: 'var(--font-mono)', fontSize: 10, letterSpacing: '0.18em', color: c.c }}>NIVEL {c.n}</span>
                  <span style={{ fontFamily: 'var(--font-mono)', fontSize: 10, letterSpacing: '0.14em', color: '#96A3B5' }}>{c.where}</span>
                </div>
                <div style={{ fontFamily: 'var(--font-display)', fontWeight: 700, fontSize: 22, letterSpacing: '-0.015em', color: c.c }}>{c.k}</div>
                <ul style={{ listStyle: 'none', padding: 0, margin: 0, display: 'flex', flexDirection: 'column', gap: 6, flex: 1 }}>
                  {c.what.map((it) => (
                    <li key={it} style={{ display: 'flex', gap: 8, fontFamily: 'var(--font-body)', fontSize: 12, color: '#FFF', lineHeight: 1.5 }}>
                      <span style={{ color: c.c, fontFamily: 'var(--font-mono)' }}>·</span>{it}
                    </li>
                  ))}
                </ul>
                <div style={{ paddingTop: 12, borderTop: `1px solid ${c.c}`, fontFamily: 'var(--font-mono)', fontSize: 10, color: '#96A3B5', lineHeight: 1.55 }}>
                  {c.never}
                </div>
              </div>
            </SlideIn>
          ))}
        </div>
      </div>

      {/* MARCO NORMATIVO — 8 referencias reales */}
      <div style={{ marginBottom: 72 }}>
        <div style={{ fontFamily: 'var(--font-mono)', fontSize: 11, letterSpacing: '0.18em', color: '#0050BD', textTransform: 'uppercase', marginBottom: 8 }}>
          Marco normativo de referencia
        </div>
        <div style={{ fontFamily: 'var(--font-serif)', fontStyle: 'italic', fontSize: 16, color: '#96A3B5', marginBottom: 24, maxWidth: 800 }}>
          OMNIX se diseña para operar dentro de marcos regulatorios internacionales y nacionales aplicables a IA de alto riesgo en el sector público.
        </div>
        <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: 12 }}>
          {[
            { k: 'EU AI ACT · REG. 2024/1689',        s: 'Unión Europea',           d: 'Marco de riesgo por niveles: prohibidos · alto riesgo · limitado · mínimo. OMNIX excluye por diseño las 8 prácticas prohibidas (social scoring, categorización biométrica, scraping no autorizado, identificación biométrica remota en espacios públicos, etc.). Casos de alto riesgo (infraestructura crítica, servicios esenciales, ley) mantienen supervisión humana, evaluación de impacto, calidad de datos y logs.' },
            { k: 'NIST AI RMF 1.0 + PROFILE CI',       s: 'Estados Unidos',           d: 'Framework voluntario de gestión de riesgos para IA · con perfil específico para infraestructura crítica (abril 2026). OMNIX adopta las funciones GOVERN · MAP · MEASURE · MANAGE para la operación de SDMs sobre operaciones críticas del Estado.' },
            { k: 'OECD AI PRINCIPLES',                  s: 'OCDE · 47 países',         d: 'Cinco principios · crecimiento inclusivo, valores centrados en la persona, transparencia y explicabilidad, robustez y seguridad, rendición de cuentas. OMNIX materializa cada principio en approval flows, explicabilidad de decisiones y auditoría trazable.' },
            { k: 'ISO/IEC 42001:2023',                  s: 'Estándar internacional',   d: 'Sistema de gestión de IA (AIMS) · gobierno del ciclo de vida de sistemas de IA · roles, políticas, controles y evaluación. OMNIX está diseñado para permitir a organizaciones cumplir con ISO 42001 cuando sea requerido por contrato o política interna.' },
            { k: 'GDPR · Reg. 2016/679',                s: 'UE + adecuaciones LatAm',  d: 'Protección de datos personales · principios de minimización, propósito, seguridad, derechos del titular. En Latinoamérica: Ley 19.628 Chile (nueva Ley N° 21.719 · vigencia 2026), LGPD Brasil, Ley 25.326 Argentina, Ley 1581 Colombia, INAI México.' },
            { k: 'ISO/IEC 27001:2022 · SOC 2 · FedRAMP', s: 'Seguridad de información', d: 'Controles de seguridad de la información aplicables al despliegue. Para clientes de gobierno federal EE.UU. u homólogos: certificaciones FedRAMP o equivalentes locales cuando lo requiera el organismo.' },
            { k: 'MARCOS DE INTELIGENCIA · DEFENSA',    s: 'Nacional · reservado',     d: 'Leyes de Inteligencia · secreto de Estado · seguridad nacional. Los trabajos en este ámbito no se publican · operan bajo compartimentación de información, need-to-know y controles de acceso jerarquizados.' },
            { k: 'ITAR · EAR · CONTROLES DE EXPORTACIÓN', s: 'Cross-border · dual use', d: 'Cuando aplique: International Traffic in Arms Regulations (ITAR), Export Administration Regulations (EAR), Wassenaar Arrangement. Para tecnología con potencial uso dual, OMNIX opera bajo controles de exportación y compartimentación jurisdiccional.' },
          ].map((r, i) => (
            <SlideIn key={r.k} direction="right" delay={i * 60}>
              <div style={{ padding: '20px 22px', background: '#0A0B10', border: '1px solid #2E3140', display: 'grid', gridTemplateColumns: 'auto 1fr', gap: 20, alignItems: 'start' }}>
                <div style={{ minWidth: 180 }}>
                  <div style={{ fontFamily: 'var(--font-mono)', fontSize: 10, letterSpacing: '0.14em', color: '#0050BD', marginBottom: 4 }}>{r.k}</div>
                  <div style={{ fontFamily: 'var(--font-mono)', fontSize: 10, color: '#96A3B5' }}>{r.s}</div>
                </div>
                <div style={{ fontFamily: 'var(--font-body)', fontSize: 13, color: '#FFF', lineHeight: 1.55 }}>{r.d}</div>
              </div>
            </SlideIn>
          ))}
        </div>
      </div>

      {/* PROHIBICIONES OMNIX · las 8 del AI Act + refuerzos */}
      <div style={{ marginBottom: 72 }}>
        <div style={{ fontFamily: 'var(--font-mono)', fontSize: 11, letterSpacing: '0.18em', color: '#F4024C', textTransform: 'uppercase', marginBottom: 8 }}>
          Prohibiciones explícitas por diseño
        </div>
        <div style={{ fontFamily: 'var(--font-serif)', fontStyle: 'italic', fontSize: 16, color: '#96A3B5', marginBottom: 24, maxWidth: 800 }}>
          OMNIX no se despliega para las prácticas prohibidas por el EU AI Act ni para casos que atenten contra derechos fundamentales · con independencia de si el cliente es del sector público o privado.
        </div>
        <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: 8 }}>
          {[
            'Social scoring · puntuación general de ciudadanos',
            'Categorización biométrica que infiere características protegidas',
            'Identificación biométrica remota en espacios públicos para law enforcement',
            'Manipulación cognitiva o explotación de vulnerabilidades',
            'Vigilancia masiva sin base legal específica',
            'Predicción individual de comportamiento criminal',
            'Reconocimiento de emociones en trabajo o educación',
            'Scraping no autorizado para bases biométricas',
            'Sanciones administrativas automáticas sin revisión humana',
            'Denegación automática de beneficios sociales sin apelación',
            'Reemplazo de diagnóstico clínico por decisión algorítmica',
            'Decisiones sobre derechos sin cadena de responsabilidad institucional',
          ].map((p, i) => (
            <div key={p} style={{
              padding: '10px 14px', background: '#0A0B10', border: '1px solid #2E3140',
              display: 'flex', gap: 10, alignItems: 'center',
            }}>
              <i data-lucide="x" width="14" height="14" style={{ color: '#EA384C', strokeWidth: 2, flexShrink: 0 }}/>
              <span style={{ fontFamily: 'var(--font-body)', fontSize: 13, color: '#FFF' }}>{p}</span>
            </div>
          ))}
        </div>
      </div>

      {/* DECLARACIONES OPERACIONALES · lo que este sitio afirma y no afirma */}
      <div style={{ padding: 32, background: '#0A0B10', border: '1.5px solid #0050BD' }}>
        <div style={{ fontFamily: 'var(--font-mono)', fontSize: 11, letterSpacing: '0.18em', color: '#0050BD', marginBottom: 20 }}>
          DECLARACIONES OPERACIONALES DE ESTE SITIO
        </div>
        <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: 24 }}>
          <div>
            <div style={{ fontFamily: 'var(--font-mono)', fontSize: 10, letterSpacing: '0.14em', color: '#0F5132', textTransform: 'uppercase', marginBottom: 12 }}>ESTE SITIO SÍ AFIRMA</div>
            <ul style={{ listStyle: 'none', padding: 0, margin: 0, display: 'flex', flexDirection: 'column', gap: 8 }}>
              {[
                'Que OMNIX es una plataforma capaz de operar sobre misiones públicas críticas',
                'Que la arquitectura conceptual está definida y disponible bajo NDA',
                'Que los escenarios demostrativos usan valores ilustrativos identificados',
                'Que los pilares (soberanía · interoperabilidad · supervisión) son compromisos de diseño',
                'Que los límites legales y éticos son parte del diseño, no restricciones posteriores',
              ].map((s) => (
                <li key={s} style={{ display: 'flex', gap: 10, fontFamily: 'var(--font-body)', fontSize: 13, color: '#FFF', lineHeight: 1.55 }}>
                  <i data-lucide="check" width="14" height="14" style={{ color: '#0F5132', strokeWidth: 2, flexShrink: 0, marginTop: 3 }}/>
                  {s}
                </li>
              ))}
            </ul>
          </div>
          <div>
            <div style={{ fontFamily: 'var(--font-mono)', fontSize: 10, letterSpacing: '0.14em', color: '#EA384C', textTransform: 'uppercase', marginBottom: 12 }}>ESTE SITIO NO AFIRMA</div>
            <ul style={{ listStyle: 'none', padding: 0, margin: 0, display: 'flex', flexDirection: 'column', gap: 8 }}>
              {[
                'Que existan casos gubernamentales publicables como referencia comercial',
                'Que las cifras del video demo sean resultados reales medidos',
                'Que las integraciones con organismos nombrados estén implementadas',
                'Que existan contratos vigentes con organismos específicos',
                'Que se publique la identidad de clientes de Defensa · Inteligencia · Seguridad Nacional',
              ].map((s) => (
                <li key={s} style={{ display: 'flex', gap: 10, fontFamily: 'var(--font-body)', fontSize: 13, color: '#FFF', lineHeight: 1.55 }}>
                  <i data-lucide="x" width="14" height="14" style={{ color: '#EA384C', strokeWidth: 2, flexShrink: 0, marginTop: 3 }}/>
                  {s}
                </li>
              ))}
            </ul>
          </div>
        </div>
      </div>

      <div style={{ marginTop: 32, padding: '20px 24px', background: '#000', border: '1px solid #2E3140', display: 'flex', gap: 16, alignItems: 'center' }}>
        <i data-lucide="scale" width="20" height="20" style={{ color: '#0050BD', strokeWidth: 1.5, flexShrink: 0 }}/>
        <div style={{ fontFamily: 'var(--font-mono)', fontSize: 12, color: '#96A3B5', letterSpacing: '0.06em', lineHeight: 1.6 }}>
          <strong style={{ color: '#FFF' }}>Reserva de derechos:</strong> OMNIX se reserva el derecho de no divulgar información sobre trabajos con organismos del Estado en materias de Defensa, Seguridad Nacional, Inteligencia e infraestructura crítica · con independencia de la etapa contractual · aun cuando dichos trabajos estén activos, hayan concluido o se encuentren en evaluación. Toda referencia comercial pública requiere autorización expresa y por escrito del organismo correspondiente.
        </div>
      </div>
    </Container>
  </section>
);

Object.assign(window, { GobLegal });