// === Escena 03 — "La cuenta" === [VALLE, antes del clímax]
// Sin navegador y sin conflicto: las dos únicas líneas de aritmética de la pantalla
// (ReposicionSubpage.razor:177-178) sobre la fila de Cemento gris en Tienda, con la de Silicona
// blanca al lado para el caso sin máximo (objetivo = el propio mínimo). Un solo contador: el 80.
// Y el desmentido caro: aquí no hay histórico, ni consumo medio, ni plazo de proveedor.
function EscenaRP03({ t }){
const T = {
dos:0.1, // "Dos líneas de aritmética" -> las 2 líneas punteadas
objetivo:3.8, // "Primero, el objetivo" -> se rellena la línea 1
max:8.2, // "el objetivo es el máximo" -> se enciende el 120 + llave
propio:12.5, // "su propio mínimo" -> la fila sin máximo sube; su 0 se ilumina
menos:16.0, // "objetivo menos disponible" -> se rellena la línea 2
cuarenta:20.6, // "cuarenta disponibles" -> se enciende el 40
sesenta:22.0, // "mínimo sesenta" -> se enciende el 60
ciento:23.2, // "máximo ciento veinte" -> se enciende el 120
pide:25.3, // "Pide ochenta" -> contador 0 → 80 (único contador)
fantasmas:30.2, // "ni consumo medio" -> 3 tarjetas fantasma entran, se tachan y se van
dosManeras:35.2, // "te la enseña de dos maneras" -> las líneas se recogen · calma
filaDelay:1.10, // retardo de la fila de Cemento desde T.objetivo
celdaStep:0.12, // cascada de las 4 celdas de la fila
siliconaDelay:2.00, // retardo de la fila pequeña de Silicona desde T.objetivo
subeDur:2.90, // cuánto se queda arriba la fila de Silicona
fantasmaStep:0.25, // desfase entre las 3 tarjetas fantasma
};
const AZUL = '#1d73e2'; // --rz-primary
const AMBAR = '#918908'; // --rz-warning-dark (la desviación declarada del plan)
// ── Geometría ──
const LX = 260; // margen izquierdo de las dos líneas
const L1Y = 262, L2Y = 386; // baselines de las dos líneas
const CX = 200, CY = 566, CW = 1120; // fila de Cemento gris
const CIX = CX + 28, CIW = CW - 56; // 228 · 1064
const CCW = CIW / 4; // 266 por celda
const SX = 1400, SY = 616, SW = 420; // fila pequeña de Silicona blanca
const SIX = SX + 28, SCW = (SW - 56) / 4; // 1428 · 91
// ── Progresos ──
const dosP = clamp((t-T.dos)/0.6, 0, 1);
const l1P = clamp((t-T.objetivo)/0.6, 0, 1), l1E = Easing.easeOutCubic(l1P);
const l2P = clamp((t-T.menos)/0.6, 0, 1), l2E = Easing.easeOutCubic(l2P);
const recoge = Easing.easeOutCubic(clamp((t-T.dosManeras)/0.8, 0, 1));
const filP = clamp((t-T.objetivo-T.filaDelay)/0.6, 0, 1), filE = Easing.easeOutCubic(filP);
const silP = clamp((t-T.objetivo-T.siliconaDelay)/0.6, 0, 1);
// La fila de Silicona sube al mismo plano y vuelve a atenuarse. Único movimiento amplio.
const subeIn = Easing.easeOutCubic(clamp((t-T.propio)/0.55, 0, 1));
const subeOut = Easing.easeInOutCubic(clamp((t-T.propio-T.subeDur)/0.6, 0, 1));
const sube = subeIn * (1-subeOut);
// Las dos llaves: primero al 120, después al 20 de Silicona
const llaveA = Easing.easeInOutCubic(clamp((t-T.max)/0.7, 0, 1));
const llaveAop = clamp((t-T.max)/0.4, 0, 1) * (1 - clamp((t-T.propio)/0.35, 0, 1));
const llaveB = Easing.easeInOutCubic(clamp((t-T.propio-0.15)/0.7, 0, 1));
const llaveBop = clamp((t-T.propio-0.15)/0.4, 0, 1) * (1 - clamp((t-T.propio-T.subeDur)/0.5, 0, 1));
const pide = useCountUp(0, 80, T.pide, 1.0, t);
const pideP = clamp((t-T.pide)/0.3, 0, 1);
const cientoPulse = (t >= T.ciento && t < T.ciento+1.1) ? Math.sin((t-T.ciento)/1.1*Math.PI) : 0;
// ── Una celda de la fila grande ──
const Celda = ({ i, rotulo, valor, encendida, pulse, contador })=>{
const p = clamp((t-T.objetivo-T.filaDelay-0.2-i*T.celdaStep)/0.4, 0, 1);
const col = encendida ? (contador ? AMBAR : AZUL) : '#0F172A';
return (