---
id: section-heading-split
status: proposed
kind: refinement
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:1459"

fields:
  - { name: layout, type: select, choices: [stacked, split], default: stacked, label: "Reparto de la cabecera" }
  - { name: rule_position, type: select, choices: [inline, top], default: inline, label: "Fila del overtitle" }

tokens: [border-static-hairline]

behaviour:
  - `stacked` es lo publicado hoy: overtitle, titular y cuerpo en columna
  - `split` reparte en dos columnas a partir de 1024: titular a la izquierda, cuerpo a la derecha
  - `rule_position: top` saca el overtitle y su regla a una fila propia, a ancho completo, por
    encima del titular — que es como lo pinta la variante `4:1459`
  - Por debajo de 1024 las dos variantes se apilan igual

accept:
  - En 1440 el titular ocupa la mitad izquierda y no invade la columna de texto
  - La regla del overtitle llega al borde del contenedor y queda a `opacity:.5`
  - En 375 el resultado es idéntico al `stacked` de hoy

built:
  branch:
  commit:
  notes:
---

# Title Section a dos columnas

El `sek-content-lg` de Curso 25-26 ya trae este reparto, pero **con el overtitle dentro de la
columna derecha**. La variante del diseño (`4:1459`) lo sube a una fila propia con la regla a
ancho completo, y ese matiz es el que no existe en el theme.

En la maqueta se resuelve trasplantando el heading del `content-lg` y moviendo la fila del
overtitle. Es un apaño de montaje: en el theme debería ser un campo del bloque.

## Dónde se usa

"Primeros pasos" y "Cómo se aprende en Infantil" (Educación Infantil). Un titular largo con
una bajada corta pide este reparto; apilado, la bajada queda huérfana bajo un H2 de dos líneas.