/* Glowtto | Carrusel continuo para «Selección para ti».
   La tarjeta actual sale al mismo tiempo que entra la siguiente.
   Conserva las dimensiones, colores y controles del catálogo. */
#topCarousel{touch-action:pan-y;overscroll-behavior-x:contain}
#topCarousel .top-slide,
#topCarousel .top-slide.is-active{
 animation:none!important;
 transition:none!important;
}
#topCarousel.ys-top-sliding{
 overflow:hidden!important;
 transition:height 470ms cubic-bezier(.22,1,.36,1)!important;
}
#topCarousel.ys-top-dragging{transition:none!important}
#topCarousel.ys-top-sliding .top-slide.ys-top-leaving{
 position:absolute!important;
 inset:0!important;
 display:grid!important;
 opacity:1!important;
 visibility:visible!important;
 pointer-events:none!important;
 z-index:1;
}
#topCarousel.ys-top-sliding .top-slide.ys-top-entering{
 position:absolute!important;
 inset:0!important;
 display:grid!important;
 opacity:1!important;
 visibility:visible!important;
 pointer-events:none!important;
 z-index:2;
}
#topCarousel.ys-top-sliding .top-slide.ys-top-leaving *,
#topCarousel.ys-top-sliding .top-slide.ys-top-entering *{
 pointer-events:none!important;
}
#topCarousel.ys-top-sliding .top-gallery-controls{
 position:relative;
 z-index:4;
}
@media(max-width:680px){
 #topCarousel.ys-top-sliding .top-slide.ys-top-entering{
  position:relative!important;
  inset:auto!important;
  width:100%;
  min-height:0!important;
 }
 #topCarousel.ys-top-sliding .top-slide.ys-top-leaving{
  position:absolute!important;
  inset:0!important;
  width:100%;
  min-height:0!important;
 }
 #topCarousel .top-slide.is-active,
 #topCarousel[data-slide-direction] .top-slide.is-active{
  animation:none!important;
 }
}
@media(prefers-reduced-motion:reduce){
 #topCarousel .top-slide,
 #topCarousel .top-slide.is-active{animation:none!important;transition:none!important}
 #topCarousel.ys-top-sliding{transition:none!important}
}