/* =========================================
   LOGIN MINIMALISTA (LIGHT GLASSMORPHISM)
   ========================================= */

.gin-login-wrapper {
    position: relative;
    min-height: 100vh;
    width: 100%; /* Elimina el padding indeseado */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Efecto de Opacidad Blanco (Overlay) */
.gin-login-wrapper::before {
    content: '';
    position: absolute;
    inset: 0; /* Sustituye top, left, width, height */
    background-color: rgb(248 249 250); /* Blanco al 85% de opacidad */
    z-index: 0;
}

/* Tarjeta Principal */
.gin-login-card {
    position: relative;
    z-index: 1;
    max-width: 1000px; /* Un poco más ancha para acomodar el nuevo texto */
    border-radius: 12px;
    background-color: #ffffff;
    box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.15);
    border: 1px solid var(--gin-border);
}

/* Columna de Información (Gris muy sutil) */
.gin-login-info {
    background-color: #f8fafc;
    border-right: 1px solid var(--gin-border); /* Ahora el borde está a la derecha */
}