/* public/css/login.css */

.login-page {
    background-image: url('../images/fondo_login.jpg'); /* */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0; /* Aseguramos que no haya márgenes extraños */
}

.login-card {
    background: rgba(255, 255, 255, 0.8) !important; 
    border-radius: 15px;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.18);
    padding: 2.5rem;
}

/* Opcional: ajustar el color del botón para que pegue con Sensocrop */
.btn-primary {
    background-color: #198754; /* Verde Sensocrop */
    border: none;
}