/**
 * Barra de alianzas.
 *
 * Referencia: index.html:139.
 */

.cg-alianzas {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 34px;
}

.cg-alianzas__lista {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
}

/* La altura del logo la fija el gestor: cada marca tiene su proporción */
.cg-alianzas .cg-logocap img { height: var(--alto, 26px); }

/* Aquí el rótulo no es un acento: acompaña a los logos y va en azul de marca */
.cg-alianzas > .cg-label {
  font-size: var(--cg-fs-eyebrow);
  letter-spacing: var(--cg-ls-num);
  color: var(--cg-navy-700);
}

/* Con encabezado de sección el rótulo desaparece y solo queda la fila */
.cg-alianzas--sola { gap: 14px; }

/* Solo la franja compacta de portada (index.html:139) es una banda estrecha:
   ni hereda el espaciado de sección ni lleva filete superior. Con encabezado
   propio (nosotros.html:241) la sección conserva ambos. */
.cg-mod-barra-alianzas.cg-section--compact {
  padding-block: clamp(20px, 3vw, 30px);
  border-top: 0;
}