/* Colaboraciones: banda vino con título centrado y logotipos blancos en fila.
   Remata con el festón de papel picado sobre la banda siguiente.
   Todos los logotipos comparten alto (salen de recortes de 330 px de alto):
   3.75rem en celular y 5rem desde 48rem (768 px).
   Depende de tokens.css, base.css (.banda--marca) y del componente .feston. */

.colaboraciones {
  --feston-color: var(--fondo-marca);
  text-align: center;
}

.colaboraciones__titulo {
  margin-bottom: var(--espacio-6);
  font-weight: var(--peso-normal);
}

.colaboraciones__lista {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--espacio-5) var(--espacio-6);
}

.colaboraciones__logo {
  width: auto;
  height: 3.75rem;
}

.colaboraciones__nombre {
  font-family: var(--fuente-display);
  font-size: var(--texto-tarjeta);
}

@media (min-width: 48rem) {
  .colaboraciones__lista {
    gap: var(--espacio-6) var(--espacio-7);
  }

  .colaboraciones__logo {
    height: 5rem;
  }
}