/**
 * Proceso de trabajo.
 *
 * Referencia: gruas-mantenimiento-preventivo.html:347 · servicios.html:201.
 */

@media (min-width: 600px) {
  .cg-pasos.cg-toplines--auto {
    grid-template-columns: repeat(auto-fit, minmax(min(216px, 100%), 1fr));
  }
}

.cg-pasos__num {
  font-size: 40px;
  line-height: 1;
  font-weight: 700;
  color: var(--cg-blue-200);
}

.cg-section--dark .cg-pasos__num { color: rgba(var(--cg-blue-200-rgb), .7); }

/* Los pasos se aprietan un punto respecto al reparto general de bloques */
.cg-pasos { gap: clamp(18px, 2.2vw, 26px); }