.tw-filtros {
display:flex;
flex-wrap:wrap;
gap:6px;
margin-bottom:10px;
}

.tw-filtro-bloque {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:6px;
margin-bottom:6px;
}

.tw-filtro-titulo {
font-weight:600;
margin-right:6px;
}

/* CHIP */

.tw-filtro {
display:inline-flex;
align-items:center;
gap:6px;
padding:4px 8px;
border-radius:6px;
border:1px solid #ddd;
background:#fff;
cursor:pointer;
font-size:13px;
line-height:1;
}

.tw-filtro:hover {
background:#f5f5f5;
}

.tw-filtro.activo {
background:#222;
color:#fff;
border-color:#222;
}

/* ICONO */

.tw-chip-icono {
display:inline-flex;
width:18px;
height:18px;
align-items:center;
justify-content:center;
}

.tw-chip-icono img,
.tw-chip-icono svg {
width:18px;
height:18px;
display:block;
}

/* TEXTO */

.tw-chip-texto {
white-space:nowrap;
}

/* CONTADOR */

.tw-filtro-contador {
opacity:.6;
font-size:11px;
margin-left:2px;
}


.tw-filtro.activo.tw-icono-wfb { background:#2c5a2c; }
.tw-filtro.activo.tw-icono-40k { background:#2c2c5a; }
.tw-filtro.activo.tw-icono-tow { background:#5a3c2c; }