/* ============================================================
   NexoFlow — Faixa de logos de clientes
   ============================================================ */

.logos{padding:44px 0 8px}
.logos p{
  text-align:center;color:var(--ink-faint);font-size:14px;
  font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:26px;
}
.logos-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 46px}
.logo-chip{
  display:flex;align-items:center;gap:10px;color:var(--ink-faint);opacity:.78;
  font-family:var(--font-head),sans-serif;font-weight:800;font-size:19px;letter-spacing:-.01em;
  filter:grayscale(1);transition:opacity .2s,filter .2s;
  opacity:1; /* sem opacity para garantir contraste mínimo 5.2:1 (WCAG AA) */
}
.logo-chip:hover{opacity:.85;filter:grayscale(0)}
.logo-chip .gm{width:26px;height:26px;border-radius:7px;background:var(--ink-faint);opacity:.7}

/* Mobile: exatamente 2 logos por linha, centrados como grupo */
@media(max-width:640px){
  .logos-row{
    display:grid;
    grid-template-columns:repeat(2,auto);
    gap:20px 48px;
    justify-content:center;
  }
  .logo-chip{font-size:16px}
}