.container_BannerPromoAnimado{position:relative;display:none;width:100%;height:230px}.contenedor-texto_BannerPromoAnimado{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2.5rem;width:100%;height:100%;padding:1rem 1.5rem 3rem;overflow:hidden;border-radius:.375rem;box-shadow:0 2px 8px #1018200d;text-decoration:none;color:#fff}.contenedor-texto_BannerPromoAnimado--con-cuenta-atras{gap:1rem}.texto-cuenta_BannerPromoAnimado{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;color:#fff;font-family:Montserrat,sans-serif;font-size:3rem;font-style:normal;font-weight:600;line-height:normal}.cuenta-atras_BannerPromoAnimado{color:#fff;font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:600}.rebajas_BannerPromoAnimado{display:flex;align-items:center;align-self:stretch}.texto_BannerPromoAnimado{font-family:Montserrat}.btn_BannerPromoAnimado{display:flex;padding:.5rem 1.25rem;justify-content:center;align-items:center;border-radius:9999px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.btn_BannerPromoAnimado span{font-weight:600}.scroll-bar_BannerPromoAnimado{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;padding:.375rem 0;background:#ffffff8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden}.contenedor-scroll-bar_BannerPromoAnimado{display:flex;align-items:center;width:max-content;animation:marquee-scroll_BannerPromoAnimado 18s linear infinite;will-change:transform}.contenedor-scroll-bar_BannerPromoAnimado>*{flex-shrink:0;margin-right:.5rem}.contenedor-scroll-bar_BannerPromoAnimado>*{flex-shrink:0}.text-auto_BannerPromoAnimado{font-family:Montserrat,sans-serif;font-size:1.25rem;letter-spacing:.02em;color:#101820;white-space:nowrap}.contenedor-texto_BannerPromoAnimado:before{content:"";position:absolute;top:-25%;left:-50%;width:46%;height:150%;background:linear-gradient(90deg,#fff0,#fff6,#fff0);transform:skew(-20deg);z-index:3;pointer-events:none;animation:reflejo_BannerPromoAnimado 4s ease-in-out infinite}@keyframes reflejo_BannerPromoAnimado{0%{left:-50%}55%{left:130%}to{left:130%}}@media(prefers-reduced-motion:reduce){.contenedor-texto_BannerPromoAnimado:before{animation:none;display:none}}@keyframes marquee-scroll_BannerPromoAnimado{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(hover:hover){.scroll-bar_BannerPromoAnimado:hover .contenedor-scroll-bar_BannerPromoAnimado{animation-play-state:paused}}@media(prefers-reduced-motion:reduce){.contenedor-scroll-bar_BannerPromoAnimado{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/component-banner-promo-animado.css.map */