.container-logo-responsive img,
.container-logo img {
  filter: drop-shadow(0 0 15px rgba(181, 23, 255, 0.8)) 
          drop-shadow(0 0 25px rgba(255, 0, 255, 0.5));
  animation: logo-pulse 3s ease-in-out infinite;
}

@keyframes logo-pulse {
  0%, 100% {
    filter: drop-shadow(0 0 15px rgba(181, 23, 255, 0.8)) 
            drop-shadow(0 0 25px rgba(255, 0, 255, 0.5));
  }
  50% {
    filter: drop-shadow(0 0 25px rgba(181, 23, 255, 1)) 
            drop-shadow(0 0 40px rgba(255, 0, 255, 0.8));
  }
}

.organizer-logo-item img,
.organizers-section-index .organizer-logo-item img {
  filter: drop-shadow(0 0 10px rgba(181, 23, 255, 0.6))
          drop-shadow(0 0 20px rgba(255, 255, 255, 0.3));
}


.footer-logo img {
  filter: drop-shadow(0 0 20px rgba(181, 23, 255, 0.9))
          drop-shadow(0 0 35px rgba(255, 0, 255, 0.6));
  animation: footer-logo-glow 4s ease-in-out infinite;
}

@keyframes footer-logo-glow {
  0%, 100% {
    filter: drop-shadow(0 0 20px rgba(181, 23, 255, 0.9))
            drop-shadow(0 0 35px rgba(255, 0, 255, 0.6));
  }
  50% {
    filter: drop-shadow(0 0 30px rgba(181, 23, 255, 1))
            drop-shadow(0 0 50px rgba(255, 0, 255, 0.9));
  }
}


.container-images-banner img {
  filter: drop-shadow(0 0 25px rgba(181, 23, 255, 0.6))
          drop-shadow(0 0 40px rgba(255, 0, 255, 0.4));
  animation: hero-image-glow 5s ease-in-out infinite;
}

@keyframes hero-image-glow {
  0%, 100% {
    filter: drop-shadow(0 0 25px rgba(181, 23, 255, 0.6))
            drop-shadow(0 0 40px rgba(255, 0, 255, 0.4));
  }
  50% {
    filter: drop-shadow(0 0 40px rgba(181, 23, 255, 0.9))
            drop-shadow(0 0 60px rgba(255, 0, 255, 0.7));
  }
}


.nav-links ul li a:hover {
  text-shadow: 0 0 15px rgba(181, 23, 255, 1),
               0 0 25px rgba(255, 0, 255, 0.8),
               0 0 35px rgba(181, 23, 255, 0.6);
}


.btn-banner-primary:hover,
.btn-primary:hover {
  box-shadow: 0 0 30px rgba(181, 23, 255, 0.9),
              0 0 50px rgba(255, 0, 255, 0.7),
              0 0 70px rgba(181, 23, 255, 0.5),
              inset 0 0 20px rgba(255, 255, 255, 0.3);
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
}


.btn-banner-secundary:hover,
.btn-secondary:hover {
  box-shadow: 0 0 25px rgba(199, 125, 255, 0.8),
              0 0 45px rgba(155, 93, 229, 0.6),
              inset 0 0 15px rgba(199, 125, 255, 0.3);
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.7);
}

.tab:hover {
  box-shadow: 0 0 10px rgba(181, 23, 255, 0.6),
              0 0 18px rgba(255, 0, 255, 0.4);
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.6);
}

.tab.active {
  box-shadow: 0 0 15px rgba(181, 23, 255, 0.8),
              0 0 25px rgba(255, 0, 255, 0.6);
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.8);
}



.game-card:hover {
  box-shadow: 0 0 40px rgba(181, 23, 255, 0.7),
              0 0 60px rgba(255, 0, 255, 0.5),
              0 0 80px rgba(181, 23, 255, 0.3);
}

.game-card:hover h3 {
  text-shadow: 0 0 15px rgba(181, 23, 255, 0.9),
               0 0 25px rgba(255, 0, 255, 0.7);
}


.btn-view:hover {
  box-shadow: 0 0 25px rgba(181, 23, 255, 1),
              0 0 45px rgba(255, 0, 255, 0.8),
              inset 0 0 15px rgba(255, 255, 255, 0.4);
  text-shadow: 0 0 10px rgba(255, 255, 255, 1);
}



.game-link.youtube:hover {
  box-shadow: 0 0 20px rgba(255, 0, 0, 0.8),
              0 0 35px rgba(255, 0, 0, 0.6),
              inset 0 0 10px rgba(255, 255, 255, 0.3);
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.9);
}


.game-link.instagram:hover {
  box-shadow: 0 0 20px rgba(225, 48, 108, 0.8),
              0 0 35px rgba(225, 48, 108, 0.6),
              inset 0 0 10px rgba(255, 255, 255, 0.3);
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.9);
}


.game-link.twitter:hover {
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.8),
              0 0 35px rgba(255, 255, 255, 0.5),
              inset 0 0 10px rgba(255, 255, 255, 0.4);
  text-shadow: 0 0 8px rgba(255, 255, 255, 1);
}


