/* Inicio: proyectos, servicios y productos comparten el mismo mosaico. */
.home-services-section {
  padding: 48px 0;
  background: var(--bg-surface, #f8fafc);
  border-block: 1px solid var(--border-light, #e2e8f0);
}

.home-services-section[hidden],
.home-products-section[hidden] { display: none; }

#home-featured-services { display: flex; flex-direction: column; gap: 40px; }
.home-services-gallery, .home-products-gallery { min-width: 0; }
.home-services-gallery[data-photo-count="1"] .showcase-photo,
.home-products-gallery[data-photo-count="1"] .showcase-photo { grid-column: 1 / -1; }
.home-services-gallery[data-photo-count="2"] .showcase-photo:last-child,
.home-products-gallery[data-photo-count="2"] .showcase-photo:last-child { grid-row: span 2; }
.home-products-gallery[data-photo-count="0"] > * { grid-column: 1 / -1; grid-row: span 2; }.home-service-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 20%, rgb(4 23 41 / 18%) 45%, rgb(4 23 41 / 84%) 100%);
  pointer-events: none;
}
.home-mosaic-number { position: absolute; z-index: 1; left: 12px; bottom: 12px; display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid rgb(255 255 255 / 45%); border-radius: 50%; background: rgb(4 23 41 / 35%); color: #fff; font: 700 .875rem var(--font-heading); letter-spacing: .04em; backdrop-filter: blur(10px); }
.home-services-gallery, .home-products-gallery { grid-auto-rows: 130px; }
/* La grifería se fotografía sobre fondo blanco: mostrar la pieza completa. */
.home-products-gallery :is([data-cms-entity-id="accesorios-agua-premium"], [data-cms-entity-id="griferia-bano-gunmetal"]) { background: #fff; }
.home-products-gallery :is([data-cms-entity-id="accesorios-agua-premium"], [data-cms-entity-id="griferia-bano-gunmetal"]) img { object-fit: contain; }
.home-products-gallery :is([data-cms-entity-id="accesorios-agua-premium"], [data-cms-entity-id="griferia-bano-gunmetal"])::after { display: none; }
.home-products-gallery :is([data-cms-entity-id="accesorios-agua-premium"], [data-cms-entity-id="griferia-bano-gunmetal"]):hover img { transform: none; }
.home-service-intro { color: var(--text-slate); font-size: .94rem; line-height: 1.6; max-width: 44ch; margin: 0; }
.home-service-links { display: grid; gap: 0; margin-top: 8px; max-width: 410px; }
.home-service-links button {
  display: grid;
  grid-template-columns: 24px 1fr 18px;
  align-items: center;
  gap: 10px;
  padding: 11px 0;
  border: 0;
  border-bottom: 1px solid var(--border-light);
  background: transparent;
  font: inherit;
  font-size: 1rem;
  font-weight: 700;
  color: var(--brand-navy);
  text-align: left;
  cursor: pointer;
}
.home-service-links button:hover { color: var(--brand-blue); }
.home-service-number { font-size: .875rem; color: var(--brand-blue); font-weight: 800; letter-spacing: .04em; }
.home-service-links button > :last-child { justify-self: end; }

/* Servicios: la fotografía constituye la portada de cada especialidad. */
.service-item-card.service-photo-card { padding: 0; overflow: hidden; gap: 0; }
.service-card-cover {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: 220px;
  padding: 24px;
  background: linear-gradient(130deg, #123b54, #062237);
  isolation: isolate;
}
.service-card-cover > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -2;
  transition: transform .35s ease;
}
.service-card-cover.has-image::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgb(4 23 41 / 3%) 5%, rgb(4 23 41 / 30%) 45%, rgb(4 23 41 / 90%) 100%);
}
.service-photo-card:hover .service-card-cover img { transform: scale(1.04); }
.service-card-cover .service-title-text {
  color: #fff;
  margin: 0;
  font-size: 1.12rem;
  line-height: 1.3;
  text-wrap: balance;
  text-shadow: 0 1px 5px rgb(0 0 0 / 22%);
}
.service-card-copy { padding: 22px 24px 24px; }
.service-card-description { margin: 0 0 18px; color: var(--text-slate); font-size: .89rem; line-height: 1.65; }
.service-photo-card.is-expanded .service-card-description { display: none; }
.service-photo-card .service-detail-cta { max-width: 100%; font-size: .87rem; }
.home-service-links button:focus-visible,
.home-services-gallery .showcase-photo:focus-visible,
.home-products-gallery .showcase-photo:focus-visible,
.service-toggle:focus-visible { outline: 3px solid var(--brand-blue); outline-offset: 4px; }

@media (max-width: 760px) {
  .home-services-section { padding: 36px 0; }
  .home-services-section .home-products-head { flex-wrap: wrap; gap: 16px; }
  .home-services-gallery, .home-products-gallery { grid-auto-rows: 106px; }
  .home-service-links { max-width: none; }
  .service-card-cover { min-height: 210px; }
}
@media (prefers-reduced-motion: reduce) {
  .service-card-cover > img, .home-services-gallery img, .home-products-gallery img { transition: none; }
  .service-photo-card:hover .service-card-cover img, .home-services-gallery .showcase-photo:hover img,
  .home-products-gallery .showcase-photo:hover img { transform: none; }
}