/* Animación del efecto neón para botones */
.neon-glow {
  animation: pulseGlow 2s infinite;
}

@keyframes pulseGlow {
  0%, 100% {
    box-shadow: 0 0 8px #f97316, 0 0 16px #f97316;
  }
  50% {
    box-shadow: 0 0 2px #f97316, 0 0 4px #f97316;
  }
}

.neon-glow-blue {
  animation: pulseGlowBlue 2s infinite;
}

@keyframes pulseGlowBlue {
  0%, 100% {
    box-shadow: 0 0 8px #3b82f6, 0 0 16px #3b82f6;
  }
  50% {
    box-shadow: 0 0 2px #3b82f6, 0 0 4px #3b82f6;
  }
}

.neon-glow-green {
  animation: pulseGlowGreen 2s infinite;
}

@keyframes pulseGlowGreen {
  0%, 100% {
    box-shadow: 0 0 8px #22c55e, 0 0 16px #22c55e;
  }
  50% {
    box-shadow: 0 0 2px #22c55e, 0 0 4px #22c55e;
  }
}

.mud-texture {
  background-color: #1a0f0a;
  background-image: url('https://www.transparenttextures.com/patterns/asfalt-dark.png');
  background-repeat: repeat;
  background-size: cover;
}