.game-link.download:hover {
  box-shadow: 0 0 25px rgba(181, 23, 255, 1),
              0 0 40px rgba(181, 23, 255, 0.7),
              inset 0 0 12px rgba(255, 255, 255, 0.4);
  text-shadow: 0 0 10px rgba(255, 255, 255, 1);
}


.event:hover {
  box-shadow: 0 0 15px rgba(181, 23, 255, 0.5),
              0 0 25px rgba(255, 0, 255, 0.3);
}

.event:hover .hour {
  text-shadow: 0 0 5px rgba(199, 125, 255, 0.8),
               0 0 10px rgba(255, 0, 255, 0.6);
}

.event:hover .title {
  text-shadow: 0 0 4px rgba(255, 255, 255, 0.6);
}

.organizer-logo-item:hover img,
.organizers-section-index .organizer-logo-item:hover img {
  filter: drop-shadow(0 0 20px rgba(181, 23, 255, 1))
          drop-shadow(0 0 35px rgba(255, 0, 255, 0.8))
          drop-shadow(0 0 50px rgba(181, 23, 255, 0.6));
}


.feature-icon:hover i,
.card-icon:hover i {
  text-shadow: 0 0 20px rgba(255, 255, 255, 1),
               0 0 35px rgba(181, 23, 255, 1),
               0 0 50px rgba(255, 0, 255, 0.8);
}


.stat-card:hover .stat-number {
  text-shadow: 0 0 25px rgba(181, 23, 255, 1),
               0 0 40px rgba(255, 0, 255, 0.9),
               0 0 55px rgba(181, 23, 255, 0.7);
}



.social-link:hover {
  box-shadow: 0 0 20px rgba(181, 23, 255, 0.9),
              0 0 35px rgba(255, 0, 255, 0.7),
              inset 0 0 12px rgba(181, 23, 255, 0.5);
}

.social-link:hover i {
  text-shadow: 0 0 10px rgba(255, 255, 255, 1),
               0 0 20px rgba(181, 23, 255, 0.9);
}



.info-card:hover i {
  text-shadow: 0 0 20px rgba(181, 23, 255, 1),
               0 0 35px rgba(255, 0, 255, 0.9),
               0 0 50px rgba(181, 23, 255, 0.7);
}


.games-badge,
.about-badge,
.location-badge,
.videos-badge {
  text-shadow: 0 0 12px rgba(199, 125, 255, 1),
               0 0 20px rgba(255, 0, 255, 0.8);
  animation: badge-glow 2s ease-in-out infinite;
}

@keyframes badge-glow {
  0%, 100% {
    text-shadow: 0 0 12px rgba(199, 125, 255, 1),
                 0 0 20px rgba(255, 0, 255, 0.8);
  }
  50% {
    text-shadow: 0 0 18px rgba(199, 125, 255, 1),
                 0 0 30px rgba(255, 0, 255, 1),
                 0 0 40px rgba(181, 23, 255, 0.8);
  }
}

.games-header h2,
.about-header h1,
.location-header h1,
.videos-header h2,
.section-title {
  text-shadow: 0 0 20px rgba(180, 0, 255, 0.7),
               0 0 35px rgba(255, 0, 255, 0.5),
               0 0 50px rgba(181, 23, 255, 0.3);
}


.schedule-title {
  text-shadow: 0 0 5px rgba(180, 0, 255, 0.4),
               0 0 10px rgba(255, 0, 255, 0.2);
}



.carousel-nav:hover {
  box-shadow: 0 0 30px rgba(181, 23, 255, 1),
              0 0 50px rgba(255, 0, 255, 0.8),
              inset 0 0 15px rgba(255, 255, 255, 0.3);
}

.carousel-indicator:hover {
  box-shadow: 0 0 15px rgba(181, 23, 255, 0.9),
              0 0 25px rgba(255, 0, 255, 0.7);
}

.carousel-indicator.active {
  box-shadow: 0 0 20px rgba(181, 23, 255, 1),
              0 0 35px rgba(255, 0, 255, 0.9);
}



.video-card:hover {
  box-shadow: 0 0 50px rgba(181, 23, 255, 0.6),
              0 0 75px rgba(255, 0, 255, 0.4);
}

.video-card:hover h3 {
  text-shadow: 0 0 12px rgba(181, 23, 255, 0.9),
               0 0 22px rgba(255, 0, 255, 0.7);
}


@keyframes fadeInWithGlow {
  from {
    opacity: 0;
    transform: translateY(30px);
    filter: blur(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}



.btn-bars:hover i {
  text-shadow: 0 0 15px rgba(181, 23, 255, 1),
               0 0 25px rgba(255, 0, 255, 0.9);
}



@media (max-width: 768px) {
 
  .container-logo-responsive img,
  .container-logo img {
    filter: drop-shadow(0 0 10px rgba(181, 23, 255, 0.6));
  }
  
  .container-images-banner img {
    filter: drop-shadow(0 0 15px rgba(181, 23, 255, 0.5));
  }
  
  .game-card:hover {
    box-shadow: 0 0 30px rgba(181, 23, 255, 0.6);
  }
}