/* Deslize continuo das faixas "Categorias" (direita) e "Top 10" (esquerda).
   A fita duplica os itens, entao -50% completa exatamente uma volta. */

@keyframes mi-fx-esq{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@keyframes mi-fx-dir{
  from{transform:translate3d(-50%,0,0)}
  to{transform:translate3d(0,0,0)}
}

.mi-fx,.mi-fx__host{
  overflow:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important
}
.mi-fx::-webkit-scrollbar,.mi-fx__host::-webkit-scrollbar{display:none!important}

.mi-fx .mi-fx__fita{
  display:flex!important;
  flex-wrap:nowrap!important;
  width:max-content!important;
  animation:mi-fx-esq var(--mi-fx-dur,90s) linear infinite;
  will-change:transform
}
.mi-fx--dir .mi-fx__fita{animation-name:mi-fx-dir}

/* para enquanto o visitante olha de perto ou navega pelo teclado */
.mi-fx:hover .mi-fx__fita,
.mi-fx:focus-within .mi-fx__fita{animation-play-state:paused}

/* os slides mantem a largura que o Swiper deixou inline */
.mi-fx .mi-fx__fita > *{flex-shrink:0!important;height:auto}

/* controles do Swiper que ficariam orfaos */
.mi-fx__host .swiper-scrollbar,
.mi-fx__host .swiper-pagination,
.mi-fx__host .elementor-swiper-button{display:none!important}

/* Movimento reduzido: continua deslizando, porem a 60% da velocidade.
   E um deslize linear lento, sem zoom nem piscada, e tem pausa no hover —
   parar por completo deixaria as faixas estaticas para quem tem "Efeitos de
   animacao" desligado no Windows, que e o padrao em muitas maquinas. */
@media (prefers-reduced-motion:reduce){
  .mi-fx .mi-fx__fita{animation-duration:calc(var(--mi-fx-dur,90s) * 1.6)}
}