@keyframes pagination-move{0%{transform:translate(-100%)}to{transform:translate(0)}}.\#slideshow-hero{--pagination-color: rgba(255, 255, 255, .36);--pagination-color-before: white;--navigation-arrow-bg-color: var(--color-g-fg);--navigation-arrow-color: var(--color-g-text)}@media (max-width: 991px){.\#slideshow-hero.\@mobile-offset{--pagination-color: rgba(51, 51, 51, .36);--pagination-color-before: #333333;--navigation-arrow-bg-color: var(--color-g-text);--navigation-arrow-color: var(--color-g-fg)}.\#slideshow-hero.\@mobile-offset .swiper-pagination{position:relative;margin-bottom:1rem}}.\#slideshow-hero .\#background-video{z-index:2}.\#slideshow-hero .\#background-video-wrapper{position:static}.\#slideshow-hero.\@nav\:pagination{padding-top:3rem}.\#slideshow-hero.\@nav\:pagination .\#floating-content{padding-bottom:3rem}.\#slideshow-hero.\@nav\:arrows{padding-top:3rem}.\#slideshow-hero.\@nav\:arrows .\#floating-content{padding-bottom:5rem}.\#slideshow-hero-nav{position:absolute;bottom:1rem;z-index:2;width:100%}.\#slideshow-hero-nav-inner{gap:1rem;display:flex;align-items:center;justify-content:flex-end}@media (max-width: 991px){.\#slideshow-hero-nav-inner{justify-content:space-between}}.\#slideshow-hero-nav-item{background-color:var(--navigation-arrow-bg-color);color:var(--navigation-arrow-color);padding:.75rem;border-radius:50%;cursor:pointer;-webkit-user-select:none;user-select:none}.\#slideshow-hero-nav-item.\!disabled{opacity:.64;cursor:not-allowed}.\#slideshow-hero-nav-item .\#icon{display:flex;--size: 1.25rem}.\#slideshow-hero .swiper{--swiper-theme-color: white;--swiper-pagination-bullet-width: .8695652174rem;--swiper-pagination-bullet-height: .8695652174rem;--swiper-pagination-bullet-horizontal-gap: .4347826087rem}.\#slideshow-hero .swiper-pagination-bullet{opacity:1;background-color:var(--pagination-color);border-radius:.8695652174rem;transition:var(--transition-base)}.\#slideshow-hero .swiper-pagination-bullet-active{width:3.0434782609rem;background-color:var(--pagination-color-before);box-shadow:0 5px 10px #0000005c}.\#slideshow-hero.\@autoplay .swiper-pagination-bullet-active{background-color:var(--pagination-color);position:relative;overflow:hidden}.\#slideshow-hero.\@autoplay .swiper-pagination-bullet-active:before{content:"";top:0;left:0;width:100%;height:100%;position:absolute;background:var(--pagination-color-before);animation:linear pagination-move var(--autoplay)}.swiper-slide.iframe-slide{display:flex;align-items:center;justify-content:center;background:#000}.iframe-container{position:relative;width:100%;max-width:100%;overflow:hidden}.iframe-container iframe{display:block;width:100%;height:100%;border:none;background:#000}.iframe-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}@media (max-width: 768px){.swiper-slide.iframe-slide .iframe-container{height:300px!important;min-height:300px}}@media (max-width: 480px){.swiper-slide.iframe-slide .iframe-container{height:250px!important;min-height:250px}}.iframe-container iframe:focus{outline:2px solid #007cba;outline-offset:2px}.iframe-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:4px solid #333;border-top:4px solid #fff;border-radius:50%;animation:spin 1s linear infinite;z-index:0;opacity:1;transition:opacity .3s ease}.iframe-container:after{content:"Cargando contenido...";position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;z-index:0;opacity:1;transition:opacity .3s ease;text-align:center}.iframe-slide.iframe-loaded .iframe-container:before,.iframe-slide.iframe-loaded .iframe-container:after{opacity:0;pointer-events:none}.iframe-slide.iframe-error .iframe-container:before{display:none}.iframe-slide.iframe-error .iframe-container:after{content:"Error al cargar el contenido";top:50%;color:#ff6b6b;font-size:16px;z-index:2;background:#000c;padding:20px;border-radius:8px;opacity:1}.iframe-container iframe{opacity:0;transition:opacity .5s ease}.iframe-slide.iframe-loaded .iframe-container iframe{opacity:1}.swiper-slide.iframe-slide:hover .iframe-overlay{opacity:.7;transition:opacity .3s ease}.iframe-container iframe:focus-visible{outline:3px solid #007cba;outline-offset:2px}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/slideshow-hero.css.map */