# Cristal · Workout
Un gimnasio espacial: la foto de las manos con magnesio se vuelve el entorno y la interfaz son ventanas de cristal a distintas profundidades.

## Momentos firma
- Portal del hero: una ventana muestra el slideshow nítido (cada foto entra con un enfoque de 1.8 s y se mueve al revés del marco, como mirar por una ventana) flotando dentro de su propio entorno desenfocado; la ventana de texto la pisa ~12 % y los tres datos flotan como ornamentos a otra profundidad.
- Arco de ventanas de la ficha: la tabla Full Body real al centro; la hoja PDF y la semana tipo a los lados se despliegan en arco (rotateY ±15°) con el scroll; las tres responden a las mismas pestañas (Full Body / Torso-Pierna / Empuje).
- Planes en profundidad: Ritmo adelante con insignia "Más elegido" y canto hielo, los otros dos hundidos en Z; toggle 1 mes / Trimestral −15 % como ornamento de cristal con disco de resorte (pegajoso y compacto en iPhone: se esconde al bajar entre las tarjetas y vuelve al subir; termina antes de las notas), rodillo de precio, etiqueta "MXN / 3 meses (prov.)" y WhatsApp de cada plan reescrito con precio y modalidad.
- Entorno vivo: cada sección cambia la foto del espacio (oro → concreto → oro → plato → acero → noche) con crossfade de 1.2 s; parallax por profundidad (puntero en escritorio, scroll en iPhone) y barra de ventana visionOS bajo las ventanas principales.
- Cierre: "¿Listo para empezar?" gigante en contorno que se rellena con el scroll, con la ventana de WhatsApp asomando solo por su base (la ventana no pisa la última palabra a 1100, 1280 ni 1440 px), con polvo de magnesio en profundidad (motas finas lejos, bokeh tenue cerca).

## Decisiones
- El entorno se pre-desenfoca una sola vez en un canvas pequeño que el compositor escala (cero filtros por cuadro). Solo `hero-1` carga al inicio; el resto de fotos y las diapositivas 2–4 entran tras el primer cuadro. Así la primera vista es legible incluso en un teléfono lento.
- Rendimiento del cristal medido y corregido con QA: sin máscaras en los bordes (anillo interior + filo especular que sigue al puntero), ornamentos quietos (solo parallax), slideshow y marquesina animan solo en vista, polvo confinado por encima de la ventana del CTA, portales opacos sin backdrop-filter. Resultado: 36–60 fps indicativos en render por software.
- Todo lo que asoma de una ventana (barra, insignia, chips) vive en un bloque envoltorio `.wb`: el cristal con transformación 3D recorta a sus hijos.
- Las ventanas del hero llegan desde la profundidad sin pasar por opacidad 0 (H1 visible desde el primer cuadro); el resto entra con escala + desenfoque de 7 px en 0.8 s.
- Logo: SVG oscuro invertido por filtro (evita la caja #161411 del SVG blanco). Mock del PDF construido en HTML con los datos de la tabla, porque los `mock-*.jpg` son marcos de relleno; se sincroniza con la pestaña activa.
- Tabla en 375 px: "Descanso" pasa a segunda línea de cada fila (nunca se oculta), numeración colgada, roles ARIA explícitos y números tabulares.
- Cursor nativo (`data-cursor="off"`) y acento hielo #9ad8ff solo en "claro.", estados y puntos, para no parecerse a Monolito, Órbita ni Obsidiana.
- Teaser de nutrición con ventana circular y entorno = el plato desenfocado; usa los nombres y precios del brief (Plan Base PDF $399 · Prescripción en app $599 · Consulta 1 a 1 $1,499) y enlaza a nutricion.asra.quest.
- Con movimiento reducido: sin parallax, inclinación, polvo ni autoplay; el cierre se ve relleno y sólido.
- El cuestionario solo arma el texto y abre WhatsApp: sin fetch ni almacenamiento.

- Ronda de correcciones del jurado: cierre en escritorio con titular a clamp(60px,12.2vw,150px) y ventana de 480 px; chip "Los tres incluyen PDF" en flujo bajo 1100 px; toggle pegajoso envuelto en `.zona-planes`; "Mérida / online" con espacios duros; sello "Representación" en la hoja PDF y leyenda "fuerza · cardio · descanso"; puntos del slideshow de 44 px; revelado más temprano (1.04 × alto de pantalla) y con menos desenfoque y duración bajo 760 px; `#t-nutri` con `.foco`. Se quitó la nota interna de marca del pie de la tabla.
- Comprobado a mano con Playwright a 820, 1024, 1100, 1280 y 1440 px: sin desborde horizontal.

## Pendientes marcados
- [PENDIENTE: capturas reales del PDF ASRA WORKOUT y de la rutina en la app]
- [PENDIENTE: confirmación de Andrey de precios trimestrales exactos y de los nombres Protocolo Claro / Ritmo / Contigo]
- [PENDIENTE: CLABE / banco para SPEI — se confirma por WhatsApp; no publicada]
- [PENDIENTE: foto de Andrey]
- [PENDIENTE: bio corta de Andrey (enfoque, años de experiencia)]
- [PENDIENTE: enlaces de privacidad / términos propios]

## Avisos de QA aceptados
- ninguno