.product__media-wrapper{--gallery-arrow-size: 48px;--gallery-arrow-bg: rgba(255, 255, 255, .95);--gallery-arrow-bg-hover: rgba(255, 255, 255, 1);--gallery-arrow-color: #1a1a1a;--gallery-arrow-color-hover: #000000;--gallery-arrow-shadow: 0 4px 20px rgba(0, 0, 0, .12);--gallery-arrow-shadow-hover: 0 8px 32px rgba(0, 0, 0, .18);--gallery-transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--gallery-transition-smooth: .4s cubic-bezier(.16, 1, .3, 1);--gallery-border-radius: 16px;--gallery-thumb-radius: 10px;--gallery-thumb-gap: 10px;--gallery-thumb-border: 2px solid transparent;--gallery-thumb-border-active: 2px solid #1a1a1a}.product__media-wrapper{position:relative}.product__media-list{position:relative;border-radius:var(--gallery-border-radius);background:#fafafa}.product__media{position:relative;overflow:hidden;border-radius:var(--gallery-border-radius);background:linear-gradient(135deg,#f8f9fa,#f0f1f2);transition:transform var(--gallery-transition-smooth)}.product__media img,.product__media .media img{width:100%;height:100%;object-fit:contain;transition:transform var(--gallery-transition-smooth),opacity var(--gallery-transition-fast)}.product__media:hover img{transform:scale(1.02)}.slider-buttons{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 12px;pointer-events:none;z-index:10}.slider-button{pointer-events:auto;display:flex;align-items:center;justify-content:center;width:var(--gallery-arrow-size);height:var(--gallery-arrow-size);background:var(--gallery-arrow-bg);border:none;border-radius:50%;color:var(--gallery-arrow-color);cursor:pointer;box-shadow:var(--gallery-arrow-shadow);transition:transform var(--gallery-transition-fast),background var(--gallery-transition-fast),box-shadow var(--gallery-transition-fast),opacity var(--gallery-transition-fast);opacity:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.product__media-wrapper:hover .slider-button,.product__media-list:hover .slider-button,.slider-mobile-gutter:hover .slider-button{opacity:1}.slider-button:hover{background:var(--gallery-arrow-bg-hover);color:var(--gallery-arrow-color-hover);box-shadow:var(--gallery-arrow-shadow-hover);transform:scale(1.08)}.slider-button:active{transform:scale(.95);box-shadow:0 2px 12px #00000026}.slider-button:focus-visible{outline:2px solid #1a1a1a;outline-offset:3px}.slider-button--prev{margin-left:8px}.slider-button--prev:hover{transform:scale(1.08) translate(-2px)}.slider-button--next{margin-right:8px}.slider-button--next:hover{transform:scale(1.08) translate(2px)}.slider-button svg,.slider-button .icon{width:20px;height:20px;stroke-width:2.5px;transition:transform var(--gallery-transition-fast)}.slider-button--prev svg,.slider-button--prev .icon{transform:rotate(90deg)}.slider-button--next svg,.slider-button--next .icon{transform:rotate(-90deg)}.slider-button--prev:hover svg,.slider-button--prev:hover .icon{transform:rotate(90deg) translateY(2px)}.slider-button--next:hover svg,.slider-button--next:hover .icon{transform:rotate(-90deg) translateY(2px)}.slider-button:disabled,.slider-button[disabled]{opacity:.3!important;cursor:not-allowed;pointer-events:none}.slider-counter{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 14px;background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:24px;box-shadow:0 2px 12px #0000001a;z-index:5}.slider-counter__link{width:8px;height:8px;padding:0;border:none;border-radius:50%;background:#0003;cursor:pointer;transition:width var(--gallery-transition-fast),background var(--gallery-transition-fast),transform var(--gallery-transition-fast)}.slider-counter__link:hover{background:#0006;transform:scale(1.2)}.slider-counter__link.active,.slider-counter__link[aria-current=true]{width:24px;border-radius:4px;background:#1a1a1a}.slider-counter--current,.slider-counter--total{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-size:13px;font-weight:600;color:#1a1a1a;letter-spacing:-.01em}.slider-counter span[aria-hidden=true]{color:#0000004d;margin:0 2px}.thumbnail-list{display:flex;gap:var(--gallery-thumb-gap);padding:4px 0;margin-top:4px}.thumbnail-list--horizontal{flex-direction:row;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.thumbnail-list--horizontal::-webkit-scrollbar{display:none}.thumbnail-list--vertical{flex-direction:column;max-height:500px;overflow-y:auto}.thumbnail-list__item{flex-shrink:0}.thumbnail{position:relative;width:72px;height:72px;padding:0;border:var(--gallery-thumb-border);border-radius:var(--gallery-thumb-radius);background:#f8f9fa;cursor:pointer;overflow:hidden;transition:border-color var(--gallery-transition-fast),transform var(--gallery-transition-fast),box-shadow var(--gallery-transition-fast)}.thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:calc(var(--gallery-thumb-radius) - 2px);transition:transform var(--gallery-transition-smooth)}.thumbnail:hover{border-color:#0000004d;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.thumbnail:hover img{transform:scale(1.05)}.thumbnail.is-active,.thumbnail[aria-current=true]{border:var(--gallery-thumb-border-active);box-shadow:0 0 0 2px #1a1a1a1a}.thumbnail:focus-visible{outline:2px solid #1a1a1a;outline-offset:2px}.thumbnail--video:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;background:#fffffff2;border-radius:50%;box-shadow:0 2px 8px #00000026}.thumbnail--video:before{content:"";position:absolute;top:50%;left:52%;transform:translate(-50%,-50%);width:0;height:0;border-left:10px solid #1a1a1a;border-top:6px solid transparent;border-bottom:6px solid transparent;z-index:1}.thumbnail-slider{position:relative;display:flex;align-items:center;gap:8px;margin-top:12px}.thumbnail-slider__buttons{display:flex;gap:6px}.thumbnail-slider__button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:8px;color:#666;cursor:pointer;transition:background var(--gallery-transition-fast),border-color var(--gallery-transition-fast),color var(--gallery-transition-fast)}.thumbnail-slider__button:hover{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.thumbnail-slider__button svg{width:14px;height:14px}.product--stacked .product__media-item{margin-bottom:12px;border-radius:var(--gallery-border-radius);overflow:hidden}.product--stacked .product__media-item:last-child{margin-bottom:0}.product--columns .product__media-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.product--columns .product__media-item{border-radius:var(--gallery-border-radius);overflow:hidden}.product--columns .product__media-item:first-child{grid-column:span 2}.product__media-zoom-hint{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:6px;padding:8px 12px;background:#ffffffe6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:8px;font-size:12px;font-weight:500;color:#666;opacity:0;transform:translateY(4px);transition:opacity var(--gallery-transition-fast),transform var(--gallery-transition-fast);pointer-events:none;z-index:5}.product__media-zoom-hint svg{width:14px;height:14px}.product__media:hover .product__media-zoom-hint{opacity:1;transform:translateY(0)}.product-media-modal{background:#000000f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.product-media-modal__content{max-width:90vw;max-height:90vh}.product-media-modal__toggle{position:absolute;top:20px;right:20px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background var(--gallery-transition-fast),transform var(--gallery-transition-fast);z-index:100}.product-media-modal__toggle:hover{background:#fff3;transform:rotate(90deg)}.product-media-modal__toggle svg{width:24px;height:24px}.product-media-modal .slider-button{opacity:1;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2)}.product-media-modal .slider-button:hover{background:#ffffff40;border-color:#fff6}.deferred-media{position:relative;border-radius:var(--gallery-border-radius);overflow:hidden}.deferred-media__poster{cursor:pointer;transition:opacity var(--gallery-transition-fast)}.deferred-media__poster:hover{opacity:.9}.deferred-media__poster-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:#fffffff2;border:none;border-radius:50%;cursor:pointer;box-shadow:0 8px 32px #00000026;transition:transform var(--gallery-transition-smooth),box-shadow var(--gallery-transition-fast)}.deferred-media__poster-button:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 12px 40px #0003}.deferred-media__poster-button svg{width:28px;height:28px;margin-left:4px;color:#1a1a1a}@media screen and (max-width:749px){.product__media-wrapper{--gallery-arrow-size: 40px;--gallery-border-radius: 12px;--gallery-thumb-radius: 8px}.slider-button{opacity:1;background:#ffffffd9}.slider-button--prev{margin-left:4px}.slider-button--next{margin-right:4px}.slider-button svg,.slider-button .icon{width:16px;height:16px}.thumbnail{width:60px;height:60px}.slider-counter{bottom:12px;padding:6px 10px;gap:6px}.slider-counter__link{width:6px;height:6px}.slider-counter__link.active,.slider-counter__link[aria-current=true]{width:18px}.product--stacked .product__media-item{margin-bottom:8px}.product--columns .product__media-list{grid-template-columns:1fr;gap:8px}.product--columns .product__media-item:first-child{grid-column:span 1}.product__media-zoom-hint{display:none}.deferred-media__poster-button{width:56px;height:56px}.deferred-media__poster-button svg{width:22px;height:22px}}@media screen and (min-width:750px)and (max-width:989px){.product__media-wrapper{--gallery-arrow-size: 44px}.thumbnail{width:64px;height:64px}}@keyframes galleryFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.product__media-item{animation:galleryFadeIn .5s ease-out forwards}.product__media-item:nth-child(1){animation-delay:0s}.product__media-item:nth-child(2){animation-delay:.1s}.product__media-item:nth-child(3){animation-delay:.2s}.product__media-item:nth-child(4){animation-delay:.3s}.product__media-item:nth-child(5){animation-delay:.4s}@media(prefers-reduced-motion:reduce){.product__media img,.thumbnail img,.slider-button,.slider-button svg,.slider-counter__link,.product__media-item,.deferred-media__poster-button{animation:none!important;transition:none!important}}@media(prefers-color-scheme:dark){.product__media-wrapper{--gallery-arrow-bg: rgba(30, 30, 30, .95);--gallery-arrow-bg-hover: rgba(40, 40, 40, 1);--gallery-arrow-color: #ffffff;--gallery-arrow-color-hover: #ffffff}.product__media-list{background:#1a1a1a}.product__media{background:linear-gradient(135deg,#1a1a1a,#2a2a2a)}.slider-counter{background:#1e1e1ee6}.slider-counter--current,.slider-counter--total{color:#fff}.slider-counter__link{background:#fff3}.slider-counter__link.active,.slider-counter__link[aria-current=true]{background:#fff}.thumbnail{background:#2a2a2a}.thumbnail.is-active,.thumbnail[aria-current=true]{border-color:#fff}}.cp-rating-bar{display:flex;align-items:center;gap:5px;margin:4px 0 8px}.cp-rating-stars{display:flex;gap:1px}.cp-star{width:14px;height:14px}.cp-star--full path{fill:#ffb800}.cp-star--empty path{fill:#ddd}.cp-rating-score{font-size:13px;font-weight:700;color:#1a1a1a}.cp-rating-sep{color:#ccc;font-size:10px}.cp-rating-ventas{font-size:12px;font-weight:500;color:#666}.product__media-icon,.product__media-zoom-hint{display:none!important}.product__modal-opener--image .product__media-toggle{cursor:default}.product-media-container{max-width:100%;--aspect-ratio: 1;--ratio-percent: 100%}.product-media-container.global-media-settings{border:none!important;border-radius:0!important;box-shadow:none!important;background:none!important;padding:0!important;margin:0!important}.product-media-container.global-media-settings:after{content:none!important}.product-media-container.global-media-settings img{border-radius:0!important}.product__media-list{border-radius:0;margin-bottom:0!important;background:none}.product__media{border-radius:0;background:none}.thumbnail-slider{margin-top:8px!important}@media screen and (max-width:749px){product-info .page-width{padding-left:0!important;padding-right:0!important}.product__media-wrapper{padding-left:0!important;padding-right:0!important}.product__media-wrapper slider-component:not(.thumbnail-slider--no-slide){margin-left:0!important;margin-right:0!important}.product__media-list.grid--peek.slider--mobile{margin-left:0!important;margin-bottom:0!important;width:100%!important;scroll-padding-left:0!important}.product__media-list.grid--peek.slider--mobile .grid__item{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.product__media-list.grid--peek.slider .grid__item:first-of-type{margin-left:0!important}.product__media-list.grid--peek.slider:after{display:none!important}.product-media-container{--ratio-percent: 0 !important;aspect-ratio:1 / 1;margin:0!important;width:100%!important}.product-media-container.constrain-height{--constrained-height: none !important}.product-media-container .media{padding-top:0!important;position:relative!important;aspect-ratio:1 / 1}.product-media-container .media>img,.product-media-container .media>*:not(.zoom):not(.deferred-media__poster-button){position:relative!important;width:100%!important;height:100%!important;object-fit:cover!important}.product__media-wrapper .slider-buttons{display:flex!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;transform:none!important;z-index:20;pointer-events:none;align-items:center;justify-content:space-between;padding:0 10px}.product__media-wrapper .slider-buttons .slider-button{pointer-events:auto;display:flex!important;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;background:linear-gradient(135deg,#ffe9a8,#ffb8a8);box-shadow:0 3px 10px #c88c7840;color:#c07060;opacity:.55!important;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin:0;padding:0}.product__media-wrapper .slider-buttons .slider-button:active{transform:scale(.92);box-shadow:0 1px 6px #c88c7833}.product__media-wrapper .slider-buttons .slider-button svg,.product__media-wrapper .slider-buttons .slider-button .icon{width:15px;height:15px;stroke-width:2.5px;color:#c07060}.product__media-wrapper .slider-buttons .slider-button--prev svg,.product__media-wrapper .slider-buttons .slider-button--prev .icon{transform:rotate(90deg)}.product__media-wrapper .slider-buttons .slider-button--next svg,.product__media-wrapper .slider-buttons .slider-button--next .icon{transform:rotate(-90deg)}.gallery-dots{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 0 0;margin:0}.gallery-dot{width:8px;height:8px;border-radius:50%;border:none;padding:0;background:#0000002e;cursor:pointer;transition:background .25s ease,transform .25s ease}.gallery-dot--active{background:#1a1a1a;transform:scale(1.15)}.product__info-wrapper{padding-left:1.5rem!important;padding-right:1.5rem!important;margin-top:10px!important}.thumbnail-slider{margin-top:4px!important;margin-bottom:0!important;padding:0!important;display:flex!important;align-items:center!important;gap:4px!important}.thumbnail-slider .thumbnail-list.slider{padding:0 4px!important;gap:6px!important;display:flex!important;align-items:flex-start!important;overflow-x:auto!important;flex-wrap:nowrap!important;flex:1 1 auto!important;scroll-snap-type:x mandatory!important;scroll-padding-left:0!important;scroll-behavior:smooth!important;margin:0!important;height:auto!important;max-height:none!important;scrollbar-width:none;-ms-overflow-style:none}.thumbnail-slider .thumbnail-list.slider::-webkit-scrollbar{display:none}.thumbnail-slider .thumbnail-list.slider:after{display:none!important}.slider.slider--mobile .thumbnail-list__item.slider__slide,.thumbnail-slider .thumbnail-list__item.slider__slide{flex:0 0 calc((100% - 18px)/4)!important;width:calc((100% - 18px)/4)!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;scroll-snap-align:start!important}.thumbnail-slider .thumbnail-list__item{position:relative!important;overflow:hidden!important;aspect-ratio:1 / 1!important}.thumbnail-slider .thumbnail{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;border-radius:8px!important;border:2px solid #e0e0e0!important;overflow:hidden!important;box-sizing:border-box!important}.thumbnail-slider .thumbnail.is-active,.thumbnail-slider .thumbnail[aria-current=true]{border-color:#1a1a1a!important}.thumbnail-slider .thumbnail img{display:block!important;width:100%!important;height:100%!important;position:relative!important;object-fit:cover!important;border-radius:6px!important}.thumbnail-slider>.slider-button{position:relative!important;top:auto!important;bottom:auto!important;transform:none!important;align-self:center!important;flex:0 0 28px!important;width:28px!important;height:28px!important;min-width:28px!important;border-radius:50%!important;border:none!important;background:linear-gradient(135deg,#ffe9a8eb,#ffb8a8eb)!important;box-shadow:0 1px 6px #c88c784d!important;color:#c07060!important;transition:transform .2s ease;z-index:1!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:1!important}.thumbnail-slider>.slider-button:active{transform:scale(.9)!important}.thumbnail-slider>.slider-button svg,.thumbnail-slider>.slider-button .icon{width:10px!important;height:10px!important;color:#c07060!important}.thumbnail-slider .thumbnail img{border-radius:6px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/product-media-gallery-premium.css.map */