/* Mural "Empresas que usam nossas soluções".
   Compartilhado pela página inicial e pela página de soluções.
   Os logos são brancos com fundo transparente (img/clientes/). A largura de cada um é ajustada
   na própria imagem pela variável --w, para o peso visual ficar equilibrado. */
.clientes { padding: 0 20px 20px; text-align: center; }
.clientes-cont { max-width: 1100px; margin: 0 auto; }
.clientes-titulo { margin: 0 0 34px; font: 600 .95rem/1.4 'Rajdhani', 'Segoe UI', sans-serif; letter-spacing: .2em; text-transform: uppercase; color: #94a3b8; }
.clientes-lista { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 28px 64px; }
.clientes-lista li { display: flex; align-items: center; justify-content: center; min-height: 70px; }
.clientes-lista img { display: block; width: var(--w); height: auto; opacity: .72; transition: opacity .3s; }
.clientes-lista img:hover { opacity: 1; }
@media (max-width: 600px) {
    .clientes-lista { gap: 22px 36px; }
    .clientes-lista li { min-height: 56px; }
    .clientes-lista img { width: calc(var(--w) * .8); }
}