body.modal-open {
  overflow: hidden;
  /* Oculta el scroll del body */
  position: fixed;
  /* Fija el body */
  width: 100%;
  /* Para evitar salto */
  height: 100vh;
  /* Usa vh para la altura completa */
  overscroll-behavior: none;
}

@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}

/* Apply the animation to the custom 'blink' class */
.blink {
  animation: blink-effect 1s step-end infinite;
  /* Controls speed and repetition */
  display: inline-block;
  /* Ensures proper layout behavior for text/inline elements */
}

* {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.noscroll {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.left-sport.active {
  border-left: 2px solid var(--color-primary);
}

.match-odd.active {
  background: #FFCC00;
  background: linear-gradient(180deg, rgba(255, 204, 0, 1) 0%, rgba(194, 155, 2, 1) 100%);
}

.swiper-slide-leagues {
  width: max-content !important;
}

.league-item {
  opacity: 0.5;
  transition: opacity 0.2s ease, background 0.2s ease;
}

.league-item.selected {
  opacity: 1;
  border-color: var(--color-primary);
}