html,
body {
    height: 100%;
}

    /* Solo los body que tengan la clase rna-bg */
    body.sis-bg {
        margin: 0;
        /* Color de respaldo */
        background-color: #020617;
        /* Imagen de fondo */
        background-image: url('/images/sis-bg.webp'); /* 👈 ruta absoluta */
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-attachment: fixed;
        /* Si algún otro CSS pone otro background, esto lo gana */
        background-blend-mode: normal;
    }

        /* Velito oscuro para que el formulario se lea bien */
        body.sis-bg::before {
            content: "";
            position: fixed;
            inset: 0;
            pointer-events: none;
            background: linear-gradient( to bottom, rgba(2, 6, 23, 0.85), rgba(15, 23, 42, 0.7), rgba(15, 23, 42, 0.9) );
            z-index: -1;
        }

/* Asegura que el contenido quede por encima del overlay */
.layout-wrapper {
    position: relative;
    z-index: 0;
}