/* ===================================
   Patricia Gámez Estilista
   Golden Rain Effect - Particles Animation
   =================================== */

.golden-particles {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  overflow: hidden;
}

.particle {
  position: absolute;
  width: 3px;
  height: 3px;
  background: radial-gradient(circle, #FFD700, #D4AF37);
  border-radius: 50%;
  opacity: 0;
  animation: fall linear infinite;
  box-shadow: 0 0 8px rgba(255, 215, 0, 0.6);
}

@keyframes fall {
  0% {
    opacity: 0;
    transform: translateY(-10px) translateX(0);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(100vh) translateX(var(--drift));
  }
}

/* Different sizes for variety */
.particle.small {
  width: 2px;
  height: 2px;
}

.particle.medium {
  width: 3px;
  height: 3px;
}

.particle.large {
  width: 4px;
  height: 4px;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.8);
}