# Suizo · Workout
Pliego tipográfico suizo: retícula que se dibuja, tinta sobre papel y un azul eléctrico; la ficha Full Body manda y «¿LISTO PARA EMPEZAR?» se rellena por columnas.

## Momentos firma
- Hero-póster: H1 en las cuatro líneas del original con máscara por línea; "claro." gigante en azul (en iPhone ocupa el ancho entero); foto B/N que entra por cortinilla y cambia por barrido vertical (hero-1…4) con bloque azul "01 / 04" y botones numerados.
- Numeración que corre: contador de sección fijo en la nav (odómetro 01→09) y método fijado con un "0N" gigante cuyo dígito azul rueda 01→04 mientras los pasos se encienden y la barra se llena.
- La ficha como documento: tabla Full Body real con cifras de 52 px, cabecera ASRA WORKOUT, tempo marcado en azul y semana tipo en retícula de 7 (días de fuerza en tinta); pestañas A/B/C con indicador que se desliza.
- Planes como tabla de verdad: columna de rótulos + tres columnas alineadas por subgrid, Ritmo en bloque azul plano con "Más elegido"; toggle 1 mes / Trimestral −15% con bloque que se desliza, rodillo de precio y WhatsApp que cambia de texto.
- Cierre "¿LISTO PARA EMPEZAR?" en contorno de 1 px que se rellena de tinta columna a columna con el scroll (ventanas por columna movidas solo con transform) y botón azul con el número a 26 px.

## Decisiones
- Retícula 4 / 8 / 12 columnas visible en cada sección (líneas al 8 % que se trazan de arriba abajo al entrar); en escritorio la columna bajo el puntero se marca en azul al 4,5 %.
- Inter 700 a −0.045em para titulares (gigantes −0.03 a −0.045em, nunca más cerrado: las letras no se pegan) y Space Grotesk 12 px en mayúsculas para etiquetas e índices; un solo acento (#0a3dff) y dos bloques invertidos (rail de referencias y "También comes") para el ritmo claro/oscuro.
- Fotos en blanco y negro con multiply; pasan a color al pasar el puntero o, en iPhone, cuando la foto llega al centro de la pantalla (nada esencial depende del hover).
- Los h2 usan un partidor de líneas propio: el `data-split="lines"` de fx2 deja una palabra por línea porque mide después de mover cada palabra; el mío mide todas antes de agrupar y se rehace al cambiar el ancho.
- El contorno del cierre usa copias con `paint-order:stroke fill` (fondo papel) para ocultar los solapes internos de Inter variable; las copias solo existen con JS y sin movimiento reducido. Sin JS o con movimiento reducido el titular se ve relleno.
- Método: con movimiento, sección fijada de 380svh (340svh en < 1024 px, con número, paso y barra agrupados al centro y un filete de tinta entre número y paso); sin JS o con movimiento reducido, lista 2×2 estática con los cuatro números en azul.
- Mocks de app/PDF (`mock-*.jpg`, `cta-bg.jpg`) descartados por ser marcos de relleno: el "formato de entrega" se construye en HTML con la tabla real.
- Tabla en 375 px: nombre del ejercicio en una línea y las cuatro cifras alineadas bajo su cabecera en la segunda; roles ARIA de tabla explícitos porque el CSS cambia el display.
- Cuestionario demo incluido: compone el mensaje y abre WhatsApp; no guarda nada (sin fetch ni almacenamiento). Sin JS envía el texto genérico.
- Teaser de nutrición con los precios del brief (Plan Base PDF $399 · Prescripción en app, app de un socio, $599 · Consulta 1 a 1 $1,499) y enlace a nutricion.asra.quest.
- Cursor de fx2 desactivado (`data-cursor="off"`) para no parecerse a Órbita/Monolito; sin canvas ni WebGL: el movimiento es tipográfico y geométrico.

## Pendientes marcados
- [PENDIENTE: capturas reales del PDF ASRA WORKOUT y de la rutina en la app]
- [PENDIENTE — se confirma por WhatsApp; no publicada] (CLABE / banco, viene del original)

## Avisos de QA aceptados
- Revisión del jurado, aplicado: cierre con −0.03em (divisor 5.34 en móvil y 6.0 en ≥700 px); `.l2` −0.045em; pie −0.04em; contador de sección recalculado al detener el scroll y forzado a 09 al llegar al fondo; pestañas ≤420 px a 15 px; rangos horarios con `.nw`; eyebrow en dos líneas sin separador colgado (<700 px); `mark.pend` sin radio ni ámbar (azul al 8 % con borde punteado); hint de planes con el texto de 1 mes al cargar; relleno de sección clamp(56px,7.5vw,116px); tableta (700–1023) con orden de niveles 1-2-3 y subgrid de 6 filas.
- Discrepancia: el jurado pedía el divisor ~5.15 para el cierre en móvil. Con tracking −0.03em «EMPEZAR?» mide 5.265 em y 5.15 lo desbordaba (el «?» se salía), así que se usa 5.34 (misma altura de letra que antes, ya sin solapes).
- Discrepancia menor: en < 1024 px se agrupó el método al centro en vez de reducir el recorrido; se mantiene 340svh.
- Sin avisos de QA pendientes.