---
id: section-heading-espaciado
status: proposed
kind: fix
sprint: 5                        # pestaña "Sprint Nueva Arquitectura" del sheet de arquitectura

target:
  block: sek_c_section_heading
  based_on: sek-section-heading
  see: https://institucioneducativaseki5.sg-host.com/curso-escolar-sek-alboran/

evidence:
  used_in:
    - output/pages/sek-schools/educacion-infantil.html
  figma: "4:1388, 4:1385"

fields: []

tokens: [spacing-40, spacing-16]

behaviour:
  - **El Title Section nunca va a ancho completo**: 584 px en la variante apilada y dos
    columnas de 667 en la doble. A ancho de contenedor (1360) el titular se estira y deja de
    leerse como cabecera
  - En escritorio, **40 px entre bloques** del cuerpo: entre el overtitle y el primer párrafo,
    entre párrafos y antes de los enlaces
  - **16 px** entre el título de un bloque y su descripción (el patrón *Paragraph-02* del
    componente: título + texto)
  - En móvil el espacio entre bloques baja a 24 px
  - El párrafo destacado **no lleva márgenes propios**: el ritmo lo da el espacio entre bloques

accept:
  - Ninguna cabecera apilada supera los 584 px en 1440
  - Medido en 1440, la distancia entre dos párrafos del cuerpo es de 40 px exactos
  - Un bloque con título y descripción los separa 16 px
  - Ningún módulo necesita corregir el espaciado por su cuenta

built:
  branch:
  commit:
  notes:
---

# El espaciado del Title Section

Hoy cada módulo resuelve el aire del cuerpo por su cuenta —unos con `gap`, otros con márgenes
en el párrafo destacado— y el resultado varía de sección a sección. En Figma el componente lo
tiene definido: **40 entre bloques, 16 dentro del bloque** (`4:1385`).

En la maqueta se aplica desde la función que vuelca el cuerpo, así que ya es uniforme en las
siete páginas. **Si el componente `sek_c_section_heading` existe en el theme, el arreglo va
ahí**; si el espaciado lo pone cada bloque, hay que crear el componente — que es lo que pide
Guille.