---
id: accordion-faq
status: proposed
kind: refinement
sprint: 5

target:
  block: acf/accordion
  based_on: sek-accordion
  see: https://institucioneducativaseki5.sg-host.com/future-learning-model/

evidence:
  used_in:
    - output/pages/sek-schools/etapas-educativas-y-programas-ib.html

fields:
  - { name: variant, type: select, choices: [actividades, faq], default: actividades, label: "Tipo de acordeón" }
  - { name: image,   type: image, when: "variant = actividades" }
  - { name: answer,  type: wysiwyg, when: "variant = faq", note: "texto corrido, no etiquetas" }

tokens: [text-static-secondary, border-static-hairline]

behaviour:
  - En `faq` el item no tiene imagen y el panel es texto corrido
  - Varias preguntas pueden estar abiertas a la vez (UX no pide exclusividad)
  - Los paneles cerrados van con `inert`

accept:
  - Sin imagen, el item no deja hueco ni desalinea la pregunta
  - El panel abierto se lee completo en 375 sin scroll horizontal
  - Una pregunta larga no rompe la fila del `+`

built:
  branch:
  commit:
  notes:
---

# El acordeón, en versión FAQ

La única instancia publicada de `sek-accordion` es la de actividades del *Future Learning
Model*: imagen a la izquierda y, dentro del panel, una lista de etiquetas `sek-tag`. Una FAQ no
tiene ninguna de las dos cosas — es pregunta y respuesta en texto.

En la maqueta se reutiliza ese bloque quitando la imagen y sustituyendo las etiquetas por un
párrafo. Funciona, pero es una desviación: conviene que el bloque distinga las dos variantes en
vez de dejarlo al contenido.