// PRIVACIDAD · IA/SDMs + Control del cliente + Marcos internacionales

// PRIVACIDAD EN IA Y SDMs
const PrivAI = () => (
  <section style={{ background: '#000', color: '#FFF', paddingTop: 128, paddingBottom: 128 }}>
    <Container>
      <div style={{ maxWidth: 900, marginBottom: 72 }}>
        <Reveal><SectionMeta n="03" label="Privacidad en IA y SDMs" dark color="#F4024C"/></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' }}>
            ¿Cómo se protegen los datos utilizados por los <span style={{ color: '#F4024C' }}>modelos de IA</span>?
          </h2>
        </Reveal>
        <Reveal delay={140}>
          <p style={{ fontFamily: 'var(--font-serif)', fontStyle: 'italic', fontSize: 20, lineHeight: 1.5, color: '#96A3B5', margin: 0 }}>
            Cada SDM (Specialized Domain Model) se documenta y opera bajo controles explícitos. La privacidad de la IA no es un post-procesamiento · es parte del diseño del modelo.
          </p>
        </Reveal>
      </div>

      {/* Documentación por SDM */}
      <div style={{ marginBottom: 40 }}>
        <div style={{ fontFamily: 'var(--font-mono)', fontSize: 11, letterSpacing: '0.18em', color: '#F4024C', textTransform: 'uppercase', marginBottom: 20 }}>
          Cada SDM documenta
        </div>
        <div style={{ display: 'grid', gridTemplateColumns: 'repeat(4, 1fr)', gap: 8 }}>
          {['Propósito', 'Propietario', 'Corpus', 'Fuentes', 'Categorías de datos', 'Datos sensibles', 'Uso autorizado', 'Uso prohibido', 'Usuarios', 'Accesos', 'Versión', 'Retención', 'Evaluaciones', 'Monitoreo', 'Reentrenamiento', 'Retiro'].map((it) => (
            <div key={it} style={{ padding: '10px 12px', background: '#0A0B10', border: '1px solid #2E3140', display: 'flex', gap: 8, alignItems: 'center' }}>
              <i data-lucide="check" width="12" height="12" style={{ color: '#F4024C', strokeWidth: 2, flexShrink: 0 }}/>
              <span style={{ fontFamily: 'var(--font-mono)', fontSize: 11, color: '#FFF', letterSpacing: '0.04em' }}>{it}</span>
            </div>
          ))}
        </div>
      </div>

      {/* Controles potenciales */}
      <div style={{ marginBottom: 40 }}>
        <div style={{ fontFamily: 'var(--font-mono)', fontSize: 11, letterSpacing: '0.18em', color: '#F4024C', textTransform: 'uppercase', marginBottom: 20 }}>
          Controles técnicos potenciales · sujetos a alcance
        </div>
        <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: 12 }}>
          {[
            { i: 'users',         t: 'Separación por cliente',       d: 'Sin cruce entre tenants · datos, corpus y modelos aislados' },
            { i: 'shield',        t: 'Entornos privados',            d: 'VPC · on-premise · air-gapped [VALIDAR ARQUITECTURA]' },
            { i: 'filter',         t: 'Minimización',                  d: 'Sólo campos autorizados · filtros por propósito' },
            { i: 'eye-off',        t: 'Seudonimización',               d: 'Identificadores reemplazados por tokens reversibles bajo control' },
            { i: 'ban',             t: 'Anonimización cuando viable',  d: 'Sin garantía absoluta · sujeto a evaluación de re-identificación' },
            { i: 'file-x',          t: 'Filtrado de datos sensibles',   d: 'PII · datos de salud · datos financieros según jurisdicción' },
            { i: 'archive',         t: 'Control de corpus',             d: 'Aprobación de fuentes · versionado · linaje documentado' },
            { i: 'message-square-off', t: 'Restricción de prompts',    d: 'Contexto acotado · sin data leakage entre casos' },
            { i: 'file-search',    t: 'Logs y versionado',              d: 'Cada inferencia trazable · reproducible bajo el mismo contexto' },
            { i: 'user-check',      t: 'Evaluación humana',              d: 'Governance Board · aprobación en decisiones de alto impacto' },
            { i: 'shield-x',        t: 'Prevención de exposición',      d: 'Filtros anti-fuga · testing de robustez · red teaming' },
            { i: 'alert-triangle',  t: 'Gestión de excepciones',        d: 'Casos borde escalados · sin modo permisivo no autorizado' },
          ].map((c, i) => (
            <SlideIn key={c.t} direction="up" delay={i * 40}>
              <div style={{ padding: '18px 20px', background: '#0A0B10', border: '1px solid #2E3140', display: 'flex', gap: 12, alignItems: 'flex-start' }}>
                <i data-lucide={c.i} width="18" height="18" style={{ color: '#F4024C', strokeWidth: 1.5, flexShrink: 0, marginTop: 2 }}/>
                <div>
                  <div style={{ fontFamily: 'var(--font-display)', fontWeight: 700, fontSize: 14, color: '#FFF', letterSpacing: '-0.005em', marginBottom: 4 }}>{c.t}</div>
                  <div style={{ fontFamily: 'var(--font-body)', fontSize: 12, color: '#96A3B5', lineHeight: 1.5 }}>{c.d}</div>
                </div>
              </div>
            </SlideIn>
          ))}
        </div>
      </div>

      {/* Política de entrenamiento */}
      <div style={{ padding: '24px 28px', background: '#0A0B10', border: '1.5px solid #B8860B' }}>
        <div style={{ display: 'flex', gap: 16, alignItems: 'flex-start' }}>
          <i data-lucide="graduation-cap" width="24" height="24" style={{ color: '#B8860B', strokeWidth: 1.5, flexShrink: 0, marginTop: 4 }}/>
          <div>
            <div style={{ fontFamily: 'var(--font-mono)', fontSize: 11, letterSpacing: '0.18em', color: '#B8860B', textTransform: 'uppercase', marginBottom: 10 }}>POLÍTICA DE ENTRENAMIENTO · [VALIDAR POLÍTICA]</div>
            <p style={{ fontFamily: 'var(--font-serif)', fontStyle: 'italic', fontSize: 18, lineHeight: 1.55, color: '#FFF', margin: '0 0 12px' }}>
              "Los datos del cliente no se utilizan para entrenar modelos públicos o compartidos sin una autorización contractual explícita."
            </p>
            <div style={{ fontFamily: 'var(--font-body)', fontSize: 13, color: '#96A3B5', lineHeight: 1.6 }}>
              La política de entrenamiento se define contractualmente por proyecto. OMNIX no afirma que anonimización o seudonimización eliminen todos los riesgos de re-identificación · dependen del contexto, la técnica y la jurisdicción. Toda afirmación específica sobre entrenamiento requiere validación en el DPA correspondiente.
            </div>
          </div>
        </div>
      </div>
    </Container>
  </section>
);

