/* Estilos específicos para el Portal de Acceso */
    body { background-color: #f8f9fa; }

    .login-container {
        min-height: 80vh;
        display: flex;
        align-items: center;
    }

    .login-card {
        border: none;
        border-top: 6px solid #ba424b; 
        border-radius: 8px;
        box-shadow: 0 15px 35px rgba(0,0,0,0.1);
        overflow: hidden;
    }

    .login-header {
        background: #ffffff;
        padding: 30px 20px 10px 20px;
        text-align: center;
    }

    .login-header h4 {
        color: #ba424b;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 1.2rem;
        margin-top: 15px;
    }

    .login-logo-container {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
        margin-bottom: 10px;
    }

    .login-logo {
        max-height: 50px;
        width: auto;
        filter: grayscale(20%); /* Un toque sobrio */
        transition: filter 0.3s;
    }

    .login-logo:hover {
        filter: grayscale(0%);
    }

    .form-control {
        height: 50px;
        border-radius: 4px;
        border: 1px solid #ced4da;
        padding-left: 15px;
    }

/*     .form-control:focus {
        
        box-shadow: 0 0 0 0.2rem rgba(186, 66, 75, 0.2);
    } */


    .input-group-text {
        background-color: #f8f9fa;
        border-right: none;
        color: #ba424b;
    }

    .btn-login {
        background-color: #ba424b;
        border: none;
        height: 50px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        transition: all 0.3s;
    }

    .btn-login:hover {
        background-color: #96353c;
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(132, 0, 0, 0.3);
    }

    .login-footer {
        background-color: #f1f4f8;
        padding: 15px;
        text-align: center;
        font-size: 0.85rem;
        border-top: 1px solid #e9ecef;
    }

    .divider {
        height: 1px;
        background: #e9ecef;
        margin: 25px 0;
    }

    .password-toggle {
    cursor: pointer;
    border-left: none;
    background-color: #f8f9fa;
    transition: all 0.2s ease;
}

.password-toggle:hover {
    background-color: #e9ecef;
    color: #ba424b;
}