@charset "UTF-8";
/**
 * Bootstrap 5.3 – Variabili SCSS di base
 * @see https://getbootstrap.com/docs/5.3/customize/sass/
 */
/* ----------------------------------------------------------
 * SPACING
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * COLOR SYSTEM
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * BODY
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * TYPOGRAPHY
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * LINK
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * BUTTONS
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * BORDER RADIUS
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * ACCORDION
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * TABS
 * ---------------------------------------------------------- */
.block__slider_loghi {
  /* Animazioni Keyframes */
}
.block__slider_loghi .marquee-container {
  width: 100vw;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
}
.block__slider_loghi .marquee-track {
  display: flex;
  gap: 1.5rem;
  width: fit-content;
  /* Configurazione animazione */
}
.block__slider_loghi .marquee-track.marquee-left {
  animation: scrollLeft 60s linear infinite;
}
.block__slider_loghi .marquee-track.marquee-right {
  animation: scrollRight 60s linear infinite;
}
.block__slider_loghi .marquee-track:hover {
  animation-play-state: paused;
}
.block__slider_loghi .marquee-item {
  width: 220px;
  height: 120px;
}
.block__slider_loghi .marquee-item img {
  max-width: 80%;
  max-height: 80%;
  object-fit: contain;
}
@keyframes scrollLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    /* Scorre esattamente fino alla fine del primo gruppo */
    /* Usa calc(-50% - gap/2) per tenere conto dello spazio tra i gruppi */
    transform: translateX(calc(-50% - 0.75rem));
  }
}
@keyframes scrollRight {
  0% {
    transform: translateX(calc(-50% - 0.75rem));
  }
  100% {
    transform: translateX(0);
  }
}