/* Carrossel "Empresas que já treinaram com o Opus" (partials/empresas-carrossel.php) */
.empresas {
  --empresas-fundo: var(--ink, #141110);
  background: var(--empresas-fundo); color: #fff;
  border-top: 1px solid var(--line-light, rgba(255, 255, 255, .14));
  padding: clamp(26px, 3.4vw, 40px) 0 clamp(28px, 3.6vw, 44px);
  overflow: hidden;
}
.empresas__topo { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: clamp(10px, 1.6vw, 18px); }
.empresas__topo .kicker { margin: 0; }

.empresas__pausa {
  display: inline-grid; place-items: center; flex: none; width: 34px; height: 34px; padding: 0;
  border: 1px solid rgba(255, 255, 255, .28); border-radius: 50%; background: transparent; color: var(--muted-light, #b9b0a9);
  cursor: pointer; transition: color .2s, border-color .2s;
}
.empresas__pausa[hidden] { display: none; }
.empresas__pausa:hover { color: #fff; border-color: #fff; }
.empresas__pausa:focus-visible { outline: 2px solid var(--red, #df0009); outline-offset: 3px; }
.empresas__pausa svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.empresas__pausa .empresas__i-play { display: none; fill: currentColor; stroke-width: 1.5; }
.empresas__pausa[aria-pressed="true"] .empresas__i-pausa { display: none; }
.empresas__pausa[aria-pressed="true"] .empresas__i-play { display: block; }

.empresas__janela {
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}
.empresas__trilho {
  display: flex; width: max-content;
  animation: empresas-rola var(--empresas-dur, 60s) linear infinite;
}
.empresas__janela:hover .empresas__trilho,
.empresas__janela:focus-within .empresas__trilho,
.empresas.is-pausado .empresas__trilho,
.empresas.is-fora .empresas__trilho { animation-play-state: paused; }

.empresas__lista { display: flex; align-items: center; margin: 0; padding: 0; list-style: none; }
.empresas__lista li { flex: none; padding: 0 clamp(10px, 1.8vw, 24px); }
.empresas__lista img {
  display: block; width: clamp(120px, 13vw, 180px); height: auto;
  opacity: .72; transition: opacity .25s;
}
.empresas__lista img:hover { opacity: 1; }

@keyframes empresas-rola { to { transform: translateX(-50%); } }

@media (max-width: 420px) {
  .empresas__topo .kicker { font-size: 12px; letter-spacing: .12em; }
  .empresas__lista img { width: 132px; }
}

/* Versão para fundo claro: os PNGs brancos viram grafite */
.empresas--claro { --empresas-fundo: var(--white, #fff); color: var(--text, #1a1614); border-top-color: var(--line, rgba(20, 17, 16, .12)); border-bottom: 1px solid var(--line, rgba(20, 17, 16, .12)); }
.empresas--claro .empresas__pausa { color: var(--muted, #6b625c); border-color: rgba(20, 17, 16, .25); }
.empresas--claro .empresas__pausa:hover { color: var(--text, #1a1614); border-color: var(--text, #1a1614); }
.empresas--claro .empresas__lista img { filter: brightness(0); opacity: .5; }
.empresas--claro .empresas__lista img:hover { opacity: .85; }

@media (prefers-reduced-motion: reduce) {
  .empresas__pausa { display: none !important; }
  .empresas__janela { -webkit-mask-image: none; mask-image: none; }
  .empresas__trilho { animation: none; width: auto; }
  .empresas__lista { flex-wrap: wrap; justify-content: center; row-gap: 8px; padding: 0 var(--gutter, 16px); }
  .empresas__lista[aria-hidden="true"] { display: none; }
}