/* Pantalla de inicio (boot) -  esto es lo que ves cuando carga la pagina */
/* position: fixed con inset:0 cubre toda la pantalla como una cortina */
#boot-overlay {
    position: fixed;
    inset: 0;
    background: black;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    /* se desvanece suavemente en 0.6s al ocultarse */
    transition: opacity 0.6s ease;
}

/* Cuando tiene la clase "hidden" se vuelve invisible y no recibe clicks */
#boot-overlay.hidden {
    opacity: 0;
    pointer-events: none;
}

/* El video ocupa todo el overlay pero mantiene su aspecto */
/* object-fit: contain  evita que se deforme */
#bootVideo {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-width: 100vw;
    max-height: 100vh;
}

.logo {
    width: 70px;
    height: auto;
}