# Aurora · Workout Un cielo de aurora verde-azul que se vuelve ámbar tenue al bajar: llena toda la pantalla, cambia en cada capítulo y llega a su pico de luz en "¿Listo para empezar?". ## Momentos firma - Hero "Entrenamiento claro.": la palabra "claro." va en blanco cálido con bloom suave (sin degradado) y se monta sobre una ventana flotante con las fotos hero-1…4 en Ken Burns. No es texto centrado sobre una foto oscurecida. - Método en cuatro capítulos fijados con el scroll: número gigante Syne 800 con su propio color, contador 0X / 04 y barras de progreso. La aurora cambia de paleta en cada capítulo (verde, cian-azul, ámbar, coral de amanecer). - Ficha "un día dentro de tu plan" como hoja ASRA WORKOUT: tabla Full Body real visible sin tocar nada y pestañas Torso/Pierna y Empuje con indicador de resorte. Incluye la semana tipo de cada split en píldoras de luz. - Planes bajo una aurora ámbar tenue: toggle 1 mes / Trimestral −15% con resorte, rodillo de precio ($399/$599/$1,499 ↔ $1,017/$1,527/$3,822), etiqueta "MXN pago único" ↔ "MXN / 3 meses (prov.)" y enlaces de WhatsApp que cambian con la modalidad. Ritmo va elevado, con borde degradado y "Más elegido". - Cierre "¿Listo para empezar?": la frase pasa de contorno a relleno de colores de aurora lentos (verde menta, teal y ámbar suave; se desliza con el scroll), sobre el pico de la aurora y un "polvo de luz" (reinterpretación del magnesio de v3) que se aparta del dedo o del puntero. Botón grande "Abrir WhatsApp · +52 999 528 7252". ## Decisiones - Revisión de dirección de arte (separar de Órbita): paleta nueva verde-azul profundo (`#041519`) a ámbar tenue, sin morado en ningún token ni halo; el violeta espectral con rosa queda solo para Órbita. Acentos: menta `#5fd9ae`, teal `#74e4d2`, ámbar `#f4b46a`; `--aur` y `--aur-btn` ahora van de verde a teal a ámbar. El kit `_brief/kits/e05-aurora.md` se actualizó con los tokens, el shader y las paletas. - Cielo a pantalla completa: el shader suma una base verde-azul de arriba abajo, un velo más denso, cortinas más anchas y un amanecer ámbar tenue en el horizonte inferior (uniform nuevo `u_c4`, y `--s4` en el respaldo CSS). Los capítulos del método pasan a verde, cian-azul, ámbar y coral. - "claro." deja el degradado: blanco cálido `#f7fff9` con bloom suave de `text-shadow` verde/ámbar. El relleno del cierre ya no es degradado espectral: usa colores de aurora (menta, teal, ámbar suave) con `background-clip:text` y desplazamiento lento (`--p*60%`). - Hero en escritorio con la composición invertida respecto a Órbita: ventana de fotos a la izquierda y titular a la derecha (puntos de la galería pasan al lado derecho de la ventana). En móvil no cambia. - Shader propio (dos cortinas de aurora con rayos, velo fbm y viñeta) en un canvas fijo de baja resolución (DPR 0.36–0.55, 30 fps; con desenfoque natural). La paleta se interpola por sección con `data-aura` y una línea central. La fase avanza con el scroll y la aurora brilla un poco más cuando haces scroll rápido. Sin WebGL o con movimiento reducido se ve un respaldo CSS equivalente con los mismos colores. - Solo dos canvases animados: aurora (WebGL) y polvo de luz (2D, solo activo cuando el cierre está a la vista). - Las fotos van como "ventanas" con halo de color, nunca de fondo bajo el texto. Cuando el titular pisa la foto, el texto queda sobre el velo oscuro de la ventana. `mock-*.jpg` y `cta-bg.jpg` no se usan porque son marcos de relleno. La app y el PDF se representan con la hoja HTML de la tabla real. - Tipografía Syne 600 para titulares (800 extendida solo en los números de capítulo) e Inter para texto (17 px). Los tamaños se calcularon midiendo los anchos reales: "Entrenamiento" cabe en 375 px y "empezar?" también. - En móvil la tabla pasa a filas de dos líneas: nombre del ejercicio arriba y Series, Reps, RIR y Descanso con etiqueta debajo. Los valores no cambian y los roles ARIA de tabla se mantienen. - Flotan solo los objetos decorativos (ventana del hero, plato, foto de "Para quién"), nunca los controles. La hoja con pestañas está quieta para que se pueda tocar con precisión. - Se anula el `clip-path:inset(0)` que base2 deja en todo `[data-rv].in`, porque recortaba sombras, el badge "Más elegido" y la tarjeta de Andrey. Los resplandores se hacen con gradientes radiales y no con `filter:blur` ni `hue-rotate` animado, que en Chrome dibujaban cajas. - Hay un revelado de seguridad: tras un salto largo o un ancla, todo lo que ya quedó arriba se muestra. - Las etiquetas de precio y la nota del toggle usan atributos propios (`data-lm/lt`, `data-hm/ht`) para que el rodillo de fx2 no anime números dentro de frases. - El cuestionario breve solo arma el texto y abre WhatsApp: no guarda nada ni usa fetch o almacenamiento. Sin JS envía el texto genérico a wa.me. - El logo va en línea como símbolo SVG (sin el `` opaco de la versión blanca) y usa `currentColor`. - Cifras Syne con `lining-nums` y caja con descendente (padding/margin .16em) para que el 3 y el 5 de los capítulos y de los datos no se corten. Nav con fondo ≥ .9 de opacidad. Pie con degradado desde transparente y polvo de luz con máscara de salida. Espaciado entre secciones reducido (`.sec + .sec`). `text-wrap:pretty` y espacios duros contra viudas. - Menú móvil a pantalla completa (100dvh) con foco gestionado, cierre con Esc, scroll del fondo bloqueado y `main`/pie inertes mientras está abierto. Nav y pie con áreas seguras (`safe-t` / `safe-b`). Todos los objetivos táctiles miden 44 px o más. ## 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] ## Avisos de QA aceptados - Contorno de "¿Listo para empezar?": ahora es un trazo limpio con relleno oscuro opaco (`paint-order:stroke fill`), que oculta casi todos los contornos internos de Syne; queda un trazo tenue en el cruce de la t. Se acepta como estilo blueprint (no se ve la aurora dentro de las letras hasta que se llenan de luz). - Cobertura de capturas: el QA automático no se puede ampliar desde esta carpeta; se verificaron aparte (Playwright local) las pestañas Torso/Pierna y Empuje, el toggle Trimestral (precios $1,017/$1,527/$3,822 y enlaces wa.me), el menú móvil (inert + scroll bloqueado), el hero-meta y los capítulos 03/04 en móvil, y el contorno del cierre en 375 y 1440. - Rendimiento indicativo bajo en headless en desktop-1440 (fps ~20): el QA corre sin GPU, con el aura de fondo por canvas renderizada por software; en móvil mide 44-58 fps. Se acepta; el aura ya baja de resolución y se pausa fuera de pantalla. ## Corrección del jurado (hero) - Móvil: el titular "Entrenamiento" ya no se monta sobre la foto (se quitó el margen negativo de `.hero-txt`; ahora hay 26 px de aire entre foto y titular). - Escritorio: titular de línea 1 reducido a 7.3vw para que no roce el marco de la foto.