/* Glowtto | Carruseles integrados con pista horizontal única.
   Sin capas de textos superpuestas ni tarjetas blancas dentro del banner.
   Toda la diapositiva viaja en el mismo lienzo, como en tiendas de belleza modernas. */

/* Principal: solo se transforma heroBanners, nunca sus títulos o fotos. */
#homeHero{overflow:hidden;isolation:isolate}
#homeHero .glow-hero-viewport{
 position:relative;display:block;width:100%;max-width:100%;overflow:hidden;
 transition:height 470ms cubic-bezier(.22,1,.36,1);
}
#homeHero .hero-banners{
 position:relative!important;inset:auto!important;
 display:flex!important;flex-wrap:nowrap!important;
 width:100%!important;max-width:none!important;gap:0!important;
 align-items:flex-start;overflow:visible!important;will-change:transform;
 transform:translate3d(-100%,0,0);
}
#homeHero .hero-banners>.hero-banner{
 position:relative!important;inset:auto!important;
 flex:0 0 100%!important;display:grid!important;
 width:100%!important;max-width:100%!important;height:auto!important;
 opacity:1!important;visibility:visible!important;transform:none!important;
 transition:none!important;animation:none!important;
 pointer-events:none!important;z-index:auto!important;
 background:transparent!important;
}
#homeHero .hero-banners>.hero-banner.is-active{pointer-events:auto!important}
#homeHero .hero-banners>.glow-carousel-clone,
#homeHero .hero-banners>.glow-carousel-clone *{pointer-events:none!important}
#homeHero .hero-art-photo{
 border:0!important;background:transparent!important;box-shadow:none!important;
 overflow:visible!important;
}
#homeHero .hero-art-caption{display:none!important}
#homeHero .hero-art-photo img{object-fit:contain;filter:drop-shadow(0 10px 17px #6e4c4220)}
#homeHero .hero-art-action{background:transparent!important;box-shadow:none!important;border:0!important}

/* Selección para ti: la tarjeta exterior ES el fondo editorial.
   No hay rectángulos flotantes detrás de la foto o del contenido. */
#topCarousel{
 position:relative;display:flex!important;flex-direction:column!important;
 min-width:0;max-width:100%;height:auto!important;min-height:0!important;
 overflow:hidden!important;isolation:isolate;
 background:linear-gradient(114deg,#fffaf7 0%,#faeeeb 52%,#f5e0df 100%)!important;
 border:1px solid #ead7d0!important;border-radius:19px!important;
 box-shadow:0 6px 20px rgba(92,56,53,.07)!important;
}
#topCarousel .glow-top-viewport{
 position:relative;flex:0 0 auto;display:block;min-width:0;
 width:100%;height:auto;overflow:hidden;
 transition:height 470ms cubic-bezier(.22,1,.36,1);
}
#topCarousel .glow-top-track{
 display:flex!important;flex-wrap:nowrap!important;align-items:flex-start;
 width:100%;max-width:none;gap:0;transform:translate3d(-100%,0,0);
 will-change:transform;
}
#topCarousel .glow-top-track>.top-slide{
 position:relative!important;inset:auto!important;
 display:grid!important;flex:0 0 100%!important;
 width:100%!important;max-width:100%!important;height:auto!important;
 opacity:1!important;visibility:visible!important;
 transform:none!important;animation:none!important;transition:none!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 pointer-events:none!important;z-index:auto!important;
}
#topCarousel .glow-top-track>.top-slide.is-active{pointer-events:auto!important}
#topCarousel .glow-top-track>.glow-carousel-clone,
#topCarousel .glow-top-track>.glow-carousel-clone *{pointer-events:none!important}
#topCarousel .top-product-image{
 border:0!important;box-shadow:none!important;
 border-radius:0!important;background:transparent!important;
 padding:0!important;overflow:visible!important;
}
#topCarousel .top-product-image img{
 width:100%;height:100%;max-height:100%;
 object-fit:contain;filter:drop-shadow(0 8px 13px #7854521c);
 border-radius:9px;
}
#topCarousel .top-gallery-controls{
 position:relative!important;inset:auto!important;z-index:3;
 display:flex;justify-content:flex-end;align-self:flex-end;
 width:auto;margin:0 13px 11px;gap:7px;
}
#topCarousel .top-buy-actions button{box-shadow:none}
#topCarousel .top-slide-copy{position:relative;z-index:1}

/* El movimiento del carrusel nunca debe arrastrar el menú fijo del teléfono. */
#homeHero,#topCarousel{touch-action:pan-y;overscroll-behavior-x:contain}
@media(max-width:680px){
 #homeHero .hero-banners>.hero-banner{position:relative!important;inset:auto!important}
 #homeHero .glow-hero-viewport{flex:none;width:100%}
 #topCarousel .glow-top-viewport{width:100%;min-height:0!important}
 #topCarousel .glow-top-track>.top-slide{
  position:relative!important;inset:auto!important;
  display:grid!important;padding:14px 14px 10px!important;
  grid-template-columns:minmax(105px,34%) minmax(0,1fr)!important;
  grid-template-areas:"top-picture top-info" "top-actions top-actions";
  gap:11px 13px!important;align-content:start;align-items:center;
 }
 #topCarousel .top-product-image{width:100%!important;height:161px!important}
 #topCarousel .top-product-image img{object-fit:contain}
 #topCarousel .top-slide-copy strong{overflow-wrap:break-word}
 #topCarousel .top-buy-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:9px}
 #topCarousel .top-gallery-controls{margin:0 12px 10px}
}
@media(max-width:390px){
 #topCarousel .glow-top-track>.top-slide{
  padding:12px 10px 8px!important;
  grid-template-columns:minmax(92px,34%) minmax(0,1fr)!important;
  gap:8px 10px!important;
 }
 #topCarousel .top-product-image{height:147px!important}
}
@media(prefers-reduced-motion:reduce){
 #homeHero .glow-hero-viewport,#topCarousel .glow-top-viewport{transition:none!important}
 #homeHero .hero-banners,#topCarousel .glow-top-track{will-change:auto}
}