.dsl-active {
    background: var(--clbb-grafito); color: var(--clbb-blanco);
    padding: .9rem 1.2rem; margin-bottom: 1.5rem;
    display: flex; align-items: center; gap: .75rem; flex-wrap: wrap;
    border-left: 6px solid var(--clbb-amarillo);
  }
  .dsl-active__label {
    font-family: var(--clbb-font-display); font-weight: 700; font-size: .72rem;
    letter-spacing: .14em; text-transform: uppercase; color: var(--clbb-amarillo);
  }
  .dsl-active__chip {
    display: inline-flex; align-items: center; gap: .45rem;
    font-family: var(--clbb-font-display); font-weight: 600; font-size: .74rem;
    letter-spacing: .04em; text-transform: uppercase;
    padding: .35rem .7rem; background: var(--clbb-amarillo); color: var(--clbb-grafito);
    text-decoration: none;
  }
  .dsl-active__chip:hover { background: var(--clbb-blanco); }
  .dsl-active__chip-cat { color: var(--clbb-grafito-70); font-weight: 500; }
  .dsl-active__chip-x {
    background: rgba(60,58,60,.15); color: var(--clbb-grafito);
    width: 18px; height: 18px; padding: 0; line-height: 1;
    display: inline-flex; align-items: center; justify-content: center;
    font-family: var(--clbb-font-display); font-weight: 700;
  }
  .dsl-active__clear {
    margin-left: auto;
    font-family: var(--clbb-font-display); font-weight: 700; font-size: .72rem;
    letter-spacing: .12em; text-transform: uppercase;
    padding: .4rem .8rem; background: var(--clbb-amarillo); color: var(--clbb-grafito);
    text-decoration: none;
  }
  .dsl-active__clear:hover { background: var(--clbb-blanco); }