/* Faixa "Empresas de verdade": os 33 clientes da landing page, logos um pouco maiores e rolando sozinhos
   (pedido do Sérgio em 16/10/2026: "aumente um pouquinho as logos e acrescente as outras, pode deixar rodando").
   A trilha tem o grupo de logos duas vezes; anda metade da largura e recomeça sem salto. */
.trust-strip .logos-rolando{display:block;flex:1;min-width:0;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.trust-strip .logos-trilha{display:flex;width:max-content;animation:sg-logos-rolando 110s linear infinite}
.trust-strip .logos-rolando:hover .logos-trilha,.trust-strip .logos-rolando:focus-within .logos-trilha{animation-play-state:paused}
.trust-strip .logos-grupo{display:flex;align-items:center;flex:none}
.trust-strip .logos-rolando img{display:block!important;flex:none;width:auto;max-width:none;height:80px;aspect-ratio:1/1;
  object-fit:contain;margin:0 44px 0 0;border-radius:6px;mix-blend-mode:multiply;filter:grayscale(1);opacity:.8;transition:filter .3s,opacity .3s}
.trust-strip .logos-rolando img:hover{filter:none;opacity:1}
@keyframes sg-logos-rolando{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:960px){.trust-strip .logos-rolando img{height:72px;margin-right:36px}}
@media(max-width:680px){
  .trust-strip .logos-rolando{width:100%}
  .trust-strip .logos-rolando img{height:64px;margin-right:28px}
  .trust-strip .logos-trilha{animation-duration:90s}
}
/* quem pede menos movimento: sem animação, a faixa vira rolagem com o dedo e o grupo repetido some */
@media(prefers-reduced-motion:reduce){
  .trust-strip .logos-trilha{animation:none}
  .trust-strip .logos-rolando{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
  .trust-strip .logos-grupo[aria-hidden="true"]{display:none}
}