/* ============================================================================
   Las etiquetas con su simbolo y por familias (ver sj-etiquetas.js).
   ========================================================================== */

.sj-et__ico {
  margin-right: 0.28em;
  font-size: 0.92em;
  line-height: 1;
  /* El simbolo no se colorea con el color de la etiqueta: pierde su dibujo. */
  filter: saturate(1.1);
}

/* En la pantalla de etiquetas: una rejilla con sus titulos de familia. */
.labels-list.sj-et__lista {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.5rem;
}

.sj-et__fam {
  flex-basis: 100%;
  margin: 1.1rem 0 0.1rem;
  padding-top: 0.6rem;
  border-top: 1px solid var(--sj-linea, #dce5ef);
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}
.sj-et__fam:first-child,
.sj-et__fam[data-sj-fam="trabajo"] { margin-top: 0.2rem; padding-top: 0; border-top: 0; }

.sj-et__fam span {
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: var(--grey-400, #8496a8);
}
.sj-et__fam small {
  font-family: Georgia, "Iowan Old Style", serif;
  font-size: 0.78rem;
  color: var(--grey-400, #8496a8);
  font-variant-numeric: tabular-nums;
}

/* Un poco mas de aire dentro del chip, que con el simbolo iba apretado. */
.labels-list.sj-et__lista .tag { padding-left: 0.5em; padding-right: 0.6em; }