/* === LOGIN PAGE === */

/* Scope: solo cuando el body tiene class="login-page" */
.login-page {
    background: linear-gradient(135deg, #d32f2f 0%, #9a0007 100%);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}


.login-panel {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    padding: 2rem;
    width: 100%;
    max-width: 400px;
    margin: auto;
}

    
    .login-panel .form-control {
        background: #fff;
        color: #111827;
        border-color: #d1d5db;
    }

    .login-panel label {
        color: #374151;
        font-weight: 500;
    }

    
    .login-panel .btn-primary {
        width: 100%;
        font-weight: 600;
    }

    
    .login-panel .text-danger {
        font-size: 0.9rem;
    }

.login-page main {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}