/* ============================================================================ _cuerpo-puntos-spark.css — motor.css + componente.css (v2, 19-ago-2026). Primero el componente genérico (.cuerpo-stage/.cuerpo-marcador/.cuerpo-item), después el layout de las dos ubicaciones reales (.cuerpo-bascula-fb, .cuerpo-origen-px). Va como ÚLTIMA hoja del de cada página. ============================================================================ */ /* ============================================================================ CUERPO DE PUNTOS SPARK — motor.css (universal) Namespace: .cuerpo-stage + hijos .cuerpo-*, .cm-*, .ci-* (E4 del workflow «cuerpo») OJO al editar este comentario: nunca escribir la secuencia asterisco-barra dentro de un bloque de comentario CSS — el parser la lee como cierre aunque sea texto descriptivo, y corrompe el parseo de todo lo que viene después (bug real detectado en la v1 de este archivo: .cuerpo-stage completo no se aplicaba porque este comentario se cerraba solo, en la línea de arriba). Qué vive aquí (lo que es IGUAL en fatburner.html y pelvix.html): · el escenario del canvas 2D (.cuerpo-stage/.cuerpo-lienzo) · los marcadores squircle sobre el cuerpo (.cuerpo-marcador) · el panel-acordeón
(.cuerpo-panel/.cuerpo-item) · la degradación sin-JS y prefers-reduced-motion Lo que NO vive aquí (lo escribe la tarea de componente.css): · el grid/layout que ubica el escenario y el panel uno junto al otro · nombres de página, copy, data específica de fatburner/pelvix Markup mínimo esperado (contrato §1/§7 en …/scratchpad/wfe/cuerpo/contrato.md — OJO: .cuerpo-lienzo va DIRECTO en el , no en un div envoltorio):
…
Grasa visceral

…

Tokens usados (definidos en _sistema-spark.css, NO se redeclaran aquí): --fondo --quieto --panel --tinta --suave --linea --carmin --carmin-activo --r-xxs…--r-3xl --r-full --ease --voz --serif ========================================================================= */ /* ===== §A ESCENARIO — .cuerpo-stage / .cuerpo-lienzo ===================== */ /* el contenedor del canvas: variables locales que la página puede sobreescribir inline (--cuerpo-acento por campaña, etc.) sin tocar los tokens globales. container-type habilita futuras cqw en componente.css sin que este archivo tenga que declarar el grid. Sin radio/overflow propios a propósito: el marco visual (esquinas, recorte) es layout de página y le toca a componente.css, no al motor. */ .cuerpo-stage{ position:relative; container-type:inline-size; --cuerpo-fondo:var(--fondo); --cuerpo-acento:var(--carmin); --cuerpo-alto:560px; background:var(--cuerpo-fondo); min-height:var(--cuerpo-alto); } /* el (contrato §1: la clase va DIRECTO en el canvas, no en un div envoltorio) ocupa todo el escenario, no captura clicks (los clicks reales están en los