/*
 * aurora.css — animación de fondo aurora únicamente (LEY-150)
 * Sin lógica de layout. Sin componentes. Solo blobs animados.
 */

.aurora-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.aurora-blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.13;
  will-change: transform;
  transform: translateZ(0);
  animation: aurora-drift 35s ease-in-out infinite alternate;
}

.blob-1 { width: 620px; height: 620px; background: var(--mod-ferias);    top: -12%; left: -6%;  animation-duration: 35s; }
.blob-2 { width: 520px; height: 520px; background: var(--mod-cotizador); top: 18%;  right: -8%; animation-duration: 42s; animation-delay: -8s; }
.blob-3 { width: 460px; height: 460px; background: var(--mod-inventario);bottom: -2%; left: 24%; animation-duration: 38s; animation-delay: -4s; }

@keyframes aurora-drift {
  0%   { transform: translate(0, 0) scale(1); }
  50%  { transform: translate(40px, 30px) scale(1.08); }
  100% { transform: translate(-20px, 50px) scale(0.95); }
}

/* Overlay de contenido sobre la aurora */
.page { position: relative; z-index: 1; }