// === Escena IN03 — "Replicada en dos países, al instante" ===
// Duración real del mp3: 37.9s. SlideCanvas variant="light".
// El motivo GEMELO en su forma más pura: dos cilindros de base de datos (País A / País B)
// con una línea de sincronía viva. 1ª mitad → la réplica en tiempo real y la resiliencia
// (A cae en rojo, B sigue en verde). 2ª mitad → réplica (disponibilidad) vs copia
// (recuperación) como comparativa de 2 columnas, y el remate "No pasa" con escudo verde.
// Rojo SOLO en las dos caídas (8.63 y 29.86), siempre devuelto a verde. Salida: "¿Y EL PROGRAMA? →".
// LOCUCIÓN (audio/escena-03.mp3, 37.9s):
// "Tus datos no viven en un sitio. Viven en dos países a la vez. Cada cambio que haces se
// escribe en los dos, al instante. Si un país entero se cayera... el otro tiene lo mismo, al
// segundo. Y además, dos copias de seguridad cada día. ¿Por qué las dos cosas? La réplica te
// salva de un desastre. La copia te salva de un error. Una te mantiene en marcha. La otra te
// deja volver atrás. Para perderlo todo, tendrían que caer dos países y fallar las copias. No
// pasa. Los datos, a salvo. ¿Y el programa que los usa?"
function EscenaIN03({ t }){
const T = {
solo: 1.09, // "no viven en un sitio" → un solo cilindro de BD centrado (solo/precario)
dos: 2.71, // "Viven en dos países" → aparece el 2º nodo (País B) y se DIBUJA la línea A↔B
escribe: 6.10, // "se escribe en los dos" → punto-pulso viaja de A a B (una vez); chip "en tiempo real"
cae: 8.63, // "Si un país entero se cayera" → nodo A pasa a rojo/atenuado (caída dosificada)
otro: 10.98, // "el otro tiene lo mismo" → B pulsa verde con check "sigue en marcha"; A se recupera
copias: 14.23, // "dos copias de seguridad" → 2 tarjetas snapshot de backup (06:00 / 22:00) "×2 al día"
replica:18.68, // "La réplica te salva" → columna izq: RÉPLICA → te salva de un DESASTRE
copia: 21.57, // "La copia te salva" → columna der: COPIA → te salva de un ERROR
volver: 26.69, // "deja volver atrás" → rebobinar (↺) sobre la copia
doscaen:29.86, // "caer dos países" → AMBAS columnas parpadean rojo (escenario imposible)
nopasa: 32.92, // "No pasa" → todo a verde; escudo verde grande y "No pasa."
salida: 36.07, // "el programa que los usa" → píldora salida "¿Y EL PROGRAMA? →"
};
// ---- Naturalezas del cilindro (contrato de color del deck) ----
const BLUE = { stroke:'#0085FF', fill:'#F0F7FF', top:'#DCEBFF', line:'#0085FF' };
const GREEN = { stroke:'#10B981', fill:'#ECFDF5', top:'#C7F2DE', line:'#10B981' };
const RED = { stroke:'#EF4444', fill:'#FEF2F2', top:'#FBD5D5', line:'#EF4444' };
// ---- Geometría (1920×1080) ----
const cy = 320; // eje vertical de los cilindros
const NW = 150, NH = 168;
const LX1 = 858, LX2 = 1062, LY = 320; // línea de sincronía (entre A y B ya asentados)
// ---- Entrada de nodos ----
const aIn = clamp((t-T.solo)/0.6, 0, 1), aE = Easing.easeOutBack(aIn);
const bIn = clamp((t-T.dos)/0.7, 0, 1), bE = Easing.easeOutBack(bIn);
const aX = lerp(960, 780, Easing.easeInOutCubic(clamp((t-T.dos)/0.8, 0, 1))); // A cede el centro
const bX = 1140;
// ---- Salud de cada país (rojo dosificado) ----
const aFall = clamp((t-T.cae)/0.35, 0, 1) * (1 - clamp((t-12.4)/0.6, 0, 1)); // A cae 8.63 → recupera ~13
const bSafe = clamp((t-T.otro)/0.4, 0, 1); // B pasa a verde en 10.98
const aAcc = aFall > 0.5 ? RED : BLUE;
const bAcc = bSafe > 0.4 ? GREEN : BLUE;
const aDim = 1 - 0.42*aFall;
// ---- Línea de sincronía + pulso ----
const lineDraw = Easing.easeInOutCubic(clamp((t-T.dos)/0.9, 0, 1));
const LLEN = LX2 - LX1;
const pulseP = clamp((t-T.escribe)/0.9, 0, 1);
const showPulse = t >= T.escribe && pulseP < 1;
const pulseX = lerp(LX1, LX2, Easing.easeInOutCubic(pulseP));
// ---- Check "sigue en marcha" sobre B ----
const chkP = clamp((t-T.otro)/0.4, 0, 1), chkE = Easing.easeOutBack(chkP);
const chkDraw = Easing.easeInOutCubic(clamp((t-(T.otro+0.1))/0.4, 0, 1));
// ---- Segmento 1 se despeja para dar paso a la comparativa ----
const seg1Vis = 1 - clamp((t-17.6)/1.0, 0, 1);
// ---- Backups (×2 al día) ----
const BK = [
{ t0:T.copias, time:'06:00', tag:'COPIA MATINAL' },
{ t0:T.copias+0.18, time:'22:00', tag:'COPIA NOCTURNA' },
];
const bkLabP = clamp((t-T.copias)/0.5, 0, 1);
// ---- Escenario imposible: parpadeo rojo de ambas columnas ----
const flashK = clamp((t-T.doscaen)/0.3, 0, 1) * (1 - clamp((t-31.6)/1.0, 0, 1));
// ---- Remate "No pasa" ----
const shP = clamp((t-T.nopasa)/0.55, 0, 1), shE = Easing.easeOutBack(shP);
const shDraw = Easing.easeInOutCubic(clamp((t-(T.nopasa+0.2))/0.5, 0, 1));
const shPulse = Math.sin(clamp((t-T.nopasa)/1.1, 0, 1) * Math.PI);
const compDim = 1 - 0.72*shP; // la comparativa se atenúa cuando entra el escudo
// ---- Salida ----
const salP = clamp((t-T.salida)/0.55, 0, 1), salE = Easing.easeOutBack(salP);
// ---- Cilindro de base de datos ----
const Cyl = ({ acc }) => (
);
// ---- Píldora atrezzo (marca / jerga: se percibe, no se lee) ----
const Pill = ({ txt, dot='#123F6D', fg='#334155' }) => (
{txt}
);
// ---- Etiqueta de país bajo el cilindro ----
const CountryLabel = ({ x, name, region, appear }) => {
const p = clamp((t-appear)/0.5, 0, 1);
if (p <= 0) return null;
return (