//#A4A4A4 // Preparar logo antes de hacerlo visible // Fase 1: Cambiar fondo y comenzar a ocultar elementos // Cambiar el fondo gradualmente // Esperar un poco y continuar con la secuencia // Fase 2: Mover el título y elementos del menú title_text.style.transform = 'translateY(-10px)'; // Movimiento más sutil // Mover elementos del menú con un efecto en cascada (staggered) // Primer hijo se mueve primero // Mover el segundo hijo con un pequeño retraso // Mover primer hijo // Mover los demás hijos con retrasos escalonados // Fase 3: Reducir tamaño del contenedor y finalizar // Reducir el contenedor con transición suave // Mostrar logo gradualmente después de que el contenedor cambió tamaño // Transición más suave con bezier // Configurar todas las transiciones // Configurar transiciones para elementos del menú // Usar requestAnimationFrame para suavizar la animación // Fase 1: Iniciar cambio de contenedor y ocultar logo // Preparar video background // Cambiar gradualmente el contenedor // Fase 2: Restaurar elementos con efecto en cascada // Hacer visible el video de fondo // Restaurar el título gradualmente // Restaurar posición de los botones // Mover elementos del menú con efecto en cascada }, index * 80); // Espaciado entre cada elemento }, index * 80); // Espaciado entre cada elemento // Preparar año y subtítulo // Fase 3: Mostrar año y subtítulo gradualmente // Ocultar logo completamente al final