/* Progressive scroll enhancement. Without JS, all content stays visible. */
html.steps-scroll-enabled .ss-photo-motion{transform:translate3d(0,var(--ss-photo-y,0px),0) scale(1.08);transform-origin:center}
html.steps-scroll-enabled #steps-plantillas .sp-static-product{transform:translate3d(0,var(--ss-product-y,0px),0) rotate(var(--ss-product-angle,0deg)) scale(var(--ss-product-scale,1));transform-origin:center}
html.steps-scroll-enabled .ss-motion-active>.ss-photo-motion,
html.steps-scroll-enabled .ss-motion-active .sp-static-product{will-change:transform}
html.steps-scroll-enabled .ss-step{transition:border-color .45s}
html.steps-scroll-enabled .ss-step>h3{transition:color .45s}
html.steps-scroll-enabled .ss-step.is-current{border-top-color:#0b8e85}
html.steps-scroll-enabled .ss-step.is-current>h3{color:#08786f}
html.steps-scroll-enabled #steps-plantillas .sp-baro-points .ss-step.is-current .sp-step-num{color:#08786f}
@media(min-width:761px) and (min-height:620px){
 html.steps-scroll-enabled #steps-plantillas .sp-product-story{position:relative;min-height:760px;height:min(112svh,1100px);margin-top:24px}
 html.steps-scroll-enabled #steps-plantillas .sp-product-story .sp-static-stage{position:sticky;top:max(96px,calc(50svh - 205px));margin:0 auto}
}
@media(max-width:760px){
 html.steps-scroll-enabled #steps-plantillas .sp-product-story{height:auto;min-height:0}
 html.steps-scroll-enabled #steps-plantillas .sp-product-story .sp-static-stage{position:relative;top:auto}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 html.steps-scroll-enabled .ss-photo-motion,
 html.steps-scroll-enabled #steps-plantillas .sp-static-product{transform:none!important;will-change:auto!important}
 html.steps-scroll-enabled .ss-step,html.steps-scroll-enabled .ss-step>h3{transition:none}
 html.steps-scroll-enabled #steps-plantillas .sp-product-story{height:auto;min-height:0}
 html.steps-scroll-enabled #steps-plantillas .sp-product-story .sp-static-stage{position:relative;top:auto}
}
