EIS-026 — Renderizar la comparativa reproducible: resumen, detalle por categoría y transparencia (sustituye a EIS-018)

EIS-026 — Render de la comparativa reproducible (presentación)

1. Contexto técnico

Sustituye a la EIS-018, cuyo criterio C2 (capítulos del libro y fuentes externas por categoría) quedó obsoleto al sustituir la EIS-017 por la EIS-025: el estudio ya no cita el libro por categoría, sino que se genera con un prompt público que adjunta el libro entero como fuente de Designio. Esta EIS conserva el espíritu de la 018 —resumen primero, detalle después, transparencia del método— pero alinea los criterios con los datos reales de la colección comparativa (EIS-025).

La página /comparativa (hoy un marcador «en obra») se sustituye por: (1) Resumen primero: tabla con las puntuaciones por categoría y la final de cada metodología, Designio destacada, veredicto de un vistazo. (2) Detalle por categoría: definición, puntuación de cada metodología, quién gana y la justificación; visualización accesible de las notas. (3) Bloque de transparencia/reproducibilidad: el prompt exacto (copiable), el modelo y versión, la fecha, la instrucción de adjuntar el libro (con enlace de compra), el motivo de excluir adopción/madurez, y la honestidad del estudio (dónde gana una competidora + las cautelas).

2. Restricciones de arquitectura

• Todo se genera desde la colección comparativa (cero números hardcodeados). La puntuación final se calcula en el render (media simple), no se lee de un campo.
• Gráficas como SVG generado en build con tokens del ADN (src/styles/tokens.css); los valores aparecen también en texto/tabla (AA — no solo color/forma).
• Sin scroll horizontal en móvil (la tabla colapsa a tarjetas como MatrizCumplimiento).
• El prompt se muestra con BotonCopiar (reuso de la EIS-014, isla CSP-segura externa).
• Accesibilidad AA y presupuestos del ADN §7 (Lighthouse) bloqueantes.
• Honestidad ADN P8: la sección de honestidad (dónde pierde Designio + cautelas) es visible, no escondida.

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

criterios:
  - id: C1
    given: "la página de la comparativa"
    when: "se carga la primera vista en escritorio"
    then: "se ve la tabla resumen completa (categorías × metodologías + fila final) sin scroll horizontal, con Designio destacada y la puntuación final calculada (media simple) coincidente con los datos"
  - id: C2
    given: "una vista de categoría"
    when: "se consulta"
    then: "muestra la definición, la puntuación 0-100 de cada metodología (en texto, no solo gráfico), quién gana y la justificación; la barra SVG usa tokens del ADN"
  - id: C3
    given: "el bloque de transparencia"
    when: "se inspecciona"
    then: "contiene el prompt exacto copiable (BotonCopiar), «claude-opus-4-8», la fecha, la instrucción de adjuntar el libro con enlace de compra, y el motivo de excluir adopción/madurez"
  - id: C4
    given: "la sección de honestidad"
    when: "se revisa"
    then: "lista las categorías donde una competidora supera a Designio (con el porqué) y las cautelas del estudio — visibles, no ocultas"
  - id: C5
    given: "un cambio en los datos de la colección (una nota, una categoría)"
    when: "se reconstruye el sitio"
    then: "el resumen, el detalle y la puntuación final se actualizan sin tocar el HTML del render"

4. Definition of Done

• Página /comparativa navegable (sustituye al marcador), enlazada desde la nav.
• Cambio de datos en la colección reflejado sin tocar el render (criterio C5).
• AA verde (axe 0 graves) y Lighthouse dentro del ADN §7; sin scroll horizontal en móvil.
• EIS-018 marcada SUSTITUIDA POR EIS-026 una vez esta EIS quede FIRMADA.

---

Estado: FIRMADA por el Intent Director (Marcos Fernández Otero) el 2026-06-13. Sustituye a la EIS-018, que queda marcada como SUSTITUIDA.