/* 1. ESTILOS DEL FONDO DE PANTALLA */
body {
    /* Imagen aleatoria de alta calidad (Paisaje) */
    background-image: url('https://picsum.photos/1920/1080'); 
    background-size: cover;      /* Asegura que cubra todo el espacio */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat;
    background-attachment: fixed; /* El fondo se queda fijo al hacer scroll */
}

/* 2. ESTILOS DE LA CAJA (CARD) */
.login-card {
    /* Color blanco con 90% de opacidad (rgba) */
    background-color: rgba(255, 255, 255, 0.9); 
    border: none; /* Quitar borde por defecto */
    border-radius: 15px; /* Bordes más redondeados */
    /* Efecto de desenfoque detrás de la caja (Estilo Glassmorphism) */
    backdrop-filter: blur(5px); 
    box-shadow: #000 0px 4px 12px; 
}

/* Un poco de estilo extra para el botón */
.btn-primary {
    background-color: #0d6efd;
    border-radius: 10px;
}