@keyframes AnimacionFondo {

    100% {
        background-position: 15% 20%;
    }
}

html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden; /* evita que aparezca scroll */
}

body {
    background-image: url('/Resources/fondito2.svg');
    background-repeat: repeat; /* Repite para cubrir todo */
    background-size: auto; /* Mantenemos el tamaño original */
    background-position: top left;
    animation: AnimacionFondo 10s infinite alternate linear;
}



.LoginContainer {
    position: unset; /*Deja que el contenedor se quede en una posición por defecto*/
    margin-top: 13%;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(0,0,0, 0.4);
    backdrop-filter: blur(6px);
}

#TituloLogin {
    color: #FFF;
}


.TextoColorBlancoNegrita {
    color: #FFF;
    font-weight: bold;
}