// === Escena 03 — "El desglose" (el caso limpio) === [VALLE antes del clímax]
// La pregunta de la pantalla es "cuánto falta por explicar". El punteado = no está puesto.
// El sello verde exige las TRES cosas (nombre + importe al céntimo + fecha), y aun así no escribe:
// escribe el clic. Un caso limpio no pregunta nada — eso también hay que enseñarlo.
function EscenaCN03({ t }){
// LOCUCIÓN (audio/escena-03.mp3): esto es el desglose → quién, cuándo y cuánto → cuánto falta
// por explicar → faltan mil doscientos → candidatos abajo → borde punteado → no está puesto →
// sello verde → nombre, importe, fecha → pulsas conciliar → un clic → baja a cero → cuadra exacto →
// no te ha preguntado → no hace sola → ni una línea → ella propone, firmas tú → flecha abajo.
const T = {
panel:0.13, // "Esto es el desglose"
cab:3.73, // "quién, cuándo y cuánto"
pregunta:8.75, // "cuánto falta por explicar"
faltan:10.65, // "Faltan mil doscientos treinta y cuatro euros"
cands:14.28, // "Los candidatos están abajo"
punteado:16.87, // "el borde punteado"
nopuesto:20.24, // "esto no está puesto"
sello:22.92, // "el sello verde"
okNombre:24.02, // "Coinciden el nombre"
okImporte:25.29, // "el importe al céntimo"
okFecha:26.91, // "y la fecha"
clic:28.34, // "Pulsas conciliar"
unclic:29.93, // "Un clic"
cero:31.67, // "el marcador baja a cero"
cuadra:33.47, // "cuadra exacto"
sinpreg:35.88, // "no te ha preguntado"
nosola:40.01, // "no hace sola"
nilinea:42.49, // "no escribe ni una línea"
prop:44.6, // "Ella propone"
firmas:46.09, // "Firmas tú"
flecha:48.59, // "flecha abajo"
salida:50.65, // "viene acompañado"
};
const pnP = clamp((t-T.panel)/0.7,0,1), pnE = Easing.easeOutCubic(pnP);
const cabP = clamp((t-T.cab)/0.55,0,1), cabE = Easing.easeOutCubic(cabP);
const prGlow = t >= T.pregunta && t < T.pregunta+1.4 ? Math.sin((t-T.pregunta)/1.4*Math.PI) : 0;
const faP = clamp((t-T.faltan)/0.5,0,1);
const caP = clamp((t-T.cands)/0.6,0,1);
const puDraw = Easing.easeInOutCubic(clamp((t-T.punteado)/0.8,0,1));
const npP = clamp((t-T.nopuesto)/0.5,0,1), npE = Easing.easeOutCubic(npP);
const seP = clamp((t-T.sello)/0.5,0,1), seE = Easing.easeOutBack(seP);
const ucP = clamp((t-T.unclic)/0.45,0,1), ucE = Easing.easeOutBack(ucP);
// En CÉNTIMOS: useCountUp redondea a entero (primitives.jsx:214) y «1.234,56» se quedaba
// en «1.234,00» mientras la cabecera de al lado seguía diciendo 1.234,56.
const resto = useCountUp(123456, 0, T.cero, 1.1, t) / 100;
const conciliado = T.clic <= t;
const cuP = clamp((t-T.cuadra)/0.5,0,1), cuE = Easing.easeOutBack(cuP);
// "No te ha preguntado": un diálogo fantasma que se dibuja y se tacha
const spP = clamp((t-T.sinpreg)/0.6,0,1), spE = Easing.easeOutCubic(spP);
const spTacha = Easing.easeInOutCubic(clamp((t-T.sinpreg-0.7)/0.6,0,1));
const nsP = clamp((t-T.nosola)/0.6,0,1), nsE = Easing.easeOutCubic(nsP);
const nlP = clamp((t-T.nilinea)/0.5,0,1);
const veloOp = t < T.prop ? 0 : clamp((t-T.prop)/0.7,0,1)*0.93;
const prP = clamp((t-T.prop)/0.55,0,1), prE = Easing.easeOutCubic(prP);
const fiP = clamp((t-T.firmas)/0.55,0,1), fiE = Easing.easeOutCubic(fiP);
const flP = clamp((t-T.flecha)/0.45,0,1), flE = Easing.easeOutBack(flP);
const saP = clamp((t-T.salida)/0.55,0,1), saE = Easing.easeOutCubic(saP);
// Cursor: aparca → botón Conciliar de la primera propuesta (clic 28.34)
const cursor = { frames:[
{ t:0.8, x:1780, y:1000 },
{ t:27.6, x:1780, y:1000 },
{ t:28.2, x:1268, y:646 },
], clicks:[T.clic] };
// ── Fila de propuesta. `sup` = coincide en las tres cosas ──
const Propuesta = ({ i, doc, ent, importe, fecha, sup, hecha })=>{
const p = clamp((t-T.cands-i*0.12)/0.5,0,1), e = Easing.easeOutCubic(p);
const verde = sup && T.sello <= t;
return (
{/* Punteado azul mientras NO está puesto; verde continuo cuando coincide todo */}