.announcement-banner-wrapper{position:relative;width:100%;overflow:hidden;background:var(--banner-bg, #2d7a4f)}.banner-full-width{width:100%}.banner-background-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.banner-bg-image,.banner-bg-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.banner-bg-image img,.banner-bg-video video{width:100%;height:100%;object-fit:cover;object-position:center}.banner-parallax{transform:translateY(0);transition:transform .1s ease-out}.banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--banner-overlay, rgba(0, 0, 0, .3));opacity:var(--banner-overlay-opacity, .3)}.banner-content-container{position:relative;z-index:1;padding:var(--banner-padding-top, 16px) 0 var(--banner-padding-bottom, 16px);min-height:var(--banner-height, auto);display:flex;align-items:center;justify-content:center}.banner-message{display:flex;align-items:center;justify-content:center;gap:var(--element-gap, 16px);flex-wrap:wrap;width:100%}.banner-text{color:var(--text-color, #ffffff);font-size:var(--text-size, 16px);font-weight:var(--text-weight, 500);line-height:1.4;margin:0}.banner-text p{margin:0;display:inline}.banner-text strong,.banner-text b{font-weight:700}.banner-button-wrapper{display:inline-flex}.banner-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;font-size:14px;font-weight:600;text-decoration:none;border-radius:var(--button-radius, 4px);transition:all .2s ease;white-space:nowrap;cursor:pointer;border:2px solid transparent}.banner-button--primary{background:var(--button-bg, #ffffff);color:var(--button-text, #000000)}.banner-button--primary:hover{opacity:.9;transform:translateY(-1px)}.banner-button--secondary{background:transparent;color:var(--button-bg, #ffffff);border-color:var(--button-bg, #ffffff)}.banner-button--secondary:hover{background:var(--button-bg, #ffffff);color:var(--button-text, #000000)}.banner-button--link{background:transparent;color:var(--button-bg, #ffffff);padding:4px 8px;text-decoration:underline;border:none}.banner-button--link:hover{opacity:.8}.banner-countdown{display:inline-flex;align-items:center;gap:4px}.timer-unit{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--timer-bg, #ffffff);border-radius:var(--timer-radius, 4px);padding:8px 12px;min-width:50px}.timer-number{display:block;font-size:var(--timer-number-size, 24px);font-weight:700;color:var(--timer-text, #000000);line-height:1;font-variant-numeric:tabular-nums}.timer-label{display:block;font-size:var(--timer-label-size, 10px);font-weight:600;color:var(--timer-label, #666666);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;line-height:1}.timer-separator{font-size:var(--timer-number-size, 24px);font-weight:700;color:var(--text-color, #ffffff);line-height:1;padding:0 2px}.timer-expired{font-size:var(--text-size, 16px);font-weight:600;color:var(--text-color, #ffffff)}.banner-simple{width:100%;display:flex;align-items:center;justify-content:center}.banner-rotating{position:relative;width:100%}.banner-slider{position:relative;width:100%;overflow:hidden}.banner-slides{position:relative;width:100%;height:100%}.banner-slide{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease;display:flex;align-items:center;justify-content:center}.banner-slide.active{position:relative;opacity:1;visibility:visible}.banner-rotating[data-transition-style=slide] .banner-slide{transform:translate(100%);transition:transform .5s ease,opacity .5s ease}.banner-rotating[data-transition-style=slide] .banner-slide.active{transform:translate(0)}.banner-rotating[data-transition-style=slide] .banner-slide.exit-left{transform:translate(-100%)}.banner-rotating[data-transition-style=fade] .banner-slide{transition:opacity .5s ease}.banner-rotating[data-transition-style=slide-up] .banner-slide{transform:translateY(20px);transition:transform .5s ease,opacity .5s ease}.banner-rotating[data-transition-style=slide-up] .banner-slide.active{transform:translateY(0)}.banner-rotating[data-transition-style=zoom-fade] .banner-slide{transform:scale(.95);transition:transform .5s ease,opacity .5s ease}.banner-rotating[data-transition-style=zoom-fade] .banner-slide.active{transform:scale(1)}.banner-arrows{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 16px;pointer-events:none;z-index:2}.banner-arrow{width:40px;height:40px;border-radius:50%;background:#ffffffe6;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:all .2s ease;color:#000}.banner-arrow:hover{background:#fff;transform:scale(1.1)}.banner-arrow svg{width:20px;height:20px}.banner-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:2}.banner-dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:all .2s ease;padding:0}.banner-dot.active{background:#fff;width:24px;border-radius:4px}.banner-dot:hover{background:#fffc}.banner-progress-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff4d;z-index:2}.banner-progress-fill{height:100%;background:#ffffffe6;width:0%;transition:width .1s linear}.banner-scrolling-wrapper{width:100%;overflow:hidden;position:relative}.banner-scroll-track{display:flex;width:fit-content;will-change:transform}.banner-scroll-group{display:flex;gap:var(--message-block-gap, 80px)}.banner-scroll-item{flex-shrink:0;white-space:nowrap}.banner-scroll-item .banner-message{flex-wrap:nowrap}@media screen and (max-width: 768px){.banner-content-container{padding:var(--banner-padding-top-mobile, 12px) 16px var(--banner-padding-bottom-mobile, 12px)}.banner-message{gap:var(--element-gap-mobile, 12px)}.banner-text{font-size:var(--text-size-mobile, 14px)}.timer-number{font-size:var(--timer-number-size-mobile, 18px)}.timer-unit{padding:6px 8px;min-width:40px}.timer-label{font-size:calc(var(--timer-label-size, 10px) * .9)}.timer-separator{font-size:var(--timer-number-size-mobile, 18px)}.banner-button{padding:8px 20px;font-size:13px}.banner-arrows{padding:0 8px}.banner-arrow{width:32px;height:32px}.banner-arrow svg{width:16px;height:16px}.banner-message{flex-wrap:wrap}@media screen and (max-width: 375px){.timer-unit{padding:4px 6px;min-width:36px}.banner-countdown{gap:2px}}}@media (prefers-reduced-motion: reduce){.banner-rotating .banner-slide,.banner-scroll-track,.banner-button,.banner-arrow,.banner-dot{transition:none!important;animation:none!important}.banner-scroll-track{animation-play-state:paused!important}}.banner-button:focus-visible,.banner-arrow:focus-visible,.banner-dot:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}@media (prefers-contrast: high){.banner-button--secondary{border-width:3px}.timer-unit{border:2px solid var(--timer-text, #000000)}}.banner-hidden{display:none!important}.banner-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
/*# sourceMappingURL=/cdn/shop/t/48/assets/mismo-banner.css.map */