/* Chips — filtros de categoria e sugestões rápidas. */
.chips { display: flex; flex-wrap: wrap; gap: var(--esp-2); }
.chip {
  padding: var(--esp-2) var(--esp-3);
  border: 1px solid var(--cor-borda);
  border-radius: var(--raio-pill);
  background: var(--cor-superficie);
  color: var(--cor-texto-suave);
  font-size: var(--texto-sm);
  transition: all var(--transicao);
}
.chip:hover { border-color: var(--cor-primaria); color: var(--cor-primaria); }
.chip--ativo { background: var(--cor-primaria); border-color: var(--cor-primaria); color: #fff; }
.tema-escuro .chip--ativo { color: #06201c; }
.chips--sugestao .chip { text-align: left; }