EIS-012 — Renderizar la presentación 3c: cumplimiento por diseño con matriz por regulación

EIS-012 — Presentación 3c: cumplimiento por diseño (render)

1. Contexto técnico

Sobre EIS-008 y los datos de EIS-011: apertura scrollytelling (por qué «cumplimiento por diseño») y, por cada regulación, una vista con la matriz: obligación concreta (art./control) → artefacto/paso Designio → cómo ayuda → etiqueta garantiza/facilita, con la vigencia (en vigor / diferida) en el caso del AI Act.

2. Restricciones de arquitectura

• La matriz se genera desde la colección regulaciones (cero HTML manual).
• Etiquetas con color semántico: garantiza=verde-certificado, facilita=azul-acero — siempre acompañadas de texto (no solo color, AA).
• En tabla responsive: en móvil la matriz colapsa a tarjetas por obligación.
• Cabecera de cada regulación: versión consultada + fecha + enlace a fuente oficial.

3. Criterios de aceptación (Test-Driven Intent)

criterios:
  - id: C1
    given: "la página de una regulación"
    when: "se renderiza"
    then: "muestra la matriz completa generada de datos, con fecha de versión consultada y enlace oficial"
  - id: C2
    given: "viewport móvil 360px"
    when: "se consulta la matriz"
    then: "el contenido íntegro es legible sin scroll horizontal"
  - id: C3
    given: "un lector daltónico"
    when: "distingue garantiza/facilita"
    then: "puede hacerlo por el texto de la etiqueta, no solo por color"

4. Definition of Done

• Las 6+ regulaciones navegables; enlazada desde «¿Por qué Designio?»; publicada como artefacto en el caso vivo.