/* Fondo liviano: solo CSS, sin imagen */
html, body, #q-app, .q-layout, .q-page-container, .q-page, .login {
  background-color: #1a1c22 !important;
  background-image:
    radial-gradient(ellipse 90% 60% at 15% 10%, rgba(201, 167, 81, 0.22) 0%, transparent 55%),
    radial-gradient(ellipse 70% 50% at 85% 90%, rgba(201, 167, 81, 0.12) 0%, transparent 50%),
    linear-gradient(165deg, #12141a 0%, #242732 45%, #363534 78%, #2a2418 100%) !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-size: cover !important;
}

.login::before,
.login::after {
  display: none !important;
  content: none !important;
}

@media (prefers-reduced-motion: no-preference) {
  .login {
    animation: fondoShift 22s ease-in-out infinite alternate;
  }
}

@keyframes fondoShift {
  from { background-position: 0% 0%, 100% 100%, center; }
  to { background-position: 8% 12%, 92% 88%, center; }
}