.login-test {
   background: url('../../../public/fondo.png'); /* Reemplaza con la ruta de tu imagen */
   background-size: cover; /* Ajusta la imagen para cubrir todo el contenedor */
   background-position: center; /* Centra la imagen */
   position: relative; /* Permite usar ::before para efectos */
   height: 100vh; /* Ajusta según tu diseño */
   overflow: hidden;
}

.login-test::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(0, 0, 0, 0.6); /* Ajusta el color y la opacidad */
   filter: blur(120px); /* Agrega desenfoque */
   z-index: 1; /* Coloca la capa detrás del contenido */
}

.login-test * {
   position: relative;
   z-index: 2; /* Asegura que el contenido esté sobre la capa de desenfoque */
}

.login-test .login-box .login-logo img{
   width: 300px;
   margin: 20% 5% 5% 5% ;
   user-select: none;
}

.login-test .login-box-body{
   background-color: white;
   border: 1px solid #ced4da;
   border-radius: 12px;
}

button.submit{
   margin: auto;
}

.alert{
   margin-top: 20px 
}