.login { min-height: 100vh; min-height: 100dvh; display: grid; place-items: center; background: linear-gradient(180deg, #fff 0%, var(--fondo) 40%); }
.login__panel { width: 100%; max-width: 420px; padding: 24px 16px; }
.login__marca { display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 18px; margin-bottom: 16px; justify-content: center; }
.login__tarjeta { padding: 24px; }
.login__recordar { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--texto-2); margin: 4px 0 16px; min-height: 44px; }
.login__enviar { width: 100%; margin-top: 8px; }
.login__pie { text-align: center; color: var(--texto-3); font-size: 12.5px; margin-top: 16px; }