/* Transiciones suaves entre secciones claras y oscuras */
.pdp-section-blend {
  position: relative;
  isolation: isolate;
}

.pdp-section-blend--to-dark::after,
.pdp-section-blend--to-light::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: clamp(72px, 10vw, 140px);
  pointer-events: none;
  z-index: 1;
}

.pdp-section-blend--to-dark::after {
  bottom: 0;
  background: linear-gradient(to bottom, transparent 0%, var(--pdp-blend-target, #0a0d0a) 100%);
}

.pdp-section-blend--to-light::before {
  top: 0;
  background: linear-gradient(to bottom, var(--pdp-blend-source, #020402) 0%, transparent 100%);
}

/* Home: portafolio oscuro con puente hacia sectores */
body.home-page #portafolio.portfolio.pdp-section-blend {
  --pdp-blend-target: #0a0d0a;
}

body.home-page #showreel.showreel.pdp-section-blend {
  --pdp-blend-source: #020402;
  --pdp-blend-target: #051008;
}

body.home-page #servicios-oficiales.service-gallery.pdp-section-blend {
  --pdp-blend-source: #051008;
  --pdp-blend-target: #020402;
}

body.home-page #sectores.pdp-sectores {
  position: relative;
}

body.home-page #sectores.pdp-sectores::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: clamp(80px, 12vw, 160px);
  background: linear-gradient(to bottom, #020402 0%, transparent 100%);
  pointer-events: none;
  z-index: 0;
}

body.home-page #sectores.pdp-sectores > .container {
  position: relative;
  z-index: 1;
}