/*Fondo de todas las vistas*/


body.bodyP {
    background: linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,0.6)), url('/img/mandala_grisClaro.png') no-repeat center top;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    background-color: #e6e6e6;
}


@media (max-width: 768px) {
    body.bodyP {
        background-size: cover;
        background-position: center top;
    }

    body.bodyLogIn {
        background-size: cover;
        background-position: center top;
    }
}

   

    /*Fondo login*/
    body.bodyLogIn {
        background: url('/img/FondoLogIn.webp') no-repeat center top;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        background-attachment: fixed;
        background-color: #e6e6e6;
    }




        /*Fondo cedulas*/
        body.bodyP-rojo {
            background: linear-gradient(rgba(123, 45, 69, 0.85), rgba(123, 45, 69, 0.85));
            min-height: 100vh;
        }


        @media (max-width: 768px) {
            body.bodyP-rojo {
                background-position: center top;
                background-size: cover;
            }
        }


        body {
            background: linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,0.6)), url('/img/mandala_grisClaro.png') no-repeat center top;
            background-size: cover;
            background-attachment: scroll;
            min-height: 100vh;
        }

        html, body {
            min-height: 100%;
            margin: 0;
            padding: 0;
            overflow-x: hidden;
        }



        .fondo {
            position: relative;
            min-height: 100vh;
            background: url('/img/mandala_grisClaro.png') no-repeat center top;
            background-size: cover;
            background-attachment: scroll;
            z-index: 0;
        }

            .fondo::before {
                content: '';
                position: absolute;
                inset: 0;
                background-color: rgba(123, 45, 69, 0.85); /* Vino */
                z-index: -1; /* Debajo del contenido */
            }