/* V56: exact hero isolated in iframe, native vertical page scroll -> sticky horizontal home */
html{scroll-behavior:auto!important}
html,body.native-home-flow{width:100%!important;min-width:0!important;height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;background:#fff!important}
body.native-home-flow{margin:0!important;cursor:auto!important}
body.native-home-flow *{cursor:inherit}
body.native-home-flow button,body.native-home-flow a,body.native-home-flow [role="button"]{cursor:pointer!important}
.hero-bridge{position:relative;width:100%;height:420vh;background:#000000;z-index:2}
.hero-bridge-sticky{position:sticky;top:0;width:100%;height:100vh;height:100svh;overflow:hidden;background:#000000}
.hero-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000000;display:block;pointer-events:none}
.hero-native-cursor-note{position:absolute;right:28px;bottom:24px;z-index:4;color:rgba(255,255,255,.72);font:500 9px/1 Montserrat,Arial,sans-serif;letter-spacing:.18em;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:9px 12px;pointer-events:none;transition:opacity .35s ease}
body.home-stage-active .hero-native-cursor-note{opacity:0}
.home-horizontal-scroll{position:relative;width:100%;height:calc(100vh + var(--home-travel,0px));background:#fff;z-index:3}
.home-horizontal-sticky{position:sticky;top:0;width:100%;height:100vh;overflow:hidden;background:#fff}
body.native-home-flow .horizontal-page{position:relative!important;left:0!important;top:0!important;display:flex!important;align-items:stretch!important;width:max-content!important;max-width:none!important;height:100vh!important;min-height:100vh!important;padding-left:var(--sidebar)!important;padding-top:0!important;overflow:visible!important;transform:translate3d(calc(-1 * var(--home-x,0px)),0,0)!important;will-change:transform}
body.native-home-flow .horizontal-page>.panel{flex:none!important}
body.native-home-flow .side-rail{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease}
body.native-home-flow.home-stage-active .side-rail{opacity:1;visibility:visible;pointer-events:auto}
body.native-home-flow .mobile-header{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease}
body.native-home-flow.home-stage-active .mobile-header{opacity:1;visibility:visible;pointer-events:auto}
/* neutralize the legacy desktop root rules from styles.css */
@media (min-width:1025px){
  html{width:100%!important;height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:auto!important}
  body.native-home-flow{width:100%!important;min-width:0!important;height:auto!important;overflow:visible!important}
  html::-webkit-scrollbar,body::-webkit-scrollbar{display:initial!important}
}
@media (max-width:1024px){
  .hero-bridge{height:400vh}
  .home-horizontal-scroll{height:auto!important}
  .home-horizontal-sticky{position:relative;height:auto;overflow:visible}
  body.native-home-flow .horizontal-page{display:block!important;width:100%!important;height:auto!important;min-height:0!important;padding-left:0!important;padding-top:58px!important;transform:none!important}
  body.native-home-flow .horizontal-page>.panel{width:100%!important;height:auto!important;min-height:0!important}
  body.native-home-flow .intro-panel{height:calc(100svh - 58px)!important}
  body.native-home-flow .cta-panel{height:calc(100svh - 58px)!important}
}
@media (max-width:700px){.hero-native-cursor-note{right:16px;bottom:16px}}


/* V58 — scroll-scrub fijado: el panel no se mueve hasta completar el video */
.static-video-sticky{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  background:#000;
}
.static-video-sticky .static-feature-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.scrub-progress{
  position:absolute;
  z-index:4;
  left:clamp(24px,4vw,72px);
  right:clamp(24px,4vw,72px);
  bottom:clamp(24px,4vh,46px);
  color:#fff;
  pointer-events:none;
  text-shadow:0 1px 12px rgba(0,0,0,.45);
}
.scrub-progress-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
  font:500 9px/1 Montserrat,Arial,sans-serif;
  letter-spacing:.18em;
}
.scrub-progress-track{
  position:relative;
  width:100%;
  height:2px;
  overflow:hidden;
  background:rgba(255,255,255,.28);
}
.scrub-progress-fill{
  position:absolute;
  inset:0;
  background:#fff;
  transform:scaleX(0);
  transform-origin:left center;
  will-change:transform;
}
@media (max-width:1024px){
  body.native-home-flow .horizontal-page>.static-video-panel{
    position:relative!important;
    width:100%!important;
    height:320svh!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    background:#000!important;
    border-bottom:0!important;
  }
  body.native-home-flow .static-video-sticky{
    position:sticky;
    top:58px;
    width:100%;
    height:calc(100svh - 58px);
    overflow:hidden;
  }
  .scrub-progress{
    left:18px;
    right:18px;
    bottom:22px;
  }
}


/* V87 — HOME vertical después del hero 3D. El hero y su navegación no se modifican. */
.home-horizontal-scroll{height:auto!important}
.home-horizontal-sticky{position:relative!important;top:auto!important;height:auto!important;overflow:visible!important}
body.native-home-flow .horizontal-page{
  position:relative!important;left:0!important;top:0!important;display:block!important;
  width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;
  padding-left:var(--sidebar)!important;padding-top:0!important;overflow:visible!important;
  transform:none!important;will-change:auto!important;
}
body.native-home-flow .horizontal-page>.panel{
  width:calc(100vw - var(--sidebar))!important;height:auto!important;min-height:100vh!important;
  margin-left:0!important;
}
body.native-home-flow .horizontal-page>.static-video-panel{
  position:relative!important;width:calc(100vw - var(--sidebar))!important;
  height:320vh!important;min-height:0!important;max-height:none!important;overflow:visible!important;background:#000!important;
}
body.native-home-flow .static-video-sticky{position:sticky!important;top:0!important;width:100%!important;height:100vh!important;overflow:hidden!important}
@media (max-width:1024px){
  body.native-home-flow .horizontal-page{padding-left:0!important;padding-top:58px!important}
  body.native-home-flow .horizontal-page>.panel{width:100%!important;min-height:0!important}
  body.native-home-flow .horizontal-page>.static-video-panel{width:100%!important;height:320svh!important}
  body.native-home-flow .static-video-sticky{top:58px!important;height:calc(100svh - 58px)!important}
}