html{
    width: 100%;
    height: 100%;
}
body{
    width: 100%;
    height: 100%;
    background-image: url('../lib/img/bg2.webp');
    background-size: cover;
}

.body-login{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
}

.left-login{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.right-login{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.login{
    width: clamp(350px, 40%, 450px);
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(2px);
    border-radius: 8px;
}

span.feedback-login{
    display: none;
    font-size:smaller;
    color: red;
}

label.mostrar-contrasena{
    font-size: smaller;
}


@media (max-width: 767.98px) {
    .right-login {
        display: none;
    }
}