/* Logos de clientes, siempre en gris.
   Cada empresa es un <li class="client">. Mientras no haya archivo se muestra su nombre;
   cuando lo tengas, cambia el <span> por <img src="assets/clientes/archivo.svg" alt="Nombre">. */
.clients-title{font-size:13px;color:var(--muted);margin:0 0 18px}
.clients-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.client{display:flex;align-items:center;justify-content:center;height:76px;padding:10px 8px;background:#f3f3ef;border-radius:4px;text-align:center}
.client span{font-size:12px;font-weight:600;line-height:1.3;color:#9a9a92}
.client img{display:block;max-width:100%;max-height:40px;object-fit:contain;filter:grayscale(1);opacity:.65;transition:opacity .2s}
.client:hover img{opacity:1}
@media(max-width:1000px){.clients-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:650px){.clients-list{grid-template-columns:repeat(2,minmax(0,1fr))}.client{height:64px}}