/* ================================================================
   CLIENTES — Ticker infinito de logos
   ================================================================ */

.clients {
  background: var(--cream);
  padding: 90px 0;
}

/* ── Ticker wrapper ─────────────────────────────────────────── */
.clients-marquee-wrap {
  margin-top: 60px;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
  overflow: hidden;
}

.clients-track {
  display: flex;
  gap: 80px;
  align-items: center;
  width: max-content;
  animation: scroll 35s linear infinite;
}

/* ── Logo item ──────────────────────────────────────────────── */
.client-logo {
  height: 50px;
  width: auto;
  display: block;
  filter: brightness(0);
  opacity: 0.5;
  transition: opacity 0.3s ease, filter 0.3s ease;
  flex-shrink: 0;
}

.client-logo:hover {
  opacity: 1;
  filter: invert(60%) sepia(30%) saturate(800%) hue-rotate(270deg) brightness(1.05);
}