// CONTROL DEL CLIENTE · roles y responsabilidades
const PrivControl = () => (
  <section style={{ background: '#FFFFFF', paddingTop: 128, paddingBottom: 128 }}>
    <Container>
      <div style={{ maxWidth: 900, marginBottom: 72 }}>
        <Reveal><SectionMeta n="04" label="Control del cliente" 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: '#000' }}>
            ¿Quién controla los datos y modelos?
          </h2>
        </Reveal>
        <Reveal delay={140}>
          <p style={{ fontFamily: 'var(--font-serif)', fontStyle: 'italic', fontSize: 20, lineHeight: 1.5, color: '#52557A', margin: '0 0 16px' }}>
            OMNIX diseña sus proyectos para que las responsabilidades, permisos y límites estén definidos desde el inicio.
          </p>
          <p style={{ fontFamily: 'var(--font-body)', fontSize: 16, lineHeight: 1.6, color: '#52557A', margin: 0 }}>
            El rol específico de cada parte depende del proyecto y debe quedar definido en el contrato, el DPA, la matriz de responsabilidades, la arquitectura, las instrucciones documentadas, la política de retención y el plan de salida.
          </p>
        </Reveal>
      </div>

      <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: 16 }}>
        {[
          { r: 'Responsable / Controlador',    d: 'Determina los propósitos y medios del tratamiento. Típicamente el cliente · sujeto a evaluación jurídica por proyecto.', typ: 'CLIENTE · TÍPICO' },
          { r: 'Encargado / Procesador',         d: 'Trata datos por instrucciones del responsable. OMNIX cuando corresponda al alcance contractual definido.',              typ: 'OMNIX · SEGÚN DPA' },
          { r: 'Subprocesador',                   d: 'Tercero al que el encargado subcontrata parte del tratamiento · con obligaciones equivalentes y autorización contractual.', typ: 'SEGÚN CONTRATO' },
          { r: 'Usuario autorizado',              d: 'Persona con permiso definido para acceder a datos, corpus o modelos con propósito documentado.',                          typ: 'RBAC / ABAC' },
          { r: 'Propietario del modelo (SDM)',   d: 'Institución sobre cuya operación se entrena el SDM. Habitualmente el cliente · sujeto a [VALIDAR PROPIEDAD DE MODELOS].',     typ: 'CLIENTE · SEGÚN CONTRATO' },
          { r: 'Propietario del corpus',           d: 'Institución titular de los datos utilizados en el corpus de entrenamiento del SDM.',                                        typ: 'CLIENTE · SEGÚN CONTRATO' },
          { r: 'Responsable de seguridad',         d: 'Rol técnico y operacional definido en la matriz de responsabilidades · aplicación de controles y monitoreo.',              typ: 'MIXTO · SEGÚN MATRIZ' },
          { r: 'Responsable de privacidad · DPO', d: 'Rol jurídico y organizacional · atención de derechos, gobernanza, evaluaciones de impacto.',                                typ: 'CLIENTE · TÍPICO' },
        ].map((r, i) => (
          <SlideIn key={r.r} direction="up" delay={i * 40}>
            <div style={{ padding: '22px 24px', background: '#FAFBFD', border: '1px solid #E4EBF3', display: 'flex', flexDirection: 'column', gap: 10, minHeight: 160 }}>
              <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: 12 }}>
                <div style={{ fontFamily: 'var(--font-display)', fontWeight: 700, fontSize: 16, letterSpacing: '-0.01em', color: '#000' }}>{r.r}</div>
                <span style={{ fontFamily: 'var(--font-mono)', fontSize: 9, letterSpacing: '0.14em', color: '#0050BD', border: '1px solid #0050BD', padding: '3px 8px', whiteSpace: 'nowrap' }}>{r.typ}</span>
              </div>
              <div style={{ fontFamily: 'var(--font-body)', fontSize: 13, color: '#52557A', lineHeight: 1.55 }}>{r.d}</div>
            </div>
          </SlideIn>
        ))}
      </div>

      <div style={{ marginTop: 32, padding: '20px 24px', background: '#FBF3D9', border: '1.5px solid #B8860B' }}>
        <div style={{ display: 'flex', gap: 14, alignItems: 'flex-start' }}>
          <i data-lucide="alert-triangle" width="18" height="18" style={{ color: '#B8860B', strokeWidth: 1.5, flexShrink: 0, marginTop: 2 }}/>
          <div style={{ fontFamily: 'var(--font-mono)', fontSize: 11, letterSpacing: '0.06em', color: '#1E1F26', lineHeight: 1.6 }}>
            <strong>Nota:</strong> OMNIX no promete propiedad contractual sin revisar cada acuerdo. La asignación de roles, la propiedad de datos y modelos, y el alcance de responsabilidades se definen en el contrato específico de cada proyecto. [VALIDAR PROPIEDAD DE DATOS · VALIDAR PROPIEDAD DE MODELOS · VALIDAR ALCANCE CONTRACTUAL]
          </div>
        </div>
      </div>
    </Container>
  </section>
);

