/* Glowtto | Deslizamiento lateral continuo inspirado en carruseles comerciales.
   Ambos banners se mueven a la vez: no es un simple efecto de aparición.
   Los gestos táctiles siguen la posición del dedo, con retorno si se cancela. */
#homeHero .hero-banner,
#homeHero .hero-banner.is-active{
 animation:none!important;
 transition:none!important;
}
#homeHero .hero-banners{isolation:isolate}
#homeHero.ys-sliding .hero-banner.ys-leaving{
 position:absolute!important;
 inset:0!important;
 display:grid!important;
 opacity:1!important;
 visibility:visible!important;
 z-index:1!important;
 pointer-events:none!important;
}
#homeHero.ys-sliding .hero-banner.ys-entering{
 display:grid!important;
 opacity:1!important;
 visibility:visible!important;
 z-index:2!important;
 pointer-events:none!important;
}
#homeHero.ys-sliding .hero-banner.ys-leaving *,
#homeHero.ys-sliding .hero-banner.ys-entering *{pointer-events:none!important}
#homeHero .hero-banners{overscroll-behavior-x:contain}
#homeHero{touch-action:pan-y}
@media(max-width:680px){
 #homeHero.ys-sliding .hero-banners{
  position:relative!important;
  overflow:hidden;
 }
 #homeHero.ys-sliding .hero-banner.ys-entering{
  position:relative!important;
  inset:auto!important;
  min-height:0!important;
 }
 #homeHero.ys-sliding .hero-banner.ys-leaving{
  position:absolute!important;
  inset:0!important;
  min-height:0!important;
 }
 #homeHero .hero-banner.is-active{
  animation:none!important;
 }
}
@media(prefers-reduced-motion:reduce){
 #homeHero .hero-banner,
 #homeHero .hero-banner.is-active{animation:none!important;transition:none!important}
}