* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body, html {
    height: 100%;
    overflow: hidden; /* Evita que aparezcan barras de scroll */
}

/* --- IMAGEN PARA COMPUTADORA (Horizontal) --- */
.contenedor-mantenimiento {
    height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* Usamos tu imagen original horizontal */
    background-image: url("IMAGENES/WEB MANTENIMIENTO.jpg"); 
}

/* --- IMAGEN PARA CELULAR (Vertical) --- */
@media (max-width: 767px) {
    .contenedor-mantenimiento {
        /* Usamos la nueva imagen vertical que creaste */
        background-image: url("IMAGENES/WEB MANTENIMIENTO MOBILE.jpg");
        background-position: center center;
    }
}