/* ==========================================================================
   IMPERIATUM - CORE CSS (Versión Corregida)
   ========================================================================== */

body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden; /* Permite scroll vertical si es necesario en el futuro */
    background-color: #000; /* Fondo de seguridad */
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

/* Capa 0: El Video de Fondo */
.video-fondo {
    position: fixed; /* Cambiado a fixed para mayor estabilidad como fondo */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0; /* Capa base visible */
    pointer-events: none; /* Asegura que el video no bloquee los clics en la interfaz */
}

/* Capa 1: La Interfaz de Mando */
.interfaz-mando {
    position: relative;
    z-index: 1; /* Flota sobre el video (Capa 0) */
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white; /* Texto blanco para que resalte */
}