/* Faixa de logos de clientes: CSS puro, duas listas, loop infinito.
   Pausa no hover/foco, grade estatica com prefers-reduced-motion ou com menos de 5 logos. */
.lc__janela{overflow:hidden;width:100%;margin:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.lc__trilho{display:flex;width:max-content;animation:lc-rola 45s linear infinite}
.lc__janela:hover .lc__trilho,.lc__janela:focus-within .lc__trilho{animation-play-state:paused}
.lc__lista{display:flex;align-items:center;gap:clamp(36px,6vw,80px);padding:0 clamp(18px,3vw,40px);margin:0;list-style:none;flex:none;min-width:100vw;justify-content:space-around}
.lc__lista li{display:flex;align-items:center;height:56px}
.lc__lista img{height:40px;width:auto;max-width:170px;object-fit:contain;flex:none;filter:grayscale(1);opacity:.6;transition:filter .28s,opacity .28s}
.lc__lista img:hover{filter:none;opacity:1}
@keyframes lc-rola{to{transform:translateX(-50%)}}
.lc--estatica .lc__janela{-webkit-mask-image:none;mask-image:none}
.lc--estatica .lc__trilho{animation:none;width:auto;justify-content:center}
.lc--estatica .lc__lista{flex-wrap:wrap;justify-content:center}
@media (prefers-reduced-motion:reduce){
 .lc__janela{-webkit-mask-image:none;mask-image:none}
 .lc__trilho{animation:none;width:auto;justify-content:center}
 .lc__lista{flex-wrap:wrap;justify-content:center;row-gap:24px}
 .lc__lista--dup{display:none}
}
.lc__lista a{display:flex;align-items:center;height:56px}
.lc__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.block.lc{padding:28px 0}@media(min-width:900px){.block.lc{padding:36px 0}}