// === Escena 03 — "Cierre Este Mes" (VALLE) ===
// La lista fácil: fecha estimada dentro del mes en curso, ordenada por esa fecha (Dashboard:226-229).
// Importe solo si es mayor que cero (:86) e insignia solo si hay probabilidad (:90) — las dos filas
// incompletas están ahí para probarlo. El marcador cuenta las 7; la lista enseña 5 y pagina (:78).
// El estado vacío entra POR SUSTITUCIÓN: es la otra rama del if (Dashboard:76 / :99).
function EscenaPN03({ t }){
// LOCUCIÓN (audio/escena-03.mp3): la primera de las dos listas → cierre este mes → dentro del mes
// en curso → lo más cerca arriba → pausa → título y fecha → importe en verde → la insignia →
// el número las cuenta todas → cinco y pagina → no se queda muda → calendario / silencio.
const T = {
entra:0.3, // "La primera de las dos listas" -> la tarjeta «Cierre Este Mes» al frente
cabecera:2.9, // "Cierre este mes" -> cabecera + icono event_upcoming
mes:7.2, // "cae dentro del mes en curso" -> calendario de agosto, sombreado entero
cerca:9.4, // "Lo más cerca, arriba" -> los 5 días se encienden y baja la flecha
diaStep:0.13, // (incremento entre los 5 días que se encienden)
filas:12.7, // "su título y su fecha" -> las 5 filas entran en cascada
filaStep:0.14, // (incremento de la cascada de filas)
importes:14.4, // "el importe en verde" -> los importes aterrizan; Áridos Sil se queda vacía
insignias:17.1, // "La insignia del porcentaje" -> las insignias; Metalúrgica Bierzo no llega
cuentaTodas:22.9,// "las cuenta todas" -> halo sobre el 7 de la píldora
pagina:25.1, // "te enseña cinco y pagina" -> foco en el paginador
vacio:29.0, // "no se queda muda" -> la lista SE SUSTITUYE por el texto de vacío
vacioDur:1.15, // (cuánto dura la sustitución antes de que vuelva la lista)
calendario:30.8, // "Esa te la marca el calendario" -> sello de calendario sobre la tarjeta
silencio:32.9, // "La otra te la marca el silencio" -> se atenúa; entra la de estancadas
};
const PX = [110, 475, 840, 1066, 1358, 1594];
const PW = [345, 345, 206, 272, 216, 216];
const PILLS = [
{ k:'payments', tit:'Pipeline Total', col:'#2e7d32', val:'231.700 €' },
{ k:'balance', tit:'Ponderado', col:'#1565c0', val:'103.400 €' },
{ k:'handshake', tit:'Abiertas', col:'#6a1b9a', val:'31' },
{ k:'event_upcoming', tit:'Cierre Este Mes', col:'#e65100', val:'7' },
{ k:'warning', tit:'Estancadas', col:'#bf360c', val:'9' },
{ k:'event_busy', tit:'Sin evento', col:'#ff6f00', val:'12' },
];
const CIERRE = [
{ tit:'Reforma de nave - Talleres Ordás', cap:'Cierre: 18/08/2026', imp:'21.500 €', pct:'70%' },
{ tit:'Ampliación de línea - Cerámicas Vall', cap:'Cierre: 21/08/2026', imp:'12.900 €', pct:'50%' },
{ tit:'Lote de repuestos - Metalúrgica Bierzo', cap:'Cierre: 25/08/2026', imp:'6.400 €', pct:null },
{ tit:'Renovación de contrato - Áridos Sil', cap:'Cierre: 27/08/2026', imp:null, pct:'40%' },
{ tit:'Cambio de bombas - Envases Duero', cap:'Cierre: 29/08/2026', imp:'9.800 €', pct:'60%' },
];
const ESTANCADAS = [
{ tit:'Suministro anual - Envases Duero', cap:'Sin cambios hace 23 días', imp:'18.400 €' },
{ tit:'Segunda línea - Áridos Sil', cap:'Sin cambios hace 21 días', imp:'26.000 €' },
{ tit:'Mantenimiento anual - Cerámicas Vall', cap:'Sin cambios hace 19 días', imp:'4.900 €' },
{ tit:'Cambio de compresores - Talleres Ordás', cap:'Sin cambios hace 17 días', imp:'7.200 €' },
{ tit:'Repuesto de bomba - Metalúrgica Bierzo', cap:'Sin cambios hace 16 días', imp:'3.100 €' },
];
// Agosto de 2026 empieza en sábado; las cinco fechas de la lista, en naranja
const SEMANAS = [[0,0,0,0,0,1,2],[3,4,5,6,7,8,9],[10,11,12,13,14,15,16],[17,18,19,20,21,22,23],[24,25,26,27,28,29,30],[31,0,0,0,0,0,0]];
const DIAS = [18,21,25,27,29];
const Ico = ({ n, s=24, c='#0F172A', w=2 })=>{
const P = {
event_upcoming:<>,
event_busy:<>,
warning:<>,
payments:<>,
balance:<>,
handshake:<>,
calendar:<>,
};
return ;
};
// ── Progresos ──
const enP = clamp((t-T.entra)/0.75,0,1), enE = Easing.easeOutBack(enP);
const cabP = clamp((t-T.cabecera)/0.5,0,1);
const calIn = clamp((t-T.mes)/0.55,0,1);
const calOut = clamp((t-T.filas+0.5)/0.5,0,1);
const cal = clamp(calIn - calOut, 0, 1);
const mesShade = Easing.easeOutCubic(clamp((t-T.mes)/0.9,0,1));
const flechaP = Easing.easeInOutCubic(clamp((t-T.cerca)/1.0,0,1));
const haloP = t >= T.cuentaTodas && t < T.cuentaTodas+1.6 ? Math.sin((t-T.cuentaTodas)/1.6*Math.PI) : 0;
const notaIn = clamp((t-T.cuentaTodas)/0.5,0,1);
const notaOut = clamp((t-T.vacio+0.4)/0.5,0,1);
const nota = clamp(notaIn - notaOut, 0, 1);
const pagFoco = t >= T.pagina && t < T.pagina+1.8 ? Math.sin((t-T.pagina)/1.8*Math.PI) : 0;
const vaIn = clamp((t-T.vacio)/0.3,0,1);
const vaOut = clamp((t-T.vacio-T.vacioDur)/0.3,0,1);
const vacio = clamp(vaIn - vaOut, 0, 1);
const selloE = Easing.easeOutBack(clamp((t-T.calendario)/0.55,0,1));
const silP = clamp((t-T.silencio)/0.8,0,1), silE = Easing.easeOutCubic(silP);
const opIzq = enE * lerp(1, 0.30, silE);
const opDer = lerp(0.16, 0.62, silE);
// ── Píldora compacta ──
const Pildora = ({ p, i })=>{
const foco = i === 3 ? clamp((t-T.cuentaTodas)/0.4,0,1)*(1-clamp((t-T.vacio)/0.5,0,1)) : 0;
return (
{p.val}
{p.tit}
);
};
// ── Fila de «Cierre Este Mes». La FECHA entra primero (viene del calendario) y el título
// después: es lo que hace legible «lo más cerca, arriba» antes de que haya filas ──
const FilaCierre = ({ r, i })=>{
const p = clamp((t-T.filas-i*T.filaStep)/0.5,0,1), e = Easing.easeOutCubic(p);
const fP = clamp((t-T.cerca-i*T.diaStep)/0.5,0,1), fE = Easing.easeOutCubic(fP);
const impP = clamp((t-T.importes-i*0.09)/0.45,0,1);
const pctP = clamp((t-T.insignias-i*0.09)/0.45,0,1);
return (
{r.tit}
{r.cap}
{r.imp && (
{r.imp}
)}
{r.pct && (
{r.pct}
)}
);
};
const FilaEst = ({ r, i })=>(
{r.tit}
{r.cap}
{r.imp}
);
const Pager = ({ foco })=>(
‹12›
);
return (
Fecha estimada dentro del mes}/>
{PILLS.map((p,i)=> )}
{/* ── «Cierre Este Mes»: la protagonista ── */}