# Obsidiana · Workout
Negro obsidiana y una sola luz azul que te sigue: revela las manos en la barra, enciende el método, escanea la tabla Full Body y pasa detrás de «¿Listo para empezar?».

## Momentos firma
- Hero «linterna»: las fotos hero-1…4 (Ken Burns lento, carrusel 01/04) solo se ven con nitidez donde cae la luz; en escritorio la luz sigue al puntero, en iPhone deriva sola, baja con el scroll y va adonde tocas. «claro.» brilla con su propio halo.
- Método con fibra de luz: una línea azul se llena con el scroll y, al pasar por cada nodo, enciende la tarjeta de vidrio del paso (borde, número y nodo iluminados).
- Ficha de vidrio con la tabla Full Body real: al entrar, un escáner de luz recorre las filas y cada fila se enciende en orden; las pestañas (Full Body · Torso/Pierna · Empuje) tienen indicador con resorte y vuelven a disparar el escáner. En iPhone cada fila muestra Series/Reps/RIR/Descanso sin ocultar nada.
- Planes: toggle 1 mes / Trimestral −15 % con indicador de resorte, rodillo de precio y etiqueta «MXN pago único» ↔ «MXN / 3 meses (prov.)»; Ritmo lleva un arco de luz que orbita su borde. El WhatsApp de cada plan cambia con la modalidad.
- Cierre «¿Listo para empezar?»: letras en contorno blanco; la luz pasa por detrás y solo se ve a través de las letras (mezcla darken), con polvo de magnesio que brilla cerca de la luz. Botón grande «Marco de luz» (rectángulo sin relleno con un arco de luz que orbita el borde) «Abrir WhatsApp · +52 999 528 7252». Dock inferior estilo iOS con indicador que se desliza con resorte a la sección activa.

## Decisiones
- Fondo vivo = shader `fog` de fx2 (DPR 0.45–0.5, 24 fps) + capa CSS `.luz` (radial que se mueve solo con transform). Fallback sin WebGL o con movimiento reducido: degradados radiales navy fijos. Cuando el cierre opaco tapa la pantalla, la niebla se detiene y el fondo se oculta.
- Máximo dos canvases animados: niebla (WebGL) y polvo del cierre (2D, DPR ≤ 1.5, pausa fuera de vista).
- Vidrio esmerilado real (backdrop-filter) solo donde hay foto o contenido detrás (dato clave del hero, tarjeta de Andrey, pie de foto, nav, dock, botones secundarios); los paneles grandes usan vidrio ahumado con el mismo aspecto para no re-desenfocar la niebla en cada cuadro.
- base2 deja `clip-path: inset(0)` en todo lo revelado; eso recortaba halos y sombras de luz en cajas rectangulares. Se anula para todo salvo `data-rv="clip"`. También se quita `will-change` al terminar cada revelado.
- Brillos con degradados radiales (puntos de luz, halo de «claro.», halo del botón primario, cabeza de la fibra, nodos); el botón primario pinta su píldora en `::after` para que el halo quede detrás.
- Un solo gancho por cuadro de scroll (lee todo y luego escribe): fibra, dock, cierre, luz y «revelar lo que ya pasó» (si saltas con el dock, lo de arriba aparece ya revelado).
- Composición iPhone: foto en ventana superior que se funde a negro y texto debajo (sin texto sobre manos); escritorio: foto a sangre con el texto en la zona oscura de la izquierda y el dato clave en vidrio a la derecha.
- Logo: SVG blanco insertado en línea como `<symbol>` sin el rectángulo #161411 (se usa en nav, ficha y pie con `currentColor`).
- Contenido 100 % del brief: 4 pasos literales, tablas A/B/C del original (orden real del split C), semanas tipo, 3 planes con listas literales, nota provisional y de pago, teaser de nutrición con precios de la hermana y `https://nutricion.asra.quest/`, Para quién con nombre completo, 6 FAQ (la 5 reescrita sin la marca de pago prohibida), cuestionario demo que solo abre WhatsApp y pie con legal completo (se nombra Hexfit, con su descargo).
- No se usan `mock-*.jpg` ni `cta-bg.jpg` (son marcos de relleno); la ficha HTML es el «formato de entrega».
- Revisión del jurado: el dato clave del hero en iPhone empieza bajo el pliegue (margen +28px) para que el dock no lo tape; el cierre mide como máximo 760px en iPhone; el dock asigna cada sección a su destino más cercano (Nutrición → Planes; Para quién, FAQ, Cuestionario, Contacto y pie → Contacto; el hero queda sin activo); textos secundarios a 15–16px (legal 14px); pie con cortes de línea controlados; contorno del cierre más firme en ≤520px; filas de la tabla enfocables con teclado (Enter/Espacio) y pista «RIR = repeticiones en reserva» en móvil; regla propia para iPhone SE (≤720px de alto).
- El marcador de pendiente (`mark.pend`) pasa del ámbar de base2 a azul de la paleta con contorno punteado, para no romper la paleta fría y seguir viéndose.
- Rendimiento: se quitó el backdrop-filter de `.bt-2` y `.ciclo` (vidrio ahumado). Se conserva en nav, dock, dato clave del hero, tarjeta de Andrey y pie de foto.
- Fotos: gym-kettlebell en el método (casa/viaje), plato-metodo en una lente circular, gym-barbell en Para quién. Fotos frías con saturación baja para casar con la luz azul.

- Dirección de arte (jurado): el dock iOS en cápsula con 4 iconos de línea queda como firma exclusiva de Obsidiana (Lumen lo sustituye). El WhatsApp del cierre deja de ser la píldora blanca llena: nuevo `.bt-lz` «marco de luz», rectángulo de 14px de radio, panel oscuro, borde con arco cónico que orbita (5s, pausa fuera de vista, quieto con movimiento reducido) y chip cuadrado de icono; así no coincide con la píldora verde de Lumen. Kit actualizado (§3 y §4).

## Pendientes marcados
- [PENDIENTE: capturas reales del PDF ASRA WORKOUT y de la rutina en la app] (pie de la ficha de ejemplos).
- [PENDIENTE — se confirma por WhatsApp; no publicada] (CLABE / banco en la nota de pago, viene del original).
- La nota «Precios y nombres provisionales · trimestral = 3×precio×0.85 (igual que nutrición) hasta que Andrey confirme.» se conserva visible bajo los planes.

## Avisos de QA aceptados
- ninguno (QA completo: 0 fallos, 0 avisos). Pendiente de ingeniería fuera de alcance: medir la fluidez del backdrop-filter restante en un iPhone real antes de publicar.