/* MB IA — Faixa de empresas (prova social) em movimento
   CSS puro, sem JavaScript. Servido de 'self' => permitido pela CSP do site. */

.mb-prova{padding:44px 0 40px;overflow:hidden;background:#0A0A0A}
.mb-prova .band-label{text-align:center;font-size:.9rem;color:#9aa3a0;margin:0 0 22px}

.mb-prova .marquee{
  display:block;position:relative;width:100%;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
}
.mb-prova .marquee + .marquee{margin-top:18px}

.mb-prova ul.marquee-track{
  display:flex;flex-wrap:nowrap;width:max-content;max-width:none;
  gap:56px;list-style:none;margin:0;padding:0;justify-content:flex-start;
  animation:mb-marquee 55s linear infinite;will-change:transform;
}
.mb-prova ul.marquee-track.marquee-rev{animation-direction:reverse;animation-duration:70s}

.mb-prova ul.marquee-track li{
  white-space:nowrap;flex:0 0 auto;margin:0;padding:0;background:none;border:0;opacity:1;
  font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:1.45rem;color:#d7dcd9;letter-spacing:-.01em;
}
.mb-prova ul.marquee-rev li{font-size:1.1rem;font-weight:600;color:#8f9995}

.mb-prova .marquee:hover ul.marquee-track{animation-play-state:paused}

@keyframes mb-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

@media (max-width:640px){
  .mb-prova ul.marquee-track{gap:36px;animation-duration:35s}
  .mb-prova ul.marquee-track li{font-size:1.15rem}
  .mb-prova ul.marquee-rev li{font-size:.95rem}
}

@media (prefers-reduced-motion:reduce){
  .mb-prova ul.marquee-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center;gap:16px 28px}
  .mb-prova ul.marquee-track li:nth-child(n+15){display:none}
  .mb-prova .marquee{-webkit-mask-image:none;mask-image:none}
}