// === Escena 02 — "Por dónde empezar" (la raya azul, los filtros, el análisis) ===
// La raya exige DOS condiciones a la vez (Conciliar40Service.cs:559-609), y por eso significa algo:
// se enseña el contraejemplo (dos facturas del mismo importe) y el ANTES (media lista azul).
// El concepto sale en CRUDO hasta que alguien pulsa analizar: la IA es de cuota, no es el estado base.
function EscenaCN02({ t }){
// LOCUCIÓN (audio/escena-02.mp3): por los fáciles → ya te los ha marcado → la raya azul →
// dice dos cosas → una sola operación al céntimo → y coincide algo más: su número, o el cliente
// que tú pusiste → si comparten importe, no hay raya → antes media lista salía azul →
// arriba tienes con qué acotar → solo pendientes ya viene puesto → galimatías → pulsa analizar.
const T = {
head:0.17, // "Por los fáciles"
lista:1.53, // "ya te los ha marcado"
raya:3.51, // "la raya azul del borde"
nodeco:4.92, // "No es decoración"
dos:6.85, // "dice dos cosas a la vez"
c1:8.43, // "una sola operación pendiente que cuadra al céntimo"
c2:12.45, // "y que además coincide algo más"
senalA:13.89, // "su número escrito en el concepto"
senalB:15.89, // "el cliente que tú le pusiste"
contra:18.55, // "si dos facturas comparten el mismo importe"
antes:23.41, // "media lista salía azul"
nada:27.26, // "no dice nada"
filtros:28.64, // "Arriba tienes con qué acotar"
pendientes:30.44,// "Solo pendientes ya viene puesto"
galima:34.7, // "son un galimatías"
analizar:35.74, // "pulsa analizar"
azul:37.19, // "te colorea quién paga"
rosa:38.56, // "qué números trae"
cuota:39.65, // "Son llamadas de tu cuota"
salida:43.22, // "Ahora pulsa un movimiento"
};
const lsP = clamp((t-T.lista)/0.6,0,1), lsE = Easing.easeOutCubic(lsP);
const rayaGlow = t >= T.raya && t < T.raya+1.5 ? Math.sin((t-T.raya)/1.5*Math.PI) : 0;
const dosP = clamp((t-T.dos)/0.55,0,1), dosE = Easing.easeOutCubic(dosP);
const c1P = clamp((t-T.c1)/0.6,0,1), c1E = Easing.easeOutBack(c1P);
const c2P = clamp((t-T.c2)/0.6,0,1), c2E = Easing.easeOutBack(c2P);
const sAP = clamp((t-T.senalA)/0.45,0,1), sAE = Easing.easeOutCubic(sAP);
const sBP = clamp((t-T.senalB)/0.45,0,1), sBE = Easing.easeOutCubic(sBP);
const coP = clamp((t-T.contra)/0.6,0,1), coE = Easing.easeOutCubic(coP);
const anP = clamp((t-T.antes)/0.6,0,1), anE = Easing.easeOutCubic(anP);
const nadaP = clamp((t-T.nada)/0.55,0,1), nadaE = Easing.easeOutCubic(nadaP);
// Acto B: los filtros y el análisis. El acto A se retira.
const outA = clamp((t-T.filtros)/0.55,0,1);
const flP = clamp((t-T.filtros)/0.65,0,1), flE = Easing.easeOutCubic(flP);
const pendGlow = t >= T.pendientes && t < T.pendientes+1.5 ? Math.sin((t-T.pendientes)/1.5*Math.PI) : 0;
const gaP = clamp((t-T.galima)/0.5,0,1), gaE = Easing.easeOutCubic(gaP);
const anaP = clamp((t-T.analizar)/0.45,0,1), anaE = Easing.easeOutBack(anaP);
const azP = clamp((t-T.azul)/0.4,0,1);
const roP = clamp((t-T.rosa)/0.4,0,1);
const cuP = clamp((t-T.cuota)/0.55,0,1), cuE = Easing.easeOutCubic(cuP);
const saP = clamp((t-T.salida)/0.6,0,1), saE = Easing.easeOutCubic(saP);
// Cursor: aparca → botón analizar (clic 35.74)
const cursor = { frames:[
{ t:0.8, x:1780, y:1010 },
{ t:35.1, x:1780, y:1010 },
{ t:35.6, x:590, y:872 },
], clicks:[T.analizar] };
// ── Fila de la lista. `azulAntes` = la raya que salía con la regla vieja ──
const Mov = ({ concepto, fecha, importe, evidente, azulAntes })=>{
const viejo = 0 < anP && azulAntes;
const borde = evidente ? '#38BDF8' : (viejo ? '#38BDF8' : 'transparent');
return (