/* assets/css/login.css */
.login-page {
  min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center;
  background: linear-gradient(135deg, var(--color-primario) 0%, var(--color-secundario) 100%);
  padding: var(--espacio-4);
}
.login-card {
  background: var(--bg-superficie); border-radius: var(--radio-lg); box-shadow: var(--sombra-lg);
  width: 100%; max-width: 400px; padding: var(--espacio-6);
}
.login-card__marca { text-align: center; margin-bottom: var(--espacio-5); }
.login-card__logo {
  width: 56px; height: 56px; border-radius: var(--radio-md); margin: 0 auto var(--espacio-3);
  background: linear-gradient(135deg, var(--color-primario), var(--color-secundario));
  color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 18px;
}
.login-card__marca h1 { font-size: 20px; margin: 0 0 4px; font-weight: 800; }
.login-card__marca p { margin: 0; color: var(--texto-secundario); font-size: 13px; }
.login-card__olvide { font-size: 12.5px; color: var(--color-primario); font-weight: 600; }
.login-volver {
  display: block; text-align: center; margin-top: var(--espacio-5);
  color: #fff; font-size: 13.5px; font-weight: 600; text-decoration: none; opacity: 0.9;
}
.login-volver:hover { opacity: 1; text-decoration: underline; }