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

target:
  block: acf/testimonial
  based_on: sek-testimonial
  see: https://institucioneducativaseki5.sg-host.com/dimension-internacional-e-idiomas/

evidence:
  used_in:
    - output/pages/sek-schools/espacios-deportivos.html
  figma: "1334:65880"
  figma_mobile: "1334:66398"

fields:
  - { name: media_type, type: select, options: [none, image, video], default: none, label: "Media de la cita" }
  - { name: media,      type: file,   when: "media_type = video", note: "mp4 o URL de YouTube" }
  - { name: poster,     type: image,  when: "media_type = video" }

tokens: [surfaces-accent-warm, text-static-inverse, border-static-hairline]

behaviour:
  - El vídeo abre en el modal estándar de shared, no reproduce en línea
  - El botón de play es el del sistema, con aria-label
  - Sin media, la cita ocupa el ancho completo — es el comportamiento de hoy

accept:
  - Una cita con vídeo muestra póster y botón de play, y abre el modal al pulsarlo
  - En 375 la media va encima de la cita, no al lado
  - Las citas sin media siguen renderizando igual que ahora

built:
  branch:
  commit:
  notes:
---

# Testimonial con vídeo

`BLOCKS.md` describe el bloque como «cita a 2 columnas: testimonio + atribución a la izquierda,
vídeo cuadrado con tarjeta naranja a la derecha», pero **ninguna de las cuatro instancias
publicadas en staging usa media**: todas son cita sola. «Historias que inspiran» necesita la
variante con vídeo, y no hay de dónde copiar el markup.

## Cambio pedido

| Hoy | Pedimos |
|---|---|
| Solo cita + atribución | Slot de media opcional a la derecha |
| Sin cabecera de sección | (aparte) El bloque no tiene H2 ni bajada — ver casuística |

**A confirmar por dev:** ¿el campo de media existe ya en el grupo ACF y simplemente no se ha
usado nunca, o hay que añadirlo al componente? De la respuesta depende que esto sea media hora
o un día.

## Casuística

Citas sin media conviviendo con citas con vídeo en el mismo carrusel: las alturas no deben
saltar al pasar de una a otra. Y el bloque no tiene titular de sección: hoy el título va como
overtitle y el subtítulo del wireframe se pierde — decidir si se añade cabecera o se asume.