/**
 * Service gallery component — Smart Catering Child
 *
 * Shared gallery grid for the unified B2B service funnel
 * (templates/page-division.php + templates/page-servicio.php).
 *
 * Modeled on .sc-finca-galeria (assets/css/components/finca.css §5):
 * responsive auto-fit grid, fixed aspect-ratio, rounded corners, hover zoom.
 * The section is rendered only when the service_gallery repeater has rows,
 * so there is no empty-state to style here.
 *
 * Unlayered + body.scc-fase0 scoped, matching the finca.css convention so the
 * cascade order (overrides.css last) keeps these rules winning over the
 * GeneratePress/Elementor base.
 *
 * @package SmartCateringChild
 */

/* ===== SERVICE GALLERY (conditional) ===== */
body.scc-fase0 .sc-service-gallery {
  padding-top: clamp(var(--space-section-sm), 8vh, var(--space-section-md));
  padding-bottom: clamp(var(--space-section-sm), 8vh, var(--space-section-md));
}

body.scc-fase0 .sc-service-gallery__header {
  margin-bottom: clamp(1.5rem, 4vw, 2.75rem);
}

body.scc-fase0 .sc-service-gallery__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 0.75rem;
}

body.scc-fase0 .sc-service-gallery__item {
  margin: 0;
  overflow: hidden;
  border-radius: 4px;
  aspect-ratio: 4 / 3;
  background: rgba(0, 0, 0, 0.06);
}

body.scc-fase0 .sc-service-gallery__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 400ms ease;
}

body.scc-fase0 .sc-service-gallery__item:hover img {
  transform: scale(1.03);
}