.seoc-hscroll {
  position: relative;
  width: 100%;
  overflow: visible; /* CLAVE: no romper sticky */
}

.seoc-hscroll__spacer {
  position: relative;
  width: 100%;
  overflow: visible; /* por si algún optimizador mete overflow aquí */
}

.seoc-hscroll__pin {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh; /* o custom en inline */
  overflow: hidden; /* aquí sí se controla el recorte visual */
}

.seoc-hscroll__track {
  position: absolute; /* evita empuje vertical */
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  flex-direction: row;
  will-change: transform;
}

.seoc-hscroll__slide {
  height: 100%;
  flex: 0 0 100vw;
  overflow: hidden;
}

/* Clase aplicada por JS cuando “pinea” la sección */
.seoc-hscroll__pin.is-fixed {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 999 !important;
}