/* EDI · ajustes de la página /servicios/ (v2, se carga después de site.css) */

/* Anclas (#scouting, #ingenieria, #renders, #procesos): aire bajo la nav sticky */
.service-row, #procesos { scroll-margin-top: 112px; }

/* Filas de servicio: separación mayor que .stack */
.service-rows { gap: clamp(56px, 7vw, 96px); }

/* Rejilla de fotos del taller (sección Procesos): soldadura ancha + corte + piezas + ficha del horno */
.taller-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; align-items: start; }
.taller-grid__wide { grid-column: span 2; }
@media (max-width: 1199px) {
  .taller-grid { grid-template-columns: repeat(3, 1fr); }
  .taller-grid > :nth-child(3) { grid-column: span 2; }
}
@media (max-width: 899px) {
  .taller-grid { grid-template-columns: repeat(2, 1fr); }
  .taller-grid > :nth-child(3) { grid-column: auto; }
  .taller-grid > .spec { grid-column: span 2; }
}
@media (max-width: 599px) {
  .taller-grid { grid-template-columns: 1fr; }
  .taller-grid > .taller-grid__wide, .taller-grid > .spec { grid-column: auto; }
}

/* Ficha del horno con <dl>: el término lleva el mismo estilo que el span de site.css */
.spec__row dt { font-size: 14px; color: var(--on-dark-muted); }

/* Materiales: celdas un poco más angostas para caber en dos columnas junto al texto (tablet) */
.materials { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }

/* Canales y sectores */
.canales { display: flex; flex-direction: column; gap: 32px; }

/* Móvil: sin altura mínima en pasos y materiales; la tarjeta de pintura (nombre largo) ocupa las dos columnas */
@media (max-width: 640px) {
  .step { min-height: 0; }
  .material { min-height: 0; padding: 20px; }
  .material--ink { grid-column: 1 / -1; }
}