// === Escena 02 — "Quién entra en la lista" ===
// Las dos mitades de la condición (ReposicionSubpage.razor:134) se marcan sobre una tira de cuatro
// filas reales; la de Cinta aislante —mínimo cero, o sea sin configurar— NO entra ni estando a cero
// unidades; corte al estado vacío literal «Todo en orden» (:16-19, rama excluyente de la tabla);
// y vuelta a la tira para recordar que la comparación mira el DISPONIBLE, no el físico.
// El ámbar #FB8C00 de esta escena es el de ANOTACIÓN del deck, no un color del producto.
function EscenaRP02({ t }){
const T = {
dos:2.2, // "dos cosas a la vez" -> las 2 casillas de condición, punteadas
cond1:6.7, // "un mínimo mayor que cero" -> se marca la casilla 1 (único overshoot)
cond2:9.8, // "su disponible está por debajo" -> se marca la casilla 2
ojo:12.9, // "Ojo con la primera" -> calma; la casilla 2 se atenúa
cero:16.9, // "no quieras tener nada" -> un 0 grande en el mínimo de Cinta aislante
nadie:18.8, // "nadie lo ha puesto" -> el 0 pasa a «sin configurar», en gris
aunque:23.2, // "ni estando a cero unidades" -> su disponible parpadea y la fila se apaga
vacio:27.8, // "un todo en orden" -> CORTE: el estado vacío en su marco
disponible:31.7, // "mira el disponible" -> vuelve la tira; el 40 en ámbar y línea del 40 al 60
salida:35.3, // "Ya sabes quién entra" -> salida
filaDelay:0.55, // retardo de la tira de filas desde T.dos
filaStep:0.16, // cascada de entrada de las 4 filas
veredictoDelay:0.35, // retardo del veredicto de cada condición desde su casilla
veredictoStep:0.14, // cascada del veredicto fila a fila
entraDelay:1.30, // retardo de la columna «¿Entra?» desde T.cond2
dosCosasDelay:0.55, // retardo de los dos significados del estado vacío
};
const AMBAR_ANOT = '#FB8C00'; // ámbar de anotación del deck (NO es color de la pantalla)
const VERDE = '#059669';
const GRIS = '#94A3B8';
// ── Geometría ──
const CARDX = 240, CARDY = 366, CARDW = 1440;
const IX = CARDX + 24, IW = CARDW - 48; // 264 · 1392
const HY = CARDY + 24; // 390 — cabecera de la rejilla
const RY = HY + 54; // 444 — primera fila
const RH = 88;
const COL = { prod:290, alm:140, disp:165, min:185, v1:180, v2:210, ent:222 };
const XD = IX + COL.prod + COL.alm + COL.disp; // 859 fin de «Disponible»
const XM = XD + COL.min; // 1044 fin de «Mínimo»
// ── Progresos ──
const dosP = clamp((t-T.dos)/0.5, 0, 1);
const c1P = clamp((t-T.cond1)/0.5, 0, 1), c1E = Easing.easeOutBack(c1P);
const c2P = clamp((t-T.cond2)/0.5, 0, 1), c2E = Easing.easeOutCubic(c2P);
const ojoP = clamp((t-T.ojo-0.5)/0.5, 0, 1);
const ojoRing = (t >= T.ojo+0.5 && t < T.ojo+1.6) ? Math.sin((t-T.ojo-0.5)/1.1*Math.PI) : 0;
const ceroP = clamp((t-T.cero)/0.5, 0, 1), ceroE = Easing.easeOutBack(ceroP);
const nadieP = clamp((t-T.nadie)/0.45, 0, 1);
const aunqueP = clamp((t-T.aunque)/0.4, 0, 1);
const parpadeo = (t >= T.aunque && t < T.aunque+0.9) ? Math.sin((t-T.aunque)/0.9*Math.PI) : 0;
const vaP = clamp((t-T.vacio)/0.5, 0, 1), vaE = Easing.easeOutCubic(vaP);
const vaOut = clamp((t-T.disponible)/0.5, 0, 1);
const velo = vaP * (1-vaOut) * 0.94;
const dosCosasP = clamp((t-T.vacio-T.dosCosasDelay)/0.6, 0, 1);
const diP = clamp((t-T.disponible-0.3)/0.5, 0, 1);
const diDraw = Easing.easeInOutCubic(clamp((t-T.disponible-0.45)/0.7, 0, 1));
const salP = clamp((t-T.salida)/0.7, 0, 1);
// ── Las cuatro filas de la persona continua ──
const FILAS = [
{ p:'Cemento gris', a:'Tienda', d:'40', m:'60', c1:true, c2:true, entra:true },
{ p:'Cemento gris', a:'Nave', d:'100', m:'80', c1:true, c2:false, entra:false },
{ p:'Silicona blanca', a:'Nave', d:'5', m:'20', c1:true, c2:true, entra:true },
{ p:'Cinta aislante', a:'Nave', d:'0', m:'0', c1:false, c2:null, entra:false },
];
// ── Marca de veredicto: ✓, ✗ o «—» ──
const Marca = ({ v, start })=>{
const p = clamp((t-start)/0.35, 0, 1), e = Easing.easeOutCubic(p);
if (v === null) return —;
const c = v ? VERDE : '#B42318';
return (
);
};
// ── Una casilla de condición ──
const Casilla = ({ n, titulo, codigo, x, marcada, prog, ease, atenua, ring })=>(
{ring > 0 && (
)}
{prog > 0 && (
)}
CONDICIÓN {n}
{titulo}
{codigo}
);
return (
Quién entra, y quién no}/>
{/* ─────────── Las dos casillas ─────────── */}
0} prog={c1P} ease={c1E} atenua={0} ring={ojoRing}/>
0} prog={c2P} ease={c2E} atenua={ojoP} ring={0}/>
Y
{/* ─────────── La tira de cuatro filas ─────────── */}
{/* Cabecera de la tira */}