/**
 * Franja de sectores.
 *
 * Referencia: manlift.html:216 · servicios.html:281.
 */

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

/* El rótulo de la franja encabeza la fila: azul de marca y sin encoger.
   No se toca .cg-label en base.css: el mismo átomo etiqueta datos en gris. */
.cg-sectores > .cg-label {
  flex: none;
  font-size: var(--cg-fs-eyebrow);
  letter-spacing: var(--cg-ls-num);
  color: var(--cg-navy-700);
}

.cg-sectores__lista {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.cg-section--dark .cg-sectores .cg-tag {
  background: rgba(var(--cg-white-rgb), .1);
  color: var(--cg-blue-100);
}

/* La franja es una banda baja: no toma el espaciado compacto general */
.cg-mod-chips-sectores.cg-section--compact { padding-block: clamp(28px, 3.6vw, 40px); }