.clients{background:#de241e;color:#fff;text-align:center;padding:clamp(36px,5vw,48px) var(--pad-x) clamp(48px,7vw,84px)}
.clients__title{margin:0 0 14px;font-size:clamp(26px,3.2vw,35px);font-weight:700;letter-spacing:-.015em;line-height:1.15}
.clients__text{max-width:690px;margin:0 auto clamp(32px,4.4vw,52px);font-size:14px;line-height:1.85;font-weight:500}
.clients__stats[hidden]{display:none}
.clients__stats{list-style:none;margin:0 auto;padding:0;max-width:962px;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.4vw,19px)}
.clients__stat{background:#c0000a;border:1px solid rgba(0,0,0,.08);border-radius:14px;min-height:172px;padding:20px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.clients__num{font-size:clamp(40px,4.4vw,56px);font-weight:700;line-height:1;letter-spacing:-.01em}
.clients__label{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}

@media(max-width:720px){
  .clients__text{font-size:13px}
  .clients__stats{grid-template-columns:repeat(2,1fr)}
  .clients__stat{min-height:140px}
}

/* Logos de marcas (franja en movimiento) */
.clients__logos{max-width:962px;margin:clamp(12px,1.4vw,19px) auto 0;background:#fff;border-radius:14px;overflow:hidden;display:flex;padding:clamp(18px,2.4vw,26px) 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.clients__marquee{list-style:none;margin:0;padding:0;display:flex;align-items:center;flex:none;animation:clients-marquee 55s linear infinite;will-change:transform;backface-visibility:hidden}
.clients__marquee li{flex:none;display:flex;align-items:center;justify-content:center;width:clamp(120px,13vw,150px);height:clamp(56px,6vw,70px);padding:0 clamp(12px,1.6vw,20px)}
.clients__marquee img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.clients__logos:hover .clients__marquee{animation-play-state:paused}
@keyframes clients-marquee{to{transform:translate3d(-100%,0,0)}}
@media(prefers-reduced-motion:reduce){
  .clients__logos{display:block;-webkit-mask-image:none;mask-image:none}
  .clients__marquee{animation:none;flex-wrap:wrap;justify-content:center}
  .clients__marquee[aria-hidden="true"]{display:none}
}