/* Bride Era R14.7.76 — restaura o marquee dos módulos no desktop.
   Linha superior corre para a esquerda; linha inferior corre para a direita. */

@media (min-width: 821px) {
  .marquee-wrap {
    overflow: hidden !important;
  }

  .marquee {
    overflow: hidden !important;
    contain: paint;
  }

  .marquee .mq-linha {
    display: flex !important;
    width: max-content !important;
    min-width: max-content !important;
    flex-wrap: nowrap !important;
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    animation-name: brideraMarqueeLeft !important;
    animation-duration: 44s !important;
    animation-timing-function: linear !important;
    animation-iteration-count: infinite !important;
    animation-direction: normal !important;
    animation-fill-mode: none !important;
    animation-play-state: running !important;
  }

  .marquee.reverso .mq-linha {
    animation-name: brideraMarqueeRight !important;
    animation-duration: 52s !important;
    animation-direction: normal !important;
    animation-play-state: running !important;
  }

  /* No desktop, passar o mouse não congela mais as faixas. */
  .marquee:hover .mq-linha,
  .marquee:focus-within .mq-linha {
    animation-play-state: running !important;
  }

  @keyframes brideraMarqueeLeft {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(calc(-50% - 5px), 0, 0); }
  }

  @keyframes brideraMarqueeRight {
    from { transform: translate3d(calc(-50% - 5px), 0, 0); }
    to   { transform: translate3d(0, 0, 0); }
  }
}

/* Mantém a preferência de acessibilidade do próprio sistema operacional. */
@media (min-width: 821px) and (prefers-reduced-motion: reduce) {
  .marquee .mq-linha,
  .marquee.reverso .mq-linha {
    animation: none !important;
    transform: none !important;
    will-change: auto !important;
  }
}