/* Sin JavaScript, la lista sigue siendo recorrible mediante scroll horizontal. */
.clients-section{--clients-visible:4;--clients-gap:20px}
.clients-section .section-heading{align-items:center}
.clients-controls{display:flex;gap:4px;flex-shrink:0}
.clients-controls .icon-button{width:40px;height:40px;background:transparent;color:var(--ink)}
.clients-controls .icon-button:hover{background:#eae6df;color:var(--red)}
.clients-controls .icon{width:18px;height:18px}
.clients-viewport{overflow-x:auto;scrollbar-width:thin}
.clients-viewport:focus-visible{outline:2px solid var(--red);outline-offset:5px}
.clients-track{display:flex;gap:var(--clients-gap);list-style:none;margin:0;padding:0}
.client-logo{display:flex;align-items:center;justify-content:center;flex:0 0 calc((100% - 3 * var(--clients-gap))/4);min-width:0;height:112px;background:#eeebe5;padding:14px 18px}
.client-logo img{width:100%;height:auto;max-height:84px;object-fit:contain;aspect-ratio:2.8}
.clients-ready .clients-viewport{overflow:hidden;touch-action:pan-y}
.clients-ready .clients-track{transition:transform .55s ease}
.clients-track.clients-reset{transition:none}
@media(max-width:47.9375em){
  .clients-section{--clients-visible:2;--clients-gap:12px}
  .clients-section .section-heading{gap:8px}
  .clients-section .section-heading h2{font-size:1.3125rem}
  .clients-controls .icon-button{width:36px;height:40px}
  .client-logo{flex-basis:calc((100% - var(--clients-gap))/2);height:92px;padding:12px}
}
@media(prefers-reduced-motion:reduce){.clients-ready .clients-track{transition:none}}