/* Ogilvy seamless infinite logo loop */
.ogx-carousel-viewport {
  overflow: hidden !important;
}

.ogx-brand-track.ogx-seamless-ready {
  display: flex !important;
  align-items: center !important;
  width: max-content !important;
  gap: 0 !important;
  will-change: transform;
  animation-name: ogx-seamless-marquee-ltr !important;
  animation-duration: var(--ogx-speed, 28s) !important;
  animation-timing-function: linear !important;
  animation-iteration-count: infinite !important;
}

.ogx-direction-right .ogx-brand-track.ogx-seamless-ready {
  animation-name: ogx-seamless-marquee-rtl !important;
}

.ogx-brand-sequence {
  display: flex !important;
  align-items: center !important;
  gap: var(--ogx-brand-gap, 72px) !important;
  padding-right: var(--ogx-brand-gap, 72px) !important;
  flex: 0 0 auto !important;
  white-space: nowrap;
}

.ogx-brand-sequence figure,
.ogx-brand-sequence .wp-block-image,
.ogx-brand-sequence .ogx-brand {
  flex: 0 0 auto !important;
  margin: 0 !important;
}

.ogx-brand-sequence img {
  display: block;
  width: auto;
  max-height: var(--ogx-brand-height, 46px);
  object-fit: contain;
}

@keyframes ogx-seamless-marquee-ltr {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@keyframes ogx-seamless-marquee-rtl {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
  }
}

/* Evita que se pause y se note el corte al pasar el mouse */
.ogx-brand-track.ogx-seamless-ready:hover {
  animation-play-state: running !important;
}