---
id: banner-feature-list
status: proposed
kind: new
sprint: 5                        # pestaña "Sprint Nueva Arquitectura" del sheet de arquitectura

target:
  block: sek_c_banner_cta
  based_on: sek-banner-cta
  see: https://institucioneducativaseki5.sg-host.com/donde-sucede-el-aprendizaje/

evidence:
  used_in:
    - output/pages/sek-schools/residencias.html
  figma: "—"

fields:
  - { name: feature_list, type: boolean, default: false, label: "Listado de características" }
  - { name: features, type: repeater, required: false, max: 6, sub: [
        { name: icon, type: text, label: "Icono (Lucide)" },
        { name: text, type: text },
      ] }

tokens: [text-static-inverse]

behaviour:
  - Con el campo activo, los destacados del banner se pintan como **icono de 24 + texto**, en
    rejilla de **dos columnas** desde 768
  - Apagado, el banner queda exactamente como hoy
  - El icono hereda el color del texto del banner: sobre superficie de marca, el inverso

accept:
  - Con cuatro características, la rejilla es de dos por fila y el CTA mantiene su aire
  - Con una sola, no se abre una segunda columna vacía

built:
  branch:
  commit:
  notes:
---

# Listado de características en el banner

Los destacados del banner se pintaban como **etiquetas** (píldoras), que a partir de tres o
cuatro se leen como una nube de palabras y compiten con el CTA. Como **icono y frase** cada
característica se lee sola y el bloque queda más liviano, que es justo lo que pide la nota de
UX para SEK Sports Academy: *"los destacados no deben ser muy grandes ni tener mucho peso"*.

Va como booleano porque no todos los banners lo necesitan: los de una sola idea siguen mejor
sin lista.