.filtros { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.filtro {
  padding: 10px 18px; border-radius: var(--r-pill);
  background: var(--bg-soft); color: var(--ink-2);
  font-size: var(--fs-sm); font-weight: 600;
  border: 1.5px solid transparent;
  transition: all .15s ease;
}
.filtro:hover { border-color: var(--navy); }
.filtro.ativo { background: var(--navy); color: #fff; border-color: var(--navy); }