/* Evita el arrastre de imágenes */
img {
  -webkit-user-drag: none;
}
/* Enhanced cursor to be a larger, more diffuse glow effect */
.cursor-tracker {
  position: fixed;
  width: 80px;
  height: 80px;
  pointer-events: none;
  z-index: 9999;
  display: none;
  background: radial-gradient(
    ellipse at center,
    rgba(163, 230, 53, 0.5) 0%,
    rgba(163, 230, 53, 0.3) 15%,
    rgba(163, 230, 53, 0.15) 40%,
    rgba(163, 230, 53, 0.05) 70%,
    transparent 100%
  );
  border-radius: 50%;
  filter: blur(25px);
  box-shadow: 0 0 40px rgba(163, 230, 53, 0.6), 0 0 80px rgba(163, 230, 53, 0.3), inset 0 0 30px rgba(163, 230, 53, 0.2);
}

.cursor-tracker.active {
  display: block;
}

.cursor-tracker::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  background: rgba(163, 230, 53, 0.8);
  border-radius: 50%;
  filter: blur(1px);
}

.cursor-tracker::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background: radial-gradient(circle, rgba(163, 230, 53, 0.6) 0%, transparent 70%);
  border-radius: 50%;
  animation: pulse-cursor 3s ease-in-out infinite;
  filter: blur(3px);
}

@keyframes pulse-cursor {
  0%,
  100% {
    width: 20px;
    height: 20px;
    opacity: 0.6;
  }
  50% {
    width: 60px;
    height: 60px;
    opacity: 0.3;
  }
}

/* Hide default cursor when custom cursor is active */
body.custom-cursor-active {
  cursor: none;
}

body.custom-cursor-active * {
  cursor: none !important;
}