/* ============================================
   LOGIN — Mejoras visuales
   ============================================ */

/* Eliminar el pseudo-elemento anterior */
.col-lg-6.position-relative::after {
    display: none;
}

/* Columna izquierda — overlay degradado corporativo */
.col-lg-6.position-relative {
    overflow: hidden;
}

    .col-lg-6.position-relative .bg-holder::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient( 135deg, rgba(2, 101, 165, 0.15) 0%, rgba(1, 72, 122, 0.25) 100% );
        z-index: 1;
    }

    /* Fade derecho sobre la imagen hacia el fondo del formulario */
    .col-lg-6.position-relative::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 120px;
        height: 100%;
        background: linear-gradient(to right, transparent, #eef2f7);
        z-index: 2;
        pointer-events: none;
    }

/* Columna derecha — fondo suave azul muy claro */
.col-lg-6:last-child {
    background: linear-gradient(160deg, #eef2f7 0%, #f8fafc 100%);
}

/* Botones corporativos */
.btn-primary {
    background-color: #0265a5 !important;
    border-color: #0265a5 !important;
    color: #fff !important;
    transition: background-color 0.3s ease;
}

    .btn-primary:hover {
        background-color: #01487a !important;
        border-color: #01487a !important;
        color: #fff !important;
    }