{"product_id":"hub-mouse","title":"Ratón HubMouse con Hub USB","description":"\u003cbody\u003e\n\n\n\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\"\u003e\n\n    \u003cstyle\u003e\n        .product_detail_banner {\n            position: relative;\n            display: block;\n            text-align: center;\n            background-color: #ffffff;\n        }\n\n        \/* banner 1 text css *\/\n        @media screen and (max-width: 750px) {\n            div.banner1_text_pc {\n                display: none;\n            }\n        }\n\n        .banner1_text_pc {\n            position: absolute;\n            text-align: left;\n            top: 20%;\n            left: 70%;\n            transform: translate(-50%, -50%);\n        }\n\n        @media screen and (min-width: 750px) {\n            div.banner1_text_mob {\n                display: none;\n            }\n        }\n\n        .banner1_text_mob {\n            position: absolute;\n            text-align: left;\n            top: 0%;\n            left: 50%;\n            padding: 0px;\n            width: 200px;\n\n        }\n\n        \/* END banner 1 text css *\/\n\n\n        .page_specs_container {\n            display: flex;\n            overflow: hidden;\n            clear: both;\n        }\n\n        .specs_wrapper {\n            float: left;\n            padding: 10px 7%;\n            width: 50%;\n            background-color: #E7E9EB;\n        }\n\n        .page_specs_container2 {\n            display: flex;\n            overflow: hidden;\n            clear: both;\n        }\n\n        .specs_wrapper2 {\n            float: left;\n            padding: 10px 0;\n            width: 50%;\n            background-color: #f5f7f8;\n        }\n\n        @media only screen and (max-width:1150px) {\n            .page_specs_container {\n                display: block;\n            }\n\n            .specs_wrapper {\n                width: 100%;\n            }\n        }\n\n\n        \/* GM icon control font *\/\n        .gm_icon_blocks {\n            line-height: 1.5;\n            width: auto;\n            height: auto;\n            color: #000000;\n            font-size: 14px;\n            margin: auto;\n            text-align: center;\n        }\n\n        \/* spec_page control font *\/\n        .spec_page_blocks {\n            line-height: 1.5;\n            width: auto;\n            height: auto;\n            color: #000000;\n            font-size: 14px;\n            margin: auto;\n            text-align: left;\n        }\n\n        \/* GM icon control icon*\/\n        .material-icons {\n            text-align: center;\n            font-size: 60px;\n            color: #f3a330;\n        }\n\n\n        @media screen and (max-width: 750px) {\n            div.pc_banner {\n                display: none;\n            }\n        }\n\n\n        @media screen and (min-width:750px) {\n            div.mob_banner {\n                display: none;\n            }\n        }\n\n\n        .responsive {\n            width: 100%;\n            height: auto;\n        }\n\n\n        @media screen and (min-width: 750px) {\n            div.text_des_banner_white {\n                background-color: #ffffff;\n                padding-top: 40px;\n                text-align: center;\n                padding-left: 10rem;\n                padding-right: 10rem;\n\n            }\n        }\n\n\n        @media screen and (max-width: 750px) {\n            div.text_des_banner_white {\n                background-color: #ffffff;\n                padding-top: 40px;\n                text-align: center;\n                padding-left: 40px;\n                padding-right: 40px;\n            }\n        }\n\n        @media screen and (min-width: 750px) {\n            div.icons_title {\n                background-color: #f5f7f8;\n                padding: 20px;\n                text-align: center;\n\n            }\n        }\n\n\n        @media screen and (max-width: 750px) {\n            div.icons_title {\n                background-color: #f5f7f8;\n                padding: 15px;\n                text-align: center;\n            }\n        }\n\n        \/* fallback *\/\n        @font-face {\n            font-family: 'Material Icons_Page';\n            font-style: normal;\n            font-weight: 400;\n            src: url(https:\/\/fonts.gstatic.com\/s\/materialicons\/v128\/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');\n        }\n\n        .material-icons_Page {\n            font-family: 'Material Icons_Page';\n            font-weight: normal;\n            font-style: normal;\n            font-size: 24px;\n            line-height: 1;\n            letter-spacing: normal;\n            text-transform: none;\n            display: inline-block;\n            white-space: nowrap;\n            word-wrap: normal;\n            direction: ltr;\n            -webkit-font-feature-settings: 'liga';\n            -webkit-font-smoothing: antialiased;\n            text-align: center;\n            color: #f3a330;\n        }\n\n        .indexPage_sec001_flexBox {\n            box-sizing: border-box;\n        }\n\n        .indexPage_sec001_flex_container {\n            display: flex;\n            height: fit-content;\n            align-content: space-around;\n            flex-wrap: wrap;\n            flex-direction: row;\n            background-color: #ffffff;\n        }\n\n        .indexPage_sec001_flex_container\u003ediv {\n            flex: 50%;\n            font-size: 30px;\n            margin: auto;\n        }\n\n        .indexPage_sec001_text {\n            width: 70%;\n            margin-top: 0px;\n            height: 100%;\n            background-color: #ffffff;\n            color: #222222;\n            margin: auto;\n            text-align: center;\n        }\n\n        .indexPage_sec001_text_lg {\n            font-size: 30px;\n            margin-bottom: 30px;\n            color: #222222;\n        }\n\n        .indexPage_sec001_text_sm {\n            font-size: 17px;\n            margin-bottom: 30px;\n            color: #222222;\n        }\n\n        @media (max-width: 768px) {\n            .indexPage_sec001_flex_container {\n                flex: 100%;\n                flex-direction: column;\n            }\n\n            .indexPage_sec001_flex_reverse {\n                flex-direction: column-reverse;\n            }\n\n        }\n\n        .hubmouse-container {\n            width: 100%;\n            display: flex;\n            overflow: auto;\n            align-items: center;\n            flex-direction: column;\n            background-color: #ffffff;\n        }\n\n        .hubmouse-hubmousebanner {\n            width: 100%;\n            margin: 10px 0;\n            display: flex;\n            align-items: center;\n            flex-direction: row;\n            justify-content: space-between;\n            padding-top: 5rem;\n            padding-bottom: 5rem;\n        }\n\n        .hubmouse-image {\n            width: 100%;\n            display: block;\n            overflow: hidden;\n            flex-basis: 60%;\n        }\n\n        .hubmouse-container1 {\n            display: flex;\n            flex-basis: 40%;\n            padding-left: 3rem;\n            flex-direction: column;\n        }\n\n        .hubmouse-text1 {\n            margin-top: 32px;\n            margin-bottom: 32px;\n            padding-right: 48px;\n        }\n\n        @media(max-width: 991px) {\n            .hubmouse-container1 {\n                align-items: center;\n                margin-left: 0px;\n                margin-right: 0px;\n                margin-bottom: 32px;\n            }\n        }\n\n        @media(max-width: 767px) {\n            .hubmouse-hubmousebanner {\n                padding-left: 32px;\n                padding-right: 32px;\n            }\n\n            .hubmouse-image {\n                width: 100%;\n            }\n        }\n\n        @media(max-width: 479px) {\n            .hubmouse-hubmousebanner {\n                padding-top: 32px;\n                padding-left: 16px;\n                padding-right: 16px;\n                flex-direction: column;\n                padding-bottom: 32px;\n            }\n\n            .hubmouse-image {\n                order: 2;\n            }\n\n            .hubmouse-container1 {\n                padding-left: 1rem;\n                margin-bottom: 16px;\n                padding-right: 1rem;\n            }\n\n            .hubmouse-text {\n                text-align: center;\n            }\n\n            .hubmouse-text1 {\n                text-align: center;\n                padding-left: 16px;\n                padding-right: 16px;\n            }\n        }\n\n        \/* Common styles for all devices *\/\n        .pic_text {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            background-color: #ffffff;\n        }\n\n        .pic_text_style {\n            width: 33%;\n            padding: 10px;\n            box-sizing: border-box;\n            display: flex;\n            flex-direction: column;\n        }\n\n        .pic_text_style img {\n            width: 100%;\n        }\n\n        .pic_and_text_title {\n            padding-top: 10px;\n            text-align: center;\n        }\n\n        \/* Styles for desktop devices *\/\n        @media (min-width: 1024px) {\n            .pic_text_style {\n                width: 33%;\n            }\n        }\n\n        \/* Styles for tablets *\/\n        @media (min-width: 768px) and (max-width: 1023px) {\n            .pic_text_style {\n                width: 33%;\n            }\n        }\n\n        \/* Styles for mobile devices *\/\n        @media (max-width: 767px) {\n            .pic_text_style {\n                width: 100%;\n                flex-direction: column-reverse;\n            }\n        }\n       \/* Styles for slide *\/ \n       .slidefw {\n  padding: 0;\n  margin: 0;\n  border: 0;\n  box-sizing: border-box;\n}\n\n.slidecfw {\n  width: 100%;\n  height: auto;\n  min-height: 52vh;\n  display: flex;\n  flex-flow: column nowrap;\n  background:;\n}\n\n.slide-container {\n  position: relative;\n  width: 35vw;\n  height: 35vw;\n  margin: 14vmin auto;\n  border-radius: 50%;\n  box-shadow: 0 10px 20px rgba(0, 0, 0, .5);\n  background: url() no-repeat center\/cover;\n  transition: all .3s;\n}\n\n.slide-container .slide {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 8vw;\n  height: 8vw;\n  margin-top: -4vw;\n  margin-left: -4vw;\n  background: url() no-repeat center\/cover;\n  border-radius: 50%;\n  box-shadow: 0 5px 10px rgba(0, 0, 0, .3);\n  cursor: pointer;\n  transform: scale(1);\n  opacity: .9;\n  transition: all .3s;\n}\n\n.slide[data-slide-no=\"1\"] {\n  background-image: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/DSC09554.jpg?v=1693381528);\n}\n\n.slide[data-slide-no=\"2\"] {\n  background-image: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/DSC09587.jpg?v=1693381527);\n}\n\n.slide[data-slide-no=\"3\"] {\n  background-image: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/DSC09575.jpg?v=1693381528);\n}\n\n.slide[data-slide-no=\"4\"] {\n  background-image: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/DSC09547.jpg?v=1693381528);\n}\n\n.slide[data-slide-no=\"5\"] {\n  background-image: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/DSC09585.jpg?v=1693381527);\n}\n\n.slide[data-slide-no=\"6\"] {\n  background-image: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/DSC09614.jpg?v=1693381528);\n}\n\n.slide[data-slide-no=\"7\"] {\n  background-image: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/DSC09601.jpg?v=1693381527);\n}\n\n.slide[data-slide-no=\"8\"] {\n  background-image: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/DSC09621.jpg?v=1693381527);\n}\n\n}\n\n.slide.active,\n.slide:hover {\n  transform: scale(1.3);\n  opacity: 1;\n  z-index: 100;\n}\n\n.button-wrap {\n  margin-top: auto;\n  display: flex;\n  flex-flow: row nowrap;\n}\n\n.button-wrap .btn {\n  display: block;\n  flex: 1 1 auto;\n  line-height: 1vw;\n  text-align: center;\n  background: #333;\n  color: #fff;\n  cursor: pointer;\n  text-transform: uppercase;\n  font-weight: bold;\n  transition: all .3s;\n}\n\n.button-wrap .btn:hover {\n  background: #000;\n}\n\n.button-wrap .btn-prev {\n  border-right: 1px solid #999;\n}\n\n@media all and (max-width: 1024px) {\n  .slide-container {\n    width: 55vw;\n    height: 55vw;\n  }\n  \n  .slide-container .slide {\n    width: 13vw;\n    height: 13vw;\n    margin-top: -6.5vw;\n    margin-left: -6.5vw;\n  }\n}\n\n@media all and (max-width: 720px) {\n  .slide-container {\n    width: 65vw;\n    height: 65vw;\n  }\n  \n  .slide-container .slide {\n    width: 15vw;\n    height: 15vw;\n    margin-top: -7.5vw;\n    margin-left: -7.5vw;\n  }\n}\n    \u003c\/style\u003e\n\n\n\n    \u003cdiv\u003e\n        \u003cvideo style=\"width: 100%;\" id=\"product-video\" preload=\"none\" loop webkit-playsinline=\"\" playsinline=\"\" autoplay muted=\"\" controls\u003e\n            \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/79834144b73f475390f132dd3e93ffde.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n    \u003c!--START 1st banner--\u003e\n    \u003cdiv class=\"product_detail_banner\"\u003e\n        \u003c!--1st banner img for PC--\u003e\n        \u003cdiv class=\"pc_banner\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/2-IN-1-HubMouse-PC.jpg?v=1688976918\" alt=\"Hub Mouse 2 en 1\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n\n        \u003c!--1st banner img for MOB--\u003e\n        \u003cdiv class=\"mob_banner\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/2-IN-1-HubMouse-MB.jpg?v=1688979613\" alt=\"Hub Mouse 2 en 1\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n        \u003c!--END 1st banner--\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"icons_title\"\u003e\n        \u003ch4\u003eCARACTERÍSTICAS ADICIONALES\u003c\/h4\u003e\n    \u003c\/div\u003e\n\n    \u003c!--START 2nd banner_a--\u003e\n    \u003cdiv class=\"page_specs_container2\"\u003e\n        \u003cdiv class=\"specs_wrapper2\"\u003e\n            \u003cdiv class=\"gm_icon_blocks\"\u003e\n                \u003cbr\u003e\n                \u003cspan class=\"material-icons_Page\"\u003emouse\u003c\/span\u003e\u003cbr\u003e\n                \u003cp\u003e2 en 1\u003cbr\u003e Diseño Compacto\u003c\/p\u003e\n                \u003cbr\u003e\u003cbr\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"specs_wrapper2\"\u003e\n            \u003cdiv class=\"gm_icon_blocks\"\u003e\n                \u003cbr\u003e\n                \u003cspan class=\"material-icons_Page\"\u003edevice_hub\u003c\/span\u003e\u003cbr\u003e\n                \u003cp\u003e3 en 1\u003cbr\u003e Puerto Hub\u003c\/p\u003e\n                \u003cbr\u003e\u003cbr\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"specs_wrapper2\"\u003e\n            \u003cdiv class=\"gm_icon_blocks\"\u003e\n                \u003cbr\u003e\n                \u003cspan class=\"material-icons_Page\"\u003ebluetooth\u003c\/span\u003e\u003cbr\u003e\n                \u003cp\u003eDoble Modo \u0026amp;\u003cbr\u003e Tres Canales\u003c\/p\u003e\n                \u003cbr\u003e\u003cbr\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003c!--END 2nd banner--\u003e\n    \u003c\/div\u003e\n\n    \u003c!--START 2nd banner_b--\u003e\n    \u003cdiv class=\"page_specs_container2\"\u003e\n        \u003cdiv class=\"specs_wrapper2\"\u003e\n            \u003cdiv class=\"gm_icon_blocks\"\u003e\n\n                \u003cspan class=\"material-icons_Page\"\u003ebattery_charging_full\u003c\/span\u003e\u003cbr\u003e\n                \u003cp\u003e300mAh\u003cbr\u003e Batería Recargable\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"specs_wrapper2\"\u003e\n            \u003cdiv class=\"gm_icon_blocks\"\u003e\n                \u003cspan class=\"material-icons_Page\"\u003ebusiness_center\u003c\/span\u003e\u003cbr\u003e\n                \u003cp\u003eUltra ligero\u003cbr\u003e Portátil\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"specs_wrapper2\"\u003e\n            \u003cdiv class=\"gm_icon_blocks\"\u003e\n                \u003cspan class=\"material-icons_Page\"\u003edispositivos\u003c\/span\u003e\u003cbr\u003e\n                \u003cp\u003eAmplia \u003cbr\u003eCompatibilidad\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003c!--END 2nd banner--\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"hubmouse-container\"\u003e\n        \u003cdiv class=\"hubmouse-hubmousebanner\"\u003e\n            \u003cimg alt=\"Hub Mouse 2 en 1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/2-IN-1-HubMouse-PC-2.gif?v=1688977348\" class=\"hubmouse-image\"\u003e\n            \u003cdiv class=\"hubmouse-container1\"\u003e\n                \u003ch4 class=\"hubmouse-text\"\u003eDiseño Compacto 2 en 1\u003c\/h4\u003e\n                \u003cspan class=\"hubmouse-text1\"\u003e\n                    El HubMouse modular de alto rendimiento, el primero de su tipo, lleva un\n                    hub de expansión en su ranura incorporada. Trabaja desde cualquier lugar con nuestro mouse inalámbrico ultra portátil, no más buscando espacio en el escritorio, aumenta tu productividad.\n                \u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"hubmouse-container\"\u003e\n        \u003cdiv class=\"hubmouse-hubmousebanner\"\u003e\n            \u003cdiv class=\"hubmouse-container1\"\u003e\n                \u003ch4 class=\"hubmouse-text\"\u003eHUB 3 en 1\u003c\/h4\u003e\n                \u003cspan class=\"hubmouse-text1\"\u003e\n                    Con USB-A 3.0 y carga rápida PD USB-C, y un puerto HDMI 4K, lo que facilita enormemente la conexión de tus dispositivos. Convierte cualquier espacio de trabajo en una potencia de productividad. \n                \u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cimg alt=\"Hub Mouse 2 en 1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/2-IN-1-HubMouse-PC-3.jpg?v=1688977485\" class=\"hubmouse-image\"\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!--START 3rd banner--\u003e\n    \u003cdiv class=\"product_detail_banner\"\u003e\n        \u003c!--3rd banner text--\u003e\n        \u003cdiv class=\"text_des_banner_white\"\u003e\n            \u003ch4\u003eMás que un Mouse\u003c\/h4\u003e\n\n            \u003cdiv class=\"slidefw\"\u003e\n    \u003cdiv class=\"slidecfw\"\u003e\n    \u003cdiv class=\"slide-container\"\u003e\n  \u003cdiv class=\"slide\" data-slide-no=\"1\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"slide\" data-slide-no=\"2\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"slide\" data-slide-no=\"3\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"slide\" data-slide-no=\"4\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"slide\" data-slide-no=\"5\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"slide\" data-slide-no=\"6\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"slide\" data-slide-no=\"7\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"slide\" data-slide-no=\"8\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"button-wrap\"\u003e\n  \u003cbutton type=\"button\" class=\"btn btn-prev\"\u003eanterior\u003c\/button\u003e\n  \u003cbutton type=\"button\" class=\"btn btn-next\"\u003esiguiente\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript type=\"text\/javascript\"\u003e\n    const container = document.querySelector('.slide-container');\nconst slides = document.querySelectorAll('.slide');\nconst btns = document.querySelectorAll('.btn');\nconst btnPrev = document.querySelector('.btn-prev');\nconst btnNext = document.querySelector('.btn-next');\n\nconst n = slides.length;\nconst angle = 360 \/ n;\n\nlet setId = 0;\nlet deg = [];\nlet x = 0;\nlet y = 0;\n\nconst touchDevice = () =\u003e ('ontouchstart' in document.documentElement);\nconst setTransition = (time) =\u003e {\n  let i = 0;\n  for (; i \u003c n; i++) slides[i].style.transition = `all ${time}s`;\n}\nconst positionSlides = () =\u003e {\n  const r = container.offsetWidth \/ 2;\n  let i = 0;\n  \n  setTransition('0');\n  \n  for (; i \u003c n; i++) {\n    deg[i] = i * angle;\n    x = Math.cos(deg[i] * (Math.PI \/ 180)) * r + r;\n    y = Math.sin(deg[i] * (Math.PI \/ 180)) * r + r;\n    \n    slides[i].style.top = `${~~y}px`;\n    slides[i].style.left = `${~~x}px`;\n  }\n  \n  setTimeout(() =\u003e {\n    setTransition('.3');\n  }, 10);\n}\nconst prevSlide = () =\u003e {\n  let i = 0;\n  for (; i \u003c n; i++) deg[i] -= angle;\n  animateSlide();\n}\nconst nextSlide = () =\u003e {\n  let i = 0;\n  for (; i \u003c n; i++) deg[i] += angle;\n  animateSlide();\n}\nconst animateSlide = () =\u003e {\n  const r = container.offsetWidth \/ 2;\n  let i = 0;\n  \n  for (; i \u003c n; i++) {\n    x = Math.cos(deg[i] * (Math.PI \/ 180)) * r + r;\n    y = Math.sin(deg[i] * (Math.PI \/ 180)) * r + r;\n    \n    slides[i].style.top = `${~~y}px`;\n    slides[i].style.left = `${~~x}px`;\n    \n    y === 0 ? slides[i].classList.add('active') : slides[i].classList.remove('active');\n  }\n  \n  const activeSlide = document.querySelector('.slide.active');\n  const slideBgImg = getComputedStyle(activeSlide).backgroundImage;\n  \n  container.style.backgroundImage = slideBgImg;\n}\nconst autoPlay = () =\u003e setId = setInterval(nextSlide, 3000);\nconst changeSlideImg = (e) =\u003e {\n  let i = 0;\n  for (; i \u003c n; i++) slides[i].classList.remove('active');\n  e.currentTarget.classList.add('active');\n\n  const activeSlide = document.querySelector('.slide.active');\n  const slideBgImg = getComputedStyle(activeSlide).backgroundImage;\n\n  container.style.backgroundImage = slideBgImg;\n}\n\npositionSlides();\nnextSlide();\nautoPlay();\n\nbtnPrev.addEventListener('click', prevSlide);\nbtnNext.addEventListener('click', nextSlide);\nbtns.forEach(btn =\u003e {\n  btn.addEventListener('mouseenter', () =\u003e clearInterval(setId));\n  btn.addEventListener('mouseleave', () =\u003e {\n    clearInterval(setId);\n    autoPlay();\n  });\n})\nslides.forEach(slide =\u003e {\n  if (touchDevice()) {\n    slide.addEventListener('click', (e) =\u003e {\n      changeSlideImg(e);\n      clearInterval(setId);\n      autoPlay();\n    });\n  }\n  else {\n    slide.addEventListener('mouseenter', (e) =\u003e {\n      changeSlideImg(e);\n      clearInterval(setId);\n    });\n    slide.addEventListener('mouseleave', () =\u003e {\n      clearInterval(setId);\n      autoPlay();\n    });\n  }\n})\nwindow.addEventListener('resize', () =\u003e {\n  clearInterval(setId);\n  positionSlides();\n  autoPlay();\n})\n\u003c\/script\u003e\n\n\u003cbr\u003e\u003cbr\u003e\n            \u003cp\u003eProtoArc HubMouse no es solo un hub, sino también un mouse de alto rendimiento. El HUB en sí es un receptor inalámbrico Plug and Play de 2.4G, y el mouse tiene dos canales Bluetooth adicionales que permiten la conexión de múltiples dispositivos a la vez. Cambia sin problemas entre tu MacBook, iPad, iPhone y otros dispositivos.\u003c\/p\u003e\n            \u003cp\u003eLibera puertos valiosos en tu MacBook o iPad con esta solución de expansión todo en uno. Deshazte de las estaciones de acoplamiento voluminosas y simplifica tu estación de trabajo móvil con el HubMouse optimizado.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n\n        \u003c!--3rd banner img for PC--\u003e\n        \u003cdiv class=\"pc_banner\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/2-IN-1-HubMouse-PC-11.jpg?v=1688984778\" alt=\"Hub Mouse 2 en 1\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n        \u003cbr\u003e\n        \u003cbr\u003e\n\n        \u003c!--3rd banner img for MOB--\u003e\n        \u003cdiv class=\"mob_banner\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/2-IN-1-HubMouse-MB-2.jpg?v=1688984540\" alt=\"Hub Mouse 2 en 1\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n        \u003c!--END 3rd banner--\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"pic_text\"\u003e\n        \u003cdiv class=\"pic_text_style\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/2-IN-1-HubMouse-PC-4.jpg?v=1688977485\" alt=\"Hub Mouse 2 en 1\" loading=\"lazy\"\u003e\n            \u003cspan class=\"pic_and_text_title\"\u003e\n                \u003ch4 style=\"font-size: 18px;\"\u003eCarga USB-C\u003c\/h4\u003e\n                \u003cp\u003eLa interfaz USB-C PD de 60W en el hub te permite cargar tus dispositivos.\u003c\/p\u003e\n            \u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pic_text_style\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/2-IN-1-HubMouse-PC-5.jpg?v=1688977485\" alt=\"Hub Mouse 2 en 1\" loading=\"lazy\"\u003e\n            \u003cspan class=\"pic_and_text_title\"\u003e\n                \u003ch4 style=\"font-size: 18px;\"\u003eTransferencia de Datos USB-A\u003c\/h4\u003e\n                \u003cp\u003eUSB-A 3.0 proporciona una forma rápida y eficiente de transferir datos entre dispositivos.\u003c\/p\u003e\n            \u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pic_text_style\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/2-IN-1-HubMouse-PC-6.jpg?v=1688977485\" alt=\"Hub Mouse 2 en 1\" loading=\"lazy\"\u003e\n            \u003cspan class=\"pic_and_text_title\"\u003e\n                \u003ch4 style=\"font-size: 18px;\"\u003eHDMI 4K\u003c\/h4\u003e\n                \u003cp\u003eComparte tu contenido en una pantalla más grande con el puerto HDMI 4K.\u003c\/p\u003e\n            \u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"hubmouse-container\"\u003e\n        \u003cdiv class=\"hubmouse-hubmousebanner\"\u003e\n            \u003cimg alt=\"Hub Mouse 2 en 1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/2-IN-1-HubMouse-PC-7.jpg?v=1688977485\" class=\"hubmouse-image\"\u003e\n            \u003cdiv class=\"hubmouse-container1\"\u003e\n                \u003ch4 class=\"hubmouse-text\"\u003eConexión de Doble Modo\u003c\/h4\u003e\n                \u003cspan class=\"hubmouse-text1\"\u003e\n                    El diseño multicanal te permite configurar tu estación de trabajo personalizada como desees.\n                \u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"hubmouse-container\"\u003e\n        \u003cdiv class=\"hubmouse-hubmousebanner\"\u003e\n            \u003cdiv class=\"hubmouse-container1\"\u003e\n                \u003ch4 class=\"hubmouse-text\"\u003eCarga USB-C\u003c\/h4\u003e\n                \u003cspan class=\"hubmouse-text1\"\u003e\n                    La capacidad de 300mAh de la batería incorporada proporciona una fuente de energía confiable para el mouse, permitiendo períodos prolongados de uso sin interrupciones.\n                \u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cimg alt=\"Hub Mouse 2 en 1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/2-IN-1-HubMouse-PC-8.jpg?v=1688977485\" class=\"hubmouse-image\"\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"hubmouse-container\"\u003e\n        \u003cdiv class=\"hubmouse-hubmousebanner\"\u003e\n            \u003cimg alt=\"Hub Mouse 2 en 1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/2-IN-1-HubMouse-PC-9.jpg?v=1688977485\" class=\"hubmouse-image\"\u003e\n            \u003cdiv class=\"hubmouse-container1\"\u003e\n                \u003ch4 class=\"hubmouse-text\"\u003eUltraligero y Portátil\u003c\/h4\u003e\n                \u003cspan class=\"hubmouse-text1\"\u003e\n                    El HubMouse es ultra ligero y está diseñado para ser portátil, un dispositivo versátil para varios escenarios. Condensa toda tu estación de trabajo móvil en un dispositivo increíblemente portátil.\n                \u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\n\u003c\/body\u003e","brand":"ProtoArc","offers":[{"title":"Blanco","offer_id":40450124120153,"sku":"CP013077","price":54.99,"currency_code":"EUR","in_stock":false},{"title":"Gris oscuro","offer_id":40450124087385,"sku":"CP013076","price":54.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/protoarc_mouse_1600x2000_uniform_bg.png?v=1776396939","url":"https:\/\/www.protoarc.com\/es-es\/products\/hub-mouse","provider":"ProtoArc","version":"1.0","type":"link"}