// === Escena IN01 — "Dónde vive tu negocio" (HERO de apertura) ===
// Duración real del mp3: 38.3s. SlideCanvas variant="hero".
// Hero en 3 actos: (1) la rutina de confiar la empresa a un programa + la pregunta
// que nadie hace; (2) quién habla: Dinaup; (3) la ÚNICA COSA del deck —"cada pieza
// está doblada"— con la PRIMERA aparición del MOTIVO GEMELO (3 pares de nodos + línea
// sync viva). Cierra con la píldora de salida hacia la escena del "suelo".
// LOCUCIÓN (audio/escena-01.mp3): "Confías tu negocio a un programa. Facturas,
// clientes, contabilidad... toda tu empresa, dentro. Y una pregunta que casi nadie te
// deja hacer: ¿dónde vive todo eso? Un software es tan fiable como lo que tiene debajo.
// Esto es Dinaup. Y esto es su infraestructura. Te la vamos a enseñar entera. La idea
// es simple: cada pieza está doblada. Los datos, el servidor, los archivos... todo, dos
// veces, en sitios distintos. Para que no haya un solo punto que se pueda romper.
// Empecemos por el suelo."
function EscenaIN01({ t }){
const T = {
confia: 0.0, // "Confías tu negocio" → título gancho grande
chips: 2.89, // "Facturas, clientes" → fila de 4 chips en cascada
pregunta: 11.56, // "dónde vive todo eso" → chips se atenúan; sube la PREGUNTA
bookend: 14.61, // "tan fiable como lo que tiene debajo"→ subtítulo bookend gris
dinaup: 17.17, // "Esto es Dinaup" → ACTO 2: logo Dinaup
infra: 20.19, // "su infraestructura" → subtítulo "Esto es su infraestructura."
doblada: 25.33, // "cada pieza está doblada" → ACTO 3: la ÚNICA COSA
gemelos: 30.08, // "todo, dos veces" → 3 pares gemelos (stagger 0.25)
remate: 34.20, // "un solo punto que se pueda romper" → subtítulo remate
salida: 36.86, // "Empecemos por el suelo" → píldora salida
};
// ---- Actos: 1 sale al entrar Dinaup; 2 sale al entrar la ÚNICA COSA ----
const act1Op = 1 - clamp((t - T.dinaup)/0.35, 0, 1);
const act2Op = 1 - clamp((t - T.doblada)/0.40, 0, 1);
const showAct1 = t < T.dinaup + 0.40;
const showAct2 = t >= T.dinaup && t < T.doblada + 0.45;
const showAct3 = t >= T.doblada - 0.40;
// ---- Acto 1 ----
const titP = clamp((t - T.confia)/0.7, 0, 1), titE = Easing.easeOutBack(titP);
const preP = clamp((t - T.pregunta)/0.6, 0, 1), preE = Easing.easeOutBack(preP); // protagonista del beat
const bookP = clamp((t - T.bookend)/0.7, 0, 1), bookE = Easing.easeOutCubic(bookP);
const dimQ = clamp((t - T.pregunta)/0.6, 0, 1); // al llegar la pregunta, título+chips se atenúan
const CHIPS = ['Facturas', 'Clientes', 'Contabilidad', 'Archivos'];
const chipIcon = (i)=>{
const c = '#64748B';
if (i === 0) return ( // factura: documento con líneas
);
if (i === 1) return ( // cliente: persona
);
if (i === 2) return ( // contabilidad: gráfico de barras
);
return ( // archivos: carpeta
);
};
// ---- Acto 2 ----
const logoP = clamp((t - (T.dinaup+0.1))/0.6, 0, 1), logoE = Easing.easeOutBack(logoP);
const infP = clamp((t - T.infra)/0.7, 0, 1), infE = Easing.easeOutCubic(infP);
// ---- Acto 3: la ÚNICA COSA ----
const dobP = clamp((t - T.doblada)/0.7, 0, 1), dobE = Easing.easeOutBack(dobP);
const dobPulse = Math.sin(clamp((t - (T.doblada+0.9))/1.1, 0, 1) * Math.PI); // UN pulse de remate
const remP = clamp((t - T.remate)/0.6, 0, 1), remE = Easing.easeOutCubic(remP);
const salP = clamp((t - T.salida)/0.5, 0, 1), salE = Easing.easeOutBack(salP);
// ---- 3 pares gemelos (motivo conductor del deck) ----
const AZ = '#0085FF';
const PAIRS = [
{ label:'DATOS', start:T.gemelos + 0.00 },
{ label:'SERVIDOR', start:T.gemelos + 0.25 },
{ label:'ARCHIVOS', start:T.gemelos + 0.50 },
];
const COLW = 380, COLG = 54;
const ROWX = (1920 - (3*COLW + 2*COLG)) / 2; // 336
const ROWY = 468;
const NODEY = 44, NODEH = 92, LINEY = NODEY + NODEH/2; // centro de nodos: 90
const LX0 = 150, LX1 = 240; // extremos de la línea sync (coords de columna)
const pairIcon = (i)=>{
if (i === 0) return ( // DATOS: cilindro de base de datos
);
if (i === 1) return ( // SERVIDOR: rack de servidor
);
return ( // ARCHIVOS: documentos apilados
);
};
return (
{/* ================= ACTO 1 — la empresa dentro, y la pregunta que nadie hace ================= */}
{showAct1 && (
{/* Línea sync que se dibuja */}
{/* Pulso "en tiempo real": viaja de A a B una vez */}
{pdP > 0 && pdP < 1 && (
)}
{/* Badge ×2 — "doblada", mostrar no declarar */}
{x2P > 0 && (
×2
)}
);
})}
{/* Subtítulo remate */}
{remP > 0 && (
Ni un solo punto que romper.
)}
{/* Píldora de salida hacia el "suelo" */}
{salP > 0 && (