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

target:
  block: acf/content-grid, acf/cross
  based_on: sek-grid-card, sek-cross-slide
  see: https://institucioneducativaseki5.sg-host.com/donde-sucede-el-aprendizaje/

evidence:
  used_in:
    - output/pages/sek-schools/espacios-deportivos.html

fields:
  - { name: solid,     type: true_false, default: false, label: "Card destacada a color" }
  - { name: logo,      type: image, when: "solid = true", note: "logo del colegio, versión blanca" }
  - { name: cta_label, type: text,  when: "solid = true" }
  - { name: cta_link,  type: link,  when: "solid = true" }

tokens: [surfaces-brand-primary, text-static-inverse]

behaviour:
  - Ocupa el mismo alto que el resto de cards de su fila o carrusel
  - La zona de imagen se sustituye por color sólido; si hay logo, va arriba con aire
  - Enlace en texto inverso, al pie de la card

accept:
  - La card sólida mide igual que sus vecinas en 375 / 768 / 1440
  - Sin logo, la zona de color se mantiene y no colapsa
  - El contraste de texto y enlace sobre el fondo de marca pasa AA

built:
  branch:
  commit:
  notes:
---

# Card CTA a color sólido

Aparece en dos sitios del sprint y es el mismo patrón: card sin foto, fondo de marca, texto
inverso y enlace al pie. Hoy no existe, y resolverlo con un enlace suelto bajo el módulo deja
el CTA huérfano al final de un carrusel.

## Cambio pedido

| Hoy | Pedimos |
|---|---|
| La card exige imagen | Booleano *Card destacada a color* que sustituye la imagen por fondo de marca |
| El CTA vive fuera del módulo | Pasa a ser una card más, la última |
| Sin slot de logo | Logo opcional arriba de la zona de color |

Dos usos reales: la **6ª card de «Encuentra tu deporte»** (con el logo de SEK Alborán) y la
**última de «SEK es mucho más»**.

## Casuística

En el carrusel `cross`, la card sólida debe contar para el paginador como una más. Con
repetidores cortos (3 cards) el CTA no debería quedar solo en una fila a medias.