/* ═══════════════════════════════════════════════════════════════════════════
   global-auth-template.css — Estilos de pantallas de autenticación
   Cubre: Login, VerifyEmail y cualquier pantalla bajo AuthLayout.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Wrapper principal — dos columnas (decoración | formulario) ───────────── */
.gb-login-wrapper {
    display: flex;
    width: 100%;
    height: 100%;
}

/* ── Panel izquierdo decorativo ───────────────────────────────────────────── */
.gb-login-left {
    margin-top: 48px;
    flex: 0 0 340px;
    background: var(--gb-login-gradient,
        linear-gradient(160deg, #0052FF 0%, #003EC7 50%, #191C1E 100%));
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 0 20px 0 0;
}

.gb-login-decoration {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

/* ── Panel derecho con el formulario ─────────────────────────────────────── */
.gb-login-right {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

/* ── Responsive: ocultar panel decorativo en móvil ───────────────────────── */
@media (max-width: 768px) {
    .gb-login-left { display: none; }
}