/* chip.css — los intereses.
   Dos usos distintos con la misma pinta: el chip que se PULSA (formulario y
   filtro, estado en `aria-pressed`) y el chip `fijo`, que solo muestra un
   interés de otra persona y no se puede tocar. `comun` marca los que se
   comparten con quien mira. */

.chips{display:flex; flex-wrap:wrap; gap:.4rem}
.chip{
  border:1px solid var(--line); background:var(--card); color:var(--muted);
  font:inherit; font-size:.85rem; padding:.3rem .7rem; border-radius:999px;
  cursor:pointer; user-select:none;
}
.chip:hover{border-color:var(--brand); color:var(--ink)}
.chip[aria-pressed="true"]{background:var(--brand); border-color:var(--brand); color:var(--brand-ink)}

.chip.fijo{cursor:default; background:var(--brand-suave); border-color:transparent; color:var(--ink)}
.chip.fijo:hover{border-color:transparent}
.chip.fijo.comun{background:var(--acento-suave); box-shadow:inset 0 0 0 1px var(--acento)}