// MARCOS INTERNACIONALES · ISO 27001/27701, GDPR, USA, LatAm
const PrivFrameworks = () => (
  <section style={{ background: '#FAFBFD', paddingTop: 128, paddingBottom: 128, borderTop: '1.5px solid #E4EBF3', borderBottom: '1.5px solid #E4EBF3' }}>
    <Container>
      <div style={{ maxWidth: 900, marginBottom: 56 }}>
        <Reveal><SectionMeta n="05" label="Marcos internacionales de referencia" 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: '#000' }}>
            Marcos que <span style={{ color: '#0050BD' }}>tomamos como referencia</span> · sujeto a aplicación por jurisdicción.
          </h2>
        </Reveal>
        <Reveal delay={140}>
          <p style={{ fontFamily: 'var(--font-body)', fontSize: 18, lineHeight: 1.6, color: '#52557A', margin: 0 }}>
            OMNIX diseña sus controles tomando como referencia estándares internacionales. Esta referencia <strong>no implica certificación, acreditación ni conformidad oficial</strong>. El cumplimiento regulatorio depende del caso de uso, la jurisdicción, el tipo de datos, el sector, la arquitectura y el rol contractual de cada parte.
          </p>
        </Reveal>
      </div>

      {/* Bloques por región/norma */}
      <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: 20 }}>
        {/* ISO 27001 */}
        <SlideIn direction="up" delay={0}>
          <div style={{ padding: '32px 28px', background: '#FFF', border: '1.5px solid #0050BD', minHeight: 340 }}>
            <div style={{ fontFamily: 'var(--font-mono)', fontSize: 10, letterSpacing: '0.18em', color: '#0050BD', marginBottom: 8 }}>SEGURIDAD DE LA INFORMACIÓN</div>
            <h3 style={{ fontFamily: 'var(--font-display)', fontWeight: 800, fontSize: 28, letterSpacing: '-0.02em', color: '#000', margin: '0 0 16px' }}>ISO/IEC 27001:2022</h3>
            <div style={{ fontFamily: 'var(--font-mono)', fontSize: 10, letterSpacing: '0.14em', color: '#B8860B', marginBottom: 14, textTransform: 'uppercase' }}>Referencia de diseño · sin certificación afirmada</div>
            <p style={{ fontFamily: 'var(--font-body)', fontSize: 13, lineHeight: 1.6, color: '#52557A', margin: '0 0 14px' }}>
              Utilizada como referencia para: gestión de riesgos, políticas, roles, control de accesos, gestión de activos, gestión de incidentes, continuidad operacional y mejora continua.
            </p>
            <div style={{ padding: '12px 14px', background: '#FBF3D9', border: '1px solid #B8860B', fontFamily: 'var(--font-mono)', fontSize: 10, color: '#1E1F26', lineHeight: 1.5 }}>
              [VALIDAR CERTIFICACIÓN] · OMNIX publica únicamente certificaciones verificadas y aprobadas · vigentes · aplicables al alcance publicado.
            </div>
          </div>
        </SlideIn>

        {/* ISO 27701 */}
        <SlideIn direction="up" delay={80}>
          <div style={{ padding: '32px 28px', background: '#FFF', border: '1.5px solid #F4024C', minHeight: 340 }}>
            <div style={{ fontFamily: 'var(--font-mono)', fontSize: 10, letterSpacing: '0.18em', color: '#F4024C', marginBottom: 8 }}>PRIVACIDAD DE LA INFORMACIÓN</div>
            <h3 style={{ fontFamily: 'var(--font-display)', fontWeight: 800, fontSize: 28, letterSpacing: '-0.02em', color: '#000', margin: '0 0 16px' }}>ISO/IEC 27701:2025</h3>
            <div style={{ fontFamily: 'var(--font-mono)', fontSize: 10, letterSpacing: '0.14em', color: '#B8860B', marginBottom: 14, textTransform: 'uppercase' }}>Referencia de diseño · sin certificación afirmada</div>
            <p style={{ fontFamily: 'var(--font-body)', fontSize: 13, lineHeight: 1.6, color: '#52557A', margin: '0 0 14px' }}>
              Utilizada como referencia para: sistema de gestión de privacidad, responsabilidades del controlador y procesador, inventario de tratamientos, gobierno de información personal, derechos de titulares y evaluación continua.
            </p>
            <div style={{ padding: '12px 14px', background: '#FBF3D9', border: '1px solid #B8860B', fontFamily: 'var(--font-mono)', fontSize: 10, color: '#1E1F26', lineHeight: 1.5 }}>
              Complementa ISO 27001 con foco específico en gestión de información personal (PIMS). Sujeto a validación por proyecto.
            </div>
          </div>
        </SlideIn>

        {/* GDPR · Europa */}
        <SlideIn direction="up" delay={160}>
          <div style={{ padding: '32px 28px', background: '#FFF', border: '1.5px solid #E4EBF3', minHeight: 340 }}>
            <div style={{ fontFamily: 'var(--font-mono)', fontSize: 10, letterSpacing: '0.18em', color: '#0050BD', marginBottom: 8 }}>EUROPA · CUANDO APLIQUE</div>
            <h3 style={{ fontFamily: 'var(--font-display)', fontWeight: 800, fontSize: 26, letterSpacing: '-0.02em', color: '#000', margin: '0 0 16px' }}>GDPR · Reg. UE 2016/679</h3>
            <p style={{ fontFamily: 'var(--font-body)', fontSize: 13, lineHeight: 1.6, color: '#52557A', margin: '0 0 14px' }}>
              Principios considerados cuando el tratamiento cae dentro del alcance territorial y material del GDPR:
            </p>
            <ul style={{ listStyle: 'none', padding: 0, margin: 0, display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: 4 }}>
              {['Licitud · equidad · transparencia', 'Limitación de finalidad', 'Minimización', 'Exactitud', 'Limitación de conservación', 'Integridad · confidencialidad', 'Responsabilidad demostrable', 'Derechos de titulares', 'Privacidad por diseño', 'Evaluaciones de impacto (DPIA)', 'Transferencias internacionales'].map((p) => (
                <li key={p} style={{ display: 'flex', gap: 6, fontFamily: 'var(--font-mono)', fontSize: 10, color: '#1E1F26' }}>
                  <span style={{ color: '#0050BD' }}>·</span>{p}
                </li>
              ))}
            </ul>
            <div style={{ marginTop: 14, fontFamily: 'var(--font-mono)', fontSize: 10, color: '#B8860B', letterSpacing: '0.04em' }}>
              OMNIX no afirma cumplimiento automático con GDPR. [VALIDAR JURISDICCIÓN · ROL CONTRACTUAL]
            </div>
          </div>
        </SlideIn>

        {/* Estados Unidos */}
        <SlideIn direction="up" delay={240}>
          <div style={{ padding: '32px 28px', background: '#FFF', border: '1.5px solid #E4EBF3', minHeight: 340 }}>
            <div style={{ fontFamily: 'var(--font-mono)', fontSize: 10, letterSpacing: '0.18em', color: '#0050BD', marginBottom: 8 }}>ESTADOS UNIDOS · SISTEMA ESTATAL Y SECTORIAL</div>
            <h3 style={{ fontFamily: 'var(--font-display)', fontWeight: 800, fontSize: 22, letterSpacing: '-0.02em', color: '#000', margin: '0 0 16px', lineHeight: 1.2 }}>Combinación de leyes estatales, sectoriales y contractuales</h3>
            <p style={{ fontFamily: 'var(--font-body)', fontSize: 13, lineHeight: 1.6, color: '#52557A', margin: '0 0 14px' }}>
              Estados Unidos no tiene una ley federal única de privacidad. OMNIX considera, cuando aplique:
            </p>
            <ul style={{ listStyle: 'none', padding: 0, margin: 0, display: 'flex', flexDirection: 'column', gap: 5 }}>
              {[
                { s: 'CCPA / CPRA', d: 'Leyes estatales de California' },
                { s: 'Otras leyes estatales',  d: 'Colorado, Virginia, Utah, Connecticut, Texas · según jurisdicción' },
                { s: 'GLBA',        d: 'Determinadas instituciones financieras' },
                { s: 'HIPAA',       d: 'Determinadas entidades de salud' },
                { s: 'COPPA',       d: 'Datos de menores dentro de alcance' },
                { s: 'Obligaciones sectoriales', d: 'Requisitos por industria y contractuales' },
              ].map((r) => (
                <li key={r.s} style={{ display: 'grid', gridTemplateColumns: '110px 1fr', gap: 10, fontFamily: 'var(--font-mono)', fontSize: 10, color: '#1E1F26' }}>
                  <span style={{ color: '#0050BD', fontWeight: 500 }}>{r.s}</span>
                  <span style={{ color: '#52557A' }}>{r.d}</span>
                </li>
              ))}
            </ul>
          </div>
        </SlideIn>

        {/* Latinoamérica · país por país */}
        <div style={{ gridColumn: 'span 2' }}>
          <SlideIn direction="up" delay={320}>
            <div style={{ padding: '32px 28px', background: '#FFF', border: '1.5px solid #0F5132' }}>
              <div style={{ fontFamily: 'var(--font-mono)', fontSize: 10, letterSpacing: '0.18em', color: '#0F5132', marginBottom: 8 }}>LATINOAMÉRICA · EVALUACIÓN PAÍS POR PAÍS</div>
              <h3 style={{ fontFamily: 'var(--font-display)', fontWeight: 800, fontSize: 26, letterSpacing: '-0.02em', color: '#000', margin: '0 0 16px' }}>Leyes locales de protección de datos</h3>
              <p style={{ fontFamily: 'var(--font-body)', fontSize: 14, lineHeight: 1.6, color: '#52557A', margin: '0 0 20px', maxWidth: 900 }}>
                OMNIX no afirma cobertura automática de toda Latinoamérica. La privacidad se evalúa país por país, considerando la ley local, la autoridad nacional, los requisitos de consentimiento, los derechos de titulares, las transferencias internacionales, las notificaciones de incidentes, los requisitos sectoriales y el registro de tratamientos aplicables.
              </p>
              <div style={{ display: 'grid', gridTemplateColumns: 'repeat(4, 1fr)', gap: 10 }}>
                {[
                  { p: 'Brasil',     l: 'LGPD · Ley 13.709/2018' },
                  { p: 'Argentina',  l: 'Ley 25.326' },
                  { p: 'Chile',      l: 'Ley 21.719 · vigencia 2026' },
                  { p: 'Colombia',   l: 'Ley 1581/2012' },
                  { p: 'México',     l: 'LFPDPPP · INAI' },
                  { p: 'Perú',       l: 'Ley 29.733' },
                  { p: 'Uruguay',    l: 'Ley 18.331' },
                  { p: 'Otros',      l: 'Según país · [VALIDAR]' },
                ].map((c) => (
                  <div key={c.p} style={{ padding: '12px 14px', background: '#FAFBFD', border: '1px solid #E4EBF3' }}>
                    <div style={{ fontFamily: 'var(--font-display)', fontWeight: 700, fontSize: 14, color: '#000', marginBottom: 4 }}>{c.p}</div>
                    <div style={{ fontFamily: 'var(--font-mono)', fontSize: 10, color: '#52557A', letterSpacing: '0.04em' }}>{c.l}</div>
                  </div>
                ))}
              </div>
            </div>
          </SlideIn>
        </div>
      </div>

      {/* Texto obligatorio de alineación normativa */}
      <div style={{ marginTop: 40, padding: '28px 32px', background: '#000', color: '#FFF', border: '1.5px solid #000' }}>
        <div style={{ fontFamily: 'var(--font-mono)', fontSize: 11, letterSpacing: '0.18em', color: '#F4024C', textTransform: 'uppercase', marginBottom: 16 }}>Declaración de alineación normativa</div>
        <div style={{ display: 'flex', flexDirection: 'column', gap: 14, fontFamily: 'var(--font-body)', fontSize: 15, color: '#FFF', lineHeight: 1.65, maxWidth: 900 }}>
          <p style={{ margin: 0 }}>
            OMNIX diseña sus controles de seguridad y privacidad tomando como referencia <strong style={{ color: '#F4024C' }}>ISO/IEC 27001 e ISO/IEC 27701</strong>. Esta referencia no implica certificación, acreditación ni conformidad oficial.
          </p>
          <p style={{ margin: 0 }}>
            Según el alcance y la jurisdicción de cada proyecto, OMNIX considera principios y obligaciones derivados de marcos como el <strong style={{ color: '#F4024C' }}>GDPR europeo</strong>, las leyes estatales y sectoriales de <strong style={{ color: '#F4024C' }}>Estados Unidos</strong>, la <strong style={{ color: '#F4024C' }}>LGPD de Brasil</strong> y las leyes locales de protección de datos de los países latinoamericanos en los que opera.
          </p>
          <p style={{ margin: 0 }}>
            El cumplimiento regulatorio depende del caso de uso, la jurisdicción, el tipo de datos, el sector, la arquitectura y el rol contractual de cada parte. <strong style={{ color: '#F4024C' }}>OMNIX no sustituye la evaluación legal de la organización.</strong>
          </p>
        </div>
      </div>
    </Container>
  </section>
);

Object.assign(window, { PrivAI, PrivControl, PrivFrameworks });