/**
 * Listado de convenios (vista bib_alliance, display listing) según Figma
 * (UB-414): chips de región, separador y una fila con el contador de
 * resultados a la izquierda y el orden por nombre a la derecha.
 *
 * Medidas del Figma: 64px entre la búsqueda y los chips, 8px entre chips,
 * separador a 24px, fila del contador a 24px del separador y 32px hasta el
 * grid; en el orden, 20px tras la etiqueta y 10px entre chips.
 */
.bib-alliance-listing__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 4rem;
}

/* Con .form-item, igual que los chips de Espacios: el subrayado global de
   los enlaces del formulario tiene la misma especificidad y carga después. */
.form-item .bib-alliance-listing__chips a[href],
.form-item .bib-alliance-listing__sort a[href] {
  max-width: 100%;
  text-decoration: none;
}

.bib-alliance-listing__toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 1.5rem 0 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--c-uniandes-color-neutro-50);
}

/* Sin márgenes (la clase tipográfica ss3 trae margen inferior), para que
   el contador, la etiqueta y los chips queden centrados en la fila. */
.bib-alliance-listing__toolbar .bib-alliance-listing__count,
.bib-alliance-listing__toolbar .form-item {
  margin: 0;
}

.bib-alliance-listing__sort {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem;
}

.bib-alliance-listing__sort .bib-alliance-listing__sort-label {
  margin: 0 0.625rem 0 0;
}

@media (max-width: 767px) {
  .bib-alliance-listing__chips {
    margin-top: 2rem;
  }
}