/*
Versión: 0.26.0920.3
Fecha: 2026-09-20
Cambio:
- Transición secuencial: desvanece video a blanco y luego carga suavemente la imagen PNG.
*/
#framebox-intro { 
    position: relative; 
    background-color: #ffffff;
}

#framebox-intro > img {
    transition: opacity 1s ease-in-out;
    opacity: 1;
}

#framebox-intro .intro-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #ffffff;
    opacity: 0;
    pointer-events: none;
    transition: opacity 1s ease-in-out;
}

/* Durante la reproducción del video */
#framebox-intro.intro-playing .intro-video { 
    opacity: 1; 
}

#framebox-intro.intro-playing > img { 
    opacity: 0; 
    animation-play-state: paused; 
}

/* Fase 1 del cierre: El video se desvanece a blanco primero */
#framebox-intro.fade-out-video .intro-video {
    opacity: 0;
}

/* La imagen permanece oculta durante la Fase 1 */
#framebox-intro.fade-out-video > img {
    opacity: 0;
}

#framebox-intro .intro-progress {
    display: block;
    position: absolute;
    bottom: 0;
    left: 35%;
    width: 30%;
    height: 3px;
    border: 0;
    border-radius: 3px;
    accent-color: #333;
}

@media (prefers-reduced-motion: reduce) {
    #framebox-intro > img { animation: none; transition: none; }
    #framebox-intro .intro-video { transition: none; }
}