/* Home A — faixa de logos de clientes em carrossel infinito (mesmos logos da
   variante B). Substitui o slider Splide antigo, que distorcia os logos.
   Folha carregada só quando a variante A é a renderizada (_webflow.index.tsx).
   Antes do split de CSS por rota estas regras viviam no styles.css global. */
[data-exp-variant="A"] .home-a-marquee {
  overflow: hidden;
  margin: 24px 0 8px;
  mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
[data-exp-variant="A"] .home-a-marquee-track {
  display: flex;
  align-items: center;
  gap: 56px;
  width: max-content;
  animation: home-a-marquee 40s linear infinite;
}
@keyframes home-a-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
[data-exp-variant="A"] .home-a-marquee:hover .home-a-marquee-track,
[data-exp-variant="A"] .home-a-marquee:focus-within .home-a-marquee-track {
  animation-play-state: paused;
}
[data-exp-variant="A"] .home-a-logo {
  height: 40px;
  width: auto;
  max-width: none;
  object-fit: contain;
  flex: none;
}
@media (prefers-reduced-motion: reduce) {
  [data-exp-variant="A"] .home-a-marquee-track {
    animation: none !important;
  }
  [data-exp-variant="A"] .home-a-marquee {
    overflow-x: auto;
  }
}