---
id: lista-separadores
status: proposed
kind: refinement
sprint: 5                        # pestaña "Sprint Nueva Arquitectura" del sheet de arquitectura

target:
  block: sek_c_content_list
  based_on: sek-content-list
  see: https://institucioneducativaseki5.sg-host.com/desarrollo-integral-del-talento/fundamentos/

evidence:
  used_in:
    - output/pages/sek-schools/educacion-infantil.html
  figma: "1710:50275"

fields:
  - { name: dividers, type: select, choices: [auto, on, off], default: auto, label: "Separadores entre items" }

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

behaviour:
  - `auto` decide por la superficie de la sección: **sobre marca no se pintan**, sobre blanco o
    crema sí
  - `on` y `off` fuerzan el resultado, para las excepciones: una rejilla de tres items sobre
    crema se lee mejor sin ellos, y una muy larga sobre marca puede pedirlos
  - Los separadores nunca cierran la última fila de la rejilla

accept:
  - Cambiar la superficie de la sección cambia el resultado sin tocar el campo
  - Con `off` no queda ningún hairline entre items, tampoco en móvil

built:
  branch:
  commit:
  notes:
---

# Separadores de la rejilla de items

Sobre el azul de marca el hairline queda a un contraste tan bajo que **no separa: solo
ensucia**. Sobre blanco o crema sí cumple su función, que es marcar el salto de fila cuando la
rejilla va a dos columnas.

Por eso el campo nace en `auto` y decide por superficie: acierta en la mayoría de los casos y
nadie tiene que recordar la regla. `on` y `off` quedan para las excepciones, que las hay —el
número de items pesa tanto como el fondo.

Aplicado en "Preparados para dar el siguiente paso" (Educación Infantil), que va sobre marca.