body:has(.sidn-xmas-hero) {
    overflow-x: hidden;
}
/* Altura del hero: 780px como has indicado */
:root {
  --sidn-xmas-hero-height: 930px;
}

/* Contenedores laterales (uno por lado) */
#sidn-xmas-left,
#sidn-xmas-right {
  position: absolute;   /* se mueven con el scroll */
  top: 150px;
  width: clamp(80px, 8vw, 140px);
  pointer-events: none;
  z-index: 1;
}

/* Posición horizontal */
#sidn-xmas-left {
  left: 0;
}

#sidn-xmas-right {
  right: 0;
}

/* Capas internas: hero y franja */
.sidn-xmas-hero,
.sidn-xmas-franja {
  position: absolute;
  left: 0;
  right: 0;
  background-position: top center;
  background-size: contain;
}

/* HERO: ocupa los primeros 780px desde arriba */
.sidn-xmas-hero {
  top: 0;
  height: var(--sidn-xmas-hero-height);
  background-repeat: no-repeat;
}

/* FRANJA: empieza a partir de los 780px y baja hasta el final */
.sidn-xmas-franja {
  top: var(--sidn-xmas-hero-height);
  bottom: 0;
  background-repeat: repeat-y;
}

/* Fondos de cada lado */
.sidn-xmas-hero-left {
  background-image: url('../img/decoracion-navidad/hero_izquierda_color.svg');
  left: -28px;
}

.sidn-xmas-franja-left {
  background-image: url('../img/decoracion-navidad/franja_izquierda.svg');
}

.sidn-xmas-hero-right {
  background-image: url('../img/decoracion-navidad/hero_blanco_derecha.svg');
  right: -25px;
}

.sidn-xmas-franja-right {
  background-image: url('../img/decoracion-navidad/franja_derecha.svg');
}

/* Responsive opcional */
@media (max-width: 768px) {
  #sidn-xmas-left,
  #sidn-xmas-right {
    width: 60px;
    opacity: 0.75;
  }
}