/* estilos/filtros-guardados.css — componentes/filtros-guardados.js (mxFiltros.vincular).
   Los chips de filtros activos y «Limpiar filtros». Solo tokens: el acento va en la LETRA y
   la línea, el fondo queda en la superficie neutra. */

.mxf-chips {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
  margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--border);
}
.mxf-chips[hidden] { display: none; }
.mxf-tit { font-size: 13px; color: var(--text-2); }
.mxf-chip {
  display: inline-flex; align-items: center; gap: 6px;
  min-height: 32px; padding: 0 4px 0 12px; border-radius: 999px;
  border: 1px solid var(--blue-light-txt, var(--blue-light)); background: var(--navy-3);
  color: var(--blue-light-txt, var(--blue-light)); font-size: 13px; font-weight: 600;
}
.mxf-quitar {
  width: 26px; height: 26px; border: 0; border-radius: 50%; padding: 0;
  background: transparent; color: inherit; font-size: 12px; line-height: 1; cursor: pointer;
}
.mxf-quitar:hover { background: var(--blue-glow); }
.mxf-quitar:focus-visible, .mxf-limpiar:focus-visible { outline: 2px solid var(--blue-light-txt, var(--blue-light)); outline-offset: 1px; }
.mxf-limpiar {
  min-height: 32px; padding: 0 8px; border: 0; background: transparent; cursor: pointer;
  color: var(--blue-light-txt, var(--blue-light)); font-size: 13px; font-weight: 600;
  font-family: var(--font); text-decoration: underline;
}