/* filtros.css — píldoras Todas / Casas / Departamentos. La activa cambia de color y de peso:
   el color nunca es el único indicador. */
.filtros {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--esp-2);
  margin-bottom: var(--esp-6);
}
.filtros__pildora {
  min-height: var(--toque-min);
  padding: var(--esp-2) var(--esp-5);
  border-radius: var(--radio-pill);
  border: 1px solid var(--kv-perla);
  background: var(--kv-nube);
  color: var(--kv-tinta);
  font-size: var(--txt-sm);
  font-weight: 500;
  transition: background-color var(--mov-rapido) var(--curva), border-color var(--mov-rapido) var(--curva), color var(--mov-rapido) var(--curva);
}
.filtros__pildora:hover { border-color: var(--kv-lavanda); }
.filtros__pildora:focus-visible { border-radius: var(--radio-pill); }
.filtros__pildora[aria-pressed="true"] {
  background: var(--kv-lavanda-profunda);
  border-color: var(--kv-lavanda-profunda);
  color: var(--kv-nube);
  font-weight: 600;
}