1<!doctype html> 2<html lang="es"> 3<head > 4 <meta charset="utf-8"/> 5<meta name="title" content="Combos de Audio | Mediatekis"/> 6<meta name="description" content="Compra los mejores combos de audio, de forma segura y con envÃos gratis a toda Colombia - Audio-Technica · Focusrite · Shure · AKG · Rode · Presonus · BOYA"/> 7<meta name="robots" content="INDEX,FOLLOW"/> 8<meta name="viewport" content="width=device-width, initial-scale=1"/> 9<title>Combos de Audio | Mediatekis</title> 10<link rel="stylesheet" type="text/css" media="all" href="https://www.mediatekis.com.co/static/version1766491558/_cache/merged/81c0547995fccad188d3ec5247644785.min.css" /> 11 12<link rel="canonical" href="https://www.mediatekis.com.co/audio/combos-de-audio.html" /> 13<link rel="icon" type="image/x-icon" href="https://www.mediatekis.com.co/media/favicon/stores/1/Favicon_1.png" /> 14<link rel="shortcut icon" type="image/x-icon" href="https://www.mediatekis.com.co/media/favicon/stores/1/Favicon_1.png" /> 15 <meta name="google-site-verification" content="VDakIR1MNvDeW2C_LK7P_22IhzCwhrCjfn_z00tfudw" /> 16 17<meta name="facebook-domain-verification" content="1kt1g3m0p12sfov13kohdohhhh317b" /> 18 19 20<style> 21header.header.header8 .widget.block.block-static-block{ 22 display: block; 23} 24 25body.checkout-index-index div#payment-method-placetopay div dl.clearfix { 26 display: none !important; 27} 28 29 @media (max-width: 767px) { 30 .header.header8 .middle-header-content .col-lg-2.col-md-2.col-xs-6 { 31 width: 100%; 32 } 33.cms-home.cms-index-index .page-wrapper .footer.footer1 .middle-footer .container .row { 34 display: block !important; 35} 36 .header.header8 .middle-header-content .col-lg-2.col-md-2.col-xs-6 .table-icon-menu.pull-right { 37 display: flex; 38 height: 70px; 39 align-items: center; 40 } 41 .header.header8 .middle-header-content .row { 42 height: 70px; 43background: #fff; 44 } 45 .header.header8 .middle-header-content .col-lg-2.col-md-2.col-xs-6.logo-header { 46 display: flex; 47 width: 100%; 48 justify-content: center; 49 } 50 .header.header8 .middle-header-content .col-lg-2.col-md-2.col-xs-6.logo-header .logo { 51 position: absolute; 52 z-index: 998; 53left:26%; 54 margin: 0; 55 text-align: center; 56 padding-top:22px; 57 } 58 .header.header8 .middle-header-content .col-lg-2.col-md-2.col-xs-6.logo-header .logo img { 59 width: 210px; 60 height: 34px; 61 max-height: none !important; 62 } 63 64.middle-header-content .container .row .table-icon-menu.pull-right .minicart-wrapper{ 65left:0 !important; 66} 67 68header.header.header8 .bottom-header-content .parent__megameu .nav-toggle{ 69 margin-top: 7px; 70} 71 72} 73 74@media (max-width: 439px){ 75 76 77 78#checkout-shipping-method-load .table-checkout-shipping-method tbody .row input:checked { 79 width: calc(100vw - 86px) !important; 80} 81 @supports (-webkit-touch-callout: none) { 82#checkout-shipping-method-load .table-checkout-shipping-method tbody .row input:checked { 83 width: calc(100vw - 72px) !important; 84} 85} 86} 87 @media (max-width: 550px) { 88 .page-layout-1column #maincontent .category-product-actions > .toolbar-products { 89 flex-direction: column; 90 float: none; 91 justify-content: center !important; 92 padding: 0 !important; 93 display: flex; 94 align-items: center !important; 95 align-content: center; 96 } 97 .page-layout-1column #maincontent .category-product-actions > .toolbar-products .toolbar-amount { 98 padding: 0px; 99 } 100 .page-layout-1column #maincontent .category-product-actions > .toolbar-products >div { 101 display: block; 102 } 103 .page-layout-1column #maincontent .category-product-actions > .toolbar-products >div .toolbar-sorter.sorter { 104 margin: 0; 105 } 106 @supports (-webkit-touch-callout: none) { 107 .page-layout-1column #maincontent .category-product-actions > .toolbar-products >div .toolbar-sorter #sorter { 108 text-align: center !important; 109 max-width: none; 110 min-width: fit-content; 111 } 112 .page-layout-1column .category-product-actions .toolbar.toolbar-products .sorter .form-item-select:after{ 113 content:"" !important; 114 } 115 } 116} 117 118 119 .page-layout-1column #maincontent .category-product-actions > .toolbar-products { 120 display: flex; 121} 122 123 124 @media (max-width: 430px) { 125 .header.header8 .middle-header-content .col-lg-2.col-md-2.col-xs-6.logo-header .logo { 126left:26%; 127 padding-top: 26px; 128} 129 130 .header.header8 .middle-header-content .col-lg-2.col-md-2.col-xs-6.logo-header .logo img { 131 width: 187px; 132 height: 30px; 133 max-height: none !important; 134 } 135} 136 137.page-layout-1column .category-product-actions .toolbar.toolbar-products>div { 138 z-index: 10; 139} 140 141body.catalog-product-view #maincontent .row .column.main .cart-item-accessories .accessories-items-list .products.product-items .product-item-info.product-item .accesories-image-content span.product-label.sold-out-label { 142 display: none; 143} 144 145#add-to-cart-popup #related-articles{ 146display: none; 147} 148 149.field-to-pay._hidden{ 150display: none; 151} 152</style> 153 154<!-- Start of HubSpot Embed Code --> 155 156 157 158<!-- End of HubSpot Embed Code --> 159 160 161 162 163 164 165
166<link rel="preconnect" href="https://fonts.googleapis.com"> 167<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 168<link rel="preload" href="https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.woff2" as="font" crossorigin> 169<link rel="preload" href="https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2" as="font" crossorigin> 170<link rel="preload" href="https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2" as="font" crossorigin> 171<link rel="preload" href="https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2" as="font" crossorigin> 172<link rel="preload" href="https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBBc4.woff2" as="font" crossorigin> 173<link rel="preload" href="https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2" as="font" crossorigin> 174 175<style> 176 /* Roboto */ 177 /* latin */ 178 @font-face { 179 font-family: 'Roboto'; 180 font-style: normal; 181 font-weight: 300; 182 font-display: swap; 183 src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2'); 184 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 185 } 186 187 /* latin */ 188 @font-face { 189 font-family: 'Roboto'; 190 font-style: normal; 191 font-weight: 400; 192 font-display: swap; 193 src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2'); 194 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 195 } 196 197 /* latin */ 198 @font-face { 199 font-family: 'Roboto'; 200 font-style: normal; 201 font-weight: 500; 202 font-display: swap; 203 src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2'); 204 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 205 } 206 207 /* latin */ 208 @font-face { 209 font-family: 'Roboto'; 210 font-style: normal; 211 font-weight: 700; 212 font-display: swap; 213 src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2'); 214 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 215 } 216 217 /* latin */ 218 @font-face { 219 font-family: 'Roboto'; 220 font-style: normal; 221 font-weight: 900; 222 font-display: swap; 223 src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2'); 224 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 225 } 226 227 /* Poppins */ 228 /* latin */ 229 @font-face { 230 font-family: 'Poppins'; 231 font-style: normal; 232 font-weight: 700; 233 font-display: swap; 234 src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2'); 235 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 236 } 237</style> <style>.mst-nav__horizontal-bar {display:none}.mst-nav__label .mst-nav__label-item._highlight a{color: #ff5501;}.navigation-horizontal .block-actions.filter-actions {display: none;} .mst-nav__slider .mst-nav__slider-slider .ui-slider-range {background:#00b1ff;}.mst-nav__slider .mst-nav__slider-slider {background:#c9e6ff;}.sidebar .filter-options .filter-options-content { display: block; } /* Display filters rules - begin */.sidebar [x-data='initLayeredNavigation()'] .block-title {display:flex;}.sidebar [data-nav-position=horizontal] {display:none;}/* Display filters rules - end */.mst-nav__slider .noUi-base .noUi-connects .noUi-connect {background:#00b1ff;}.mst-nav__slider .noUi-base .noUi-connects {background:#c9e6ff;}</style> 238 239 240<style> 241 [data-element="filter"][data-hidden=true], 242 [data-element="filter"][data-search-hidden=true], 243 [data-element="filter"][data-letter-hidden=true] { 244 display: none !important; 245 } 246 247 .mst-nav__horizontal-bar .block-title { 248 display: none; 249 } 250 251 .mst-nav__horizontal-bar>[x-data="initLayeredNavigation()"] { 252 margin: 0; 253 } 254 255 .mst-nav__horizontal-bar .block-content { 256 display: flex; 257 flex-wrap: wrap; 258 } 259 260 .mst-nav__horizontal-bar .block-content .filter-option { 261 margin: .5rem; 262 position: relative; 263 } 264 .mst-nav__horizontal-bar .filter-options-title { 265 padding-bottom: 0!important; 266 border-bottom: none; 267 } 268 269 .mst-nav__horizontal-bar .block-content .filter-option .title { 270 margin: 0 .5rem; 271 } 272 273 .mst-nav__horizontal-bar .block-content .filter-options-content { 274 position: absolute; 275 width: max-content; 276 background-color: #fff; 277 padding: 1rem; 278 left: 0; 279 margin-top: 1rem; 280 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); 281 z-index: 1; 282 } 283 284 .mst-nav__horizontal-bar .block-content .mst-nav__search-suggestion { 285 max-height: 600px; 286 overflow-y: auto; 287 } 288 289 .mst-nav__horizontal-bar .block-content .mst-nav__search-suggestion .filter-options-content { 290 position: relative; 291 width: 100%; 292 padding: 0; 293 box-shadow: none; 294 } 295 296 @media screen and (max-width: 767px){ 297 .mst-nav__horizontal-bar .block { 298 padding: 0; 299 } 300 301 .mst-nav__horizontal-bar .block-content { 302 padding: 0; 303 position: relative; 304 } 305 306 .mst-nav__horizontal-bar .block-content .filter-option, 307 .mst-nav__horizontal-bar .block-content .filter-current { 308 margin: .125rem; 309 position: static; 310 } 311 312 .mst-nav__horizontal-bar .block-content .filter-options-content { 313 width: auto; 314 right: .125rem; 315 left: .125rem; 316 } 317 } 318</style> 319</head> 320<body id="html-body" class="page-with-filter page-products categorypath-audio-combos-de-audio category-combos-de-audio mst-nav__theme-hyva-reset mst-nav__theme-hyva-default mst-nav__theme-hyva-mediatekis catalog-category-view page-layout-2columns-left">
vendor: 68 bytes, lines 320-321
320 321<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
321GTM-K37SHMH6
vendor: 83 bytes, line 321
321" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
322<input name="form_key" type="hidden" value="9aEnWRtvbMAa6rrF" /> 323 <noscript> 324 <section class="message global noscript border-b-2 border-blue-500 bg-blue-50 shadow-none m-0 px-0 rounded-none font-normal"> 325 <div class="container text-center"> 326 <p> 327 <strong>Parece que JavaScript está deshabilitado en su navegador.</strong> 328 <span> 329 Para obtener la mejor experiencia en nuestro sitio, asegúrese de activar Javascript en su navegador. </span> 330 </p> 331 </div> 332 </section> 333 </noscript> 334 335 336 337 338 339 340 341 342 343 344 345 346<div id="mst-ajax-nav-script-container"></div> 347 348 349 350 351 352 353 354 355 356 357<div class="fixed inset-0 z-10 hidden" id="mst-nav__overlay" x-data="{isLoading: true}"> 358 <div class="flex flex-row justify-center items-center w-full h-full fixed select-none z-50" 359 style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.7);" 360 x-show="isLoading" 361 x-cloak 362 x-transition:enter="ease-out duration-200" 363 x-transition:enter-start="opacity-0" 364 x-transition:enter-end="opacity-100" 365 x-transition:leave="ease-in duration-200" 366 x-transition:leave-start="opacity-100" 367 x-transition:leave-end="opacity-0"> 368 <!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 369<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"> 370 <g fill="none" fill-rule="evenodd"> 371 <g transform="translate(1 1)" stroke-width="2"> 372 <circle cx="5" cy="50" r="5"> 373 <animate attributeName="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcMode="linear" repeatCount="indefinite"/> 374 <animate attributeName="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcMode="linear" repeatCount="indefinite"/> 375 </circle> 376 <circle cx="27" cy="5" r="5"> 377 <animate attributeName="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcMode="linear" repeatCount="indefinite"/> 378 <animate attributeName="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcMode="linear" repeatCount="indefinite"/> 379 </circle> 380 <circle cx="49" cy="50" r="5"> 381 <animate attributeName="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcMode="linear" repeatCount="indefinite"/> 382 <animate attributeName="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcMode="linear" repeatCount="indefinite"/> 383 </circle> 384 </g> 385 </g> 386<title>loader</title></svg> 387 <div class="ml-10 text-primary text-xl"> 388 Cargando... </div> 389</div> 390</div> 391<!--<div class="fixed inset-0 bg-black bg-opacity-50 z-10 hidden" id="mst-nav__overlay"></div>--> 392 393 394 395 396 397 398 399 400 401 402 403 404<div class="page-wrapper"><header class="page-header"><a class="action skip sr-only focus:not-sr-only focus:absolute focus:z-40 focu
404s:bg-white 405 contentarea" 406 href="#contentarea"> 407 <span> 408 Ir al contenido </span> 409</a> 410 411<div id="header" 412 class="relative z-30 w-full bg-container-lighter" 413 x-data="initHeader()" 414 @private-content-loaded.window="getData(event.detail.data)" 415> 416 <div class="container flex flex-wrap items-center gap-y-1.5 lg:gap-y-4 w-full pt-5 pb-5 lg:py-3.75 px-6 mx-auto mt-0"> 417 <!--Logo--> 418 <div class="w-full lg:w-auto pb-2 sm:pb-0 flex-shrink-0 order-1"> 419 <a 420 class="flex items-center justify-center text-xl font-medium tracking-wide text-gray-800 421 no-underline hover:no-underline font-title" 422 href="https://www.mediatekis.com.co/" 423 aria-label="Go to Home page" 424 > 425 <img 426 src="https://www.mediatekis.com.co/media/logo/stores/1/Logo_Mediatekis_Web.png" 427 alt="Logo-Mediatekis" 428 width="166" height="35" /> 429 </a> 430</div> 431 <!--Search--> 432 <div class="w-[calc(100%-theme(sp
432ace.24))] lg:w-full lg:max-w-[540px] xl:max-w-[621px] ml-auto xl:ml-20 mr-auto order-3 lg:order-2" 433 id="search-content" 434 x-cloak 435 > 436 437<div class="relative" x-data="initMiniSearch()"> 438 <form class="form minisearch relative" id="search_mini_form" x-ref="form" @submit.prevent="search()" 439 action="https://www.mediatekis.com.co/catalogsearch/result/" method="get" role="search"> 440 <label class="hidden" for="search" data-role="minisearch-label"> 441 <span>Search</span> 442 </label> 443 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5 absolute -translate-y-1/2 top-1/2 left-2 text-primary-lighter" width="24" height="24" aria-hidden="true"> 444 <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/> 445</svg> 446 <input id="search" 447 x-ref="searchInput" 448 type="search" 449 autocomplete="off" 450 name="q" 451 value="" 452 placeholder="Buscar en toda la tienda..." 453 maxlength="128" 454 class="w-full bg-container text-primary-lighter text-sm font-light py-1.25 px-2 pl-9 transition appearance-none focus:outline-none focus:border-transparent border-0 rounded-lg" 455 @focus.once="suggest" 456 @input.debounce.300="suggest" 457 @keydown.arrow-down.prevent="focusElement($root.querySelector('[tabindex]'))" 458 @search-open.window.debounce.10=" 459 $el.focus() 460 $el.select() 461 " 462 /> 463 <template x-if="suggestions.length > 0"> 464 <div class="w-full leading-normal transition appearance-none flex flex-col mt-1 absolute top-full bg-container-lighter border rounded-md z-10"> 465 <template x-for="suggestion in suggestions"> 466 <div class="flex justify-between p-2 cursor-pointer hover:bg-secondary rounded-md" 467 tabindex="0" 468 @click="search(suggestion.title)" 469 @keydown.enter="search(suggestion.title)" 470 @keydown.arrow-up.prevent=" 471 focusElement($event.target.previousElementSibling) || $refs.searchInput.focus() 472 " 473 @keydown.arrow-down.prevent="focusElement($event.target.nextElementSibling)" 474 > 475 <span x-text="suggestion.title"></span> 476 <span x-text="suggestion.num_results"></span> 477 </div> 478 </template> 479 </div> 480 </template> 481 <button type="submit" 482 title="Search" 483 class="action search sr-only" 484 aria-label="Search" 485 > 486 Search </button> 487 </form> 488</div> 489 </div> 490 <div x-data="supportHours()" class="items-center order-3 gap-3 hidden lg:flex relative" 491 x-init="checkTime(); setInterval(checkTime, 60000)"> 492 <div x-show="isVisible"><div class="h-4 w-4 bg-lime-400 rounded-full absolute -right-1 -top-1 z-10"></div></div> 493 <div class="text-center tex-sm"> 494 <p class="italic text-xs">¿Tienes dudas para elegir?</p> 495 <p class="font-bold">¡Aquà te ayudamos!</p> 496 </div> 497 <a href="https://api.whatsapp.com/send/?phone=573160177105" target="_blank" 498 class="py-2 px-3 bg-secondary text-white hover:shadow-blur rounded-lg text-xs"> 499 <span>Iniciar chat</span> 500 </a> 501 </div> 502 503 <!-- </div> 504 <div class="container flex flex-wrap lg:flex-nowrap items-center justify-between w-full pt-3 px-6 pb-3.75 mx-auto mt-0"> --> 505 <!-- <div class="relative lg:w-full flex items-center justify-between"> --> 506 <!--Main Navigation--> 507 508 509 510 <nav 511 class=" snowdog-topmenu-mobile z-30 order-2 sm:order-1 navigation lg:hidden w-12 h-12" 512 x-data="initMenuMobile_6ab47b46b0158()" 513 @keydown.escape="open && closeMenu" 514 @click.outside="open && closeMenu" 515 aria-label="Main menu" 516 role="navigation" 517 > 518 <button x-ref="open-menu-button" 519 @click="openMenu" 520 type="button" 521 aria-label="Open menu" 522 :aria-expanded="open" 523 aria-haspopup="menu" 524 > 525 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="p-3" width="48" height="48" aria-hidden="true"> 526 <path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"/> 527</svg> 528 </button> 529 <div class="backdrop" 530 x-show="open" 531 x-transition:enter="ease-in-out duration-500" 532 x-transition:enter-start="opacity-0" 533 x-transition:enter-end="opacity-100" 534 x-transition:leave="ease-in-out duration-500" 535 x-transition:leave-start="opacity-100" 536 x-transition:leave-end="opacity-0" 537 @click="closeMenu" 538 x-cloak 539 ></div> 540 <div class="fixed z-30 top-0 right-0 w-3/4 max-w-lg h-full bg-container-darker overflow-y-auto overflow-x-hidden transform transition ease-in-out duration-500 sm:duration-700 text-secondary-lighter" 541 :class="{ 542 'translate-x-full' : !open, 543 'translate-x-0 shadow-2xl' : open, 544 }" 545 x-cloak 546 x-ref="menu-dialog" 547 role="dialog" 548 aria-modal="true" 549 aria-label="Main menu" 550 :aria-hidden="open ? 'false' : 'true'" 551 > 552 <div x-show="open" 553 class="flex flex-col-reverse" 554 > 555 <ul class="mobile-menu-container"> 556 <li x-data="{'node1831': false }" 557 class="" 558 > 559 <div class="flex items-center gap-x-2 py-1.5 px-12"> 560 <a href="https://www.mediatekis.com.co/audio.html" 561 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 562 data-menu="menu-1831" 563 > 564 Audio</a> 565 <button
566 class="self-stretch w-8" 567 @click="toggleSubmenu('node1831')" 568 aria-label="Toggle submenu for Audio" 569 :aria-expanded="node1831 === true" 570 type="button" 571 > 572 <span class="block bg-arrow-menu-hover bg-no-repeat bg-center h-5 w-5 bg-[length:10px_auto]"></span> 573 </button> 574 </div> 575 <ul x-ref="submenu-node1831" 576 class="" 577 x-show="node1831" 578 x-collapse 579 :aria-hidden="node1831 === false ? 'true' : 'false'" 580 title="Audio" 581 > 582 <li 583 class="" 584 :class="{ 585 'bg-secondary-lighter text-primary' : node1832 === true, 586 'py-1.5 pl-[68px]' : 2 === 2, 587 'pl-5' : 2 === 3, 588 'font-bold mt-3 pl-5' : 'category' === 'category' && 2 === 3, 589 }" 590 x-data="{ 'node1832': false }" 591 > 592 <div class="group"> 593 <a href="https://www.mediatekis.com.co/audio/combos-de-audio.html" 594 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 595 data-menu="menu-1832" 596 > 597 Combos de Audio</a> 598 </div> 599 </li> 600 <li 601 class="" 602 :class="{ 603 'bg-secondary-lighter text-primary' : node1833 === true, 604 'py-1.5 pl-[68px]' : 2 === 2, 605 'pl-5' : 2 === 3, 606 'font-bold mt-3 pl-5' : 'category' === 'category' && 2 === 3, 607 }" 608 x-data="{ 'node1833': false }" 609 > 610 <div class="group"> 611 <a href="https://www.mediatekis.com.co/audio/audifonos.html" 612 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 613 data-menu="menu-1833" 614 > 615 AudÃfonos</a> 616 </div> 617 </li> 618 <li 619 class="" 620 :class="{ 621 'bg-secondary-lighter text-primary' : node1834 === true, 622 'py-1.5 pl-[68px]' : 2 === 2, 623 'pl-5' : 2 === 3, 624 'font-bold mt-3 pl-5' : 'category' === 'category' && 2 === 3, 625 }" 626 x-data="{ 'node1834': false }" 627 > 628 <div class="group"> 629 <a href="https://www.mediatekis.com.co/audio/microfonos.html" 630 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 631 data-menu="menu-1834" 632 > 633 Micrófonos</a> 634 </div> 635 </li> 636 <li 637 class="" 638 :class="{ 639 'bg-secondary-lighter text-primary' : node1835 === true, 640 'py-1.5 pl-[68px]' : 2 === 2, 641 'pl-5' : 2 === 3, 642 'font-bold mt-3 pl-5' : 'category' === 'category' && 2 === 3, 643 }" 644 x-data="{ 'node1835': false }" 645 > 646 <button class="flex items-center justify-between w-full pr-8" 647 @click="toggleSubmenu('node1835')" 648 aria-label="Toggle submenu for Interfaces y Grabadoras" 649 aria-haspopup="true" 650 :aria-expanded="node1835 === true" 651 type="button" 652 >
653 <span> 654 Interfaces y Grabadoras </span> 655 656 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 657<!-- Created with Inkscape (http://www.inkscape.org/) --> 658<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="11" height="18" viewBox="0 0 2.8596632 4.6978264" version="1.1" id="svg1670" class="w-auto h-auto transition-transform" :class="{ 'stroke-black rotate-90': node1835 === true, 'stroke-white': node1835 != true }" aria-hidden="true"> 659 <defs id="defs1667"/> 660 <g id="layer1" transform="translate(-242.23293,-167.63946)"> 661 <path d="m 242.51908,171.88988 c 0.60607,-0.38276 1.22802,-0.87842 1.86337,-1.47073 0.24165,-0.22543 0.24624,-0.60748 0.0116,-0.84067 -0.61383,-0.61031 -1.2453,-1.10137 -1.89194,-1.48343" style="fill:none;stroke-width:1.05833;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path732"/> 662 </g> 663</svg> 664 </button> 665 <ul x-ref="submenu-node1835" 666 class="" 667 x-show="node1835" 668 x-collapse 669 :aria-hidden="node1835 === false ? 'true' : 'false'" 670 title="Interfaces y Grabadoras" 671 > 672 <li 673 class="" 674 :class="{ 675 'bg-secondary-lighter text-primary' : node1836 === true, 676 'py-1.5 pl-[68px]' : 3 === 2, 677 'pl-5' : 3 === 3, 678 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 679 }" 680 x-data="{ 'node1836': false }" 681 > 682 <div class="group"> 683 <a href="https://www.mediatekis.com.co/audio/interfaces-de-audio-y-grabadoras-profesionales/interfaces.html" 684 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 685 data-menu="menu-1836" 686 > 687 Interfaces</a> 688 </div> 689 </li> 690 <li 691 class="" 692 :class="{ 693 'bg-secondary-lighter text-primary' : node1838 === true, 694 'py-1.5 pl-[68px]' : 3 === 2, 695 'pl-5' : 3 === 3, 696 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 697 }" 698 x-data="{ 'node1838': false }" 699 > 700 <div class="group"> 701 <a href="https://www.mediatekis.com.co/audio/interfaces-de-audio-y-grabadoras-profesionales.html" 702 class="cursor-pointer snowdog-menu-link-topmenu-mobile font-light" 703 data-menu="menu-1838" 704 > 705 Ver Todo</a> 706 </div> 707 </li> 708 </ul> 709 </li> 710 <li 711 class="" 712 :class="{ 713 'bg-secondary-lighter text-primary' : node1839 === true, 714 'py-1.5 pl-[68px]' : 2 === 2, 715 'pl-5' : 2 === 3, 716 'font-bold mt-3 pl-5' : 'category' === 'category' && 2 === 3, 717 }" 718 x-data="{ 'node1839': false }" 719 > 720 <button class="flex items-center justify-between w-full pr-8" 721 @click="toggleSubmenu('node1839')" 722 aria-label="Toggle submenu for Bases y Soportes" 723 aria-haspopup="true" 724 :aria-expanded="node1839 === true" 725 type="button" 726 >
727 <span> 728 Bases y Soportes </span> 729 730 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 731<!-- Created with Inkscape (http://www.inkscape.org/) --> 732<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="11" height="18" viewBox="0 0 2.8596632 4.6978264" version="1.1" id="svg1670" class="w-auto h-auto transition-transform" :class="{ 'stroke-black rotate-90': node1839 === true, 'stroke-white': node1839 != true }" aria-hidden="true"> 733 <defs id="defs1667_2"/> 734 <g id="layer1_2" transform="translate(-242.23293,-167.63946)"> 735 <path d="m 242.51908,171.88988 c 0.60607,-0.38276 1.22802,-0.87842 1.86337,-1.47073 0.24165,-0.22543 0.24624,-0.60748 0.0116,-0.84067 -0.61383,-0.61031 -1.2453,-1.10137 -1.89194,-1.48343" style="fill:none;stroke-width:1.05833;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path732_2"/> 736 </g> 737</svg> 738 </button> 739 <ul x-ref="submenu-node1839" 740 class="" 741 x-show="node1839" 742 x-collapse 743 :aria-hidden="node1839 === false ? 'true' : 'false'" 744 title="Bases y Soportes" 745 > 746 <li 747 class="" 748 :class="{ 749 'bg-secondary-lighter text-primary' : node1840 === true, 750 'py-1.5 pl-[68px]' : 3 === 2, 751 'pl-5' : 3 === 3, 752 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 753 }" 754 x-data="{ 'node1840': false }" 755 > 756 <div class="group"> 757 <a href="https://www.mediatekis.com.co/audio/bases-y-soportes/microfonos.html" 758 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 759 data-menu="menu-1840" 760 > 761 Micrófonos</a> 762 </div> 763 </li> 764 <li 765 class="" 766 :class="{ 767 'bg-secondary-lighter text-primary' : node1841 === true, 768 'py-1.5 pl-[68px]' : 3 === 2, 769 'pl-5' : 3 === 3, 770 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 771 }" 772 x-data="{ 'node1841': false }" 773 > 774 <div class="group"> 775 <a href="https://www.mediatekis.com.co/audio/bases-y-soportes/monitores-de-audio.html" 776 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 777 data-menu="menu-1841" 778 > 779 Monitores</a> 780 </div> 781 </li> 782 <li 783 class="" 784 :class="{ 785 'bg-secondary-lighter text-primary' : node1842 === true, 786 'py-1.5 pl-[68px]' : 3 === 2, 787 'pl-5' : 3 === 3, 788 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 789 }" 790 x-data="{ 'node1842': false }" 791 > 792 <div class="group"> 793 <a href="https://www.mediatekis.com.co/audio/bases-y-soportes/cabinas.html" 794 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 795 data-menu="menu-1842" 796 > 797 Cabinas</a> 798 </div> 799 </li> 800 <li 801 class="" 802 :class="{ 803 'bg-secondary-lighter text-primary' : node1843 === true, 804 'py-1.5 pl-[68px]' : 3 === 2, 805 'pl-5' : 3 === 3, 806 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 807 }" 808 x-data="{ 'node1843': false }" 809 > 810 <div class="group"> 811 <a href="https://www.mediatekis.com.co/audio/bases-y-soportes/instrumentos.html" 812 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 813 data-menu="menu-1843" 814 > 815 Instrumentos</a> 816 </div> 817 </li> 818 <li 819 class="" 820 :class="{ 821 'bg-secondary-lighter text-primary' : node1844 === true, 822 'py-1.5 pl-[68px]' : 3 === 2, 823 'pl-5' : 3 === 3, 824 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 825 }" 826 x-data="{ 'node1844': false }" 827 > 828 <div class="group"> 829 <a href="https://www.mediatekis.com.co/audio/bases-y-soportes.html" 830 class="cursor-pointer snowdog-menu-link-topmenu-mobile font-light" 831 data-menu="menu-1844" 832 > 833 Ver Todo</a> 834 </div> 835 </li> 836 </ul> 837 </li> 838 <li 839 class="" 840 :class="{ 841 'bg-secondary-lighter text-primary' : node1845 === true, 842 'py-1.5 pl-[68px]' : 2 === 2, 843 'pl-5' : 2 === 3, 844 'font-bold mt-3 pl-5' : 'category' === 'category' && 2 === 3, 845 }" 846 x-data="{ 'node1845': false }" 847 > 848 <button class="flex items-center justify-between w-full pr-8" 849 @click="toggleSubmenu('node1845')" 850 aria-label="Toggle submenu for Cables y Adaptadores" 851 aria-haspopup="true" 852 :aria-expanded="node1845 === true" 853 type="button" 854 >
855 <span> 856 Cables y Adaptadores </span> 857 858 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 859<!-- Created with Inkscape (http://www.inkscape.org/) --> 860<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="11" height="18" viewBox="0 0 2.8596632 4.6978264" version="1.1" id="svg1670" class="w-auto h-auto transition-transform" :class="{ 'stroke-black rotate-90': node1845 === true, 'stroke-white': node1845 != true }" aria-hidden="true"> 861 <defs id="defs1667_3"/> 862 <g id="layer1_3" transform="translate(-242.23293,-167.63946)"> 863 <path d="m 242.51908,171.88988 c 0.60607,-0.38276 1.22802,-0.87842 1.86337,-1.47073 0.24165,-0.22543 0.24624,-0.60748 0.0116,-0.84067 -0.61383,-0.61031 -1.2453,-1.10137 -1.89194,-1.48343" style="fill:none;stroke-width:1.05833;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path732_3"/> 864 </g> 865</svg> 866 </button> 867 <ul x-ref="submenu-node1845" 868 class="" 869 x-show="node1845" 870 x-collapse 871 :aria-hidden="node1845 === false ? 'true' : 'false'" 872 title="Cables y Adaptadores" 873 > 874 <li 875 class="" 876 :class="{ 877 'bg-secondary-lighter text-primary' : node1846 === true, 878 'py-1.5 pl-[68px]' : 3 === 2, 879 'pl-5' : 3 === 3, 880 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 881 }" 882 x-data="{ 'node1846': false }" 883 > 884 <div class="group"> 885 <a href="https://www.mediatekis.com.co/audio/cables-y-adaptadores/cables.html" 886 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 887 data-menu="menu-1846" 888 > 889 Cables</a> 890 </div> 891 </li> 892 <li 893 class="" 894 :class="{ 895 'bg-secondary-lighter text-primary' : node2645 === true, 896 'py-1.5 pl-[68px]' : 3 === 2, 897 'pl-5' : 3 === 3, 898 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 899 }" 900 x-data="{ 'node2645': false }" 901 > 902 <div class="group"> 903 <a href="https://www.mediatekis.com.co/audio/cables-y-adaptadores/conectores.html" 904 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 905 data-menu="menu-2645" 906 > 907 Conectores</a> 908 </div> 909 </li> 910 <li 911 class="" 912 :class="{ 913 'bg-secondary-lighter text-primary' : node1847 === true, 914 'py-1.5 pl-[68px]' : 3 === 2, 915 'pl-5' : 3 === 3, 916 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 917 }" 918 x-data="{ 'node1847': false }" 919 > 920 <div class="group"> 921 <a href="https://www.mediatekis.com.co/audio/cables-y-adaptadores/adaptadores.html" 922 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 923 data-menu="menu-1847" 924 > 925 Adaptadores</a> 926 </div> 927 </li> 928 <li 929 class="" 930 :class="{ 931 'bg-secondary-lighter text-primary' : node1848 === true, 932 'py-1.5 pl-[68px]' : 3 === 2, 933 'pl-5' : 3 === 3, 934 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 935 }" 936 x-data="{ 'node1848': false }" 937 > 938 <div class="group"> 939 <a href="https://www.mediatekis.com.co/audio/cables-y-adaptadores.html" 940 class="cursor-pointer snowdog-menu-link-topmenu-mobile font-light" 941 data-menu="menu-1848" 942 > 943 Ver Todo</a> 944 </div> 945 </li> 946 </ul> 947 </li> 948 <li 949 class="" 950 :class="{ 951 'bg-secondary-lighter text-primary' : node1849 === true, 952 'py-1.5 pl-[68px]' : 2 === 2, 953 'pl-5' : 2 === 3, 954 'font-bold mt-3 pl-5' : 'category' === 'category' && 2 === 3, 955 }" 956 x-data="{ 'node1849': false }" 957 > 958 <button class="flex items-center justify-between w-full pr-8" 959 @click="toggleSubmenu('node1849')" 960 aria-label="Toggle submenu for Estudio y Grabación" 961 aria-haspopup="true" 962 :aria-expanded="node1849 === true" 963 type="button" 964 >
965 <span> 966 Estudio y Grabación </span> 967 968 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 969<!-- Created with Inkscape (http://www.inkscape.org/) --> 970<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="11" height="18" viewBox="0 0 2.8596632 4.6978264" version="1.1" id="svg1670" class="w-auto h-auto transition-transform" :class="{ 'stroke-black rotate-90': node1849 === true, 'stroke-white': node1849 != true }" aria-hidden="true"> 971 <defs id="defs1667_4"/> 972 <g id="layer1_4" transform="translate(-242.23293,-167.63946)"> 973 <path d="m 242.51908,171.88988 c 0.60607,-0.38276 1.22802,-0.87842 1.86337,-1.47073 0.24165,-0.22543 0.24624,-0.60748 0.0116,-0.84067 -0.61383,-0.61031 -1.2453,-1.10137 -1.89194,-1.48343" style="fill:none;stroke-width:1.05833;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path732_4"/> 974 </g> 975</svg> 976 </button> 977 <ul x-ref="submenu-node1849" 978 class="" 979 x-show="node1849" 980 x-collapse 981 :aria-hidden="node1849 === false ? 'true' : 'false'" 982 title="Estudio y Grabación" 983 > 984 <li 985 class="" 986 :class="{ 987 'bg-secondary-lighter text-primary' : node1850 === true, 988 'py-1.5 pl-[68px]' : 3 === 2, 989 'pl-5' : 3 === 3, 990 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 991 }" 992 x-data="{ 'node1850': false }" 993 > 994 <div class="group"> 995 <a href="https://www.mediatekis.com.co/audio/interfaces-de-audio-y-grabadoras-profesionales.html" 996 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 997 data-menu="menu-1850" 998 > 999 Interfaces y Grabadoras</a> 1000 </div> 1001 </li> 1002 <li 1003 class="" 1004 :class="{ 1005 'bg-secondary-lighter text-primary' : node2635 === true, 1006 'py-1.5 pl-[68px]' : 3 === 2, 1007 'pl-5' : 3 === 3, 1008 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1009 }" 1010 x-data="{ 'node2635': false }" 1011 > 1012 <div class="group"> 1013 <a href="https://www.mediatekis.com.co/audio/estudio-y-grabacion/superficies-de-control.html" 1014 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 1015 data-menu="menu-2635" 1016 > 1017 Superficies de Control</a> 1018 </div> 1019 </li> 1020 <li 1021 class="" 1022 :class="{ 1023 'bg-secondary-lighter text-primary' : node1851 === true, 1024 'py-1.5 pl-[68px]' : 3 === 2, 1025 'pl-5' : 3 === 3, 1026 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1027 }" 1028 x-data="{ 'node1851': false }" 1029 > 1030 <div class="group"> 1031 <a href="https://www.mediatekis.com.co/audio/estudio-y-grabacion/controladores-midi.html" 1032 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 1033 data-menu="menu-1851" 1034 > 1035 Controladores MIDI</a> 1036 </div> 1037 </li> 1038 <li 1039 class="" 1040 :class="{ 1041 'bg-secondary-lighter text-primary' : node1852 === true, 1042 'py-1.5 pl-[68px]' : 3 === 2, 1043 'pl-5' : 3 === 3, 1044 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1045 }" 1046 x-data="{ 'node1852': false }" 1047 > 1048 <div class="group"> 1049 <a href="https://www.mediatekis.com.co/audio/estudio-y-grabacion/preamplificadores.html" 1050 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 1051 data-menu="menu-1852" 1052 > 1053 Preamplificadores</a> 1054 </div> 1055 </li> 1056 <li 1057 class="" 1058 :class="{ 1059 'bg-secondary-lighter text-primary' : node1853 === true, 1060 'py-1.5 pl-[68px]' : 3 === 2, 1061 'pl-5' : 3 === 3, 1062 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1063 }" 1064 x-data="{ 'node1853': false }" 1065 > 1066 <div class="group"> 1067 <a href="https://www.mediatekis.com.co/audio/estudio-y-grabacion/monitores-y-subwoofers.html" 1068 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 1069 data-menu="menu-1853" 1070 > 1071 Monitores y Subwoofers</a> 1072 </div> 1073 </li> 1074 <li 1075 class="" 1076 :class="{ 1077 'bg-secondary-lighter text-primary' : node1854 === true, 1078 'py-1.5 pl-[68px]' : 3 === 2, 1079 'pl-5' : 3 === 3, 1080 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1081 }" 1082 x-data="{ 'node1854': false }" 1083 > 1084 <div class="group"> 1085 <a href="https://www.mediatekis.com.co/audio/estudio-y-grabacion/amplificadores-de-audifonos.html" 1086 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 1087 data-menu="menu-1854" 1088 > 1089 Amplificadores de AudÃfonos</a> 1090 </div> 1091 </li> 1092 <li 1093 class="" 1094 :class="{ 1095 'bg-secondary-lighter text-primary' : node1856 === true, 1096 'py-1.5 pl-[68px]' : 3 === 2, 1097 'pl-5' : 3 === 3, 1098 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1099 }" 1100 x-data="{ 'node1856': false }" 1101 > 1102 <div class="group"> 1103 <a href="https://www.mediatekis.com.co/audio/estudio-y-grabacion.html" 1104 class="cursor-pointer snowdog-menu-link-topmenu-mobile font-light" 1105 data-menu="menu-1856" 1106 > 1107 Ver Todo</a> 1108 </div> 1109 </li> 1110 </ul> 1111 </li> 1112 <li 1113 class="" 1114 :class="{ 1115 'bg-secondary-lighter text-primary' : node1857 === true, 1116 'py-1.5 pl-[68px]' : 2 === 2, 1117 'pl-5' : 2 === 3, 1118 'font-bold mt-3 pl-5' : 'category' === 'category' && 2 === 3, 1119 }" 1120 x-data="{ 'node1857': false }" 1121 > 1122 <button class="flex items-center justify-between w-full pr-8" 1123 @click="toggleSubmenu('node1857')" 1124 aria-label="Toggle submenu for Podcast" 1125 aria-haspopup="true" 1126 :aria-expanded="node1857 === true" 1127 type="button" 1128 >
1129 <span> 1130 Podcast </span> 1131 1132 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 1133<!-- Created with Inkscape (http://www.inkscape.org/) --> 1134<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="11" height="18" viewBox="0 0 2.8596632 4.6978264" version="1.1" id="svg1670" class="w-auto h-auto transition-transform" :class="{ 'stroke-black rotate-90': node1857 === true, 'stroke-white': node1857 != true }" aria-hidden="true"> 1135 <defs id="defs1667_5"/> 1136 <g id="layer1_5" transform="translate(-242.23293,-167.63946)"> 1137 <path d="m 242.51908,171.88988 c 0.60607,-0.38276 1.22802,-0.87842 1.86337,-1.47073 0.24165,-0.22543 0.24624,-0.60748 0.0116,-0.84067 -0.61383,-0.61031 -1.2453,-1.10137 -1.89194,-1.48343" style="fill:none;stroke-width:1.05833;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path732_5"/> 1138 </g> 1139</svg> 1140 </button> 1141 <ul x-ref="submenu-node1857" 1142 class="" 1143 x-show="node1857" 1144 x-collapse 1145 :aria-hidden="node1857 === false ? 'true' : 'false'" 1146 title="Podcast" 1147 > 1148 <li 1149 class="" 1150 :class="{ 1151 'bg-secondary-lighter text-primary' : node1858 === true, 1152 'py-1.5 pl-[68px]' : 3 === 2, 1153 'pl-5' : 3 === 3, 1154 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1155 }" 1156 x-data="{ 'node1858': false }" 1157 > 1158 <div class="group"> 1159 <a href="https://www.mediatekis.com.co/audio/podcast/consolas-e-interfaces.html" 1160 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 1161 data-menu="menu-1858" 1162 > 1163 Consolas e Interfaces</a> 1164 </div> 1165 </li> 1166 <li 1167 class="" 1168 :class="{ 1169 'bg-secondary-lighter text-primary' : node1859 === true, 1170 'py-1.5 pl-[68px]' : 3 === 2, 1171 'pl-5' : 3 === 3, 1172 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1173 }" 1174 x-data="{ 'node1859': false }" 1175 > 1176 <div class="group"> 1177 <a href="https://www.mediatekis.com.co/audio/podcast/microfonos.html" 1178 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 1179 data-menu="menu-1859" 1180 > 1181 Micrófonos</a> 1182 </div> 1183 </li> 1184 <li 1185 class="" 1186 :class="{ 1187 'bg-secondary-lighter text-primary' : node1860 === true, 1188 'py-1.5 pl-[68px]' : 3 === 2, 1189 'pl-5' : 3 === 3, 1190 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1191 }" 1192 x-data="{ 'node1860': false }" 1193 > 1194 <div class="group"> 1195 <a href="https://www.mediatekis.com.co/audio/podcast/soportes.html" 1196 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 1197 data-menu="menu-1860" 1198 > 1199 Soportes</a> 1200 </div> 1201 </li> 1202 <li 1203 class="" 1204 :class="{ 1205 'bg-secondary-lighter text-primary' : node1861 === true, 1206 'py-1.5 pl-[68px]' : 3 === 2, 1207 'pl-5' : 3 === 3, 1208 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1209 }" 1210 x-data="{ 'node1861': false }" 1211 > 1212 <div class="group"> 1213 <a href="https://www.mediatekis.com.co/audio/podcast/combos-podcast.html" 1214 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 1215 data-menu="menu-1861" 1216 > 1217 Combos Podcast</a> 1218 </div> 1219 </li> 1220 <li 1221 class="" 1222 :class="{ 1223 'bg-secondary-lighter text-primary' : node1862 === true, 1224 'py-1.5 pl-[68px]' : 3 === 2, 1225 'pl-5' : 3 === 3, 1226 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1227 }" 1228 x-data="{ 'node1862': false }" 1229 > 1230 <div class="group"> 1231 <a href="https://www.mediatekis.com.co/audio/podcast.html" 1232 class="cursor-pointer snowdog-menu-link-topmenu-mobile font-light" 1233 data-menu="menu-1862" 1234 > 1235 Ver Todo</a> 1236 </div> 1237 </li> 1238 </ul> 1239 </li> 1240 <li 1241 class="" 1242 :class="{ 1243 'bg-secondary-lighter text-primary' : node1863 === true, 1244 'py-1.5 pl-[68px]' : 2 === 2, 1245 'pl-5' : 2 === 3, 1246 'font-bold mt-3 pl-5' : 'category' === 'category' && 2 === 3, 1247 }" 1248 x-data="{ 'node1863': false }" 1249 > 1250 <button class="flex items-center justify-between w-full pr-8" 1251 @click="toggleSubmenu('node1863')" 1252 aria-label="Toggle submenu for Tornamesas" 1253 aria-haspopup="true" 1254 :aria-expanded="node1863 === true" 1255 type="button" 1256 >
1257 <span> 1258 Tornamesas </span> 1259 1260 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 1261<!-- Created with Inkscape (http://www.inkscape.org/) --> 1262<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="11" height="18" viewBox="0 0 2.8596632 4.6978264" version="1.1" id="svg1670" class="w-auto h-auto transition-transform" :class="{ 'stroke-black rotate-90': node1863 === true, 'stroke-white': node1863 != true }" aria-hidden="true"> 1263 <defs id="defs1667_6"/> 1264 <g id="layer1_6" transform="translate(-242.23293,-167.63946)"> 1265 <path d="m 242.51908,171.88988 c 0.60607,-0.38276 1.22802,-0.87842 1.86337,-1.47073 0.24165,-0.22543 0.24624,-0.60748 0.0116,-0.84067 -0.61383,-0.61031 -1.2453,-1.10137 -1.89194,-1.48343" style="fill:none;stroke-width:1.05833;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path732_6"/> 1266 </g> 1267</svg> 1268 </button> 1269 <ul x-ref="submenu-node1863" 1270 class="" 1271 x-show="node1863" 1272 x-collapse 1273 :aria-hidden="node1863 === false ? 'true' : 'false'" 1274 title="Tornamesas" 1275 > 1276 <li 1277 class="" 1278 :class="{ 1279 'bg-secondary-lighter text-primary' : node1864 === true, 1280 'py-1.5 pl-[68px]' : 3 === 2, 1281 'pl-5' : 3 === 3, 1282 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1283 }" 1284 x-data="{ 'node1864': false }" 1285 > 1286 <div class="group"> 1287 <a href="https://www.mediatekis.com.co/audio/tornamesas/tipo/traccion-por-correa.html" 1288 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 1289 data-menu="menu-1864" 1290 > 1291 Tracción por Correa</a> 1292 </div> 1293 </li> 1294 <li 1295 class="" 1296 :class="{ 1297 'bg-secondary-lighter text-primary' : node1865 === true, 1298 'py-1.5 pl-[68px]' : 3 === 2, 1299 'pl-5' : 3 === 3, 1300 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1301 }" 1302 x-data="{ 'node1865': false }" 1303 > 1304 <div class="group"> 1305 <a href="https://www.mediatekis.com.co/audio/tornamesas/tipo/traccion-directa.html" 1306 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 1307 data-menu="menu-1865" 1308 > 1309 Tracción Directa</a> 1310 </div> 1311 </li> 1312 <li 1313 class="" 1314 :class="{ 1315 'bg-secondary-lighter text-primary' : node1866 === true, 1316 'py-1.5 pl-[68px]' : 3 === 2, 1317 'pl-5' : 3 === 3, 1318 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1319 }" 1320 x-data="{ 'node1866': false }" 1321 > 1322 <div class="group"> 1323 <a href="https://www.mediatekis.com.co/audio/tornamesas/cartuchos-y-agujas.html" 1324 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 1325 data-menu="menu-1866" 1326 > 1327 Cartuchos y Agujas</a> 1328 </div> 1329 </li> 1330 <li 1331 class="" 1332 :class="{ 1333 'bg-secondary-lighter text-primary' : node1867 === true, 1334 'py-1.5 pl-[68px]' : 3 === 2, 1335 'pl-5' : 3 === 3, 1336 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1337 }" 1338 x-data="{ 'node1867': false }" 1339 > 1340 <div class="group"> 1341 <a href="https://www.mediatekis.com.co/audio/tornamesas/accesorios-y-limpieza.html" 1342 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 1343 data-menu="menu-1867" 1344 > 1345 Accesorios y Limpieza</a> 1346 </div> 1347 </li> 1348 <li 1349 class="" 1350 :class="{ 1351 'bg-secondary-lighter text-primary' : node1868 === true, 1352 'py-1.5 pl-[68px]' : 3 === 2, 1353 'pl-5' : 3 === 3, 1354 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1355 }" 1356 x-data="{ 'node1868': false }" 1357 > 1358 <div class="group"> 1359 <a href="https://www.mediatekis.com.co/audio/tornamesas.html" 1360 class="cursor-pointer snowdog-menu-link-topmenu-mobile font-light" 1361 data-menu="menu-1868" 1362 > 1363 Ver Todo</a> 1364 </div> 1365 </li> 1366 </ul> 1367 </li> 1368 <li 1369 class="" 1370 :class="{ 1371 'bg-secondary-lighter text-primary' : node1869 === true, 1372 'py-1.5 pl-[68px]' : 2 === 2, 1373 'pl-5' : 2 === 3, 1374 'font-bold mt-3 pl-5' : 'category' === 'category' && 2 === 3, 1375 }" 1376 x-data="{ 'node1869': false }" 1377 > 1378 <button class="flex items-center justify-between w-full pr-8" 1379 @click="toggleSubmenu('node1869')" 1380 aria-label="Toggle submenu for DJ" 1381 aria-haspopup="true" 1382 :aria-expanded="node1869 === true" 1383 type="button" 1384 >
1385 <span> 1386 DJ </span> 1387 1388 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 1389<!-- Created with Inkscape (http://www.inkscape.org/) --> 1390<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="11" height="18" viewBox="0 0 2.8596632 4.6978264" version="1.1" id="svg1670" class="w-auto h-auto transition-transform" :class="{ 'stroke-black rotate-90': node1869 === true, 'stroke-white': node1869 != true }" aria-hidden="true"> 1391 <defs id="defs1667_7"/> 1392 <g id="layer1_7" transform="translate(-242.23293,-167.63946)"> 1393 <path d="m 242.51908,171.88988 c 0.60607,-0.38276 1.22802,-0.87842 1.86337,-1.47073 0.24165,-0.22543 0.24624,-0.60748 0.0116,-0.84067 -0.61383,-0.61031 -1.2453,-1.10137 -1.89194,-1.48343" style="fill:none;stroke-width:1.05833;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path732_7"/> 1394 </g> 1395</svg> 1396 </button> 1397 <ul x-ref="submenu-node1869" 1398 class="" 1399 x-show="node1869" 1400 x-collapse 1401 :aria-hidden="node1869 === false ? 'true' : 'false'" 1402 title="DJ" 1403 > 1404 <li 1405 class="" 1406 :class="{ 1407 'bg-secondary-lighter text-primary' : node1871 === true, 1408 'py-1.5 pl-[68px]' : 3 === 2, 1409 'pl-5' : 3 === 3, 1410 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1411 }" 1412 x-data="{ 'node1871': false }" 1413 > 1414 <div class="group"> 1415 <a href="https://www.mediatekis.com.co/audio/dj/tornamesas.html" 1416 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 1417 data-menu="menu-1871" 1418 > 1419 Tornamesas</a> 1420 </div> 1421 </li> 1422 <li 1423 class="" 1424 :class="{ 1425 'bg-secondary-lighter text-primary' : node1872 === true, 1426 'py-1.5 pl-[68px]' : 3 === 2, 1427 'pl-5' : 3 === 3, 1428 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1429 }" 1430 x-data="{ 'node1872': false }" 1431 > 1432 <div class="group"> 1433 <a href="https://www.mediatekis.com.co/audio/dj/audifonos.html" 1434 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 1435 data-menu="menu-1872" 1436 > 1437 AudÃfonos</a> 1438 </div> 1439 </li> 1440 <li 1441 class="" 1442 :class="{ 1443 'bg-secondary-lighter text-primary' : node1873 === true, 1444 'py-1.5 pl-[68px]' : 3 === 2, 1445 'pl-5' : 3 === 3, 1446 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1447 }" 1448 x-data="{ 'node1873': false }" 1449 > 1450 <div class="group"> 1451 <a href="https://www.mediatekis.com.co/audio/dj/monitores.html" 1452 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 1453 data-menu="menu-1873" 1454 > 1455 Monitores</a> 1456 </div> 1457 </li> 1458 <li 1459 class="" 1460 :class="{ 1461 'bg-secondary-lighter text-primary' : node1875 === true, 1462 'py-1.5 pl-[68px]' : 3 === 2, 1463 'pl-5' : 3 === 3, 1464 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1465 }" 1466 x-data="{ 'node1875': false }" 1467 > 1468 <div class="group"> 1469 <a href="https://www.mediatekis.com.co/audio/dj.html" 1470 class="cursor-pointer snowdog-menu-link-topmenu-mobile font-light" 1471 data-menu="menu-1875" 1472 > 1473 Ver Todo</a> 1474 </div> 1475 </li> 1476 </ul> 1477 </li> 1478 <li 1479 class="" 1480 :class="{ 1481 'bg-secondary-lighter text-primary' : node1983 === true, 1482 'py-1.5 pl-[68px]' : 2 === 2, 1483 'pl-5' : 2 === 3, 1484 'font-bold mt-3 pl-5' : 'category' === 'category' && 2 === 3, 1485 }" 1486 x-data="{ 'node1983': false }" 1487 > 1488 <button class="flex items-center justify-between w-full pr-8" 1489 @click="toggleSubmenu('node1983')" 1490 aria-label="Toggle submenu for Altavoces y Cabinas" 1491 aria-haspopup="true" 1492 :aria-expanded="node1983 === true" 1493 type="button" 1494 >
1495 <span> 1496 Altavoces y Cabinas </span> 1497 1498 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 1499<!-- Created with Inkscape (http://www.inkscape.org/) --> 1500<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="11" height="18" viewBox="0 0 2.8596632 4.6978264" version="1.1" id="svg1670" class="w-auto h-auto transition-transform" :class="{ 'stroke-black rotate-90': node1983 === true, 'stroke-white': node1983 != true }" aria-hidden="true"> 1501 <defs id="defs1667_8"/> 1502 <g id="layer1_8" transform="translate(-242.23293,-167.63946)"> 1503 <path d="m 242.51908,171.88988 c 0.60607,-0.38276 1.22802,-0.87842 1.86337,-1.47073 0.24165,-0.22543 0.24624,-0.60748 0.0116,-0.84067 -0.61383,-0.61031 -1.2453,-1.10137 -1.89194,-1.48343" style="fill:none;stroke-width:1.05833;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path732_8"/> 1504 </g> 1505</svg> 1506 </button> 1507 <ul x-ref="submenu-node1983" 1508 class="" 1509 x-show="node1983" 1510 x-collapse 1511 :aria-hidden="node1983 === false ? 'true' : 'false'" 1512 title="Altavoces y Cabinas" 1513 > 1514 <li 1515 class="" 1516 :class="{ 1517 'bg-secondary-lighter text-primary' : node1985 === true, 1518 'py-1.5 pl-[68px]' : 3 === 2, 1519 'pl-5' : 3 === 3, 1520 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1521 }" 1522 x-data="{ 'node1985': false }" 1523 > 1524 <div class="group"> 1525 <a href="https://www.mediatekis.com.co/audio/altavoces-y-cabinas/altavoces-portatiles.html" 1526 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 1527 data-menu="menu-1985" 1528 > 1529 Altavoces Portátiles</a> 1530 </div> 1531 </li> 1532 <li 1533 class="" 1534 :class="{ 1535 'bg-secondary-lighter text-primary' : node1986 === true, 1536 'py-1.5 pl-[68px]' : 3 === 2, 1537 'pl-5' : 3 === 3, 1538 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1539 }" 1540 x-data="{ 'node1986': false }" 1541 > 1542 <div class="group"> 1543 <a href="https://www.mediatekis.com.co/audio/altavoces-y-cabinas/cabinas.html" 1544 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 1545 data-menu="menu-1986" 1546 > 1547 Cabinas</a> 1548 </div> 1549 </li> 1550 <li 1551 class="" 1552 :class="{ 1553 'bg-secondary-lighter text-primary' : node1987 === true, 1554 'py-1.5 pl-[68px]' : 3 === 2, 1555 'pl-5' : 3 === 3, 1556 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1557 }" 1558 x-data="{ 'node1987': false }" 1559 > 1560 <div class="group"> 1561 <a href="https://www.mediatekis.com.co/audio/altavoces-y-cabinas.html" 1562 class="cursor-pointer snowdog-menu-link-topmenu-mobile font-light" 1563 data-menu="menu-1987" 1564 > 1565 Ver Todo</a> 1566 </div> 1567 </li> 1568 </ul> 1569 </li> 1570 <li 1571 class="" 1572 :class="{ 1573 'bg-secondary-lighter text-primary' : node1881 === true, 1574 'py-1.5 pl-[68px]' : 2 === 2, 1575 'pl-5' : 2 === 3, 1576 'font-bold mt-3 pl-5' : 'category' === 'category' && 2 === 3, 1577 }" 1578 x-data="{ 'node1881': false }" 1579 > 1580 <button class="flex items-center justify-between w-full pr-8" 1581 @click="toggleSubmenu('node1881')" 1582 aria-label="Toggle submenu for Sonido en Vivo" 1583 aria-haspopup="true" 1584 :aria-expanded="node1881 === true" 1585 type="button" 1586 >
1587 <span> 1588 Sonido en Vivo </span> 1589 1590 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 1591<!-- Created with Inkscape (http://www.inkscape.org/) --> 1592<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="11" height="18" viewBox="0 0 2.8596632 4.6978264" version="1.1" id="svg1670" class="w-auto h-auto transition-transform" :class="{ 'stroke-black rotate-90': node1881 === true, 'stroke-white': node1881 != true }" aria-hidden="true"> 1593 <defs id="defs1667_9"/> 1594 <g id="layer1_9" transform="translate(-242.23293,-167.63946)"> 1595 <path d="m 242.51908,171.88988 c 0.60607,-0.38276 1.22802,-0.87842 1.86337,-1.47073 0.24165,-0.22543 0.24624,-0.60748 0.0116,-0.84067 -0.61383,-0.61031 -1.2453,-1.10137 -1.89194,-1.48343" style="fill:none;stroke-width:1.05833;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path732_9"/> 1596 </g> 1597</svg> 1598 </button> 1599 <ul x-ref="submenu-node1881" 1600 class="" 1601 x-show="node1881" 1602 x-collapse 1603 :aria-hidden="node1881 === false ? 'true' : 'false'" 1604 title="Sonido en Vivo" 1605 > 1606 <li 1607 class="" 1608 :class="{ 1609 'bg-secondary-lighter text-primary' : node1882 === true, 1610 'py-1.5 pl-[68px]' : 3 === 2, 1611 'pl-5' : 3 === 3, 1612 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1613 }" 1614 x-data="{ 'node1882': false }" 1615 > 1616 <div class="group"> 1617 <a href="https://www.mediatekis.com.co/audio/sonido-en-vivo/consolas.html" 1618 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 1619 data-menu="menu-1882" 1620 > 1621 Consolas</a> 1622 </div> 1623 </li> 1624 <li 1625 class="" 1626 :class="{ 1627 'bg-secondary-lighter text-primary' : node1883 === true, 1628 'py-1.5 pl-[68px]' : 3 === 2, 1629 'pl-5' : 3 === 3, 1630 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1631 }" 1632 x-data="{ 'node1883': false }" 1633 > 1634 <div class="group"> 1635 <a href="https://www.mediatekis.com.co/audio/sonido-en-vivo/cajas-directas.html" 1636 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 1637 data-menu="menu-1883" 1638 > 1639 Cajas Directas</a> 1640 </div> 1641 </li> 1642 <li 1643 class="" 1644 :class="{ 1645 'bg-secondary-lighter text-primary' : node1884 === true, 1646 'py-1.5 pl-[68px]' : 3 === 2, 1647 'pl-5' : 3 === 3, 1648 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1649 }" 1650 x-data="{ 'node1884': false }" 1651 > 1652 <div class="group"> 1653 <a href="https://www.mediatekis.com.co/audio/sonido-en-vivo/cabinas-y-subwoofers.html" 1654 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 1655 data-menu="menu-1884" 1656 > 1657 Cabinas y Subwoofers</a> 1658 </div> 1659 </li> 1660 <li 1661 class="" 1662 :class="{ 1663 'bg-secondary-lighter text-primary' : node1886 === true, 1664 'py-1.5 pl-[68px]' : 3 === 2, 1665 'pl-5' : 3 === 3, 1666 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1667 }" 1668 x-data="{ 'node1886': false }" 1669 > 1670 <div class="group"> 1671 <a href="https://www.mediatekis.com.co/audio/sonido-en-vivo.html" 1672 class="cursor-pointer snowdog-menu-link-topmenu-mobile font-light" 1673 data-menu="menu-1886" 1674 > 1675 Ver Todo</a> 1676 </div> 1677 </li> 1678 </ul> 1679 </li> 1680 <li 1681 class="" 1682 :class="{ 1683 'bg-secondary-lighter text-primary' : node1876 === true, 1684 'py-1.5 pl-[68px]' : 2 === 2, 1685 'pl-5' : 2 === 3, 1686 'font-bold mt-3 pl-5' : 'category' === 'category' && 2 === 3, 1687 }" 1688 x-data="{ 'node1876': false }" 1689 > 1690 <button class="flex items-center justify-between w-full pr-8" 1691 @click="toggleSubmenu('node1876')" 1692 aria-label="Toggle submenu for Instrumentos" 1693 aria-haspopup="true" 1694 :aria-expanded="node1876 === true" 1695 type="button" 1696 >
1697 <span> 1698 Instrumentos </span> 1699 1700 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 1701<!-- Created with Inkscape (http://www.inkscape.org/) --> 1702<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="11" height="18" viewBox="0 0 2.8596632 4.6978264" version="1.1" id="svg1670" class="w-auto h-auto transition-transform" :class="{ 'stroke-black rotate-90': node1876 === true, 'stroke-white': node1876 != true }" aria-hidden="true"> 1703 <defs id="defs1667_10"/> 1704 <g id="layer1_10" transform="translate(-242.23293,-167.63946)"> 1705 <path d="m 242.51908,171.88988 c 0.60607,-0.38276 1.22802,-0.87842 1.86337,-1.47073 0.24165,-0.22543 0.24624,-0.60748 0.0116,-0.84067 -0.61383,-0.61031 -1.2453,-1.10137 -1.89194,-1.48343" style="fill:none;stroke-width:1.05833;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path732_10"/> 1706 </g> 1707</svg> 1708 </button> 1709 <ul x-ref="submenu-node1876" 1710 class="" 1711 x-show="node1876" 1712 x-collapse 1713 :aria-hidden="node1876 === false ? 'true' : 'false'" 1714 title="Instrumentos" 1715 > 1716 <li 1717 class="" 1718 :class="{ 1719 'bg-secondary-lighter text-primary' : node1879 === true, 1720 'py-1.5 pl-[68px]' : 3 === 2, 1721 'pl-5' : 3 === 3, 1722 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1723 }" 1724 x-data="{ 'node1879': false }" 1725 > 1726 <div class="group"> 1727 <a href="https://www.mediatekis.com.co/audio/instrumentos/accesorios.html" 1728 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 1729 data-menu="menu-1879" 1730 > 1731 Accesorios</a> 1732 </div> 1733 </li> 1734 <li 1735 class="" 1736 :class="{ 1737 'bg-secondary-lighter text-primary' : node1880 === true, 1738 'py-1.5 pl-[68px]' : 3 === 2, 1739 'pl-5' : 3 === 3, 1740 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1741 }" 1742 x-data="{ 'node1880': false }" 1743 > 1744 <div class="group"> 1745 <a href="https://www.mediatekis.com.co/audio/instrumentos.html" 1746 class="cursor-pointer snowdog-menu-link-topmenu-mobile font-light" 1747 data-menu="menu-1880" 1748 > 1749 Ver Todo</a> 1750 </div> 1751 </li> 1752 </ul> 1753 </li> 1754 </ul> 1755 </li> 1756 <li x-data="{'node1887': false }" 1757 class="" 1758 > 1759 <div class="flex items-center gap-x-2 py-1.5 px-12"> 1760 <a href="https://www.mediatekis.com.co/video.html" 1761 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 1762 data-menu="menu-1887" 1763 > 1764 Video</a> 1765 <button 1766 class="self-stretch w-8" 1767 @click="toggleSubmenu('node1887')" 1768 aria-label="Toggle submenu for Video" 1769 :aria-expanded="node1887 === true" 1770 type="button" 1771 >
1772 <span class="block bg-arrow-menu-hover bg-no-repeat bg-center h-5 w-5 bg-[length:10px_auto]"></span> 1773 </button> 1774 </div> 1775 <ul x-ref="submenu-node1887" 1776 class="" 1777 x-show="node1887" 1778 x-collapse 1779 :aria-hidden="node1887 === false ? 'true' : 'false'" 1780 title="Video" 1781 > 1782 <li 1783 class="" 1784 :class="{ 1785 'bg-secondary-lighter text-primary' : node1889 === true, 1786 'py-1.5 pl-[68px]' : 2 === 2, 1787 'pl-5' : 2 === 3, 1788 'font-bold mt-3 pl-5' : 'category' === 'category' && 2 === 3, 1789 }" 1790 x-data="{ 'node1889': false }" 1791 > 1792 <button class="flex items-center justify-between w-full pr-8" 1793 @click="toggleSubmenu('node1889')" 1794 aria-label="Toggle submenu for Cámaras Profesionales" 1795 aria-haspopup="true" 1796 :aria-expanded="node1889 === true" 1797 type="button" 1798 > 1799 <span> 1800 Cámaras Profesionales </span> 1801 1802 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 1803<!-- Created with Inkscape (http://www.inkscape.org/) --> 1804<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="11" height="18" viewBox="0 0 2.8596632 4.6978264" version="1.1" id="svg1670" class="w-auto h-auto transition-transform" :class="{ 'stroke-black rotate-90': node1889 === true, 'stroke-white': node1889 != true }" aria-hidden="true"> 1805 <defs id="defs1667_11"/> 1806 <g id="layer1_11" transform="translate(-242.23293,-167.63946)"> 1807 <path d="m 242.51908,171.88988 c 0.60607,-0.38276 1.22802,-0.87842 1.86337,-1.47073 0.24165,-0.22543 0.24624,-0.60748 0.0116,-0.84067 -0.61383,-0.61031 -1.2453,-1.10137 -1.89194,-1.48343" style="fill:none;stroke-width:1.05833;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path732_11"/> 1808 </g> 1809</svg> 1810 </button> 1811 <ul x-ref="submenu-node1889" 1812 class="" 1813 x-show="node1889" 1814 x-collapse 1815 :aria-hidden="node1889 === false ? 'true' : 'false'" 1816 title="Cámaras Profesionales" 1817 > 1818 <li 1819 class="" 1820 :class="{ 1821 'bg-secondary-lighter text-primary' : node1890 === true, 1822 'py-1.5 pl-[68px]' : 3 === 2, 1823 'pl-5' : 3 === 3, 1824 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1825 }" 1826 x-data="{ 'node1890': false }" 1827 > 1828 <div class="group"> 1829 <a href="https://www.mediatekis.com.co/video/camaras-profesionales/resolucion/6k.html" 1830 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 1831 data-menu="menu-1890" 1832 > 1833 6K</a> 1834 </div> 1835 </li> 1836 <li 1837 class="" 1838 :class="{ 1839 'bg-secondary-lighter text-primary' : node1891 === true, 1840 'py-1.5 pl-[68px]' : 3 === 2, 1841 'pl-5' : 3 === 3, 1842 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1843 }" 1844 x-data="{ 'node1891': false }" 1845 > 1846 <div class="group"> 1847 <a href="https://www.mediatekis.com.co/video/camaras-profesionales/resolucion/4k.html" 1848 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 1849 data-menu="menu-1891" 1850 > 1851 4K</a> 1852 </div> 1853 </li> 1854 <li 1855 class="" 1856 :class="{ 1857 'bg-secondary-lighter text-primary' : node1893 === true, 1858 'py-1.5 pl-[68px]' : 3 === 2, 1859 'pl-5' : 3 === 3, 1860 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1861 }" 1862 x-data="{ 'node1893': false }" 1863 > 1864 <div class="group"> 1865 <a href="https://www.mediatekis.com.co/video/camaras-profesionales/accesorios.html" 1866 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 1867 data-menu="menu-1893" 1868 > 1869 Acccesorios</a> 1870 </div> 1871 </li> 1872 <li 1873 class="" 1874 :class="{ 1875 'bg-secondary-lighter text-primary' : node1894 === true, 1876 'py-1.5 pl-[68px]' : 3 === 2, 1877 'pl-5' : 3 === 3, 1878 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1879 }" 1880 x-data="{ 'node1894': false }" 1881 > 1882 <div class="group"> 1883 <a href="https://www.mediatekis.com.co/video/camaras-profesionales.html" 1884 class="cursor-pointer snowdog-menu-link-topmenu-mobile font-light" 1885 data-menu="menu-1894" 1886 > 1887 Ver Todo</a> 1888 </div> 1889 </li> 1890 </ul> 1891 </li> 1892 <li 1893 class="" 1894 :class="{ 1895 'bg-secondary-lighter text-primary' : node1895 === true, 1896 'py-1.5 pl-[68px]' : 2 === 2, 1897 'pl-5' : 2 === 3, 1898 'font-bold mt-3 pl-5' : 'category' === 'category' && 2 === 3, 1899 }" 1900 x-data="{ 'node1895': false }" 1901 > 1902 <button class="flex items-center justify-between w-full pr-8" 1903 @click="toggleSubmenu('node1895')" 1904 aria-label="Toggle submenu for Switchers" 1905 aria-haspopup="true" 1906 :aria-expanded="node1895 === true" 1907 type="button" 1908 >
1909 <span> 1910 Switchers </span> 1911 1912 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 1913<!-- Created with Inkscape (http://www.inkscape.org/) --> 1914<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="11" height="18" viewBox="0 0 2.8596632 4.6978264" version="1.1" id="svg1670" class="w-auto h-auto transition-transform" :class="{ 'stroke-black rotate-90': node1895 === true, 'stroke-white': node1895 != true }" aria-hidden="true"> 1915 <defs id="defs1667_12"/> 1916 <g id="layer1_12" transform="translate(-242.23293,-167.63946)"> 1917 <path d="m 242.51908,171.88988 c 0.60607,-0.38276 1.22802,-0.87842 1.86337,-1.47073 0.24165,-0.22543 0.24624,-0.60748 0.0116,-0.84067 -0.61383,-0.61031 -1.2453,-1.10137 -1.89194,-1.48343" style="fill:none;stroke-width:1.05833;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path732_12"/> 1918 </g> 1919</svg> 1920 </button> 1921 <ul x-ref="submenu-node1895" 1922 class="" 1923 x-show="node1895" 1924 x-collapse 1925 :aria-hidden="node1895 === false ? 'true' : 'false'" 1926 title="Switchers" 1927 > 1928 <li 1929 class="" 1930 :class="{ 1931 'bg-secondary-lighter text-primary' : node1896 === true, 1932 'py-1.5 pl-[68px]' : 3 === 2, 1933 'pl-5' : 3 === 3, 1934 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1935 }" 1936 x-data="{ 'node1896': false }" 1937 > 1938 <div class="group"> 1939 <a href="https://www.mediatekis.com.co/video/switchers/sdi.html" 1940 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 1941 data-menu="menu-1896" 1942 > 1943 SDI</a> 1944 </div> 1945 </li> 1946 <li 1947 class="" 1948 :class="{ 1949 'bg-secondary-lighter text-primary' : node1897 === true, 1950 'py-1.5 pl-[68px]' : 3 === 2, 1951 'pl-5' : 3 === 3, 1952 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1953 }" 1954 x-data="{ 'node1897': false }" 1955 > 1956 <div class="group"> 1957 <a href="https://www.mediatekis.com.co/video/switchers/hdmi.html" 1958 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 1959 data-menu="menu-1897" 1960 > 1961 HDMI</a> 1962 </div> 1963 </li> 1964 <li 1965 class="" 1966 :class="{ 1967 'bg-secondary-lighter text-primary' : node1898 === true, 1968 'py-1.5 pl-[68px]' : 3 === 2, 1969 'pl-5' : 3 === 3, 1970 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 1971 }" 1972 x-data="{ 'node1898': false }" 1973 > 1974 <div class="group"> 1975 <a href="https://www.mediatekis.com.co/video/switchers.html" 1976 class="cursor-pointer snowdog-menu-link-topmenu-mobile font-light" 1977 data-menu="menu-1898" 1978 > 1979 Ver Todo</a> 1980 </div> 1981 </li> 1982 </ul> 1983 </li> 1984 <li 1985 class="" 1986 :class="{ 1987 'bg-secondary-lighter text-primary' : node1899 === true, 1988 'py-1.5 pl-[68px]' : 2 === 2, 1989 'pl-5' : 2 === 3, 1990 'font-bold mt-3 pl-5' : 'category' === 'category' && 2 === 3, 1991 }" 1992 x-data="{ 'node1899': false }" 1993 > 1994 <button class="flex items-center justify-between w-full pr-8" 1995 @click="toggleSubmenu('node1899')" 1996 aria-label="Toggle submenu for 
1996Convertidores" 1997 aria-haspopup="true" 1998 :aria-expanded="node1899 === true" 1999 type="button" 2000 > 2001 <span> 2002 Convertidores </span> 2003 2004 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 2005<!-- Created with Inkscape (http://www.inkscape.org/) --> 2006<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="11" height="18" viewBox="0 0 2.8596632 4.6978264" version="1.1" id="svg1670" class="w-auto h-auto transition-transform" :class="{ 'stroke-black rotate-90': node1899 === true, 'stroke-white': node1899 != true }" aria-hidden="true"> 2007 <defs id="defs1667_13"/> 2008 <g id="layer1_13" transform="translate(-242.23293,-167.63946)"> 2009 <path d="m 242.51908,171.88988 c 0.60607,-0.38276 1.22802,-0.87842 1.86337,-1.47073 0.24165,-0.22543 0.24624,-0.60748 0.0116,-0.84067 -0.61383,-0.61031 -1.2453,-1.10137 -1.89194,-1.48343" style="fill:none;stroke-width:1.05833;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path732_13"/> 2010 </g> 2011</svg> 2012 </button> 2013 <ul x-ref="submenu-node1899" 2014 class="" 2015 x-show="node1899" 2016 x-collapse 2017 :aria-hidden="node1899 === false ? 'true' : 'false'" 2018 title="Convertidores" 2019 > 2020 <li 2021 class="" 2022 :class="{ 2023 'bg-secondary-lighter text-primary' : node1900 === true, 2024 'py-1.5 pl-[68px]' : 3 === 2, 2025 'pl-5' : 3 === 3, 2026 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2027 }" 2028 x-data="{ 'node1900': false }" 2029 > 2030 <div class="group"> 2031 <a href="https://www.mediatekis.com.co/video/convertidores-y-distribuidores/conexion/sdi.html" 2032 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2033 data-menu="menu-1900" 2034 > 2035 SDI</a> 2036 </div> 2037 </li> 2038 <li 2039 class="" 2040 :class="{ 2041 'bg-secondary-lighter text-primary' : node1901 === true, 2042 'py-1.5 pl-[68px]' : 3 === 2, 2043 'pl-5' : 3 === 3, 2044 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2045 }" 2046 x-data="{ 'node1901': false }" 2047 > 2048 <div class="group"> 2049 <a href="https://www.mediatekis.com.co/video/convertidores-y-distribuidores/conexion/hdmi.html" 2050 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2051 data-menu="menu-1901" 2052 > 2053 HDMI</a> 2054 </div> 2055 </li> 2056 <li 2057 class="" 2058 :class="{ 2059 'bg-secondary-lighter text-primary' : node1902 === true, 2060 'py-1.5 pl-[68px]' : 3 === 2, 2061 'pl-5' : 3 === 3, 2062 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2063 }" 2064 x-data="{ 'node1902': false }" 2065 > 2066 <div class="group"> 2067 <a href="https://www.mediatekis.com.co/video/convertidores-y-distribuidores/conexion/fibra-optica.html" 2068 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2069 data-menu="menu-1902" 2070 > 2071 Fibra Ãptica</a> 2072 </div> 2073 </li> 2074 <li 2075 class="" 2076 :class="{ 2077 'bg-secondary-lighter text-primary' : node1903 === true, 2078 'py-1.5 pl-[68px]' : 3 === 2, 2079 'pl-5' : 3 === 3, 2080 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2081 }" 2082 x-data="{ 'node1903': false }" 2083 > 2084 <div class="group"> 2085 <a href="https://www.mediatekis.com.co/video/convertidores-y-distribuidores/resolucion.html" 2086 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2087 data-menu="menu-1903" 2088 > 2089 Resolución</a> 2090 </div> 2091 </li> 2092 <li 2093 class="" 2094 :class="{ 2095 'bg-secondary-lighter text-primary' : node1904 === true, 2096 'py-1.5 pl-[68px]' : 3 === 2, 2097 'pl-5' : 3 === 3, 2098 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2099 }" 2100 x-data="{ 'node1904': false }" 2101 > 2102 <div class="group"> 2103 <a href="https://www.mediatekis.com.co/video/convertidores-y-distribuidores.html" 2104 class="cursor-pointer snowdog-menu-link-topmenu-mobile font-light" 2105 data-menu="menu-1904" 2106 > 2107 Ver Todo</a> 2108 </div> 2109 </li> 2110 </ul> 2111 </li> 2112 <li 2113 class="" 2114 :class="{ 2115 'bg-secondary-lighter text-primary' : node1905 === true, 2116 'py-1.5 pl-[68px]' : 2 === 2, 2117 'pl-5' : 2 === 3, 2118 'font-bold mt-3 pl-5' : 'category' === 'category' && 2 === 3, 2119 }" 2120 x-data="{ 'node1905': false }" 2121 > 2122 <button class="flex items-center justify-between w-full pr-8" 2123 @click="toggleSubmenu('node1905')" 2124 aria-label="Toggle submenu for Captura y Reproducción" 2125 aria-haspopup="true" 2126 :aria-expanded="node1905 === true" 2127 type="button" 2128 >
2129 <span> 2130 Captura y Reproducción </span> 2131 2132 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 2133<!-- Created with Inkscape (http://www.inkscape.org/) --> 2134<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="11" height="18" viewBox="0 0 2.8596632 4.6978264" version="1.1" id="svg1670" class="w-auto h-auto transition-transform" :class="{ 'stroke-black rotate-90': node1905 === true, 'stroke-white': node1905 != true }" aria-hidden="true"> 2135 <defs id="defs1667_14"/> 2136 <g id="layer1_14" transform="translate(-242.23293,-167.63946)"> 2137 <path d="m 242.51908,171.88988 c 0.60607,-0.38276 1.22802,-0.87842 1.86337,-1.47073 0.24165,-0.22543 0.24624,-0.60748 0.0116,-0.84067 -0.61383,-0.61031 -1.2453,-1.10137 -1.89194,-1.48343" style="fill:none;stroke-width:1.05833;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path732_14"/> 2138 </g> 2139</svg> 2140 </button> 2141 <ul x-ref="submenu-node1905" 2142 class="" 2143 x-show="node1905" 2144 x-collapse 2145 :aria-hidden="node1905 === false ? 'true' : 'false'" 2146 title="Captura y Reproducción" 2147 > 2148 <li 2149 class="" 2150 :class="{ 2151 'bg-secondary-lighter text-primary' : node1906 === true, 2152 'py-1.5 pl-[68px]' : 3 === 2, 2153 'pl-5' : 3 === 3, 2154 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2155 }" 2156 x-data="{ 'node1906': false }" 2157 > 2158 <div class="group"> 2159 <a href="https://www.mediatekis.com.co/video/captura-y-reproduccion/tipo/interfaz.html" 2160 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2161 data-menu="menu-1906" 2162 > 2163 Interfaz</a> 2164 </div> 2165 </li> 2166 <li 2167 class="" 2168 :class="{ 2169 'bg-secondary-lighter text-primary' : node1907 === true, 2170 'py-1.5 pl-[68px]' : 3 === 2, 2171 'pl-5' : 3 === 3, 2172 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2173 }" 2174 x-data="{ 'node1907': false }" 2175 > 2176 <div class="group"> 2177 <a href="https://www.mediatekis.com.co/video/captura-y-reproduccion/tipo/tarjeta-pci.html" 2178 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2179 data-menu="menu-1907" 2180 > 2181 Tarjeta PCI</a> 2182 </div> 2183 </li> 2184 <li 2185 class="" 2186 :class="{ 2187 'bg-secondary-lighter text-primary' : node1908 === true, 2188 'py-1.5 pl-[68px]' : 3 === 2, 2189 'pl-5' : 3 === 3, 2190 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2191 }" 2192 x-data="{ 'node1908': false }" 2193 > 2194 <div class="group"> 2195 <a href="https://www.mediatekis.com.co/video/captura-y-reproduccion/tipo/usb.html" 2196 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2197 data-menu="menu-1908" 2198 > 2199 USB</a> 2200 </div> 2201 </li> 2202 <li 2203 class="" 2204 :class="{ 2205 'bg-secondary-lighter text-primary' : node1909 === true, 2206 'py-1.5 pl-[68px]' : 3 === 2, 2207 'pl-5' : 3 === 3, 2208 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2209 }" 2210 x-data="{ 'node1909': false }" 2211 > 2212 <div class="group"> 2213 <a href="https://www.mediatekis.com.co/video/captura-y-reproduccion/conexion.html" 2214 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2215 data-menu="menu-1909" 2216 > 2217 Conexión</a> 2218 </div> 2219 </li> 2220 <li 2221 class="" 2222 :class="{ 2223 'bg-secondary-lighter text-primary' : node1910 === true, 2224 'py-1.5 pl-[68px]' : 3 === 2, 2225 'pl-5' : 3 === 3, 2226 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2227 }" 2228 x-data="{ 'node1910': false }" 2229 > 2230 <div class="group"> 2231 <a href="https://www.mediatekis.com.co/video/captura-y-reproduccion.html" 2232 class="cursor-pointer snowdog-menu-link-topmenu-mobile font-light" 2233 data-menu="menu-1910" 2234 > 2235 Ver Todo</a> 2236 </div> 2237 </li> 2238 </ul> 2239 </li> 2240 <li 2241 class="" 2242 :class="{ 2243 'bg-secondary-lighter text-primary' : node2620 === true, 2244 'py-1.5 pl-[68px]' : 2 === 2, 2245 'pl-5' : 2 === 3, 2246 'font-bold mt-3 pl-5' : 'category' === 'category' && 2 === 3, 2247 }" 2248 x-data="{ 'node2620': false }" 2249 > 2250 <div class="group"> 2251 <a href="https://www.mediatekis.com.co/video/sistemas-inalambricos-de-video.html" 2252 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2253 data-menu="menu-2620" 2254 > 2255 Sistemas Inalámbricos</a> 2256 </div> 2257 </li> 2258 <li 2259 class="" 2260 :class="{ 2261 'bg-secondary-lighter text-primary' : node1911 === true, 2262 'py-1.5 pl-[68px]' : 2 === 2, 2263 'pl-5' : 2 === 3, 2264 'font-bold mt-3 pl-5' : 'category' === 'category' && 2 === 3, 2265 }" 2266 x-data="{ 'node1911': false }" 2267 > 2268 <button class="flex items-center justify-between w-full pr-8" 2269 @click="toggleSubmenu('node1911')" 2270 aria-label="Toggle submenu for Accesorios" 2271 aria-haspopup="true" 2272 :aria-expanded="node1911 === true" 2273 type="button" 2274 >
2275 <span> 2276 Accesorios </span> 2277 2278 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 2279<!-- Created with Inkscape (http://www.inkscape.org/) --> 2280<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="11" height="18" viewBox="0 0 2.8596632 4.6978264" version="1.1" id="svg1670" class="w-auto h-auto transition-transform" :class="{ 'stroke-black rotate-90': node1911 === true, 'stroke-white': node1911 != true }" aria-hidden="true"> 2281 <defs id="defs1667_15"/> 2282 <g id="layer1_15" transform="translate(-242.23293,-167.63946)"> 2283 <path d="m 242.51908,171.88988 c 0.60607,-0.38276 1.22802,-0.87842 1.86337,-1.47073 0.24165,-0.22543 0.24624,-0.60748 0.0116,-0.84067 -0.61383,-0.61031 -1.2453,-1.10137 -1.89194,-1.48343" style="fill:none;stroke-width:1.05833;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path732_15"/> 2284 </g> 2285</svg> 2286 </button> 2287 <ul x-ref="submenu-node1911" 2288 class="" 2289 x-show="node1911" 2290 x-collapse 2291 :aria-hidden="node1911 === false ? 'true' : 'false'" 2292 title="Accesorios" 2293 > 2294 <li 2295 class="" 2296 :class="{ 2297 'bg-secondary-lighter text-primary' : node1912 === true, 2298 'py-1.5 pl-[68px]' : 3 === 2, 2299 'pl-5' : 3 === 3, 2300 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2301 }" 2302 x-data="{ 'node1912': false }" 2303 > 2304 <div class="group"> 2305 <a href="https://www.mediatekis.com.co/video/accesorios/almacenamiento.html" 2306 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2307 data-menu="menu-1912" 2308 > 2309 Almacenamiento</a> 2310 </div> 2311 </li> 2312 <li 2313 class="" 2314 :class="{ 2315 'bg-secondary-lighter text-primary' : node1913 === true, 2316 'py-1.5 pl-[68px]' : 3 === 2, 2317 'pl-5' : 3 === 3, 2318 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2319 }" 2320 x-data="{ 'node1913': false }" 2321 > 2322 <div class="group"> 2323 <a href="https://www.mediatekis.com.co/video/accesorios/baterias-y-cargadores.html" 2324 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2325 data-menu="menu-1913" 2326 > 2327 BaterÃas y Cargadores</a> 2328 </div> 2329 </li> 2330 <li 2331 class="" 2332 :class="{ 2333 'bg-secondary-lighter text-primary' : node1914 === true, 2334 'py-1.5 pl-[68px]' : 3 === 2, 2335 'pl-5' : 3 === 3, 2336 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2337 }" 2338 x-data="{ 'node1914': false }" 2339 > 2340 <div class="group"> 2341 <a href="https://www.mediatekis.com.co/video/accesorios/cables-y-conectores-sdi.html" 2342 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2343 data-menu="menu-1914" 2344 > 2345 Cables y Conectores SDI</a> 2346 </div> 2347 </li> 2348 <li 2349 class="" 2350 :class="{ 2351 'bg-secondary-lighter text-primary' : node1915 === true, 2352 'py-1.5 pl-[68px]' : 3 === 2, 2353 'pl-5' : 3 === 3, 2354 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2355 }" 2356 x-data="{ 'node1915': false }" 2357 > 2358 <div class="group"> 2359 <a href="https://www.mediatekis.com.co/video/accesorios/soportes-para-camara.html" 2360 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2361 data-menu="menu-1915" 2362 > 2363 Soportes para Cámara</a> 2364 </div> 2365 </li> 2366 <li 2367 class="" 2368 :class="{ 2369 'bg-secondary-lighter text-primary' : node1917 === true, 2370 'py-1.5 pl-[68px]' : 3 === 2, 2371 'pl-5' : 3 === 3, 2372 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2373 }" 2374 x-data="{ 'node1917': false }" 2375 > 2376 <div class="group"> 2377 <a href="https://www.mediatekis.com.co/video/accesorios.html" 2378 class="cursor-pointer snowdog-menu-link-topmenu-mobile font-light" 2379 data-menu="menu-1917" 2380 > 2381 Ver Todo</a> 2382 </div> 2383 </li> 2384 </ul> 2385 </li> 2386 <li 2387 class="" 2388 :class="{ 2389 'bg-secondary-lighter text-primary' : node1918 === true, 2390 'py-1.5 pl-[68px]' : 2 === 2, 2391 'pl-5' : 2 === 3, 2392 'font-bold mt-3 pl-5' : 'category' === 'category' && 2 === 3, 2393 }" 2394 x-data="{ 'node1918': false }" 2395 > 2396 <div class="group"> 2397 <a href="https://www.mediatekis.com.co/video/monitores.html" 2398 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2399 data-menu="menu-1918" 2400 > 2401 Monitores y Pantallas</a> 2402 </div> 2403 </li> 2404 <li 2405 class="" 2406 :class="{ 2407 'bg-secondary-lighter text-primary' : node1919 === true, 2408 'py-1.5 pl-[68px]' : 2 === 2, 2409 'pl-5' : 2 === 3, 2410 'font-bold mt-3 pl-5' : 'category' === 'category' && 2 === 3, 2411 }" 2412 x-data="{ 'node1919': false }" 2413 > 2414 <div class="group"> 2415 <a href="https://www.mediatekis.com.co/video/multiviewers.html" 2416 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2417 data-menu="menu-1919" 2418 > 2419 Multiviewers</a> 2420 </div> 2421 </li> 2422 <li 2423 class="" 2424 :class="{ 2425 'bg-secondary-lighter text-primary' : node1920 === true, 2426 'py-1.5 pl-[68px]' : 2 === 2, 2427 'pl-5' : 2 === 3, 2428 'font-bold mt-3 pl-5' : 'category' === 'category' && 2 === 3, 2429 }" 2430 x-data="{ 'node1920': false }" 2431 > 2432 <button class="flex items-center justify-between w-full pr-8" 2433 @click="toggleSubmenu('node1920')" 2434 aria-label="Toggle submenu for Streaming" 2435 aria-haspopup="true" 2436 :aria-expanded="node1920 === true" 2437 type="button" 2438 >
2439 <span> 2440 Streaming </span> 2441 2442 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 2443<!-- Created with Inkscape (http://www.inkscape.org/) --> 2444<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="11" height="18" viewBox="0 0 2.8596632 4.6978264" version="1.1" id="svg1670" class="w-auto h-auto transition-transform" :class="{ 'stroke-black rotate-90': node1920 === true, 'stroke-white': node1920 != true }" aria-hidden="true"> 2445 <defs id="defs1667_16"/> 2446 <g id="layer1_16" transform="translate(-242.23293,-167.63946)"> 2447 <path d="m 242.51908,171.88988 c 0.60607,-0.38276 1.22802,-0.87842 1.86337,-1.47073 0.24165,-0.22543 0.24624,-0.60748 0.0116,-0.84067 -0.61383,-0.61031 -1.2453,-1.10137 -1.89194,-1.48343" style="fill:none;stroke-width:1.05833;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path732_16"/> 2448 </g> 2449</svg> 2450 </button> 2451 <ul x-ref="submenu-node1920" 2452 class="" 2453 x-show="node1920" 2454 x-collapse 2455 :aria-hidden="node1920 === false ? 'true' : 'false'" 2456 title="Streaming" 2457 > 2458 <li 2459 class="" 2460 :class="{ 2461 'bg-secondary-lighter text-primary' : node1921 === true, 2462 'py-1.5 pl-[68px]' : 3 === 2, 2463 'pl-5' : 3 === 3, 2464 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2465 }" 2466 x-data="{ 'node1921': false }" 2467 > 2468 <div class="group"> 2469 <a href="https://www.mediatekis.com.co/video/streaming/switchers.html" 2470 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2471 data-menu="menu-1921" 2472 > 2473 Switchers</a> 2474 </div> 2475 </li> 2476 <li 2477 class="" 2478 :class="{ 2479 'bg-secondary-lighter text-primary' : node1922 === true, 2480 'py-1.5 pl-[68px]' : 3 === 2, 2481 'pl-5' : 3 === 3, 2482 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2483 }" 2484 x-data="{ 'node1922': false }" 2485 > 2486 <div class="group"> 2487 <a href="https://www.mediatekis.com.co/video/streaming/capturadoras.html" 2488 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2489 data-menu="menu-1922" 2490 > 2491 Capturadoras</a> 2492 </div> 2493 </li> 2494 <li 2495 class="" 2496 :class="{ 2497 'bg-secondary-lighter text-primary' : node1923 === true, 2498 'py-1.5 pl-[68px]' : 3 === 2, 2499 'pl-5' : 3 === 3, 2500 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2501 }" 2502 x-data="{ 'node1923': false }" 2503 > 2504 <div class="group"> 2505 <a href="https://www.mediatekis.com.co/video/streaming/reproduccion.html" 2506 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2507 data-menu="menu-1923" 2508 > 2509 Reproducción</a> 2510 </div> 2511 </li> 2512 <li 2513 class="" 2514 :class="{ 2515 'bg-secondary-lighter text-primary' : node1924 === true, 2516 'py-1.5 pl-[68px]' : 3 === 2, 2517 'pl-5' : 3 === 3, 2518 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2519 }" 2520 x-data="{ 'node1924': false }" 2521 > 2522 <div class="group"> 2523 <a href="https://www.mediatekis.com.co/video/streaming/grabadores.html" 2524 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2525 data-menu="menu-1924" 2526 > 2527 Grabadores</a> 2528 </div> 2529 </li> 2530 <li 2531 class="" 2532 :class="{ 2533 'bg-secondary-lighter text-primary' : node1925 === true, 2534 'py-1.5 pl-[68px]' : 3 === 2, 2535 'pl-5' : 3 === 3, 2536 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2537 }" 2538 x-data="{ 'node1925': false }" 2539 > 2540 <div class="group"> 2541 <a href="https://www.mediatekis.com.co/video/streaming.html" 2542 class="cursor-pointer snowdog-menu-link-topmenu-mobile font-light" 2543 data-menu="menu-1925" 2544 > 2545 Ver Todo</a> 2546 </div> 2547 </li> 2548 </ul> 2549 </li> 2550 <li 2551 class="" 2552 :class="{ 2553 'bg-secondary-lighter text-primary' : node2643 === true, 2554 'py-1.5 pl-[68px]' : 2 === 2, 2555 'pl-5' : 2 === 3, 2556 'font-bold mt-3 pl-5' : 'category' === 'category' && 2 === 3, 2557 }" 2558 x-data="{ 'node2643': false }" 2559 > 2560 <div class="group"> 2561 <a href="https://www.mediatekis.com.co/video/videoconferencia.html" 2562 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2563 data-menu="menu-2643" 2564 > 2565 Videoconferencia</a> 2566 </div> 2567 </li> 2568 </ul> 2569 </li> 2570 <li x-data="{'node1926': false }" 2571 class="" 2572 > 2573 <div class="flex items-center gap-x-2 py-1.5 px-12"> 2574 <a href="https://www.mediatekis.com.co/fotografia.html" 2575 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2576 data-menu="menu-1926" 2577 > 2578 FotografÃa</a> 2579 <button
2580 class="self-stretch w-8" 2581 @click="toggleSubmenu('node1926')" 2582 aria-label="Toggle submenu for Fotografía" 2583 :aria-expanded="node1926 === true" 2584 type="button" 2585 > 2586 <span class="block bg-arrow-menu-hover bg-no-repeat bg-center h-5 w-5 bg-[length:10px_auto]"></span> 2587 </button> 2588 </div> 2589 <ul x-ref="submenu-node1926" 2590 class="" 2591 x-show="node1926" 2592 x-collapse 2593 :aria-hidden="node1926 === false ? 'true' : 'false'" 2594 title="Fotografía" 2595 > 2596 <li 2597 class="" 2598 :class="{ 2599 'bg-secondary-lighter text-primary' : node1931 === true, 2600 'py-1.5 pl-[68px]' : 2 === 2, 2601 'pl-5' : 2 === 3, 2602 'font-bold mt-3 pl-5' : 'category' === 'category' && 2 === 3, 2603 }" 2604 x-data="{ 'node1931': false }" 2605 > 2606 <button class="flex items-center justify-between w-full pr-8" 2607 @click="toggleSubmenu('node1931')" 2608 aria-label="Toggle submenu for Cámaras Digitales" 2609 aria-haspopup="true" 2610 :aria-expanded="node1931 === true" 2611 type="button" 2612 > 2613 <span> 2614 Cámaras Digitales </span> 2615 2616 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 2617<!-- Created with Inkscape (http://www.inkscape.org/) --> 2618<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="11" height="18" viewBox="0 0 2.8596632 4.6978264" version="1.1" id="svg1670" class="w-auto h-auto transition-transform" :class="{ 'stroke-black rotate-90': node1931 === true, 'stroke-white': node1931 != true }" aria-hidden="true"> 2619 <defs id="defs1667_17"/> 2620 <g id="layer1_17" transform="translate(-242.23293,-167.63946)"> 2621 <path d="m 242.51908,171.88988 c 0.60607,-0.38276 1.22802,-0.87842 1.86337,-1.47073 0.24165,-0.22543 0.24624,-0.60748 0.0116,-0.84067 -0.61383,-0.61031 -1.2453,-1.10137 -1.89194,-1.48343" style="fill:none;stroke-width:1.05833;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path732_17"/> 2622 </g> 2623</svg> 2624 </button> 2625 <ul x-ref="submenu-node1931" 2626 class="" 2627 x-show="node1931" 2628 x-collapse 2629 :aria-hidden="node1931 === false ? 'true' : 'false'" 2630 title="Cámaras Digitales" 2631 > 2632 <li 2633 class="" 2634 :class="{ 2635 'bg-secondary-lighter text-primary' : node1932 === true, 2636 'py-1.5 pl-[68px]' : 3 === 2, 2637 'pl-5' : 3 === 3, 2638 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2639 }" 2640 x-data="{ 'node1932': false }" 2641 > 2642 <div class="group"> 2643 <a href="https://www.mediatekis.com.co/fotografia/camaras-digitales/presentacion/solo-cuerpo.html" 2644 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2645 data-menu="menu-1932" 2646 > 2647 Solo Cuerpo</a> 2648 </div> 2649 </li> 2650 <li 2651 class="" 2652 :class="{ 2653 'bg-secondary-lighter text-primary' : node1933 === true, 2654 'py-1.5 pl-[68px]' : 3 === 2, 2655 'pl-5' : 3 === 3, 2656 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2657 }" 2658 x-data="{ 'node1933': false }" 2659 > 2660 <div class="group"> 2661 <a href="https://www.mediatekis.com.co/fotografia/camaras-digitales/presentacion/con-objetivo.html" 2662 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2663 data-menu="menu-1933" 2664 > 2665 Con Objetivo</a> 2666 </div> 2667 </li> 2668 <li 2669 class="" 2670 :class="{ 2671 'bg-secondary-lighter text-primary' : node1935 === true, 2672 'py-1.5 pl-[68px]' : 3 === 2, 2673 'pl-5' : 3 === 3, 2674 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2675 }" 2676 x-data="{ 'node1935': false }" 2677 > 2678 <div class="group"> 2679 <a href="https://www.mediatekis.com.co/fotografia/camaras-digitales/tipo/sin-espejo.html" 2680 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2681 data-menu="menu-1935" 2682 > 2683 Sin Espejo</a> 2684 </div> 2685 </li> 2686 <li 2687 class="" 2688 :class="{ 2689 'bg-secondary-lighter text-primary' : node1936 === true, 2690 'py-1.5 pl-[68px]' : 3 === 2, 2691 'pl-5' : 3 === 3, 2692 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2693 }" 2694 x-data="{ 'node1936': false }" 2695 > 2696 <div class="group"> 2697 <a href="https://www.mediatekis.com.co/fotografia/camaras-digitales.html" 2698 class="cursor-pointer snowdog-menu-link-topmenu-mobile font-light" 2699 data-menu="menu-1936" 2700 > 2701 Ver Todo</a> 2702 </div> 2703 </li> 2704 </ul> 2705 </li> 2706 <li 2707 class="" 2708 :class="{ 2709 'bg-secondary-lighter text-primary' : node1937 === true, 2710 'py-1.5 pl-[68px]' : 2 === 2, 2711 'pl-5' : 2 === 3, 2712 'font-bold mt-3 pl-5' : 'category' === 'category' && 2 === 3, 2713 }" 2714 x-data="{ 'node1937': false }" 2715 > 2716 <button class="flex items-center justify-between w-full pr-8" 2717 @click="toggleSubmenu('node1937')" 2718 aria-label="Toggle submenu for Lentes" 2719 aria-haspopup="true" 2720 :aria-expanded="node1937 === true" 2721 type="button" 2722 >
2723 <span> 2724 Lentes </span> 2725 2726 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 2727<!-- Created with Inkscape (http://www.inkscape.org/) --> 2728<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="11" height="18" viewBox="0 0 2.8596632 4.6978264" version="1.1" id="svg1670" class="w-auto h-auto transition-transform" :class="{ 'stroke-black rotate-90': node1937 === true, 'stroke-white': node1937 != true }" aria-hidden="true"> 2729 <defs id="defs1667_18"/> 2730 <g id="layer1_18" transform="translate(-242.23293,-167.63946)"> 2731 <path d="m 242.51908,171.88988 c 0.60607,-0.38276 1.22802,-0.87842 1.86337,-1.47073 0.24165,-0.22543 0.24624,-0.60748 0.0116,-0.84067 -0.61383,-0.61031 -1.2453,-1.10137 -1.89194,-1.48343" style="fill:none;stroke-width:1.05833;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path732_18"/> 2732 </g> 2733</svg> 2734 </button> 2735 <ul x-ref="submenu-node1937" 2736 class="" 2737 x-show="node1937" 2738 x-collapse 2739 :aria-hidden="node1937 === false ? 'true' : 'false'" 2740 title="Lentes" 2741 > 2742 <li 2743 class="" 2744 :class="{ 2745 'bg-secondary-lighter text-primary' : node1939 === true, 2746 'py-1.5 pl-[68px]' : 3 === 2, 2747 'pl-5' : 3 === 3, 2748 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2749 }" 2750 x-data="{ 'node1939': false }" 2751 > 2752 <div class="group"> 2753 <a href="https://www.mediatekis.com.co/fotografia/lentes/montura/sony-e.html" 2754 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2755 data-menu="menu-1939" 2756 > 2757 Sony E</a> 2758 </div> 2759 </li> 2760 <li 2761 class="" 2762 :class="{ 2763 'bg-secondary-lighter text-primary' : node1940 === true, 2764 'py-1.5 pl-[68px]' : 3 === 2, 2765 'pl-5' : 3 === 3, 2766 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2767 }" 2768 x-data="{ 'node1940': false }" 2769 > 2770 <div class="group"> 2771 <a href="https://www.mediatekis.com.co/fotografia/lentes/montura/fujifilm-x.html" 2772 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2773 data-menu="menu-1940" 2774 > 2775 Fujifilm X</a> 2776 </div> 2777 </li> 2778 <li 2779 class="" 2780 :class="{ 2781 'bg-secondary-lighter text-primary' : node1941 === true, 2782 'py-1.5 pl-[68px]' : 3 === 2, 2783 'pl-5' : 3 === 3, 2784 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2785 }" 2786 x-data="{ 'node1941': false }" 2787 > 2788 <div class="group"> 2789 <a href="https://www.mediatekis.com.co/fotografia/lentes/montura/nikon-z.html" 2790 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2791 data-menu="menu-1941" 2792 > 2793 Nikon Z</a> 2794 </div> 2795 </li> 2796 <li 2797 class="" 2798 :class="{ 2799 'bg-secondary-lighter text-primary' : node1995 === true, 2800 'py-1.5 pl-[68px]' : 3 === 2, 2801 'pl-5' : 3 === 3, 2802 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2803 }" 2804 x-data="{ 'node1995': false }" 2805 > 2806 <div class="group"> 2807 <a href="https://www.mediatekis.com.co/fotografia/lentes/montura/micro-4-3.html" 2808 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2809 data-menu="menu-1995" 2810 > 2811 Micro 4/3</a> 2812 </div> 2813 </li> 2814 <li 2815 class="" 2816 :class="{ 2817 'bg-secondary-lighter text-primary' : node1942 === true, 2818 'py-1.5 pl-[68px]' : 3 === 2, 2819 'pl-5' : 3 === 3, 2820 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2821 }" 2822 x-data="{ 'node1942': false }" 2823 > 2824 <div class="group"> 2825 <a href="https://www.mediatekis.com.co/fotografia/lentes/accesorios.html" 2826 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2827 data-menu="menu-1942" 2828 > 2829 Accesorios</a> 2830 </div> 2831 </li> 2832 <li 2833 class="" 2834 :class="{ 2835 'bg-secondary-lighter text-primary' : node1943 === true, 2836 'py-1.5 pl-[68px]' : 3 === 2, 2837 'pl-5' : 3 === 3, 2838 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2839 }" 2840 x-data="{ 'node1943': false }" 2841 > 2842 <div class="group"> 2843 <a href="https://www.mediatekis.com.co/fotografia/lentes.html" 2844 class="cursor-pointer snowdog-menu-link-topmenu-mobile font-light" 2845 data-menu="menu-1943" 2846 > 2847 Ver Todo</a> 2848 </div> 2849 </li> 2850 </ul> 2851 </li> 2852 <li 2853 class="" 2854 :class="{ 2855 'bg-secondary-lighter text-primary' : node1944 === true, 2856 'py-1.5 pl-[68px]' : 2 === 2, 2857 'pl-5' : 2 === 3, 2858 'font-bold mt-3 pl-5' : 'category' === 'category' && 2 === 3, 2859 }" 2860 x-data="{ 'node1944': false }" 2861 > 2862 <button class="flex items-center justify-between w-full pr-8" 2863 @click="toggleSubmenu('node1944')" 2864 aria-label="Toggle submenu for Accesorios" 2865 aria-haspopup="true" 2866 :aria-expanded="node1944 === true" 2867 type="button" 2868 >
2869 <span> 2870 Accesorios </span> 2871 2872 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 2873<!-- Created with Inkscape (http://www.inkscape.org/) --> 2874<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="11" height="18" viewBox="0 0 2.8596632 4.6978264" version="1.1" id="svg1670" class="w-auto h-auto transition-transform" :class="{ 'stroke-black rotate-90': node1944 === true, 'stroke-white': node1944 != true }" aria-hidden="true"> 2875 <defs id="defs1667_19"/> 2876 <g id="layer1_19" transform="translate(-242.23293,-167.63946)"> 2877 <path d="m 242.51908,171.88988 c 0.60607,-0.38276 1.22802,-0.87842 1.86337,-1.47073 0.24165,-0.22543 0.24624,-0.60748 0.0116,-0.84067 -0.61383,-0.61031 -1.2453,-1.10137 -1.89194,-1.48343" style="fill:none;stroke-width:1.05833;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path732_19"/> 2878 </g> 2879</svg> 2880 </button> 2881 <ul x-ref="submenu-node1944" 2882 class="" 2883 x-show="node1944" 2884 x-collapse 2885 :aria-hidden="node1944 === false ? 'true' : 'false'" 2886 title="Accesorios" 2887 > 2888 <li 2889 class="" 2890 :class="{ 2891 'bg-secondary-lighter text-primary' : node1945 === true, 2892 'py-1.5 pl-[68px]' : 3 === 2, 2893 'pl-5' : 3 === 3, 2894 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2895 }" 2896 x-data="{ 'node1945': false }" 2897 > 2898 <div class="group"> 2899 <a href="https://www.mediatekis.com.co/fotografia/accesorios/almacenamiento.html" 2900 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2901 data-menu="menu-1945" 2902 > 2903 Almacenamiento</a> 2904 </div> 2905 </li> 2906 <li 2907 class="" 2908 :class="{ 2909 'bg-secondary-lighter text-primary' : node1946 === true, 2910 'py-1.5 pl-[68px]' : 3 === 2, 2911 'pl-5' : 3 === 3, 2912 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2913 }" 2914 x-data="{ 'node1946': false }" 2915 > 2916 <div class="group"> 2917 <a href="https://www.mediatekis.com.co/fotografia/accesorios/baterias-y-cargadores.html" 2918 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2919 data-menu="menu-1946" 2920 > 2921 BaterÃas y Cargadores</a> 2922 </div> 2923 </li> 2924 <li 2925 class="" 2926 :class="{ 2927 'bg-secondary-lighter text-primary' : node1947 === true, 2928 'py-1.5 pl-[68px]' : 3 === 2, 2929 'pl-5' : 3 === 3, 2930 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2931 }" 2932 x-data="{ 'node1947': false }" 2933 > 2934 <div class="group"> 2935 <a href="https://www.mediatekis.com.co/fotografia/accesorios/soportes-de-camara.html" 2936 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2937 data-menu="menu-1947" 2938 > 2939 Soportes de Cámara</a> 2940 </div> 2941 </li> 2942 <li 2943 class="" 2944 :class="{ 2945 'bg-secondary-lighter text-primary' : node1948 === true, 2946 'py-1.5 pl-[68px]' : 3 === 2, 2947 'pl-5' : 3 === 3, 2948 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2949 }" 2950 x-data="{ 'node1948': false }" 2951 > 2952 <div class="group"> 2953 <a href="https://www.mediatekis.com.co/fotografia/accesorios/bolsos-y-morrales.html" 2954 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 2955 data-menu="menu-1948" 2956 > 2957 Bolsos y Morrales</a> 2958 </div> 2959 </li> 2960 <li 2961 class="" 2962 :class="{ 2963 'bg-secondary-lighter text-primary' : node1949 === true, 2964 'py-1.5 pl-[68px]' : 3 === 2, 2965 'pl-5' : 3 === 3, 2966 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 2967 }" 2968 x-data="{ 'node1949': false }" 2969 > 2970 <div class="group"> 2971 <a href="https://www.mediatekis.com.co/fotografia/accesorios.html" 2972 class="cursor-pointer snowdog-menu-link-topmenu-mobile font-light" 2973 data-menu="menu-1949" 2974 > 2975 Ver Todo</a> 2976 </div> 2977 </li> 2978 </ul> 2979 </li> 2980 <li 2981 class="" 2982 :class="{ 2983 'bg-secondary-lighter text-primary' : node1950 === true, 2984 'py-1.5 pl-[68px]' : 2 === 2, 2985 'pl-5' : 2 === 3, 2986 'font-bold mt-3 pl-5' : 'category' === 'category' && 2 === 3, 2987 }" 2988 x-data="{ 'node1950': false }" 2989 > 2990 <button class="flex items-center justify-between w-full pr-8" 2991 @click="toggleSubmenu('node1950')" 2992 aria-label="Toggle submenu for Fotografía Instantánea" 2993 aria-haspopup="true" 2994 :aria-expanded="node1950 === true" 2995 type="button" 2996 >
2997 <span> 2998 FotografÃa Instantánea </span> 2999 3000 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 3001<!-- Created with Inkscape (http://www.inkscape.org/) --> 3002<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="11" height="18" viewBox="0 0 2.8596632 4.6978264" version="1.1" id="svg1670" class="w-auto h-auto transition-transform" :class="{ 'stroke-black rotate-90': node1950 === true, 'stroke-white': node1950 != true }" aria-hidden="true"> 3003 <defs id="defs1667_20"/> 3004 <g id="layer1_20" transform="translate(-242.23293,-167.63946)"> 3005 <path d="m 242.51908,171.88988 c 0.60607,-0.38276 1.22802,-0.87842 1.86337,-1.47073 0.24165,-0.22543 0.24624,-0.60748 0.0116,-0.84067 -0.61383,-0.61031 -1.2453,-1.10137 -1.89194,-1.48343" style="fill:none;stroke-width:1.05833;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path732_20"/> 3006 </g> 3007</svg> 3008 </button> 3009 <ul x-ref="submenu-node1950" 3010 class="" 3011 x-show="node1950" 3012 x-collapse 3013 :aria-hidden="node1950 === false ? 'true' : 'false'" 3014 title="Fotografía Instantánea" 3015 > 3016 <li 3017 class="" 3018 :class="{ 3019 'bg-secondary-lighter text-primary' : node1951 === true, 3020 'py-1.5 pl-[68px]' : 3 === 2, 3021 'pl-5' : 3 === 3, 3022 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 3023 }" 3024 x-data="{ 'node1951': false }" 3025 > 3026 <div class="group"> 3027 <a href="https://www.mediatekis.com.co/fotografia/fotografia-instantanea/camaras-polaroid.html" 3028 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 3029 data-menu="menu-1951" 3030 > 3031 Cámaras Polaroid</a> 3032 </div> 3033 </li> 3034 <li 3035 class="" 3036 :class="{ 3037 'bg-secondary-lighter text-primary' : node1953 === true, 3038 'py-1.5 pl-[68px]' : 3 === 2, 3039 'pl-5' : 3 === 3, 3040 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 3041 }" 3042 x-data="{ 'node1953': false }" 3043 > 3044 <div class="group"> 3045 <a href="https://www.mediatekis.com.co/fotografia/fotografia-instantanea/peliculas-polaroid.html" 3046 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 3047 data-menu="menu-1953" 3048 > 3049 PelÃculas Polaroid</a> 3050 </div> 3051 </li> 3052 <li 3053 class="" 3054 :class="{ 3055 'bg-secondary-lighter text-primary' : node1956 === true, 3056 'py-1.5 pl-[68px]' : 3 === 2, 3057 'pl-5' : 3 === 3, 3058 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 3059 }" 3060 x-data="{ 'node1956': false }" 3061 > 3062 <div class="group"> 3063 <a href="https://www.mediatekis.com.co/fotografia/fotografia-instantanea/accesorios-polaroid.html" 3064 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 3065 data-menu="menu-1956" 3066 > 3067 Accesorios Polaroid</a> 3068 </div> 3069 </li> 3070 <li 3071 class="" 3072 :class="{ 3073 'bg-secondary-lighter text-primary' : node1952 === true, 3074 'py-1.5 pl-[68px]' : 3 === 2, 3075 'pl-5' : 3 === 3, 3076 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 3077 }" 3078 x-data="{ 'node1952': false }" 3079 > 3080 <div class="group"> 3081 <a href="https://www.mediatekis.com.co/fotografia/fotografia-instantanea/camaras-instax.html" 3082 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 3083 data-menu="menu-1952" 3084 > 3085 Cámaras Instax</a> 3086 </div> 3087 </li> 3088 <li 3089 class="" 3090 :class="{ 3091 'bg-secondary-lighter text-primary' : node1954 === true, 3092 'py-1.5 pl-[68px]' : 3 === 2, 3093 'pl-5' : 3 === 3, 3094 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 3095 }" 3096 x-data="{ 'node1954': false }" 3097 > 3098 <div class="group"> 3099 <a href="https://www.mediatekis.com.co/fotografia/fotografia-instantanea/peliculas-instax.html" 3100 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 3101 data-menu="menu-1954" 3102 > 3103 PelÃculas Instax</a> 3104 </div> 3105 </li> 3106 <li 3107 class="" 3108 :class="{ 3109 'bg-secondary-lighter text-primary' : node1957 === true, 3110 'py-1.5 pl-[68px]' : 3 === 2, 3111 'pl-5' : 3 === 3, 3112 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 3113 }" 3114 x-data="{ 'node1957': false }" 3115 > 3116 <div class="group"> 3117 <a href="https://www.mediatekis.com.co/fotografia/fotografia-instantanea.html" 3118 class="cursor-pointer snowdog-menu-link-topmenu-mobile font-light" 3119 data-menu="menu-1957" 3120 > 3121 Ver Todo</a> 3122 </div> 3123 </li> 3124 </ul> 3125 </li> 3126 </ul> 3127 </li> 3128 <li x-data="{'node1964': false }" 3129 class="" 3130 > 3131 <div class="flex items-center gap-x-2 py-1.5 px-12"> 3132 <a href="https://www.mediatekis.com.co/software.html" 3133 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 3134 data-menu="menu-1964" 3135 >
3136 Software</a> 3137 <button 3138 class="self-stretch w-8" 3139 @click="toggleSubmenu('node1964')" 3140 aria-label="Toggle submenu for Software" 3141 :aria-expanded="node1964 === true" 3142 type="button" 3143 > 3144 <span class="block bg-arrow-menu-hover bg-no-repeat bg-center h-5 w-5 bg-[length:10px_auto]"></span> 3145 </button> 3146 </div> 3147 <ul x-ref="submenu-node1964" 3148 class="" 3149 x-show="node1964" 3150 x-collapse 3151 :aria-hidden="node1964 === false ? 'true' : 'false'" 3152 title="Software" 3153 > 3154 <li 3155 class="" 3156 :class="{ 3157 'bg-secondary-lighter text-primary' : node1965 === true, 3158 'py-1.5 pl-[68px]' : 2 === 2, 3159 'pl-5' : 2 === 3, 3160 'font-bold mt-3 pl-5' : 'category' === 'category' && 2 === 3, 3161 }" 3162 x-data="{ 'node1965': false }" 3163 > 3164 <div class="group"> 3165 <a href="https://www.mediatekis.com.co/software/ilok.html" 3166 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 3167 data-menu="menu-1965" 3168 > 3169 iLok</a> 3170 </div> 3171 </li> 3172 <li 3173 class="" 3174 :class="{ 3175 'bg-secondary-lighter text-primary' : node1966 === true, 3176 'py-1.5 pl-[68px]' : 2 === 2, 3177 'pl-5' : 2 === 3, 3178 'font-bold mt-3 pl-5' : 'category' === 'category' && 2 === 3, 3179 }" 3180 x-data="{ 'node1966': false }" 3181 > 3182 <button class="flex items-center justify-between w-full pr-8" 3183 @click="toggleSubmenu('node1966')" 3184 aria-label="Toggle submenu for Licencias Audio" 3185 aria-haspopup="true" 3186 :aria-expanded="node1966 === true" 3187 type="button" 3188 > 3189 <span> 3190 Licencias Audio </span> 3191 3192 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 3193<!-- Created with Inkscape (http://www.inkscape.org/) --> 3194<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="11" height="18" viewBox="0 0 2.8596632 4.6978264" version="1.1" id="svg1670" class="w-auto h-auto transition-transform" :class="{ 'stroke-black rotate-90': node1966 === true, 'stroke-white': node1966 != true }" aria-hidden="true"> 3195 <defs id="defs1667_21"/> 3196 <g id="layer1_21" transform="translate(-242.23293,-167.63946)"> 3197 <path d="m 242.51908,171.88988 c 0.60607,-0.38276 1.22802,-0.87842 1.86337,-1.47073 0.24165,-0.22543 0.24624,-0.60748 0.0116,-0.84067 -0.61383,-0.61031 -1.2453,-1.10137 -1.89194,-1.48343" style="fill:none;stroke-width:1.05833;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path732_21"/> 3198 </g> 3199</svg> 3200 </button> 3201 <ul x-ref="submenu-node1966" 3202 class="" 3203 x-show="node1966" 3204 x-collapse 3205 :aria-hidden="node1966 === false ? 'true' : 'false'" 3206 title="Licencias Audio" 3207 > 3208 <li 3209 class="" 3210 :class="{ 3211 'bg-secondary-lighter text-primary' : node1967 === true, 3212 'py-1.5 pl-[68px]' : 3 === 2, 3213 'pl-5' : 3 === 3, 3214 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 3215 }" 3216 x-data="{ 'node1967': false }" 3217 > 3218 <div class="group"> 3219 <a href="https://www.mediatekis.com.co/software/licencias-audio/pro-tools-studio.html" 3220 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 3221 data-menu="menu-1967" 3222 > 3223 Pro Tools Studio</a> 3224 </div> 3225 </li> 3226 <li 3227 class="" 3228 :class="{ 3229 'bg-secondary-lighter text-primary' : node1968 === true, 3230 'py-1.5 pl-[68px]' : 3 === 2, 3231 'pl-5' : 3 === 3, 3232 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 3233 }"
3234 x-data="{ 'node1968': false }" 3235 > 3236 <div class="group"> 3237 <a href="https://www.mediatekis.com.co/software/licencias-audio/soundid-reference.html" 3238 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 3239 data-menu="menu-1968" 3240 > 3241 SoundID Reference</a> 3242 </div> 3243 </li> 3244 <li 3245 class="" 3246 :class="{ 3247 'bg-secondary-lighter text-primary' : node1969 === true, 3248 'py-1.5 pl-[68px]' : 3 === 2, 3249 'pl-5' : 3 === 3, 3250 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 3251 }" 3252 x-data="{ 'node1969': false }" 3253 > 3254 <div class="group"> 3255 <a href="https://www.mediatekis.com.co/software/licencias-audio.html" 3256 class="cursor-pointer snowdog-menu-link-topmenu-mobile font-light" 3257 data-menu="menu-1969" 3258 > 3259 Ver Todo</a> 3260 </div> 3261 </li> 3262 </ul> 3263 </li> 3264 <li 3265 class="" 3266 :class="{ 3267 'bg-secondary-lighter text-primary' : node1970 === true, 3268 'py-1.5 pl-[68px]' : 2 === 2, 3269 'pl-5' : 2 === 3, 3270 'font-bold mt-3 pl-5' : 'category' === 'category' && 2 === 3, 3271 }" 3272 x-data="{ 'node1970': false }" 3273 > 3274 <button class="flex items-center justify-between w-full pr-8" 3275 @click="toggleSubmenu('node1970')" 3276 aria-label="Toggle submenu for Licencias de Video" 3277 aria-haspopup="true" 3278 :aria-expanded="node1970 === true" 3279 type="button" 3280 > 3281 <span> 3282 Licencias de Video </span> 3283 3284 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 3285<!-- Created with Inkscape (http://www.inkscape.org/) --> 3286<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="11" height="18" viewBox="0 0 2.8596632 4.6978264" version="1.1" id="svg1670" class="w-auto h-auto transition-transform" :class="{ 'stroke-black rotate-90': node1970 === true, 'stroke-white': node1970 != true }" aria-hidden="true"> 3287 <defs id="defs1667_22"/> 3288 <g id="layer1_22" transform="translate(-242.23293,-167.63946)"> 3289 <path d="m 242.51908,171.88988 c 0.60607,-0.38276 1.22802,-0.87842 1.86337,-1.47073 0.24165,-0.22543 0.24624,-0.60748 0.0116,-0.84067 -0.61383,-0.61031 -1.2453,-1.10137 -1.89194,-1.48343" style="fill:none;stroke-width:1.05833;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path732_22"/> 3290 </g> 3291</svg> 3292 </button> 3293 <ul x-ref="submenu-node1970" 3294 class="" 3295 x-show="node1970" 3296 x-collapse 3297 :aria-hidden="node1970 === false ? 'true' : 'false'" 3298 title="Licencias de Video" 3299 > 3300 <li 3301 class="" 3302 :class="{ 3303 'bg-secondary-lighter text-primary' : node1971 === true, 3304 'py-1.5 pl-[68px]' : 3 === 2, 3305 'pl-5' : 3 === 3, 3306 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 3307 }" 3308 x-data="{ 'node1971': false }" 3309 > 3310 <div class="group"> 3311 <a href="https://www.mediatekis.com.co/software/licencias-de-video/davinci-resolve-studio.html" 3312 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 3313 data-menu="menu-1971" 3314 > 3315 DaVinci Resolve</a> 3316 </div> 3317 </li> 3318 </ul> 3319 </li> 3320 </ul> 3321 </li> 3322 <li x-data="{'node1972': false }" 3323 class="" 3324 > 3325 <div class="flex items-center gap-x-2 py-1.5 px-12"> 3326 <a href="https://www.mediatekis.com.co/iluminacion.html" 3327 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 3328 data-menu="menu-1972" 3329 > 3330 Iluminación</a> 3331 <button
3332 class="self-stretch w-8" 3333 @click="toggleSubmenu('node1972')" 3334 aria-label="Toggle submenu for Iluminación" 3335 :aria-expanded="node1972 === true" 3336 type="button" 3337 > 3338 <span class="block bg-arrow-menu-hover bg-no-repeat bg-center h-5 w-5 bg-[length:10px_auto]"></span> 3339 </button> 3340 </div> 3341 <ul x-ref="submenu-node1972" 3342 class="" 3343 x-show="node1972" 3344 x-collapse 3345 :aria-hidden="node1972 === false ? 'true' : 'false'" 3346 title="Iluminación" 3347 > 3348 <li 3349 class="" 3350 :class="{ 3351 'bg-secondary-lighter text-primary' : node2629 === true, 3352 'py-1.5 pl-[68px]' : 2 === 2, 3353 'pl-5' : 2 === 3, 3354 'font-bold mt-3 pl-5' : 'category' === 'category' && 2 === 3, 3355 }" 3356 x-data="{ 'node2629': false }" 3357 > 3358 <button class="flex items-center justify-between w-full pr-8" 3359 @click="toggleSubmenu('node2629')" 3360 aria-label="Toggle submenu for Fotografía y Video" 3361 aria-haspopup="true" 3362 :aria-expanded="node2629 === true" 3363 type="button" 3364 > 3365 <span> 3366 FotografÃa y Video </span> 3367 3368 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 3369<!-- Created with Inkscape (http://www.inkscape.org/) --> 3370<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="11" height="18" viewBox="0 0 2.8596632 4.6978264" version="1.1" id="svg1670" class="w-auto h-auto transition-transform" :class="{ 'stroke-black rotate-90': node2629 === true, 'stroke-white': node2629 != true }" aria-hidden="true"> 3371 <defs id="defs1667_23"/> 3372 <g id="layer1_23" transform="translate(-242.23293,-167.63946)"> 3373 <path d="m 242.51908,171.88988 c 0.60607,-0.38276 1.22802,-0.87842 1.86337,-1.47073 0.24165,-0.22543 0.24624,-0.60748 0.0116,-0.84067 -0.61383,-0.61031 -1.2453,-1.10137 -1.89194,-1.48343" style="fill:none;stroke-width:1.05833;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path732_23"/> 3374 </g> 3375</svg> 3376 </button> 3377 <ul x-ref="submenu-node2629" 3378 class="" 3379 x-show="node2629" 3380 x-collapse 3381 :aria-hidden="node2629 === false ? 'true' : 'false'" 3382 title="Fotografía y Video" 3383 > 3384 <li 3385 class="" 3386 :class="{ 3387 'bg-secondary-lighter text-primary' : node2630 === true, 3388 'py-1.5 pl-[68px]' : 3 === 2, 3389 'pl-5' : 3 === 3, 3390 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 3391 }" 3392 x-data="{ 'node2630': false }" 3393 > 3394 <div class="group"> 3395 <a href="https://www.mediatekis.com.co/iluminacion/fotografia-y-video/tipo.html" 3396 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 3397 data-menu="menu-2630" 3398 > 3399 Tipo</a> 3400 </div> 3401 </li> 3402 <li 3403 class="" 3404 :class="{ 3405 'bg-secondary-lighter text-primary' : node2631 === true, 3406 'py-1.5 pl-[68px]' : 3 === 2, 3407 'pl-5' : 3 === 3, 3408 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 3409 }" 3410 x-data="{ 'node2631': false }" 3411 > 3412 <div class="group"> 3413 <a href="https://www.mediatekis.com.co/iluminacion/fotografia-y-video/accesorios-y-soportes.html" 3414 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 3415 data-menu="menu-2631" 3416 > 3417 Accesorios y Soportes</a> 3418 </div> 3419 </li> 3420 <li 3421 class="" 3422 :class="{ 3423 'bg-secondary-lighter text-primary' : node2632 === true, 3424 'py-1.5 pl-[68px]' : 3 === 2, 3425 'pl-5' : 3 === 3, 3426 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 3427 }" 3428 x-data="{ 'node2632': false }" 3429 > 3430 <div class="group"> 3431 <a href="https://www.mediatekis.com.co/iluminacion/fotografia-y-video.html" 3432 class="cursor-pointer snowdog-menu-link-topmenu-mobile font-light" 3433 data-menu="menu-2632" 3434 > 3435 Ver Todo</a> 3436 </div> 3437 </li> 3438 </ul> 3439 </li> 3440 <li 3441 class="" 3442 :class="{ 3443 'bg-secondary-lighter text-primary' : node1974 === true, 3444 'py-1.5 pl-[68px]' : 2 === 2, 3445 'pl-5' : 2 === 3, 3446 'font-bold mt-3 pl-5' : 'category' === 'category' && 2 === 3, 3447 }" 3448 x-data="{ 'node1974': false }" 3449 > 3450 <button class="flex items-center justify-between w-full pr-8" 3451 @click="toggleSubmenu('node1974')" 3452 aria-label="Toggle submenu for Eventos y Escenarios" 3453 aria-haspopup="true" 3454 :aria-expanded="node1974 === true" 3455 type="button" 3456 >
3457 <span> 3458 Eventos y Escenarios </span> 3459 3460 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 3461<!-- Created with Inkscape (http://www.inkscape.org/) --> 3462<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="11" height="18" viewBox="0 0 2.8596632 4.6978264" version="1.1" id="svg1670" class="w-auto h-auto transition-transform" :class="{ 'stroke-black rotate-90': node1974 === true, 'stroke-white': node1974 != true }" aria-hidden="true"> 3463 <defs id="defs1667_24"/> 3464 <g id="layer1_24" transform="translate(-242.23293,-167.63946)"> 3465 <path d="m 242.51908,171.88988 c 0.60607,-0.38276 1.22802,-0.87842 1.86337,-1.47073 0.24165,-0.22543 0.24624,-0.60748 0.0116,-0.84067 -0.61383,-0.61031 -1.2453,-1.10137 -1.89194,-1.48343" style="fill:none;stroke-width:1.05833;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path732_24"/> 3466 </g> 3467</svg> 3468 </button> 3469 <ul x-ref="submenu-node1974" 3470 class="" 3471 x-show="node1974" 3472 x-collapse 3473 :aria-hidden="node1974 === false ? 'true' : 'false'" 3474 title="Eventos y Escenarios" 3475 > 3476 <li 3477 class="" 3478 :class="{ 3479 'bg-secondary-lighter text-primary' : node1975 === true, 3480 'py-1.5 pl-[68px]' : 3 === 2, 3481 'pl-5' : 3 === 3, 3482 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 3483 }" 3484 x-data="{ 'node1975': false }" 3485 > 3486 <div class="group"> 3487 <a href="https://www.mediatekis.com.co/iluminacion/eventos-y-escenarios/tipo.html" 3488 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 3489 data-menu="menu-1975" 3490 > 3491 Tipo</a> 3492 </div> 3493 </li> 3494 <li 3495 class="" 3496 :class="{ 3497 'bg-secondary-lighter text-primary' : node1976 === true, 3498 'py-1.5 pl-[68px]' : 3 === 2, 3499 'pl-5' : 3 === 3, 3500 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 3501 }" 3502 x-data="{ 'node1976': false }" 3503 > 3504 <div class="group"> 3505 <a href="https://www.mediatekis.com.co/iluminacion/eventos-y-escenarios/accesorios-y-controladores.html" 3506 class="cursor-pointer snowdog-menu-link-topmenu-mobile " 3507 data-menu="menu-1976" 3508 > 3509 Accesorios y Controladores</a> 3510 </div> 3511 </li> 3512 <li 3513 class="" 3514 :class="{ 3515 'bg-secondary-lighter text-primary' : node1977 === true, 3516 'py-1.5 pl-[68px]' : 3 === 2, 3517 'pl-5' : 3 === 3, 3518 'font-bold mt-3 pl-5' : 'category' === 'category' && 3 === 3, 3519 }" 3520 x-data="{ 'node1977': false }" 3521 > 3522 <div class="group"> 3523 <a href="https://www.mediatekis.com.co/iluminacion/eventos-y-escenarios.html" 3524 class="cursor-pointer snowdog-menu-link-topmenu-mobile font-light" 3525 data-menu="menu-1977" 3526 > 3527 Ver Todo</a> 3528 </div> 3529 </li> 3530 </ul> 3531 </li> 3532 </ul> 3533 </li> 3534 <li x-data="{'node1980': false }" 3535 class="" 3536 > 3537 <div 3538 class="group w-full py-1.5 px-12 text-2xl" 3539 :class="{ 3540 'font-bold' : 'category' === 'category' && 1 === 1, 3541 'my-10' : 'link-ofertas' === 'link-ofertas' 3542 }"> 3543 <a href="https://www.mediatekis.com.co/ofertas.html" 3544 class="cursor-pointer snowdog-menu-link-topmenu-mobile link-ofertas" 3545 data-menu="menu-1980" 3546 > 3547 Ofertas</a> 3548 </div> 3549 </li> 3550 <li x-data="{'node1981': false }" 3551 class="" 3552 > 3553 <div 3554 class="group w-full py-1.5 px-12 text-2xl" 3555 :class="{ 3556 'font-bold' : 'custom_url' === 'category' && 1 === 1, 3557 'my-10' : 'link-quotes' === 'link-ofertas' 3558 }"> 3559 3560 <a class="cursor-pointer snowdog-menu-link-topmenu-mobile link-quotes" 3561 href="/cotizaciones/" 3562 data-menu="menu-1981" > 3563 Cotizaciones </a> 3564 </div> 3565 </li> 3566 <li x-data="{'node1982': false }" 3567 class="" 3568 > 3569 <div 3570 class="group w-full py-1.5 px-12 text-2xl" 3571 :class="{ 3572 'font-bold' : 'custom_url' === 'category' && 1 === 1, 3573 'my-10' : 'link-user' === 'link-ofertas' 3574 }"> 3575 3576 <a class="cursor-pointer snowdog-menu-link-topmenu-mobile link-user" 3577 href="/customer/account" 3578 data-menu="menu-1982" > 3579 Ingresar </a> 3580 </div> 3581 </li> 3582 </ul> 3583 <div class="flex justify-end p-6"> 3584 <button 3585 @click="closeMenu" 3586 class="flex justify-center items-center bg-secondary p-0.5 rounded-lg" 3587 aria-label="Close menu" 3588 type="button" 3589 > 3590 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-primary" width="24" height="24" aria-hidden="true"> 3591 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 3592</svg> 3593 </button> 3594 </div> 3595 </div> 3596 </div> 3597 </nav> 3598 3599 3600 3601 <div x-data="initTopmenuDesktop_6ab442d68cad4()" 3602 class=" 3603 navigation hidden lg:block order-3 w-1/2 3604 " 3605 > 3606 <nav
3607 class="snowdog-topmenu-desktop lg:block" 3608 aria-label="Main menu" 3609 > 3610 <ul class="relative flex gap-x-1"> 3611 <li class=" 3612 flex items-center justify-between p-3 rounded-lg group hover:bg-secondary data-[active]:bg-secondary relative 3613 " 3614 :class="{ 3615 '' : '1' && openSubmenuId === '2307' 3616 }" 3617 @mouseenter="openSubmenuId = '2307'" 3618 @mouseleave="openSubmenuId = null" 3619 @keydown.escape="onSubmenuEscape" 3620 > 3621 <div class="group [&>a]:py-7 [&>a]:!text-primary"> 3622 3623<a href="https://www.mediatekis.com.co/audio.html" 3624 class="snowdog-menu-link " 3625 data-menu="menu-2307" 3626 > 3627 Audio</a> 3628 </div> 3629 <div class="relative"> 3630 <button 3631 type="button" 3632 class="flex items-center" 3633 x-ref="sr-button-2307" 3634 :aria-expanded="openSubmenuId === '2307' ? 'true' : 'false'" 3635 @click="toggleSubmenu('2307')" 3636 > 3637 <span class="block bg-arrow-menu group-hover:bg-arrow-menu-hover bg-no-repeat bg-center h-5 w-5" aria-hidden="true"></span> 3638 <span class="sr-only"> 3639 Toggle submenu for Audio </span> 3640 </button> 3641 </div> 3642 3643 <div 3644 x-ref="submenu-2307" 3645 class="absolute left-0 top-full w-full z-30 flex pt-3" 3646 x-show="openSubmenuId === '2307'" 3647 x-cloak 3648 > 3649 3650 <div 3651 class="w-full flex items-stretch justify-between text-secondary-lighter font-light" 3652 x-data="initSubMenu2307()" 3653 > 3654 <ul 3655 class="space-y-1 py-6 bg-container-darker rounded-2xl" 3656 :class="{ 3657 'rounded-2xl': !openSubMenu, 3658 'rounded-l-2xl': openSubMenu 3659 }" 3660 title="Submenu for Audio" 3661 > 3662 <li 3663 class="flex-1 py-0.5 px-5 hover:text-primary hover:bg-secondary-lighter w-auto min-w-max " 3664 @mouseenter=" 3665 openLevel2SubmenuId = '2308'; 3666 openSubMenu = false;
3667 " 3668 x-init="openLevel2SubmenuId = '2308'" 3669 > 3670 <div class="group flex justify-stretch"> 3671 3672<a href="https://www.mediatekis.com.co/audio/combos-de-audio.html" 3673 class="snowdog-menu-link " 3674 data-menu="menu-2308" 3675 > 3676 Combos de Audio</a> 3677 </div> 3678 </li> 3679 <li 3680 class="flex-1 py-0.5 px-5 hover:text-primary hover:bg-secondary-lighter w-auto min-w-max " 3681 @mouseenter=" 3682 openLevel2SubmenuId = '2309'; 3683 openSubMenu = true; 3684 " 3685 > 3686 <div class="group flex justify-stretch"> 3687 3688<a href="https://www.mediatekis.com.co/audio/audifonos.html" 3689 class="snowdog-menu-link " 3690 data-menu="menu-2309" 3691 > 3692 AudÃfonos</a> 3693 <button 3694 type="button" 3695 class="flex-1 flex justify-end items-center" 3696 :aria-expanded="openLevel2SubmenuId === '2309' ? 'true' : 'false'" 3697 aria-controls="level-2-submenu-2309" 3698 @click="openLevel2Submenu('2309')" 3699 > 3700 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="20" height="20" aria-hidden="true"> 3701 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 3702</svg> 3703 <span class="sr-only"> 3704 Open submenu for AudÃfonos </span> 3705 </button> 3706 </div> 3707 </li> 3708 <li 3709 class="flex-1 py-0.5 px-5 hover:text-primary hover:bg-secondary-lighter w-auto min-w-max " 3710 @mouseenter=" 3711 openLevel2SubmenuId = '2330'; 3712 openSubMenu = true; 3713 " 3714 > 3715 <div class="group flex justify-stretch"> 3716 3717<a href="https://www.mediatekis.com.co/audio/microfonos.html" 3718 class="snowdog-menu-link " 3719 data-menu="menu-2330" 3720 > 3721 Micrófonos</a> 3722 <button 3723 type="button" 3724 class="flex-1 flex justify-end items-center" 3725 :aria-expanded="openLevel2SubmenuId === '2330' ? 'true' : 'false'" 3726 aria-controls="level-2-submenu-2330" 3727 @click="openLevel2Submenu('2330')" 3728 > 3729 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="20" height="20" aria-hidden="true"> 3730 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 3731</svg>
3732 <span class="sr-only"> 3733 Open submenu for Micrófonos </span> 3734 </button> 3735 </div> 3736 </li> 3737 <li 3738 class="flex-1 py-0.5 px-5 hover:text-primary hover:bg-secondary-lighter w-auto min-w-max " 3739 @mouseenter=" 3740 openLevel2SubmenuId = '2351'; 3741 openSubMenu = true; 3742 " 3743 > 3744 <div class="group flex justify-stretch"> 3745 3746<a href="https://www.mediatekis.com.co/audio/interfaces-de-audio-y-grabadoras-profesionales.html" 3747 class="snowdog-menu-link " 3748 data-menu="menu-2351" 3749 > 3750 Interfaces y Grabadoras</a> 3751 <button 3752 type="button" 3753 class="flex-1 flex justify-end items-center" 3754 :aria-expanded="openLevel2SubmenuId === '2351' ? 'true' : 'false'" 3755 aria-controls="level-2-submenu-2351" 3756 @click="openLevel2Submenu('2351')" 3757 > 3758 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="20" height="20" aria-hidden="true"> 3759 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 3760</svg> 3761 <span class="sr-only"> 3762 Open submenu for Interfaces y Grabadoras </span> 3763 </button> 3764 </div> 3765 </li> 3766 <li 3767 class="flex-1 py-0.5 px-5 hover:text-primary hover:bg-secondary-lighter w-auto min-w-max " 3768 @mouseenter=" 3769 openLevel2SubmenuId = '2357'; 3770 openSubMenu = true; 3771 " 3772 > 3773 <div class="group flex justify-stretch"> 3774 3775<a href="https://www.mediatekis.com.co/audio/bases-y-soportes.html" 3776 class="snowdog-menu-link " 3777 data-menu="menu-2357" 3778 > 3779 Bases y Soportes</a> 3780 <button 3781 type="button" 3782 class="flex-1 flex justify-end items-center" 3783 :aria-expanded="openLevel2SubmenuId === '2357' ? 'true' : 'false'" 3784 aria-controls="level-2-submenu-2357" 3785 @click="openLevel2Submenu('2357')" 3786 > 3787 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="20" height="20" aria-hidden="true"> 3788 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 3789</svg> 3790 <span class="sr-only"> 3791 Open submenu for Bases y Soportes </span> 3792 </button> 3793 </div> 3794 </li> 3795 <li 3796 class="flex-1 py-0.5 px-5 hover:text-primary hover:bg-secondary-lighter w-auto min-w-max " 3797 @mouseenter=" 3798 openLevel2SubmenuId = '2365'; 3799 openSubMenu = true; 3800 " 3801 > 3802 <div class="group flex justify-stretch"> 3803 3804<a href="https://www.mediatekis.com.co/audio/cables-y-adaptadores.html" 3805 class="snowdog-menu-link " 3806 data-menu="menu-2365" 3807 > 3808 Cables y Adaptadores</a> 3809 <button 3810 type="button" 3811 class="flex-1 flex justify-end items-center" 3812 :aria-expanded="openLevel2SubmenuId === '2365' ? 'true' : 'false'" 3813 aria-controls="level-2-submenu-2365" 3814 @click="openLevel2Submenu('2365')" 3815 > 3816 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="20" height="20" aria-hidden="true"> 3817 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 3818</svg>
3819 <span class="sr-only"> 3820 Open submenu for Cables y Adaptadores </span> 3821 </button> 3822 </div> 3823 </li> 3824 <li 3825 class="flex-1 py-0.5 px-5 hover:text-primary hover:bg-secondary-lighter w-auto min-w-max " 3826 @mouseenter=" 3827 openLevel2SubmenuId = '2371'; 3828 openSubMenu = true; 3829 " 3830 > 3831 <div class="group flex justify-stretch"> 3832 3833<a href="https://www.mediatekis.com.co/audio/estudio-y-grabacion.html" 3834 class="snowdog-menu-link " 3835 data-menu="menu-2371" 3836 > 3837 Estudio y Grabación</a> 3838 <button 3839 type="button" 3840 class="flex-1 flex justify-end items-center" 3841 :aria-expanded="openLevel2SubmenuId === '2371' ? 'true' : 'false'" 3842 aria-controls="level-2-submenu-2371" 3843 @click="openLevel2Submenu('2371')" 3844 > 3845 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="20" height="20" aria-hidden="true"> 3846 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 3847</svg> 3848 <span class="sr-only"> 3849 Open submenu for Estudio y Grabación </span> 3850 </button> 3851 </div> 3852 </li> 3853 <li 3854 class="flex-1 py-0.5 px-5 hover:text-primary hover:bg-secondary-lighter w-auto min-w-max " 3855 @mouseenter=" 3856 openLevel2SubmenuId = '2381'; 3857 openSubMenu = true; 3858 " 3859 > 3860 <div class="group flex justify-stretch"> 3861 3862<a href="https://www.mediatekis.com.co/audio/podcast.html" 3863 class="snowdog-menu-link " 3864 data-menu="menu-2381" 3865 > 3866 Podcast</a> 3867 <button 3868 type="button" 3869 class="flex-1 flex justify-end items-center" 3870 :aria-expanded="openLevel2SubmenuId === '2381' ? 'true' : 'false'" 3871 aria-controls="level-2-submenu-2381" 3872 @click="openLevel2Submenu('2381')" 3873 > 3874 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="20" height="20" aria-hidden="true"> 3875 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 3876</svg> 3877 <span class="sr-only"> 3878 Open submenu for Podcast </span> 3879 </button> 3880 </div> 3881 </li> 3882 <li 3883 class="flex-1 py-0.5 px-5 hover:text-primary hover:bg-secondary-lighter w-auto min-w-max " 3884 @mouseenter=" 3885 openLevel2SubmenuId = '2389'; 3886 openSubMenu = true; 3887 " 3888 > 3889 <div class="group flex justify-stretch"> 3890 3891<a href="https://www.mediatekis.com.co/audio/tornamesas.html" 3892 class="snowdog-menu-link " 3893 data-menu="menu-2389" 3894 > 3895 Tornamesas</a> 3896 <button 3897 type="button" 3898 class="flex-1 flex justify-end items-center" 3899 :aria-expanded="openLevel2SubmenuId === '2389' ? 'true' : 'false'" 3900 aria-controls="level-2-submenu-2389" 3901 @click="openLevel2Submenu('2389')" 3902 > 3903 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="20" height="20" aria-hidden="true"> 3904 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 3905</svg>
3906 <span class="sr-only"> 3907 Open submenu for Tornamesas </span> 3908 </button> 3909 </div> 3910 </li> 3911 <li 3912 class="flex-1 py-0.5 px-5 hover:text-primary hover:bg-secondary-lighter w-auto min-w-max " 3913 @mouseenter=" 3914 openLevel2SubmenuId = '2400'; 3915 openSubMenu = true; 3916 " 3917 > 3918 <div class="group flex justify-stretch"> 3919 3920<a href="https://www.mediatekis.com.co/audio/dj.html" 3921 class="snowdog-menu-link " 3922 data-menu="menu-2400" 3923 > 3924 DJ</a> 3925 <button 3926 type="button" 3927 class="flex-1 flex justify-end items-center" 3928 :aria-expanded="openLevel2SubmenuId === '2400' ? 'true' : 'false'" 3929 aria-controls="level-2-submenu-2400" 3930 @click="openLevel2Submenu('2400')" 3931 > 3932 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="20" height="20" aria-hidden="true"> 3933 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 3934</svg> 3935 <span class="sr-only"> 3936 Open submenu for DJ </span> 3937 </button> 3938 </div> 3939 </li> 3940 <li 3941 class="flex-1 py-0.5 px-5 hover:text-primary hover:bg-secondary-lighter w-auto min-w-max " 3942 @mouseenter=" 3943 openLevel2SubmenuId = '2409'; 3944 openSubMenu = true; 3945 " 3946 > 3947 <div class="group flex justify-stretch"> 3948 3949<a href="https://www.mediatekis.com.co/audio/altavoces-y-cabinas.html" 3950 class="snowdog-menu-link " 3951 data-menu="menu-2409" 3952 > 3953 Altavoces y Cabinas</a> 3954 <button 3955 type="button" 3956 class="flex-1 flex justify-end items-center" 3957 :aria-expanded="openLevel2SubmenuId === '2409' ? 'true' : 'false'" 3958 aria-controls="level-2-submenu-2409" 3959 @click="openLevel2Submenu('2409')" 3960 > 3961 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="20" height="20" aria-hidden="true"> 3962 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 3963</svg> 3964 <span class="sr-only"> 3965 Open submenu for Altavoces y Cabinas </span> 3966 </button> 3967 </div> 3968 </li> 3969 <li 3970 class="flex-1 py-0.5 px-5 hover:text-primary hover:bg-secondary-lighter w-auto min-w-max " 3971 @mouseenter=" 3972 openLevel2SubmenuId = '2415'; 3973 openSubMenu = true; 3974 " 3975 > 3976 <div class="group flex justify-stretch"> 3977 3978<a href="https://www.mediatekis.com.co/audio/sonido-en-vivo.html" 3979 class="snowdog-menu-link " 3980 data-menu="menu-2415" 3981 > 3982 Sonido en Vivo</a> 3983 <button 3984 type="button" 3985 class="flex-1 flex justify-end items-center" 3986 :aria-expanded="openLevel2SubmenuId === '2415' ? 'true' : 'false'" 3987 aria-controls="level-2-submenu-2415" 3988 @click="openLevel2Submenu('2415')" 3989 > 3990 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="20" height="20" aria-hidden="true"> 3991 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 3992</svg>
3993 <span class="sr-only"> 3994 Open submenu for Sonido en Vivo </span> 3995 </button> 3996 </div> 3997 </li> 3998 <li 3999 class="flex-1 py-0.5 px-5 hover:text-primary hover:bg-secondary-lighter w-auto min-w-max " 4000 @mouseenter=" 4001 openLevel2SubmenuId = '2423'; 4002 openSubMenu = true; 4003 " 4004 > 4005 <div class="group flex justify-stretch"> 4006 4007<a href="https://www.mediatekis.com.co/audio/instrumentos.html" 4008 class="snowdog-menu-link " 4009 data-menu="menu-2423" 4010 > 4011 Instrumentos</a> 4012 <button 4013 type="button" 4014 class="flex-1 flex justify-end items-center" 4015 :aria-expanded="openLevel2SubmenuId === '2423' ? 'true' : 'false'" 4016 aria-controls="level-2-submenu-2423" 4017 @click="openLevel2Submenu('2423')" 4018 > 4019 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="20" height="20" aria-hidden="true"> 4020 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 4021</svg> 4022 <span class="sr-only"> 4023 Open submenu for Instrumentos </span> 4024 </button> 4025 </div> 4026 </li> 4027 </ul> 4028 4029 4030 <ul 4031 id="level-2-submenu-2309" 4032 x-ref="level-2-submenu-2309" 4033 x-show="openLevel2SubmenuId === '2309'" 4034 title="Submenu for Audífonos" 4035 class="flex-1 flex gap-x-4 bg-secondary-lighter rounded-r-2xl py-6 px-14 text-primary text-sm" 4036 > 4037 <li 4038 class="w-full min-w-max " 4039 > 4040 <div class="group"> 4041 4042<a href="https://www.mediatekis.com.co/audio/audifonos/tipo.html" 4043 class="snowdog-menu-link font-bold" 4044 data-menu="menu-2310" 4045 > 4046 Tipo</a> 4047 </div> 4048 4049 4050 4051 <ul class=""> 4052 <li 4053 class=" 4054 pb-0 " 4055 > 4056 <div class="group mb-2"> 4057 <div data-menu="menu-2311" class="__inner-link"></div> 4058 </div> 4059 </li> 4060 <li 4061 class=" 4062 " 4063 > 4064 <div class="group mb-2"> 4065 4066<a href="https://www.mediatekis.com.co/audio/audifonos/tipo/monitoreo.html" 4067 class="snowdog-menu-link " 4068 data-menu="menu-2312" 4069 > 4070 Monitoreo</a> 4071 </div> 4072 </li> 4073 <li 4074 class=" 4075 " 4076 > 4077 <div class="group mb-2"> 4078 4079<a href="https://www.mediatekis.com.co/audio/audifonos/tipo/dj.html" 4080 class="snowdog-menu-link " 4081 data-menu="menu-2313" 4082 > 4083 DJ</a> 4084 </div> 4085 </li> 4086 <li 4087 class=" 4088 " 4089 > 4090 <div class="group mb-2"> 4091 4092<a href="https://www.mediatekis.com.co/audio/audifonos/tipo/in-ear.html" 4093 class="snowdog-menu-link " 4094 data-menu="menu-2314" 4095 > 4096 In-Ear</a> 4097 </div> 4098 </li> 4099 <li 4100 class=" 4101 " 4102 > 4103 <div class="group mb-2"> 4104 4105<a href="https://www.mediatekis.com.co/audio/audifonos/tipo/gaming.html" 4106 class="snowdog-menu-link " 4107 data-menu="menu-2315" 4108 > 4109 Gaming</a> 4110 </div> 4111 </li> 4112 <li 4113 class=" 4114 " 4115 > 4116 <div class="group mb-2"> 4117 4118<a href="https://www.mediatekis.com.co/audio/audifonos/tipo/videoconferencia.html" 4119 class="snowdog-menu-link " 4120 data-menu="menu-2316" 4121 > 4122 Videoconferencia</a> 4123 </div> 4124 </li> 4125 <li 4126 class=" 4127 " 4128 > 4129 <div class="group mb-2"> 4130 4131<a href="https://www.mediatekis.com.co/audio/audifonos/tipo/sistemas-intercom.html" 4132 class="snowdog-menu-link " 4133 data-menu="menu-2317" 4134 > 4135 Sistemas Intercom</a> 4136 </div> 4137 </li> 4138 <li 4139 class=" 4140 " 4141 > 4142 <div class="group mb-2"> 4143 4144<a href="https://www.mediatekis.com.co/audio/audifonos/tipo.html" 4145 class="snowdog-menu-link font-bold" 4146 data-menu="menu-2318" 4147 > 4148 Ver Todo</a> 4149 </div> 4150 </li> 4151 </ul> 4152 </li> 4153 <li 4154 class="w-full min-w-max " 4155 > 4156 <div class="group"> 4157 <div data-menu="menu-2319" class="__inner-link"></div> 4158 </div> 4159 <ul class="space-y-2 ml-4"> 4160 <li 4161 class=" 4162 " 4163 " 4164 > 4165 <div class="group mb-2"> 4166 4167<a href="https://www.mediatekis.com.co/audio/audifonos/conexion.html" 4168 class="snowdog-menu-link font-bold" 4169 data-menu="menu-2320" 4170 > 4171 Conexión</a> 4172 </div> 4173 4174 4175 4176 <ul class=""> 4177 <li 4178 class=" 4179 " 4180 > 4181 <div class="group mb-2"> 4182 4183<a href="https://www.mediatekis.com.co/audio/audifonos/conexion/alambricos.html" 4184 class="snowdog-menu-link " 4185 data-menu="menu-2321" 4186 > 4187 Alámbricos</a> 4188 </div> 4189 </li> 4190 <li 4191 class=" 4192 " 4193 > 4194 <div class="group mb-2"> 4195 4196<a href="https://www.mediatekis.com.co/audio/audifonos/conexion/inalambricos.html" 4197 class="snowdog-menu-link " 4198 data-menu="menu-2322" 4199 > 4200 Inalámbricos</a> 4201 </div> 4202 </li> 4203 </ul> 4204 </li> 4205 <li 4206 class=" 4207 pb-4" 4208 -ml-4 " 4209 > 4210 <div class="group mb-2"> 4211 <div data-menu="menu-2323" class="__inner-link"></div> 4212 </div> 4213 </li> 4214 <li 4215 class=" 4216 " 4217 " 4218 > 4219 <div class="group mb-2"> 4220 4221<a href="https://www.mediatekis.com.co/audio/audifonos/accesorios.html" 4222 class="snowdog-menu-link font-bold" 4223 data-menu="menu-2324" 4224 > 4225 Accesorios</a> 4226 </div> 4227 4228 4229 4230 <ul class=""> 4231 <li 4232 class=" 4233 " 4234 > 4235 <div class="group mb-2"> 4236 4237<a href="https://www.mediatekis.com.co/audio/audifonos/accesorios/almohadillas.html" 4238 class="snowdog-menu-link " 4239 data-menu="menu-2325" 4240 > 4241 Almohadillas</a> 4242 </div> 4243 </li> 4244 <li 4245 class=" 4246 " 4247 > 4248 <div class="group mb-2"> 4249 4250<a href="https://www.mediatekis.com.co/audio/audifonos/accesorios/cables.html" 4251 class="snowdog-menu-link " 4252 data-menu="menu-2326" 4253 > 4254 Cables</a> 4255 </div> 4256 </li> 4257 <li 4258 class=" 4259 " 4260 > 4261 <div class="group mb-2"> 4262 4263<a href="https://www.mediatekis.com.co/audio/audifonos/accesorios/soportes.html" 4264 class="snowdog-menu-link " 4265 data-menu="menu-2327" 4266 > 4267 Soportes</a> 4268 </div> 4269 </li> 4270 <li 4271 class=" 4272 " 4273 > 4274 <div class="group mb-2"> 4275 4276<a href="https://www.mediatekis.com.co/audio/audifonos/accesorios/amplificadores.html" 4277 class="snowdog-menu-link " 4278 data-menu="menu-2328" 4279 > 4280 Amplificadores</a> 4281 </div> 4282 </li> 4283 </ul> 4284 </li> 4285 </ul> 4286 </li> 4287 </ul> 4288 4289 4290 4291 <ul 4292 id="level-2-submenu-2330" 4293 x-ref="level-2-submenu-2330" 4294 x-show="openLevel2SubmenuId === '2330'" 4295 title="Submenu for Micrófonos" 4296 class="flex-1 flex gap-x-4 bg-secondary-lighter rounded-r-2xl py-6 px-14 text-primary text-sm" 4297 > 4298 <li 4299 class="w-full min-w-max " 4300 > 4301 <div class="group"> 4302 4303<a href="https://www.mediatekis.com.co/audio/microfonos/tipo.html" 4304 class="snowdog-menu-link font-bold" 4305 data-menu="menu-2331" 4306 > 4307 Tipo</a> 4308 </div> 4309 4310 4311 4312 <ul class=""> 4313 <li 4314 class=" 4315 pb-0 " 4316 > 4317 <div class="group mb-2"> 4318 <div data-menu="menu-2332" class="__inner-link"></div> 4319 </div> 4320 </li> 4321 <li 4322 class=" 4323 " 4324 > 4325 <div class="group mb-2"> 4326 4327<a href="https://www.mediatekis.com.co/audio/microfonos/tipo/condensador.html" 4328 class="snowdog-menu-link " 4329 data-menu="menu-2333" 4330 > 4331 Condensador</a> 4332 </div> 4333 </li> 4334 <li 4335 class=" 4336 " 4337 > 4338 <div class="group mb-2"> 4339 4340<a href="https://www.mediatekis.com.co/audio/microfonos/tipo/dinamicos.html" 4341 class="snowdog-menu-link " 4342 data-menu="menu-2334" 4343 > 4344 Dinámicos</a> 4345 </div> 4346 </li> 4347 <li 4348 class=" 4349 " 4350 > 4351 <div class="group mb-2"> 4352 4353<a href="https://www.mediatekis.com.co/audio/microfonos/tipo/de-mano.html" 4354 class="snowdog-menu-link " 4355 data-menu="menu-2335" 4356 > 4357 De mano</a> 4358 </div> 4359 </li> 4360 <li 4361 class=" 4362 " 4363 > 4364 <div class="group mb-2"> 4365 4366<a href="https://www.mediatekis.com.co/audio/microfonos/tipo/solapa.html" 4367 class="snowdog-menu-link " 4368 data-menu="menu-2336" 4369 > 4370 Solapa</a> 4371 </div> 4372 </li> 4373 <li 4374 class=" 4375 " 4376 > 4377 <div class="group mb-2"> 4378 4379<a href="https://www.mediatekis.com.co/audio/microfonos/tipo/diadema.html" 4380 class="snowdog-menu-link " 4381 data-menu="menu-2337" 4382 > 4383 Diadema</a> 4384 </div> 4385 </li> 4386 <li 4387 class=" 4388 " 4389 > 4390 <div class="group mb-2"> 4391 4392<a href="https://www.mediatekis.com.co/audio/microfonos/tipo/shotgun.html" 4393 class="snowdog-menu-link " 4394 data-menu="menu-2338" 4395 > 4396 Shotgun</a> 4397 </div> 4398 </li> 4399 <li 4400 class=" 4401 " 4402 > 4403 <div class="group mb-2"> 4404 4405<a href="https://www.mediatekis.com.co/audio/microfonos/tipo/instrumento.html" 4406 class="snowdog-menu-link " 4407 data-menu="menu-2339" 4408 > 4409 Instrumento</a> 4410 </div> 4411 </li> 4412 <li 4413 class=" 4414 " 4415 > 4416 <div class="group mb-2"> 4417 4418<a href="https://www.mediatekis.com.co/audio/microfonos/tipo/smartphone.html" 4419 class="snowdog-menu-link " 4420 data-menu="menu-2340" 4421 > 4422 Smartphone</a> 4423 </div> 4424 </li> 4425 <li 4426 class=" 4427 " 4428 > 4429 <div class="group mb-2"> 4430 4431<a href="https://www.mediatekis.com.co/audio/microfonos/tipo.html" 4432 class="snowdog-menu-link font-bold" 4433 data-menu="menu-2342" 4434 > 4435 Ver Todo</a> 4436 </div> 4437 </li>
4438 </ul> 4439 </li> 4440 <li 4441 class="w-full min-w-max " 4442 > 4443 <div class="group"> 4444 <div data-menu="menu-2343" class="__inner-link"></div> 4445 </div> 4446 <ul class="space-y-2 ml-4"> 4447 <li 4448 class=" 4449 " 4450 " 4451 > 4452 <div class="group mb-2"> 4453 4454<a href="https://www.mediatekis.com.co/audio/microfonos/conexion.html" 4455 class="snowdog-menu-link font-bold" 4456 data-menu="menu-2344" 4457 > 4458 Conexión</a> 4459 </div> 4460 4461 4462 4463 <ul class=""> 4464 <li 4465 class=" 4466 " 4467 > 4468 <div class="group mb-2"> 4469 4470<a href="https://www.mediatekis.com.co/audio/microfonos/conexion/alambricos.html" 4471 class="snowdog-menu-link " 4472 data-menu="menu-2345" 4473 > 4474 Alámbricos</a> 4475 </div> 4476 </li> 4477 <li 4478 class=" 4479 " 4480 > 4481 <div class="group mb-2"> 4482 4483<a href="https://www.mediatekis.com.co/audio/microfonos/conexion/inalambricos.html" 4484 class="snowdog-menu-link " 4485 data-menu="menu-2346" 4486 > 4487 Inalámbricos</a> 4488 </div> 4489 </li> 4490 </ul> 4491 </li> 4492 <li 4493 class=" 4494 pb-4" 4495 -ml-4 " 4496 > 4497 <div class="group mb-2"> 4498 <div data-menu="menu-2347" class="__inner-link"></div> 4499 </div> 4500 </li> 4501 <li 4502 class=" 4503 " 4504 " 4505 > 4506 <div class="group mb-2"> 4507 4508<a href="https://www.mediatekis.com.co/audio/microfonos/accesorios.html" 4509 class="snowdog-menu-link font-bold" 4510 data-menu="menu-2348" 4511 > 4512 Accesorios</a> 4513 </div> 4514 4515 4516 4517 <ul class=""> 4518 <li 4519 class=" 4520 " 4521 > 4522 <div class="group mb-2"> 4523 4524<a href="https://www.mediatekis.com.co/audio/microfonos/accesorios/bases-y-soportes.html" 4525 class="snowdog-menu-link " 4526 data-menu="menu-2349" 4527 > 4528 Bases y Soportes</a> 4529 </div> 4530 </li> 4531 <li 4532 class=" 4533 " 4534 > 4535 <div class="group mb-2"> 4536 4537<a href="https://www.mediatekis.com.co/audio/microfonos/accesorios/cables.html" 4538 class="snowdog-menu-link " 4539 data-menu="menu-2350" 4540 > 4541 Cables</a> 4542 </div> 4543 </li> 4544 </ul> 4545 </li> 4546 </ul> 4547 </li> 4548 </ul> 4549 4550 4551 4552 <ul 4553 id="level-2-submenu-2351" 4554 x-ref="level-2-submenu-2351" 4555 x-show="openLevel2SubmenuId === '2351'" 4556 title="Submenu for Interfaces y Grabadoras" 4557 class="flex-1 flex gap-x-4 bg-secondary-lighter rounded-r-2xl py-6 px-14 text-primary text-sm" 4558 > 4559 <li 4560 class="w-full min-w-max " 4561 > 4562 <div class="group"> 4563 4564<a href="https://www.mediatekis.com.co/audio/interfaces-de-audio-y-grabadoras-profesionales.html" 4565 class="snowdog-menu-link font-bold" 4566 data-menu="menu-2352" 4567 > 4568 CategorÃa</a> 4569 </div> 4570 4571 4572 4573 <ul class=""> 4574 <li 4575 class=" 4576 pb-0 " 4577 > 4578 <div class="group mb-2"> 4579 <div data-menu="menu-2353" class="__inner-link"></div> 4580 </div> 4581 </li> 4582 <li 4583 class=" 4584 " 4585 > 4586 <div class="group mb-2"> 4587 4588<a href="https://www.mediatekis.com.co/audio/interfaces-de-audio-y-grabadoras-profesionales/interfaces.html" 4589 class="snowdog-menu-link " 4590 data-menu="menu-2354" 4591 > 4592 Interfaces</a> 4593 </div> 4594 </li> 4595 <li 4596 class=" 4597 " 4598 > 4599 <div class="group mb-2"> 4600 4601<a href="https://www.mediatekis.com.co/audio/interfaces-de-audio-y-grabadoras-profesionales.html" 4602 class="snowdog-menu-link font-bold" 4603 data-menu="menu-2356" 4604 > 4605 Ver Todo</a> 4606 </div> 4607 </li> 4608 </ul> 4609 </li> 4610 </ul> 4611 4612 4613 4614 <ul 4615 id="level-2-submenu-2357" 4616 x-ref="level-2-submenu-2357" 4617 x-show="openLevel2SubmenuId === '2357'" 4618 title="Submenu for Bases y Soportes" 4619 class="flex-1 flex gap-x-4 bg-secondary-lighter rounded-r-2xl py-6 px-14 text-primary text-sm" 4620 > 4621 <li 4622 class="w-full min-w-max " 4623 > 4624 <div class="group"> 4625 4626<a href="https://www.mediatekis.com.co/audio/bases-y-soportes.html" 4627 class="snowdog-menu-link font-bold" 4628 data-menu="menu-2358" 4629 > 4630 CategorÃa</a> 4631 </div> 4632 4633 4634 4635 <ul class=""> 4636 <li 4637 class=" 4638 pb-0 " 4639 > 4640 <div class="group mb-2"> 4641 <div data-menu="menu-2359" class="__inner-link"></div> 4642 </div> 4643 </li> 4644 <li 4645 class=" 4646 " 4647 > 4648 <div class="group mb-2"> 4649 4650<a href="https://www.mediatekis.com.co/audio/bases-y-soportes/microfonos.html" 4651 class="snowdog-menu-link " 4652 data-menu="menu-2360" 4653 > 4654 Micrófonos</a> 4655 </div> 4656 </li> 4657 <li 4658 class=" 4659 " 4660 > 4661 <div class="group mb-2"> 4662 4663<a href="https://www.mediatekis.com.co/audio/bases-y-soportes/monitores-de-audio.html" 4664 class="snowdog-menu-link " 4665 data-menu="menu-2361" 4666 > 4667 Monitores de Audio</a> 4668 </div> 4669 </li> 4670 <li 4671 class=" 4672 " 4673 > 4674 <div class="group mb-2"> 4675 4676<a href="https://www.mediatekis.com.co/audio/bases-y-soportes/cabinas.html" 4677 class="snowdog-menu-link " 4678 data-menu="menu-2362" 4679 > 4680 Cabinas</a> 4681 </div> 4682 </li> 4683 <li 4684 class=" 4685 " 4686 > 4687 <div class="group mb-2"> 4688 4689<a href="https://www.mediatekis.com.co/audio/bases-y-soportes/instrumentos.html" 4690 class="snowdog-menu-link " 4691 data-menu="menu-2363" 4692 > 4693 Instrumentos</a> 4694 </div> 4695 </li> 4696 <li 4697 class=" 4698 " 4699 > 4700 <div class="group mb-2"> 4701 4702<a href="https://www.mediatekis.com.co/audio/bases-y-soportes.html" 4703 class="snowdog-menu-link font-bold" 4704 data-menu="menu-2364" 4705 > 4706 Ver Todo</a> 4707 </div> 4708 </li> 4709 </ul> 4710 </li> 4711 </ul> 4712 4713 4714 4715 <ul 4716 id="level-2-submenu-2365" 4717 x-ref="level-2-submenu-2365" 4718 x-show="openLevel2SubmenuId === '2365'" 4719 title="Submenu for Cables y Adaptadores" 4720 class="flex-1 flex gap-x-4 bg-secondary-lighter rounded-r-2xl py-6 px-14 text-primary text-sm" 4721 > 4722 <li 4723 class="w-full min-w-max " 4724 > 4725 <div class="group"> 4726 4727<a href="https://www.mediatekis.com.co/audio/cables-y-adaptadores.html" 4728 class="snowdog-menu-link font-bold" 4729 data-menu="menu-2366" 4730 > 4731 CategorÃa</a> 4732 </div> 4733 4734 4735 4736 <ul class=""> 4737 <li 4738 class=" 4739 pb-0 " 4740 > 4741 <div class="group mb-2"> 4742 <div data-menu="menu-2367" class="__inner-link"></div> 4743 </div> 4744 </li> 4745 <li 4746 class=" 4747 " 4748 > 4749 <div class="group mb-2"> 4750 4751<a href="https://www.mediatekis.com.co/audio/cables-y-adaptadores/cables.html" 4752 class="snowdog-menu-link " 4753 data-menu="menu-2368" 4754 > 4755 Cables</a> 4756 </div> 4757 </li> 4758 <li 4759 class=" 4760 " 4761 > 4762 <div class="group mb-2"> 4763 4764<a href="https://www.mediatekis.com.co/audio/cables-y-adaptadores/conectores.html" 4765 class="snowdog-menu-link " 4766 data-menu="menu-2644" 4767 > 4768 Conectores</a> 4769 </div> 4770 </li> 4771 <li 4772 class=" 4773 " 4774 > 4775 <div class="group mb-2"> 4776 4777<a href="https://www.mediatekis.com.co/audio/cables-y-adaptadores/adaptadores.html" 4778 class="snowdog-menu-link " 4779 data-menu="menu-2369" 4780 > 4781 Adaptadores</a> 4782 </div> 4783 </li> 4784 <li 4785 class=" 4786 " 4787 > 4788 <div class="group mb-2"> 4789 4790<a href="https://www.mediatekis.com.co/audio/cables-y-adaptadores.html" 4791 class="snowdog-menu-link font-bold" 4792 data-menu="menu-2370" 4793 > 4794 Ver Todo</a> 4795 </div> 4796 </li> 4797 </ul> 4798 </li> 4799 </ul> 4800 4801 4802 4803 <ul 4804 id="level-2-submenu-2371" 4805 x-ref="level-2-submenu-2371" 4806 x-show="openLevel2SubmenuId === '2371'" 4807 title="Submenu for Estudio y Grabación" 4808 class="flex-1 flex gap-x-4 bg-secondary-lighter rounded-r-2xl py-6 px-14 text-primary text-sm" 4809 > 4810 <li 4811 class="w-full min-w-max " 4812 > 4813 <div class="group"> 4814 4815<a href="https://www.mediatekis.com.co/audio/estudio-y-grabacion.html" 4816 class="snowdog-menu-link font-bold" 4817 data-menu="menu-2372" 4818 > 4819 CategorÃa</a> 4820 </div> 4821 4822 4823 4824 <ul class=""> 4825 <li 4826 class=" 4827 pb-0 " 4828 > 4829 <div class="group mb-2"> 4830 <div data-menu="menu-2373" class="__inner-link"></div> 4831 </div> 4832 </li> 4833 <li 4834 class=" 4835 " 4836 > 4837 <div class="group mb-2"> 4838 4839<a href="https://www.mediatekis.com.co/audio/estudio-y-grabacion/interfaces-de-audio-y-grabadoras-para-estudio.html" 4840 class="snowdog-menu-link " 4841 data-menu="menu-2374" 4842 > 4843 Interfaces y Grabadoras</a> 4844 </div> 4845 </li> 4846 <li 4847 class=" 4848 " 4849 > 4850 <div class="group mb-2"> 4851 4852<a href="https://www.mediatekis.com.co/audio/estudio-y-grabacion/superficies-de-control.html" 4853 class="snowdog-menu-link " 4854 data-menu="menu-2634" 4855 > 4856 Superficies de Control</a> 4857 </div> 4858 </li> 4859 <li 4860 class=" 4861 " 4862 > 4863 <div class="group mb-2"> 4864 4865<a href="https://www.mediatekis.com.co/audio/estudio-y-grabacion/controladores-midi.html" 4866 class="snowdog-menu-link " 4867 data-menu="menu-2375" 4868 > 4869 Controladores MIDI</a> 4870 </div> 4871 </li> 4872 <li 4873 class=" 4874 " 4875 > 4876 <div class="group mb-2"> 4877 4878<a href="https://www.mediatekis.com.co/audio/estudio-y-grabacion/preamplificadores.html" 4879 class="snowdog-menu-link " 4880 data-menu="menu-2376" 4881 > 4882 Preamplificadores</a> 4883 </div> 4884 </li> 4885 <li 4886 class=" 4887 " 4888 > 4889 <div class="group mb-2"> 4890 4891<a href="https://www.mediatekis.com.co/audio/estudio-y-grabacion/monitores-y-subwoofers.html" 4892 class="snowdog-menu-link " 4893 data-menu="menu-2377" 4894 > 4895 Monitores y Subwoofers</a> 4896 </div> 4897 </li> 4898 <li 4899 class=" 4900 " 4901 > 4902 <div class="group mb-2"> 4903 4904<a href="https://www.mediatekis.com.co/audio/estudio-y-grabacion/amplificadores-de-audifonos.html"
4905 class="snowdog-menu-link " 4906 data-menu="menu-2378" 4907 > 4908 Amplificadores de AudÃfonos</a> 4909 </div> 4910 </li> 4911 <li 4912 class=" 4913 " 4914 > 4915 <div class="group mb-2"> 4916 4917<a href="https://www.mediatekis.com.co/audio/estudio-y-grabacion.html" 4918 class="snowdog-menu-link font-bold" 4919 data-menu="menu-2380" 4920 > 4921 Ver Todo</a> 4922 </div> 4923 </li> 4924 </ul> 4925 </li> 4926 </ul> 4927 4928 4929 4930 <ul 4931 id="level-2-submenu-2381" 4932 x-ref="level-2-submenu-2381" 4933 x-show="openLevel2SubmenuId === '2381'" 4934 title="Submenu for Podcast" 4935 class="flex-1 flex gap-x-4 bg-secondary-lighter rounded-r-2xl py-6 px-14 text-primary text-sm" 4936 > 4937 <li 4938 class="w-full min-w-max " 4939 > 4940 <div class="group"> 4941 4942<a href="https://www.mediatekis.com.co/audio/podcast.html" 4943 class="snowdog-menu-link font-bold" 4944 data-menu="menu-2382" 4945 > 4946 CategorÃa</a> 4947 </div> 4948 4949 4950 4951 <ul class=""> 4952 <li 4953 class=" 4954 pb-0 " 4955 > 4956 <div class="group mb-2"> 4957 <div data-menu="menu-2383" class="__inner-link"></div> 4958 </div> 4959 </li> 4960 <li 4961 class=" 4962 " 4963 > 4964 <div class="group mb-2"> 4965 4966<a href="https://www.mediatekis.com.co/audio/podcast/consolas-e-interfaces.html" 4967 class="snowdog-menu-link " 4968 data-menu="menu-2384" 4969 > 4970 Consolas e Interfaces</a> 4971 </div> 4972 </li> 4973 <li 4974 class=" 4975 " 4976 > 4977 <div class="group mb-2"> 4978 4979<a href="https://www.mediatekis.com.co/audio/podcast/microfonos.html" 4980 class="snowdog-menu-link " 4981 data-menu="menu-2385" 4982 > 4983 Micrófonos</a> 4984 </div> 4985 </li> 4986 <li 4987 class=" 4988 " 4989 > 4990 <div class="group mb-2"> 4991 4992<a href="https://www.mediatekis.com.co/audio/podcast/soportes.html" 4993 class="snowdog-menu-link " 4994 data-menu="menu-2386" 4995 > 4996 Soportes</a> 4997 </div> 4998 </li> 4999 <li 5000 class=" 5001 " 5002 > 5003 <div class="group mb-2"> 5004 5005<a href="https://www.mediatekis.com.co/audio/podcast/combos-podcast.html" 5006 class="snowdog-menu-link " 5007 data-menu="menu-2387" 5008 > 5009 Combos Podcast</a> 5010 </div> 5011 </li> 5012 <li 5013 class=" 5014 " 5015 > 5016 <div class="group mb-2"> 5017 5018<a href="https://www.mediatekis.com.co/audio/podcast.html" 5019 class="snowdog-menu-link font-bold" 5020 data-menu="menu-2388" 5021 > 5022 Ver Todo</a> 5023 </div> 5024 </li> 5025 </ul> 5026 </li> 5027 </ul> 5028 5029 5030 5031 <ul 5032 id="level-2-submenu-2389" 5033 x-ref="level-2-submenu-2389" 5034 x-show="openLevel2SubmenuId === '2389'" 5035 title="Submenu for Tornamesas" 5036 class="flex-1 flex gap-x-4 bg-secondary-lighter rounded-r-2xl py-6 px-14 text-primary text-sm" 5037 > 5038 <li 5039 class="w-full min-w-max " 5040 > 5041 <div class="group"> 5042 5043<a href="https://www.mediatekis.com.co/audio/tornamesas/tipo.html" 5044 class="snowdog-menu-link font-bold" 5045 data-menu="menu-2390" 5046 > 5047 Tipo</a> 5048 </div> 5049 5050 5051 5052 <ul class=""> 5053 <li 5054 class=" 5055 pb-0 " 5056 > 5057 <div class="group mb-2"> 5058 <div data-menu="menu-2391" class="__inner-link"></div> 5059 </div> 5060 <ul class="space-y-2 ml-4"> 5061 <li 5062 class=" 5063 pr-4" 5064 -ml-4 " 5065 > 5066 <div class="group mb-2"> 5067 <div data-menu="menu-2392" class="__inner-link"></div> 5068 </div> 5069 </li> 5070 </ul> 5071 </li> 5072 <li 5073 class=" 5074 " 5075 > 5076 <div class="group mb-2"> 5077 5078<a href="https://www.mediatekis.com.co/audio/tornamesas/tipo/traccion-por-correa.html" 5079 class="snowdog-menu-link " 5080 data-menu="menu-2393" 5081 > 5082 Tracción por Correa</a> 5083 </div> 5084 </li> 5085 <li 5086 class=" 5087 " 5088 > 5089 <div class="group mb-2"> 5090 5091<a href="https://www.mediatekis.com.co/audio/tornamesas/tipo/traccion-directa.html" 5092 class="snowdog-menu-link " 5093 data-menu="menu-2394" 5094 > 5095 Tracción Directa</a> 5096 </div> 5097 </li> 5098 <li 5099 class=" 5100 " 5101 > 5102 <div class="group mb-2"> 5103 5104<a href="https://www.mediatekis.com.co/audio/tornamesas/tipo.html" 5105 class="snowdog-menu-link font-bold" 5106 data-menu="menu-2395" 5107 > 5108 Ver Todo</a> 5109 </div> 5110 </li> 5111 </ul> 5112 </li> 5113 <li 5114 class="w-full min-w-max pr-4" 5115 > 5116 <div class="group"> 5117 <div data-menu="menu-2396" class="__inner-link"></div> 5118 </div> 5119 <ul class="space-y-2 ml-4"> 5120 <li 5121 class=" 5122 " 5123 " 5124 > 5125 <div class="group mb-2"> 5126 5127<a href="https://www.mediatekis.com.co/audio/tornamesas/cartuchos-y-agujas.html" 5128 class="snowdog-menu-link font-bold" 5129 data-menu="menu-2397" 5130 > 5131 Cartuchos y Agujas</a> 5132 </div> 5133 </li> 5134 <li 5135 class=" 5136 pb-4" 5137 -ml-4 " 5138 > 5139 <div class="group mb-2"> 5140 <div data-menu="menu-2398" class="__inner-link"></div> 5141 </div> 5142 </li> 5143 <li 5144 class=" 5145 " 5146 " 5147 > 5148 <div class="group mb-2"> 5149 5150<a href="https://www.mediatekis.com.co/audio/tornamesas/accesorios-y-limpieza.html" 5151 class="snowdog-menu-link font-bold" 5152 data-menu="menu-2399" 5153 > 5154 Accesorios y Limpieza</a> 5155 </div> 5156 </li> 5157 </ul> 5158 </li> 5159 </ul> 5160 5161 5162 5163 <ul 5164 id="level-2-submenu-2400" 5165 x-ref="level-2-submenu-2400" 5166 x-show="openLevel2SubmenuId === '2400'" 5167 title="Submenu for DJ" 5168 class="flex-1 flex gap-x-4 bg-secondary-lighter rounded-r-2xl py-6 px-14 text-primary text-sm" 5169 > 5170 <li 5171 class="w-full min-w-max " 5172 > 5173 <div class="group"> 5174 5175<a href="https://www.mediatekis.com.co/audio/dj.html" 5176 class="snowdog-menu-link font-bold" 5177 data-menu="menu-2401" 5178 > 5179 CategorÃa</a> 5180 </div> 5181 5182 5183 5184 <ul class=""> 5185 <li 5186 class=" 5187 pb-0 " 5188 > 5189 <div class="group mb-2"> 5190 <div data-menu="menu-2402" class="__inner-link"></div> 5191 </div> 5192 </li> 5193 <li 5194 class=" 5195 " 5196 > 5197 <div class="group mb-2"> 5198 5199<a href="https://www.mediatekis.com.co/audio/dj/tornamesas.html" 5200 class="snowdog-menu-link " 5201 data-menu="menu-2404" 5202 > 5203 Tornamesas</a> 5204 </div> 5205 </li> 5206 <li 5207 class=" 5208 " 5209 > 5210 <div class="group mb-2"> 5211 5212<a href="https://www.mediatekis.com.co/audio/dj/audifonos.html" 5213 class="snowdog-menu-link " 5214 data-menu="menu-2405" 5215 > 5216 AudÃfonos</a> 5217 </div> 5218 </li> 5219 <li 5220 class=" 5221 " 5222 > 5223 <div class="group mb-2"> 5224 5225<a href="https://www.mediatekis.com.co/audio/dj/monitores.html" 5226 class="snowdog-menu-link " 5227 data-menu="menu-2406" 5228 > 5229 Monitores</a> 5230 </div> 5231 </li> 5232 <li 5233 class=" 5234 " 5235 > 5236 <div class="group mb-2"> 5237 5238<a href="https://www.mediatekis.com.co/audio/dj.html" 5239 class="snowdog-menu-link font-bold" 5240 data-menu="menu-2408" 5241 > 5242 Ver Todo</a> 5243 </div> 5244 </li> 5245 </ul> 5246 </li> 5247 </ul> 5248 5249 5250 5251 <ul 5252 id="level-2-submenu-2409" 5253 x-ref="level-2-submenu-2409" 5254 x-show="openLevel2SubmenuId === '2409'" 5255 title="Submenu for Altavoces y Cabinas" 5256 class="flex-1 flex gap-x-4 bg-secondary-lighter rounded-r-2xl py-6 px-14 text-primary text-sm" 5257 > 5258 <li 5259 class="w-full min-w-max " 5260 > 5261 <div class="group"> 5262 5263<a href="https://www.mediatekis.com.co/audio/altavoces-y-cabinas.html" 5264 class="snowdog-menu-link font-bold" 5265 data-menu="menu-2410" 5266 > 5267 Tipo</a> 5268 </div> 5269 5270 5271 5272 <ul class=""> 5273 <li 5274 class=" 5275 pb-0 " 5276 > 5277 <div class="group mb-2"> 5278 <div data-menu="menu-2411" class="__inner-link"></div> 5279 </div> 5280 </li> 5281 <li 5282 class=" 5283 " 5284 > 5285 <div class="group mb-2"> 5286 5287<a href="https://www.mediatekis.com.co/audio/altavoces-y-cabinas/altavoces-portatiles.html" 5288 class="snowdog-menu-link " 5289 data-menu="menu-2412" 5290 > 5291 Altavoces Portátiles</a> 5292 </div> 5293 </li> 5294 <li 5295 class=" 5296 " 5297 > 5298 <div class="group mb-2"> 5299 5300<a href="https://www.mediatekis.com.co/audio/altavoces-y-cabinas/cabinas.html" 5301 class="snowdog-menu-link " 5302 data-menu="menu-2413" 5303 > 5304 Cabinas</a> 5305 </div> 5306 </li> 5307 <li 5308 class=" 5309 " 5310 > 5311 <div class="group mb-2"> 5312 5313<a href="https://www.mediatekis.com.co/audio/altavoces-y-cabinas.html" 5314 class="snowdog-menu-link font-bold" 5315 data-menu="menu-2414" 5316 > 5317 Ver Todo</a> 5318 </div> 5319 </li> 5320 </ul> 5321 </li> 5322 </ul> 5323 5324 5325 5326 <ul 5327 id="level-2-submenu-2415" 5328 x-ref="level-2-submenu-2415" 5329 x-show="openLevel2SubmenuId === '2415'" 5330 title="Submenu for Sonido en Vivo" 5331 class="flex-1 flex gap-x-4 bg-secondary-lighter rounded-r-2xl py-6 px-14 text-primary text-sm" 5332 > 5333 <li 5334 class="w-full min-w-max " 5335 > 5336 <div class="group"> 5337 5338<a href="https://www.mediatekis.com.co/audio/sonido-en-vivo.html" 5339 class="snowdog-menu-link font-bold" 5340 data-menu="menu-2416" 5341 > 5342 CategorÃa</a> 5343 </div> 5344 5345 5346 5347 <ul class=""> 5348 <li 5349 class=" 5350 pb-0 " 5351 > 5352 <div class="group mb-2"> 5353 <div data-menu="menu-2417" class="__inner-link"></div> 5354 </div> 5355 </li> 5356 <li 5357 class=" 5358 " 5359 > 5360 <div class="group mb-2"> 5361 5362<a href="https://www.mediatekis.com.co/audio/sonido-en-vivo/consolas.html" 5363 class="snowdog-menu-link " 5364 data-menu="menu-2418" 5365 > 5366 Consolas</a> 5367 </div> 5368 </li> 5369 <li 5370 class=" 5371 " 5372 > 5373 <div class="group mb-2"> 5374 5375<a href="https://www.mediatekis.com.co/audio/sonido-en-vivo/cajas-directas.html" 5376 class="snowdog-menu-lin
5376k " 5377 data-menu="menu-2419" 5378 > 5379 Cajas Directas</a> 5380 </div> 5381 </li> 5382 <li 5383 class=" 5384 " 5385 > 5386 <div class="group mb-2"> 5387 5388<a href="https://www.mediatekis.com.co/audio/sonido-en-vivo/cabinas-y-subwoofers.html" 5389 class="snowdog-menu-link " 5390 data-menu="menu-2420" 5391 > 5392 Cabinas y Subwoofers</a> 5393 </div> 5394 </li> 5395 <li 5396 class=" 5397 " 5398 > 5399 <div class="group mb-2"> 5400 5401<a href="https://www.mediatekis.com.co/audio/sonido-en-vivo.html" 5402 class="snowdog-menu-link font-bold" 5403 data-menu="menu-2422" 5404 > 5405 Ver Todo</a> 5406 </div> 5407 </li> 5408 </ul> 5409 </li> 5410 </ul> 5411 5412 5413 5414 <ul 5415 id="level-2-submenu-2423" 5416 x-ref="level-2-submenu-2423" 5417 x-show="openLevel2SubmenuId === '2423'" 5418 title="Submenu for Instrumentos" 5419 class="flex-1 flex gap-x-4 bg-secondary-lighter rounded-r-2xl py-6 px-14 text-primary text-sm" 5420 > 5421 <li 5422 class="w-full min-w-max " 5423 > 5424 <div class="group"> 5425 5426<a href="https://www.mediatekis.com.co/audio/instrumentos/accesorios.html" 5427 class="snowdog-menu-link font-bold" 5428 data-menu="menu-2430" 5429 > 5430 Accesorios</a> 5431 </div> 5432 5433 5434 5435 <ul class=""> 5436 <li 5437 class=" 5438 font-bold " 5439 > 5440 <div class="group mb-2"> 5441 <div data-menu="menu-2425" class="__inner-link"></div> 5442 </div> 5443 </li> 5444 <li 5445 class=" 5446 " 5447 > 5448 <div class="group mb-2"> 5449 5450<a href="https://www.mediatekis.com.co/audio/instrumentos/accesorios/bases-y-soportes.html" 5451 class="snowdog-menu-link " 5452 data-menu="menu-2431" 5453 > 5454 Bases y Soportes</a> 5455 </div> 5456 </li> 5457 <li 5458 class=" 5459 " 5460 > 5461 <div class="group mb-2"> 5462 5463<a href="https://www.mediatekis.com.co/audio/instrumentos/accesorios/otros-accesorios.html" 5464 class="snowdog-menu-link " 5465 data-menu="menu-2432" 5466 > 5467 Otros Accesorios</a> 5468 </div> 5469 </li> 5470 </ul> 5471 </li> 5472 </ul> 5473 5474 </div> 5475 </div> 5476 5477 5478 </li> 5479 <li class=" 5480 flex items-center justify-between p-3 rounded-lg group hover:bg-secondary data-[active]:bg-secondary relative 5481 " 5482 :class="{ 5483 '' : '1' && openSubmenuId === '2433' 5484 }" 5485 @mouseenter="openSubmenuId = '2433'" 5486 @mouseleave="openSubmenuId = null" 5487 @keydown.escape="onSubmenuEscape" 5488 > 5489 <div class="group [&>a]:py-7 [&>a]:!text-primary"> 5490 5491<a href="https://www.mediatekis.com.co/video.html" 5492 class="snowdog-menu-link " 5493 data-menu="menu-2433" 5494 > 5495 Video</a> 5496 </div> 5497 <div class="relative"> 5498 <button 5499 type="button" 5500 class="flex items-center" 5501 x-ref="sr-button-2433" 5502 :aria-expanded="openSubmenuId === '2433' ? 'true' : 'false'" 5503 @click="toggleSubmenu('2433')" 5504 >
5505 <span class="block bg-arrow-menu group-hover:bg-arrow-menu-hover bg-no-repeat bg-center h-5 w-5" aria-hidden="true"></span> 5506 <span class="sr-only"> 5507 Toggle submenu for Video </span> 5508 </button> 5509 </div> 5510 5511 <div 5512 x-ref="submenu-2433" 5513 class="absolute left-0 top-full w-full z-30 flex pt-3" 5514 x-show="openSubmenuId === '2433'" 5515 x-cloak 5516 > 5517 5518 <div 5519 class="w-full flex items-stretch justify-between text-secondary-lighter font-light" 5520 x-data="initSubMenu2433()" 5521 > 5522 <ul 5523 class="space-y-1 py-6 bg-container-darker rounded-2xl" 5524 :class="{ 5525 'rounded-2xl': !openSubMenu, 5526 'rounded-l-2xl': openSubMenu 5527 }" 5528 title="Submenu for Video" 5529 > 5530 <li 5531 class="flex-1 py-0.5 px-5 hover:text-primary hover:bg-secondary-lighter w-auto min-w-max " 5532 @mouseenter=" 5533 openLevel2SubmenuId = '2435'; 5534 openSubMenu = true; 5535 " 5536 x-init="openLevel2SubmenuId = '2435'" 5537 > 5538 <div class="group flex justify-stretch"> 5539 5540<a href="https://www.mediatekis.com.co/video/camaras-profesionales.html" 5541 class="snowdog-menu-link " 5542 data-menu="menu-2435" 5543 > 5544 Cámaras Profesionales</a> 5545 <button 5546 type="button" 5547 class="flex-1 flex justify-end items-center" 5548 :aria-expanded="openLevel2SubmenuId === '2435' ? 'true' : 'false'" 5549 aria-controls="level-2-submenu-2435" 5550 @click="openLevel2Submenu('2435')" 5551 > 5552 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="20" height="20" aria-hidden="true"> 5553 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 5554</svg> 5555 <span class="sr-only"> 5556 Open submenu for Cámaras Profesionales </span> 5557 </button> 5558 </div> 5559 </li> 5560 <li 5561 class="flex-1 py-0.5 px-5 hover:text-primary hover:bg-secondary-lighter w-auto min-w-max " 5562 @mouseenter=" 5563 openLevel2SubmenuId = '2449'; 5564 openSubMenu = true; 5565 " 5566 > 5567 <div class="group flex justify-stretch"> 5568 5569<a href="https://www.mediatekis.com.co/video/switchers.html" 5570 class="snowdog-menu-link " 5571 data-menu="menu-2449" 5572 > 5573 Switchers</a> 5574 <button 5575 type="button" 5576 class="flex-1 flex justify-end items-center" 5577 :aria-expanded="openLevel2SubmenuId === '2449' ? 'true' : 'false'" 5578 aria-controls="level-2-submenu-2449" 5579 @click="openLevel2Submenu('2449')" 5580 > 5581 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="20" height="20" aria-hidden="true"> 5582 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 5583</svg>
5584 <span class="sr-only"> 5585 Open submenu for Switchers </span> 5586 </button> 5587 </div> 5588 </li> 5589 <li 5590 class="flex-1 py-0.5 px-5 hover:text-primary hover:bg-secondary-lighter w-auto min-w-max " 5591 @mouseenter=" 5592 openLevel2SubmenuId = '2455'; 5593 openSubMenu = true; 5594 " 5595 > 5596 <div class="group flex justify-stretch"> 5597 5598<a href="https://www.mediatekis.com.co/video/convertidores-y-distribuidores.html" 5599 class="snowdog-menu-link " 5600 data-menu="menu-2455" 5601 > 5602 Convertidores y Distribuidores</a> 5603 <button 5604 type="button" 5605 class="flex-1 flex justify-end items-center" 5606 :aria-expanded="openLevel2SubmenuId === '2455' ? 'true' : 'false'" 5607 aria-controls="level-2-submenu-2455" 5608 @click="openLevel2Submenu('2455')" 5609 > 5610 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="20" height="20" aria-hidden="true"> 5611 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 5612</svg> 5613 <span class="sr-only"> 5614 Open submenu for Convertidores y Distribuidores </span> 5615 </button> 5616 </div> 5617 </li> 5618 <li 5619 class="flex-1 py-0.5 px-5 hover:text-primary hover:bg-secondary-lighter w-auto min-w-max " 5620 @mouseenter=" 5621 openLevel2SubmenuId = '2467'; 5622 openSubMenu = true; 5623 " 5624 > 5625 <div class="group flex justify-stretch"> 5626 5627<a href="https://www.mediatekis.com.co/video/captura-y-reproduccion.html" 5628 class="snowdog-menu-link " 5629 data-menu="menu-2467" 5630 > 5631 Captura y Reproducción</a> 5632 <button 5633 type="button" 5634 class="flex-1 flex justify-end items-center" 5635 :aria-expanded="openLevel2SubmenuId === '2467' ? 'true' : 'false'" 5636 aria-controls="level-2-submenu-2467" 5637 @click="openLevel2Submenu('2467')" 5638 > 5639 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="20" height="20" aria-hidden="true"> 5640 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 5641</svg> 5642 <span class="sr-only"> 5643 Open submenu for Captura y Reproducción </span> 5644 </button> 5645 </div> 5646 </li> 5647 <li 5648 class="flex-1 py-0.5 px-5 hover:text-primary hover:bg-secondary-lighter w-auto min-w-max " 5649 @mouseenter=" 5650 openLevel2SubmenuId = '2484'; 5651 openSubMenu = false;
5652 " 5653 > 5654 <div class="group flex justify-stretch"> 5655 5656<a href="https://www.mediatekis.com.co/video/sistemas-inalambricos-de-video.html" 5657 class="snowdog-menu-link " 5658 data-menu="menu-2484" 5659 > 5660 Sistemas Inalámbricos</a> 5661 </div> 5662 </li> 5663 <li 5664 class="flex-1 py-0.5 px-5 hover:text-primary hover:bg-secondary-lighter w-auto min-w-max " 5665 @mouseenter=" 5666 openLevel2SubmenuId = '2481'; 5667 openSubMenu = true; 5668 " 5669 > 5670 <div class="group flex justify-stretch"> 5671 5672<a href="https://www.mediatekis.com.co/video/accesorios.html" 5673 class="snowdog-menu-link " 5674 data-menu="menu-2481" 5675 > 5676 Accesorios</a> 5677 <button 5678 type="button" 5679 class="flex-1 flex justify-end items-center" 5680 :aria-expanded="openLevel2SubmenuId === '2481' ? 'true' : 'false'" 5681 aria-controls="level-2-submenu-2481" 5682 @click="openLevel2Submenu('2481')" 5683 > 5684 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="20" height="20" aria-hidden="true"> 5685 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 5686</svg> 5687 <span class="sr-only"> 5688 Open submenu for Accesorios </span> 5689 </button> 5690 </div> 5691 </li> 5692 <li 5693 class="flex-1 py-0.5 px-5 hover:text-primary hover:bg-secondary-lighter w-auto min-w-max " 5694 @mouseenter=" 5695 openLevel2SubmenuId = '2492'; 5696 openSubMenu = true; 5697 " 5698 > 5699 <div class="group flex justify-stretch"> 5700 5701<a href="https://www.mediatekis.com.co/video/monitores.html" 5702 class="snowdog-menu-link " 5703 data-menu="menu-2492" 5704 > 5705 Monitores y Pantallas</a> 5706 <button 5707 type="button" 5708 class="flex-1 flex justify-end items-center" 5709 :aria-expanded="openLevel2SubmenuId === '2492' ? 'true' : 'false'" 5710 aria-controls="level-2-submenu-2492" 5711 @click="openLevel2Submenu('2492')" 5712 > 5713 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="20" height="20" aria-hidden="true"> 5714 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 5715</svg> 5716 <span class="sr-only"> 5717 Open submenu for Monitores y Pantallas </span> 5718 </button> 5719 </div> 5720 </li> 5721 <li 5722 class="flex-1 py-0.5 px-5 hover:text-primary hover:bg-secondary-lighter w-auto min-w-max " 5723 @mouseenter=" 5724 openLevel2SubmenuId = '2497'; 5725 openSubMenu = false;
5726 " 5727 > 5728 <div class="group flex justify-stretch"> 5729 5730<a href="https://www.mediatekis.com.co/video/multiviewers.html" 5731 class="snowdog-menu-link " 5732 data-menu="menu-2497" 5733 > 5734 Multiviewers</a> 5735 </div> 5736 </li> 5737 <li 5738 class="flex-1 py-0.5 px-5 hover:text-primary hover:bg-secondary-lighter w-auto min-w-max " 5739 @mouseenter=" 5740 openLevel2SubmenuId = '2498'; 5741 openSubMenu = true; 5742 " 5743 > 5744 <div class="group flex justify-stretch"> 5745 5746<a href="https://www.mediatekis.com.co/video/streaming.html" 5747 class="snowdog-menu-link " 5748 data-menu="menu-2498" 5749 > 5750 Streaming</a> 5751 <button 5752 type="button" 5753 class="flex-1 flex justify-end items-center" 5754 :aria-expanded="openLevel2SubmenuId === '2498' ? 'true' : 'false'" 5755 aria-controls="level-2-submenu-2498" 5756 @click="openLevel2Submenu('2498')" 5757 > 5758 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="20" height="20" aria-hidden="true"> 5759 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 5760</svg> 5761 <span class="sr-only"> 5762 Open submenu for Streaming </span> 5763 </button> 5764 </div> 5765 </li> 5766 <li 5767 class="flex-1 py-0.5 px-5 hover:text-primary hover:bg-secondary-lighter w-auto min-w-max " 5768 @mouseenter=" 5769 openLevel2SubmenuId = '2505'; 5770 openSubMenu = false;
5771 " 5772 > 5773 <div class="group flex justify-stretch"> 5774 5775<a href="https://www.mediatekis.com.co/video/videoconferencia.html" 5776 class="snowdog-menu-link " 5777 data-menu="menu-2505" 5778 > 5779 Videoconferencia</a> 5780 </div> 5781 </li> 5782 </ul> 5783 5784 5785 <ul 5786 id="level-2-submenu-2435" 5787 x-ref="level-2-submenu-2435" 5788 x-show="openLevel2SubmenuId === '2435'" 5789 title="Submenu for Cámaras Profesionales" 5790 class="flex-1 flex gap-x-4 bg-secondary-lighter rounded-r-2xl py-6 px-14 text-primary text-sm" 5791 > 5792 <li 5793 class="w-full min-w-max " 5794 > 5795 <div class="group"> 5796 5797<a href="https://www.mediatekis.com.co/video/camaras-profesionales/resolucion.html" 5798 class="snowdog-menu-link font-bold" 5799 data-menu="menu-2436" 5800 > 5801 Resolución</a> 5802 </div> 5803 5804 5805 5806 <ul class=""> 5807 <li 5808 class=" 5809 pb-0 " 5810 > 5811 <div class="group mb-2"> 5812 <div data-menu="menu-2437" class="__inner-link"></div> 5813 </div> 5814 </li> 5815 <li 5816 class=" 5817 " 5818 > 5819 <div class="group mb-2"> 5820 5821<a href="https://www.mediatekis.com.co/video/camaras-profesionales/resolucion/6k.html" 5822 class="snowdog-menu-link " 5823 data-menu="menu-2438" 5824 > 5825 6K</a> 5826 </div> 5827 </li> 5828 <li 5829 class=" 5830 " 5831 > 5832 <div class="group mb-2"> 5833 5834<a href="https://www.mediatekis.com.co/video/camaras-profesionales/resolucion/4k.html" 5835 class="snowdog-menu-link " 5836 data-menu="menu-2439" 5837 > 5838 4K</a> 5839 </div> 5840 </li> 5841 <li 5842 class=" 5843 " 5844 > 5845 <div class="group mb-2"> 5846 5847<a href="https://www.mediatekis.com.co/video/camaras-profesionales/resolucion/1080.html" 5848 class="snowdog-menu-link " 5849 data-menu="menu-2440" 5850 > 5851 1080</a> 5852 </div> 5853 </li> 5854 <li 5855 class=" 5856 " 5857 > 5858 <div class="group mb-2"> 5859 5860<a href="https://www.mediatekis.com.co/video/camaras-profesionales/resolucion.html" 5861 class="snowdog-menu-link font-bold" 5862 data-menu="menu-2441" 5863 > 5864 Ver Todo</a> 5865 </div> 5866 </li> 5867 </ul> 5868 </li> 5869 <li 5870 class="w-full min-w-max pr-4" 5871 > 5872 <div class="group"> 5873 <div data-menu="menu-2442" class="__inner-link"></div> 5874 </div> 5875 <ul class="space-y-2 ml-4"> 5876 <li 5877 class=" 5878 " 5879 " 5880 > 5881 <div class="group mb-2"> 5882 5883<a href="https://www.mediatekis.com.co/video/camaras-profesionales/accesorios.html" 5884 class="snowdog-menu-link font-bold" 5885 data-menu="menu-2443" 5886 > 5887 Accesorios</a> 5888 </div> 5889 5890 5891 5892 <ul class=""> 5893 <li 5894 class=" 5895 " 5896 > 5897 <div class="group mb-2"> 5898 5899<a href="https://www.mediatekis.com.co/video/camaras-profesionales/accesorios/tripodes.html" 5900 class="snowdog-menu-link " 5901 data-menu="menu-2444" 5902 > 5903 TrÃpodes</a> 5904 </div> 5905 </li> 5906 <li 5907 class=" 5908 " 5909 > 5910 <div class="group mb-2"> 5911 5912<a href="https://www.mediatekis.com.co/video/camaras-profesionales/accesorios/almacenamiento.html" 5913 class="snowdog-menu-link " 5914 data-menu="menu-2445" 5915 > 5916 Almacenamiento</a> 5917 </div> 5918 </li> 5919 <li 5920 class=" 5921 " 5922 > 5923 <div class="group mb-2"> 5924 5925<a href="https://www.mediatekis.com.co/video/camaras-profesionales/accesorios/baterias.html" 5926 class="snowdog-menu-link " 5927 data-menu="menu-2446" 5928 > 5929 BaterÃas</a> 5930 </div> 5931 </li> 5932 <li 5933 class=" 5934 " 5935 > 5936 <div class="group mb-2"> 5937 5938<a href="https://www.mediatekis.com.co/video/camaras-profesionales/accesorios/cables-y-adaptadores.html" 5939 class="snowdog-menu-link " 5940 data-menu="menu-2447" 5941 > 5942 Cables y Adaptadores</a> 5943 </div> 5944 </li> 5945 <li 5946 class=" 5947 " 5948 > 5949 <div class="group mb-2"> 5950 5951<a href="https://www.mediatekis.com.co/video/camaras-profesionales/accesorios/cases.html" 5952 class="snowdog-menu-link " 5953 data-menu="menu-2448" 5954 > 5955 Cases</a> 5956 </div> 5957 </li> 5958 </ul> 5959 </li> 5960 </ul> 5961 </li> 5962 </ul> 5963 5964 5965 5966 <ul 5967 id="level-2-submenu-2449" 5968 x-ref="level-2-submenu-2449" 5969 x-show="openLevel2SubmenuId === '2449'" 5970 title="Submenu for Switchers" 5971 class="flex-1 flex gap-x-4 bg-secondary-lighter rounded-r-2xl py-6 px-14 text-primary text-sm" 5972 > 5973 <li 5974 class="w-full min-w-max " 5975 > 5976 <div class="group"> 5977 5978<a href="https://www.mediatekis.com.co/video/switchers.html" 5979 class="snowdog-menu-link font-bold" 5980 data-menu="menu-2450" 5981 > 5982 Conexión</a> 5983 </div> 5984 5985 5986 5987 <ul class=""> 5988 <li 5989 class=" 5990 pb-0 " 5991 > 5992 <div class="group mb-2"> 5993 <div data-menu="menu-2451" class="__inner-link"></div> 5994 </div> 5995 </li> 5996 <li 5997 class=" 5998 " 5999 > 6000 <div class="group mb-2"> 6001 6002<a href="https://www.mediatekis.com.co/video/switchers/sdi.html" 6003 class="snowdog-menu-link " 6004 data-menu="menu-2452" 6005 > 6006 SDI</a> 6007 </div> 6008 </li> 6009 <li 6010 class=" 6011 " 6012 > 6013 <div class="group mb-2"> 6014 6015<a href="https://www.mediatekis.com.co/video/switchers/hdmi.html" 6016 class="snowdog-menu-link " 6017 data-menu="menu-2453" 6018 > 6019 HDMI</a> 6020 </div> 6021 </li> 6022 <li 6023 class=" 6024 " 6025 > 6026 <div class="group mb-2"> 6027 6028<a href="https://www.mediatekis.com.co/video/switchers.html" 6029 class="snowdog-menu-link font-bold" 6030 data-menu="menu-2454" 6031 > 6032 Ver Todo</a> 6033 </div> 6034 </li> 6035 </ul> 6036 </li> 6037 </ul> 6038 6039 6040 6041 <ul 6042 id="level-2-submenu-2455" 6043 x-ref="level-2-submenu-2455" 6044 x-show="openLevel2SubmenuId === '2455'" 6045 title="Submenu for Convertidores y Distribuidores" 6046 class="flex-1 flex gap-x-4 bg-secondary-lighter rounded-r-2xl py-6 px-14 text-primary text-sm" 6047 > 6048 <li 6049 class="w-full min-w-max " 6050 > 6051 <div class="group"> 6052 6053<a href="https://www.mediatekis.com.co/video/convertidores-y-distribuidores/conexion.html" 6054 class="snowdog-menu-link font-bold" 6055 data-menu="menu-2456" 6056 > 6057 Conexión</a> 6058 </div> 6059 6060 6061 6062 <ul class=""> 6063 <li 6064 class=" 6065 pb-0 " 6066 > 6067 <div class="group mb-2"> 6068 <div data-menu="menu-2457" class="__inner-link"></div> 6069 </div> 6070 </li> 6071 <li 6072 class=" 6073 " 6074 > 6075 <div class="group mb-2"> 6076 6077<a href="https://www.mediatekis.com.co/video/convertidores-y-distribuidores/conexion/sdi.html" 6078 class="snowdog-menu-link " 6079 data-menu="menu-2458" 6080 > 6081 SDI</a> 6082 </div> 6083 </li> 6084 <li 6085 class=" 6086 " 6087 > 6088 <div class="group mb-2"> 6089 6090<a href="https://www.mediatekis.com.co/video/convertidores-y-distribuidores/conexion/hdmi.html" 6091 class="snowdog-menu-link " 6092 data-menu="menu-2459" 6093 > 6094 HDMI</a> 6095 </div> 6096 </li> 6097 <li 6098 class=" 6099 " 6100 > 6101 <div class="group mb-2"> 6102 6103<a href="https://www.mediatekis.com.co/video/convertidores-y-distribuidores/conexion/fibra-optica.html" 6104 class="snowdog-menu-link " 6105 data-menu="menu-2460" 6106 > 6107 Fibra Ãptica</a> 6108 </div> 6109 </li> 6110 <li 6111 class=" 6112 " 6113 > 6114 <div class="group mb-2"> 6115 6116<a href="https://www.mediatekis.com.co/video/convertidores-y-distribuidores.html" 6117 class="snowdog-menu-link font-bold" 6118 data-menu="menu-2461" 6119 > 6120 Ver Todo</a> 6121 </div> 6122 </li> 6123 </ul> 6124 </li> 6125 <li 6126 class="w-full min-w-max pr-4" 6127 > 6128 <div class="group"> 6129 <div data-menu="menu-2462" class="__inner-link"></div> 6130 </div> 6131 <ul class="space-y-2 ml-4"> 6132 <li 6133 class=" 6134 " 6135 " 6136 > 6137 <div class="group mb-2"> 6138 6139<a href="https://www.mediatekis.com.co/video/convertidores-y-distribuidores/resolucion.html" 6140 class="snowdog-menu-link font-bold" 6141 data-menu="menu-2463" 6142 > 6143 Resolución</a> 6144 </div> 6145 6146 6147 6148 <ul class=""> 6149 <li 6150 class=" 6151 " 6152 > 6153 <div class="group mb-2"> 6154 6155<a href="https://www.mediatekis.com.co/video/convertidores-y-distribuidores/resolucion/3g.html" 6156 class="snowdog-menu-link " 6157 data-menu="menu-2464" 6158 > 6159 3G</a> 6160 </div> 6161 </li> 6162 <li 6163 class=" 6164 " 6165 > 6166 <div class="group mb-2"> 6167 6168<a href="https://www.mediatekis.com.co/video/convertidores-y-distribuidores/resolucion/6g.html" 6169 class="snowdog-menu-link " 6170 data-menu="menu-2465" 6171 > 6172 6G</a> 6173 </div> 6174 </li> 6175 <li 6176 class=" 6177 " 6178 > 6179 <div class="group mb-2"> 6180 6181<a href="https://www.mediatekis.com.co/video/convertidores-y-distribuidores/resolucion/12g.html" 6182 class="snowdog-menu-link " 6183 data-menu="menu-2466" 6184 > 6185 12G</a> 6186 </div> 6187 </li> 6188 </ul> 6189 </li> 6190 </ul> 6191 </li> 6192 </ul> 6193 6194 6195 6196 <ul 6197 id="level-2-submenu-2467" 6198 x-ref="level-2-submenu-2467" 6199 x-show="openLevel2SubmenuId === '2467'" 6200 title="Submenu for Captura y Reproducción" 6201 class="flex-1 flex gap-x-4 bg-secondary-lighter rounded-r-2xl py-6 px-14 text-primary text-sm" 6202 > 6203 <li 6204 class="w-full min-w-max " 6205 > 6206 <div class="group"> 6207 6208<a href="https://www.mediatekis.com.co/video/captura-y-reproduccion/tipo.html" 6209 class="snowdog-menu-link font-bold" 6210 data-menu="menu-2468" 6211 > 6212 Tipo</a> 6213 </div> 6214 6215 6216 6217 <ul class=""> 6218 <li 6219 class=" 6220 pb-0 " 6221 > 6222 <div class="group mb-2"> 6223 <div data-menu="menu-2469" class="__inner-link"></div> 6224 </div> 6225 </li> 6226 <li 6227 class=" 6228 " 6229 > 6230 <div class="group mb-2"> 6231 6232<a href="https://www.mediatekis.com.co/video/captura-y-reproduccion/tipo/interfaz.html" 6233 class="snowdog-menu-link " 6234 data-menu="menu-2470" 6235 > 6236
6236Interfaz</a> 6237 </div> 6238 </li> 6239 <li 6240 class=" 6241 " 6242 > 6243 <div class="group mb-2"> 6244 6245<a href="https://www.mediatekis.com.co/video/captura-y-reproduccion/tipo/tarjeta-pci.html" 6246 class="snowdog-menu-link " 6247 data-menu="menu-2471" 6248 > 6249 Tarjeta PCI</a> 6250 </div> 6251 </li> 6252 <li 6253 class=" 6254 " 6255 > 6256 <div class="group mb-2"> 6257 6258<a href="https://www.mediatekis.com.co/video/captura-y-reproduccion/tipo/usb.html" 6259 class="snowdog-menu-link " 6260 data-menu="menu-2472" 6261 > 6262 USB</a> 6263 </div> 6264 </li> 6265 <li 6266 class=" 6267 " 6268 > 6269 <div class="group mb-2"> 6270 6271<a href="https://www.mediatekis.com.co/video/captura-y-reproduccion/tipo.html" 6272 class="snowdog-menu-link font-bold" 6273 data-menu="menu-2473" 6274 > 6275 Ver Todo</a> 6276 </div> 6277 </li> 6278 </ul> 6279 </li> 6280 <li 6281 class="w-full min-w-max pr-4" 6282 > 6283 <div class="group"> 6284 <div data-menu="menu-2474" class="__inner-link"></div> 6285 </div> 6286 <ul class="space-y-2 ml-4"> 6287 <li 6288 class=" 6289 " 6290 " 6291 > 6292 <div class="group mb-2"> 6293 6294<a href="https://www.mediatekis.com.co/video/captura-y-reproduccion/conexion.html" 6295 class="snowdog-menu-link font-bold" 6296 data-menu="menu-2475" 6297 > 6298 Conexión</a> 6299 </div> 6300 6301 6302 6303 <ul class=""> 6304 <li 6305 class=" 6306 " 6307 > 6308 <div class="group mb-2"> 6309 6310<a href="https://www.mediatekis.com.co/video/captura-y-reproduccion/conexion/sdi.html" 6311 class="snowdog-menu-link " 6312 data-menu="menu-2476" 6313 > 6314 SDI</a> 6315 </div> 6316 </li> 6317 <li 6318 class=" 6319 " 6320 > 6321 <div class="group mb-2"> 6322 6323<a href="https://www.mediatekis.com.co/video/captura-y-reproduccion/conexion/hdmi.html" 6324 class="snowdog-menu-link " 6325 data-menu="menu-2477" 6326 > 6327 HDMI</a> 6328 </div> 6329 </li> 6330 <li 6331 class=" 6332 " 6333 > 6334 <div class="group mb-2"> 6335 6336<a href="https://www.mediatekis.com.co/video/captura-y-reproduccion/conexion.html" 6337 class="snowdog-menu-link font-bold" 6338 data-menu="menu-2480" 6339 > 6340 Ver Todo</a> 6341 </div> 6342 </li> 6343 </ul> 6344 </li> 6345 </ul> 6346 </li> 6347 </ul> 6348 6349 6350 6351 <ul 6352 id="level-2-submenu-2481" 6353 x-ref="level-2-submenu-2481" 6354 x-show="openLevel2SubmenuId === '2481'" 6355 title="Submenu for Accesorios" 6356 class="flex-1 flex gap-x-4 bg-secondary-lighter rounded-r-2xl py-6 px-14 text-primary text-sm" 6357 > 6358 <li 6359 class="w-full min-w-max " 6360 > 6361 <div class="group"> 6362 6363<a href="https://www.mediatekis.com.co/video/accesorios.html" 6364 class="snowdog-menu-link font-bold" 6365 data-menu="menu-2482" 6366 > 6367 CategorÃa</a> 6368 </div> 6369 6370 6371 6372 <ul class=""> 6373 <li 6374 class=" 6375 pb-0 " 6376 > 6377 <div class="group mb-2"> 6378 <div data-menu="menu-2483" class="__inner-link"></div> 6379 </div> 6380 </li> 6381 <li 6382 class=" 6383 " 6384 > 6385 <div class="group mb-2"> 6386 6387<a href="https://www.mediatekis.com.co/video/accesorios/almacenamiento.html" 6388 class="snowdog-menu-link " 6389 data-menu="menu-2485" 6390 > 6391 Almacenamiento</a> 6392 </div> 6393 </li> 6394 <li 6395 class=" 6396 " 6397 > 6398 <div class="group mb-2"> 6399 6400<a href="https://www.mediatekis.com.co/video/accesorios/baterias-y-cargadores.html" 6401 class="snowdog-menu-link " 6402 data-menu="menu-2486" 6403 > 6404 BaterÃas y Cargadores</a> 6405 </div> 6406 </li> 6407 <li 6408 class=" 6409 " 6410 > 6411 <div class="group mb-2"> 6412 6413<a href="https://www.mediatekis.com.co/video/accesorios/cables-y-conectores-sdi.html" 6414 class="snowdog-menu-link " 6415 data-menu="menu-2487" 6416 > 6417 Cables y Conectores SDI</a> 6418 </div> 6419 </li> 6420 <li 6421 class=" 6422 " 6423 > 6424 <div class="group mb-2"> 6425 6426<a href="https://www.mediatekis.com.co/video/accesorios/soportes-para-camara.html" 6427 class="snowdog-menu-link " 6428 data-menu="menu-2488" 6429 > 6430 Soportes para Cámara</a> 6431 </div> 6432 </li> 6433 <li 6434 class=" 6435 " 6436 > 6437 <div class="group mb-2"> 6438 6439<a href="https://www.mediatekis.com.co/video/accesorios/cables-y-adaptadores.html" 6440 class="snowdog-menu-link " 6441 data-menu="menu-2490" 6442 > 6443 Cables y Adaptadores</a> 6444 </div> 6445 </li> 6446 <li 6447 class=" 6448 " 6449 > 6450 <div class="group mb-2"> 6451 6452<a href="https://www.mediatekis.com.co/video/accesorios.html" 6453 class="snowdog-menu-link font-bold" 6454 data-menu="menu-2491" 6455 > 6456 Ver Todo</a> 6457 </div> 6458 </li> 6459 </ul> 6460 </li> 6461 </ul> 6462 6463 6464 6465 <ul 6466 id="level-2-submenu-2492" 6467 x-ref="level-2-submenu-2492" 6468 x-show="openLevel2SubmenuId === '2492'" 6469 title="Submenu for Monitores y Pantallas" 6470 class="flex-1 flex gap-x-4 bg-secondary-lighter rounded-r-2xl py-6 px-14 text-primary text-sm" 6471 > 6472 <li 6473 class="w-full min-w-max " 6474 > 6475 <div class="group"> 6476 6477<a href="https://www.mediatekis.com.co/video/monitores.html" 6478 class="snowdog-menu-link font-bold" 6479 data-menu="menu-2493" 6480 > 6481 Tipo</a> 6482 </div> 6483 6484 6485 6486 <ul class=""> 6487 <li 6488 class=" 6489 pb-0 " 6490 > 6491 <div class="group mb-2"> 6492 <div data-menu="menu-2494" class="__inner-link"></div> 6493 </div> 6494 </li> 6495 <li 6496 class=" 6497 " 6498 > 6499 <div class="group mb-2"> 6500 6501<a href="https://www.mediatekis.com.co/video/monitores/monitores-de-video.html" 6502 class="snowdog-menu-link " 6503 data-menu="menu-2495" 6504 > 6505 Monitores de Video</a> 6506 </div> 6507 </li> 6508 <li 6509 class=" 6510 " 6511 > 6512 <div class="group mb-2"> 6513 6514<a href="https://www.mediatekis.com.co/video/monitores/pantallas-interactivas.html" 6515 class="snowdog-menu-link " 6516 data-menu="menu-2496" 6517 > 6518 Pantallas Interactivas</a> 6519 </div> 6520 </li> 6521 </ul> 6522 </li> 6523 </ul> 6524 6525 6526 6527 <ul 6528 id="level-2-submenu-2498" 6529 x-ref="level-2-submenu-2498" 6530 x-show="openLevel2SubmenuId === '2498'" 6531 title="Submenu for Streaming" 6532 class="flex-1 flex gap-x-4 bg-secondary-lighter rounded-r-2xl py-6 px-14 text-primary text-sm" 6533 > 6534 <li 6535 class="w-full min-w-max " 6536 > 6537 <div class="group"> 6538 6539<a href="https://www.mediatekis.com.co/video/streaming.html" 6540 class="snowdog-menu-link font-bold" 6541 data-menu="menu-2499" 6542 > 6543 CategorÃa</a> 6544 </div> 6545 6546 6547 6548 <ul class=""> 6549 <li 6550 class=" 6551 pb-0 " 6552 > 6553 <div class="group mb-2"> 6554 <div data-menu="menu-2500" class="__inner-link"></div> 6555 </div> 6556 </li> 6557 <li 6558 class=" 6559 " 6560 > 6561 <div class="group mb-2"> 6562 6563<a href="https://www.mediatekis.com.co/video/streaming/switchers.html" 6564 class="snowdog-menu-link " 6565 data-menu="menu-2501" 6566 > 6567 Switchers</a> 6568 </div> 6569 </li> 6570 <li 6571 class=" 6572 " 6573 > 6574 <div class="group mb-2"> 6575 6576<a href="https://www.mediatekis.com.co/video/streaming/capturadoras.html" 6577 class="snowdog-menu-link " 6578 data-menu="menu-2502" 6579 > 6580 Capturadoras</a> 6581 </div> 6582 </li> 6583 <li 6584 class=" 6585 " 6586 > 6587 <div class="group mb-2"> 6588 6589<a href="https://www.mediatekis.com.co/video/streaming/reproduccion.html" 6590 class="snowdog-menu-link " 6591 data-menu="menu-2503" 6592 > 6593 Reproducción</a> 6594 </div> 6595 </li> 6596 <li 6597 class=" 6598 " 6599 > 6600 <div class="group mb-2"> 6601 6602<a href="https://www.mediatekis.com.co/video/streaming/grabadores.html" 6603 class="snowdog-menu-link " 6604 data-menu="menu-2504" 6605 > 6606 Grabadores</a> 6607 </div> 6608 </li> 6609 </ul> 6610 </li> 6611 </ul> 6612 6613 </div> 6614 </div> 6615 6616 6617 </li> 6618 <li class=" 6619 flex items-center justify-between p-3 rounded-lg group hover:bg-secondary data-[active]:bg-secondary relative 6620 " 6621 :class="{ 6622 '' : '1' && openSubmenuId === '2506' 6623 }" 6624 @mouseenter="openSubmenuId = '2506'" 6625 @mouseleave="openSubmenuId = null" 6626 @keydown.escape="onSubmenuEscape" 6627 > 6628 <div class="group [&>a]:py-7 [&>a]:!text-primary"> 6629 6630<a href="https://www.mediatekis.com.co/fotografia.html" 6631 class="snowdog-menu-link " 6632 data-menu="menu-2506" 6633 > 6634 FotografÃa</a> 6635 </div> 6636 <div class="relative"> 6637 <button 6638 type="button" 6639 class="flex items-center" 6640 x-ref="sr-button-2506" 6641 :aria-expanded="openSubmenuId === '2506' ? 'true' : 'false'" 6642 @click="toggleSubmenu('2506')" 6643 >
6644 <span class="block bg-arrow-menu group-hover:bg-arrow-menu-hover bg-no-repeat bg-center h-5 w-5" aria-hidden="true"></span> 6645 <span class="sr-only"> 6646 Toggle submenu for FotografÃa </span> 6647 </button> 6648 </div> 6649 6650 <div 6651 x-ref="submenu-2506" 6652 class="absolute left-0 top-full w-full z-30 flex pt-3" 6653 x-show="openSubmenuId === '2506'" 6654 x-cloak 6655 > 6656 6657 <div 6658 class="w-full flex items-stretch justify-between text-secondary-lighter font-light" 6659 x-data="initSubMenu2506()" 6660 > 6661 <ul 6662 class="space-y-1 py-6 bg-container-darker rounded-2xl" 6663 :class="{ 6664 'rounded-2xl': !openSubMenu, 6665 'rounded-l-2xl': openSubMenu 6666 }" 6667 title="Submenu for Fotografía" 6668 > 6669 <li 6670 class="flex-1 py-0.5 px-5 hover:text-primary hover:bg-secondary-lighter w-auto min-w-max " 6671 @mouseenter=" 6672 openLevel2SubmenuId = '2508'; 6673 openSubMenu = true; 6674 " 6675 x-init="openLevel2SubmenuId = '2508'" 6676 > 6677 <div class="group flex justify-stretch"> 6678 6679<a href="https://www.mediatekis.com.co/fotografia/camaras-digitales.html" 6680 class="snowdog-menu-link " 6681 data-menu="menu-2508" 6682 > 6683 Cámaras Digitales</a> 6684 <button 6685 type="button" 6686 class="flex-1 flex justify-end items-center" 6687 :aria-expanded="openLevel2SubmenuId === '2508' ? 'true' : 'false'" 6688 aria-controls="level-2-submenu-2508" 6689 @click="openLevel2Submenu('2508')" 6690 > 6691 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="20" height="20" aria-hidden="true"> 6692 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 6693</svg> 6694 <span class="sr-only"> 6695 Open submenu for Cámaras Digitales </span> 6696 </button> 6697 </div> 6698 </li> 6699 <li 6700 class="flex-1 py-0.5 px-5 hover:text-primary hover:bg-secondary-lighter w-auto min-w-max " 6701 @mouseenter=" 6702 openLevel2SubmenuId = '2519'; 6703 openSubMenu = true; 6704 " 6705 > 6706 <div class="group flex justify-stretch"> 6707 6708<a href="https://www.mediatekis.com.co/fotografia/lentes.html" 6709 class="snowdog-menu-link " 6710 data-menu="menu-2519" 6711 > 6712 Lentes</a> 6713 <button 6714 type="button" 6715 class="flex-1 flex justify-end items-center" 6716 :aria-expanded="openLevel2SubmenuId === '2519' ? 'true' : 'false'" 6717 aria-controls="level-2-submenu-2519" 6718 @click="openLevel2Submenu('2519')" 6719 > 6720 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="20" height="20" aria-hidden="true"> 6721 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 6722</svg>
6723 <span class="sr-only"> 6724 Open submenu for Lentes </span> 6725 </button> 6726 </div> 6727 </li> 6728 <li 6729 class="flex-1 py-0.5 px-5 hover:text-primary hover:bg-secondary-lighter w-auto min-w-max " 6730 @mouseenter=" 6731 openLevel2SubmenuId = '2531'; 6732 openSubMenu = true; 6733 " 6734 > 6735 <div class="group flex justify-stretch"> 6736 6737<a href="https://www.mediatekis.com.co/fotografia/accesorios.html" 6738 class="snowdog-menu-link " 6739 data-menu="menu-2531" 6740 > 6741 Accesorios</a> 6742 <button 6743 type="button" 6744 class="flex-1 flex justify-end items-center" 6745 :aria-expanded="openLevel2SubmenuId === '2531' ? 'true' : 'false'" 6746 aria-controls="level-2-submenu-2531" 6747 @click="openLevel2Submenu('2531')" 6748 > 6749 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="20" height="20" aria-hidden="true"> 6750 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 6751</svg> 6752 <span class="sr-only"> 6753 Open submenu for Accesorios </span> 6754 </button> 6755 </div> 6756 </li> 6757 <li 6758 class="flex-1 py-0.5 px-5 hover:text-primary hover:bg-secondary-lighter w-auto min-w-max " 6759 @mouseenter=" 6760 openLevel2SubmenuId = '2540'; 6761 openSubMenu = true; 6762 " 6763 > 6764 <div class="group flex justify-stretch"> 6765 6766<a href="https://www.mediatekis.com.co/fotografia/fotografia-instantanea.html" 6767 class="snowdog-menu-link " 6768 data-menu="menu-2540" 6769 > 6770 FotografÃa Instantánea</a> 6771 <button 6772 type="button" 6773 class="flex-1 flex justify-end items-center" 6774 :aria-expanded="openLevel2SubmenuId === '2540' ? 'true' : 'false'" 6775 aria-controls="level-2-submenu-2540" 6776 @click="openLevel2Submenu('2540')" 6777 > 6778 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="20" height="20" aria-hidden="true"> 6779 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 6780</svg> 6781 <span class="sr-only"> 6782 Open submenu for FotografÃa Instantánea </span> 6783 </button> 6784 </div> 6785 </li> 6786 </ul> 6787 6788 6789 <ul 6790 id="level-2-submenu-2508" 6791 x-ref="level-2-submenu-2508" 6792 x-show="openLevel2SubmenuId === '2508'" 6793 title="Submenu for Cámaras Digitales" 6794 class="flex-1 flex gap-x-4 bg-secondary-lighter rounded-r-2xl py-6 px-14 text-primary text-sm" 6795 > 6796 <li 6797 class="w-full min-w-max " 6798 > 6799 <div class="group"> 6800 6801<a href="https://www.mediatekis.com.co/fotografia/camaras-digitales/presentacion.html" 6802 class="snowdog-menu-link font-bold" 6803 data-menu="menu-2509" 6804 > 6805 Presentación</a> 6806 </div> 6807 6808 6809 6810 <ul class=""> 6811 <li 6812 class=" 6813 pb-0 " 6814 > 6815 <div class="group mb-2"> 6816 <div data-menu="menu-2510" class="__inner-link"></div> 6817 </div> 6818 </li> 6819 <li 6820 class=" 6821 " 6822 > 6823 <div class="group mb-2"> 6824 6825<a href="https://www.mediatekis.com.co/fotografia/camaras-digitales/presentacion/solo-cuerpo.html" 6826 class="snowdog-menu-link " 6827 data-menu="menu-2511" 6828 > 6829 Solo Cuerpo</a> 6830 </div> 6831 </li> 6832 <li 6833 class=" 6834 " 6835 > 6836 <div class="group mb-2"> 6837 6838<a href="https://www.mediatekis.com.co/fotografia/camaras-digitales/presentacion/con-objetivo.html" 6839 class="snowdog-menu-link " 6840 data-menu="menu-2512" 6841 > 6842 Con Objetivo</a> 6843 </div> 6844 </li> 6845 <li 6846 class=" 6847 " 6848 > 6849 <div class="group mb-2"> 6850 6851<a href="https://www.mediatekis.com.co/fotografia/camaras-digitales/presentacion.html" 6852 class="snowdog-menu-link font-bold" 6853 data-menu="menu-2513" 6854 > 6855 Ver Todo</a> 6856 </div> 6857 </li> 6858 </ul> 6859 </li> 6860 <li 6861 class="w-full min-w-max pr-4" 6862 > 6863 <div class="group">
6864 <div data-menu="menu-2514" class="__inner-link"></div> 6865 </div> 6866 <ul class="space-y-2 ml-4"> 6867 <li 6868 class=" 6869 " 6870 " 6871 > 6872 <div class="group mb-2"> 6873 6874<a href="https://www.mediatekis.com.co/fotografia/camaras-digitales/tipo.html" 6875 class="snowdog-menu-link font-bold" 6876 data-menu="menu-2515" 6877 > 6878 Tipo</a> 6879 </div> 6880 6881 6882 6883 <ul class=""> 6884 <li 6885 class=" 6886 " 6887 > 6888 <div class="group mb-2"> 6889 6890<a href="https://www.mediatekis.com.co/fotografia/camaras-digitales/tipo/dslr.html" 6891 class="snowdog-menu-link " 6892 data-menu="menu-2516" 6893 > 6894 DSLR</a> 6895 </div> 6896 </li> 6897 <li 6898 class=" 6899 " 6900 > 6901 <div class="group mb-2"> 6902 6903<a href="https://www.mediatekis.com.co/fotografia/camaras-digitales/tipo/sin-espejo.html" 6904 class="snowdog-menu-link " 6905 data-menu="menu-2517" 6906 > 6907 Sin Espejo</a> 6908 </div> 6909 </li> 6910 <li 6911 class=" 6912 " 6913 > 6914 <div class="group mb-2"> 6915 6916<a href="https://www.mediatekis.com.co/fotografia/camaras-digitales/tipo.html" 6917 class="snowdog-menu-link font-bold" 6918 data-menu="menu-2518" 6919 > 6920 Ver Todo</a> 6921 </div> 6922 </li> 6923 </ul> 6924 </li> 6925 </ul> 6926 </li> 6927 </ul> 6928 6929 6930 6931 <ul 6932 id="level-2-submenu-2519" 6933 x-ref="level-2-submenu-2519" 6934 x-show="openLevel2SubmenuId === '2519'" 6935 title="Submenu for Lentes" 6936 class="flex-1 flex gap-x-4 bg-secondary-lighter rounded-r-2xl py-6 px-14 text-primary text-sm" 6937 > 6938 <li 6939 class="w-full min-w-max " 6940 > 6941 <div class="group"> 6942 6943<a href="https://www.mediatekis.com.co/fotografia/lentes/montura.html" 6944 class="snowdog-menu-link font-bold" 6945 data-menu="menu-2520" 6946 > 6947 Montura</a> 6948 </div> 6949 6950 6951 6952 <ul class=""> 6953 <li 6954 class=" 6955 pb-0 " 6956 > 6957 <div class="group mb-2"> 6958 <div data-menu="menu-2521" class="__inner-link"></div> 6959 </div> 6960 </li> 6961 <li 6962 class=" 6963 " 6964 > 6965 <div class="group mb-2"> 6966 6967<a href="https://www.mediatekis.com.co/fotografia/lentes/montura/sony-e.html" 6968 class="snowdog-menu-link " 6969 data-menu="menu-2523" 6970 > 6971 Sony E</a> 6972 </div> 6973 </li> 6974 <li 6975 class=" 6976 " 6977 > 6978 <div class="group mb-2"> 6979 6980<a href="https://www.mediatekis.com.co/fotografia/lentes/montura/fujifilm-x.html" 6981 class="snowdog-menu-link " 6982 data-menu="menu-2524" 6983 > 6984 Fujifilm X</a> 6985 </div> 6986 </li> 6987 <li 6988 class=" 6989 " 6990 > 6991 <div class="group mb-2"> 6992 6993<a href="https://www.mediatekis.com.co/fotografia/lentes/montura/nikon-z.html" 6994 class="snowdog-menu-link " 6995 data-menu="menu-2525" 6996 > 6997 Nikon Z</a> 6998 </div> 6999 </li> 7000 <li 7001 class=" 7002 " 7003 > 7004 <div class="group mb-2"> 7005 7006<a href="https://www.mediatekis.com.co/fotografia/lentes/montura/micro-4-3.html" 7007 class="snowdog-menu-link " 7008 data-menu="menu-2526" 7009 > 7010 Micro 4/3</a> 7011 </div> 7012 </li> 7013 <li 7014 class=" 7015 " 7016 > 7017 <div class="group mb-2"> 7018 7019<a href="https://www.mediatekis.com.co/fotografia/lentes/montura.html" 7020 class="snowdog-menu-link font-bold" 7021 data-menu="menu-2527" 7022 > 7023 Ver Todo</a> 7024 </div> 7025 </li> 7026 </ul> 7027 </li> 7028 <li 7029 class="w-full min-w-max pr-4" 7030 > 7031 <div class="group"> 7032 <div data-menu="menu-2528" class="__inner-link"></div> 7033 </div> 7034 <ul class="space-y-2 ml-4"> 7035 <li 7036 class=" 7037 " 7038 " 7039 > 7040 <div class="group mb-2"> 7041 7042<a href="https://www.mediatekis.com.co/fotografia/lentes/accesorios.html" 7043 class="snowdog-menu-link font-bold" 7044 data-menu="menu-2529" 7045 > 7046 Accesorios</a> 7047 </div> 7048 7049 7050 7051 <ul class=""> 7052 <li 7053 class=" 7054 " 7055 > 7056 <div class="group mb-2"> 7057 7058<a href="https://www.mediatekis.com.co/fotografia/lentes/accesorios/adaptadores-de-montura.html" 7059 class="snowdog-menu-link " 7060 data-menu="menu-2530" 7061 > 7062 Adaptadores de Montura</a> 7063 </div> 7064 </li> 7065 </ul> 7066 </li> 7067 </ul> 7068 </li> 7069 </ul> 7070 7071 7072 7073 <ul 7074 id="level-2-submenu-2531" 7075 x-ref="level-2-submenu-2531" 7076 x-show="openLevel2SubmenuId === '2531'" 7077 title="Submenu for Accesorios" 7078 class="flex-1 flex gap-x-4 bg-secondary-lighter rounded-r-2xl py-6 px-14 text-primary text-sm" 7079 > 7080 <li 7081 class="w-full min-w-max " 7082 > 7083 <div class="group"> 7084 7085<a href="https://www.mediatekis.com.co/fotografia/accesorios.html" 7086 class="snowdog-menu-link font-bold" 7087 data-menu="menu-2532" 7088 > 7089 CategorÃa</a> 7090 </div> 7091 7092 7093 7094 <ul class=""> 7095 <li 7096 class=" 7097 pb-0 " 7098 > 7099 <div class="group mb-2">
7100 <div data-menu="menu-2533" class="__inner-link"></div> 7101 </div> 7102 </li> 7103 <li 7104 class=" 7105 " 7106 > 7107 <div class="group mb-2"> 7108 7109<a href="https://www.mediatekis.com.co/fotografia/accesorios/almacenamiento.html" 7110 class="snowdog-menu-link " 7111 data-menu="menu-2534" 7112 > 7113 Almacenamiento</a> 7114 </div> 7115 </li> 7116 <li 7117 class=" 7118 " 7119 > 7120 <div class="group mb-2"> 7121 7122<a href="https://www.mediatekis.com.co/fotografia/accesorios/baterias-y-cargadores.html" 7123 class="snowdog-menu-link " 7124 data-menu="menu-2535" 7125 > 7126 BaterÃas y Cargadores</a> 7127 </div> 7128 </li> 7129 <li 7130 class=" 7131 " 7132 > 7133 <div class="group mb-2"> 7134 7135<a href="https://www.mediatekis.com.co/fotografia/accesorios/soportes-de-camara.html" 7136 class="snowdog-menu-link " 7137 data-menu="menu-2536" 7138 > 7139 Soportes de Cámara</a> 7140 </div> 7141 </li> 7142 <li 7143 class=" 7144 " 7145 > 7146 <div class="group mb-2"> 7147 7148<a href="https://www.mediatekis.com.co/fotografia/accesorios/bolsos-y-morrales.html" 7149 class="snowdog-menu-link " 7150 data-menu="menu-2538" 7151 > 7152 Bolsos y Morrales</a> 7153 </div> 7154 </li> 7155 <li 7156 class=" 7157 " 7158 > 7159 <div class="group mb-2"> 7160 7161<a href="https://www.mediatekis.com.co/fotografia/accesorios.html" 7162 class="snowdog-menu-link font-bold" 7163 data-menu="menu-2539" 7164 > 7165 Ver Todo</a> 7166 </div> 7167 </li> 7168 </ul> 7169 </li> 7170 </ul> 7171 7172 7173 7174 <ul 7175 id="level-2-submenu-2540" 7176 x-ref="level-2-submenu-2540" 7177 x-show="openLevel2SubmenuId === '2540'" 7178 title="Submenu for Fotografía Instantánea" 7179 class="flex-1 flex gap-x-4 bg-secondary-lighter rounded-r-2xl py-6 px-14 text-primary text-sm" 7180 > 7181 <li 7182 class="w-full min-w-max " 7183 > 7184 <div class="group"> 7185 7186<a href="https://www.mediatekis.com.co/fotografia/fotografia-instantanea/camaras-polaroid.html" 7187 class="snowdog-menu-link font-bold" 7188 data-menu="menu-2541" 7189 > 7190 Cámaras Polaroid</a> 7191 </div> 7192 7193 7194 7195 <ul class=""> 7196 <li 7197 class=" 7198 pb-0 " 7199 > 7200 <div class="group mb-2"> 7201 <div data-menu="menu-2542" class="__inner-link"></div> 7202 </div> 7203 </li> 7204 <li 7205 class=" 7206 " 7207 > 7208 <div class="group mb-2"> 7209 7210<a href="https://www.mediatekis.com.co/fotografia/fotografia-instantanea/camaras-polaroid/flip.html" 7211 class="snowdog-menu-link " 7212 data-menu="menu-2642" 7213 > 7214 Flip</a> 7215 </div> 7216 </li> 7217 <li 7218 class=" 7219 " 7220 > 7221 <div class="group mb-2"> 7222 7223<a href="https://www.mediatekis.com.co/fotografia/fotografia-instantanea/camaras-polaroid/i-2.html" 7224 class="snowdog-menu-link " 7225 data-menu="menu-2544" 7226 > 7227 I-2</a> 7228 </div> 7229 </li> 7230 <li 7231 class=" 7232 " 7233 > 7234 <div class="group mb-2"> 7235 7236<a href="https://www.mediatekis.com.co/fotografia/fotografia-instantanea/camaras-polaroid.html" 7237 class="snowdog-menu-link font-bold" 7238 data-menu="menu-2547" 7239 > 7240 Ver Todo</a> 7241 </div> 7242 </li> 7243 <li 7244 class=" 7245 pb-6 " 7246 > 7247 <div class="group mb-2"> 7248 <div data-menu="menu-2548" class="__inner-link"></div> 7249 </div> 7250 </li> 7251 <li 7252 class=" 7253 " 7254 > 7255 <div class="group mb-2"> 7256 7257<a href="https://www.mediatekis.com.co/fotografia/fotografia-instantanea/camaras-instax.html" 7258 class="snowdog-menu-link font-bold" 7259 data-menu="menu-2549" 7260 > 7261 Cámaras Instax</a> 7262 </div> 7263 7264 7265 7266 <ul class=""> 7267 <li 7268 class=" 7269 pb-0 " 7270 > 7271 <div class="group mb-2"> 7272 <div data-menu="menu-2550" class="__inner-link"></div> 7273 </div> 7274 </li> 7275 <li 7276 class=" 7277 " 7278 > 7279 <div class="group mb-2"> 7280 7281<a href="https://www.mediatekis.com.co/fotografia/fotografia-instantanea/camaras-instax/mini.html" 7282 class="snowdog-menu-link " 7283 data-menu="menu-2551" 7284 > 7285 Mini</a> 7286 </div> 7287 </li> 7288 <li 7289 class=" 7290 " 7291 > 7292 <div class="group mb-2"> 7293 7294<a href="https://www.mediatekis.com.co/fotografia/fotografia-instantanea/camaras-instax/square-sq1.html" 7295 class="snowdog-menu-link " 7296 data-menu="menu-2552" 7297 > 7298 Square SQ1</a> 7299 </div> 7300 </li> 7301 <li 7302 class=" 7303 " 7304 > 7305 <div class="group mb-2"> 7306 7307<a href="https://www.mediatekis.com.co/fotografia/fotografia-instantanea/camaras-instax/wide.html" 7308 class="snowdog-menu-link " 7309 data-menu="menu-2553" 7310 > 7311 Wide</a> 7312 </div> 7313 </li> 7314 <li 7315 class=" 7316 " 7317 > 7318 <div class="group mb-2"> 7319 7320<a href="https://www.mediatekis.com.co/fotografia/fotografia-instantanea/camaras-instax.html" 7321 class="snowdog-menu-link font-bold" 7322 data-menu="menu-2618" 7323 > 7324 Ver Todo</a> 7325 </div> 7326 </li> 7327 </ul> 7328 </li> 7329 </ul> 7330 </li> 7331 <li 7332 class="w-full min-w-max pr-4" 7333 > 7334 <div class="group"> 7335 <div data-menu="menu-2554" class="__inner-link"></div> 7336 </div> 7337 <ul class="space-y-2 ml-4"> 7338 <li 7339 class=" 7340 " 7341 " 7342 > 7343 <div class="group mb-2"> 7344 7345<a href="https://www.mediatekis.com.co/fotografia/fotografia-instantanea/peliculas-polaroid.html" 7346 class="snowdog-menu-link font-bold" 7347 data-menu="menu-2555" 7348 > 7349 PelÃculas Polaroid</a> 7350 </div> 7351 7352 7353 7354 <ul class=""> 7355 <li 7356 class=" 7357 pb-0 " 7358 > 7359 <div class="group mb-2"> 7360 <div data-menu="menu-2556" class="__inner-link"></div> 7361 </div> 7362 </li> 7363 <li 7364 class=" 7365 " 7366 > 7367 <div class="group mb-2"> 7368 7369<a href="https://www.mediatekis.com.co/fotografia/fotografia-instantanea/peliculas-polaroid/peliculas-i-type.html" 7370 class="snowdog-menu-link " 7371 data-menu="menu-2557"
7372 > 7373 i-Type</a> 7374 </div> 7375 </li> 7376 <li 7377 class=" 7378 " 7379 > 7380 <div class="group mb-2"> 7381 7382<a href="https://www.mediatekis.com.co/fotografia/fotografia-instantanea/peliculas-polaroid/peliculas-600.html" 7383 class="snowdog-menu-link " 7384 data-menu="menu-2558" 7385 > 7386 600</a> 7387 </div> 7388 </li> 7389 <li 7390 class=" 7391 " 7392 > 7393 <div class="group mb-2"> 7394 7395<a href="https://www.mediatekis.com.co/fotografia/fotografia-instantanea/peliculas-polaroid.html" 7396 class="snowdog-menu-link font-bold" 7397 data-menu="menu-2561" 7398 > 7399 Ver Todo</a> 7400 </div> 7401 </li> 7402 <li 7403 class=" 7404 pb-6 " 7405 > 7406 <div class="group mb-2"> 7407 <div data-menu="menu-2562" class="__inner-link"></div> 7408 </div> 7409 </li> 7410 <li 7411 class=" 7412 " 7413 > 7414 <div class="group mb-2"> 7415 7416<a href="https://www.mediatekis.com.co/fotografia/fotografia-instantanea/peliculas-instax.html" 7417 class="snowdog-menu-link font-bold" 7418 data-menu="menu-2563" 7419 > 7420 PelÃculas Instax</a> 7421 </div> 7422 7423 7424 7425 <ul class=""> 7426 <li 7427 class=" 7428 pb-0 " 7429 > 7430 <div class="group mb-2"> 7431 <div data-menu="menu-2564" class="__inner-link"></div> 7432 </div> 7433 </li> 7434 <li 7435 class=" 7436 " 7437 > 7438 <div class="group mb-2"> 7439 7440<a href="https://www.mediatekis.com.co/fotografia/fotografia-instantanea/peliculas-instax/mini.html" 7441 class="snowdog-menu-link " 7442 data-menu="menu-2565" 7443 > 7444 Mini</a> 7445 </div> 7446 </li> 7447 <li 7448 class=" 7449 " 7450 > 7451 <div class="group mb-2"> 7452 7453<a href="https://www.mediatekis.com.co/fotografia/fotografia-instantanea/peliculas-instax/square.html" 7454 class="snowdog-menu-link " 7455 data-menu="menu-2566" 7456 > 7457 Square</a> 7458 </div> 7459 </li> 7460 <li 7461 class=" 7462 " 7463 > 7464 <div class="group mb-2"> 7465 7466<a href="https://www.mediatekis.com.co/fotografia/fotografia-instantanea/peliculas-instax/wide.html" 7467 class="snowdog-menu-link " 7468 data-menu="menu-2567" 7469 > 7470 Wide</a> 7471 </div> 7472 </li> 7473 <li 7474 class=" 7475 " 7476 > 7477 <div class="group mb-2"> 7478 7479<a href="https://www.mediatekis.com.co/fotografia/fotografia-instantanea/peliculas-instax.html" 7480 class="snowdog-menu-link font-bold" 7481 data-menu="menu-2568" 7482 > 7483 Ver Todo</a> 7484 </div> 7485 </li> 7486 </ul> 7487 </li> 7488 </ul> 7489 </li> 7490 </ul> 7491 </li> 7492 <li 7493 class="w-full min-w-max pr-4" 7494 > 7495 <div class="group"> 7496 <div data-menu="menu-2569" class="__inner-link"></div> 7497 </div> 7498 <ul class="space-y-2 ml-4"> 7499 <li 7500 class=" 7501 " 7502 " 7503 > 7504 <div class="group mb-2"> 7505 7506<a href="https://www.mediatekis.com.co/fotografia/fotografia-instantanea/accesorios-polaroid.html" 7507 class="snowdog-menu-link font-bold" 7508 data-menu="menu-2570" 7509 > 7510 Accesorios Polaroid</a> 7511 </div> 7512 7513 7514 7515 <ul class=""> 7516 <li 7517 class=" 7518 " 7519 > 7520 <div class="group mb-2"> 7521 7522<a href="https://www.mediatekis.com.co/fotografia/fotografia-instantanea/accesorios-polaroid/bolsos-y-fundas.html" 7523 class="snowdog-menu-link " 7524 data-menu="menu-2571" 7525 > 7526 Bolsos y Fundas</a> 7527 </div> 7528 </li> 7529 <li 7530 class=" 7531 " 7532 > 7533 <div class="group mb-2"> 7534 7535<a href="https://www.mediatekis.com.co/fotografia/fotografia-instantanea/accesorios-polaroid/correas.html" 7536 class="snowdog-menu-link " 7537 data-menu="menu-2572" 7538 > 7539 Correas</a> 7540 </div> 7541 </li> 7542 </ul> 7543 </li> 7544 </ul> 7545 </li> 7546 </ul> 7547 7548 </div> 7549 </div> 7550 7551 7552 </li> 7553 <li class=" 7554 flex items-center justify-between p-3 rounded-lg group hover:bg-secondary data-[active]:bg-secondary relative 7555 " 7556 :class="{ 7557 '' : '1' && openSubmenuId === '2579' 7558 }" 7559 @mouseenter="openSubmenuId = '2579'" 7560 @mouseleave="openSubmenuId = null" 7561 @keydown.escape="onSubmenuEscape" 7562 > 7563 <div class="group [&>a]:py-7 [&>a]:!text-primary"> 7564 7565<a href="https://www.mediatekis.com.co/software.html" 7566 class="snowdog-menu-link " 7567 data-menu="menu-2579" 7568 >
7569 Software</a> 7570 </div> 7571 <div class="relative"> 7572 <button 7573 type="button" 7574 class="flex items-center" 7575 x-ref="sr-button-2579" 7576 :aria-expanded="openSubmenuId === '2579' ? 'true' : 'false'" 7577 @click="toggleSubmenu('2579')" 7578 > 7579 <span class="block bg-arrow-menu group-hover:bg-arrow-menu-hover bg-no-repeat bg-center h-5 w-5" aria-hidden="true"></span> 7580 <span class="sr-only"> 7581 Toggle submenu for Software </span> 7582 </button> 7583 </div> 7584 7585 <div 7586 x-ref="submenu-2579" 7587 class="absolute left-0 top-full w-full z-30 flex pt-3" 7588 x-show="openSubmenuId === '2579'" 7589 x-cloak 7590 > 7591 7592 <div 7593 class="w-full flex items-stretch justify-between text-secondary-lighter font-light" 7594 x-data="initSubMenu2579()" 7595 > 7596 <ul 7597 class="space-y-1 py-6 bg-container-darker rounded-2xl" 7598 :class="{ 7599 'rounded-2xl': !openSubMenu, 7600 'rounded-l-2xl': openSubMenu 7601 }" 7602 title="Submenu for Software" 7603 > 7604 <li 7605 class="flex-1 py-0.5 px-5 hover:text-primary hover:bg-secondary-lighter w-auto min-w-max " 7606 @mouseenter=" 7607 openLevel2SubmenuId = '2580'; 7608 openSubMenu = false;
7609 " 7610 x-init="openLevel2SubmenuId = '2580'" 7611 > 7612 <div class="group flex justify-stretch"> 7613 7614<a href="https://www.mediatekis.com.co/software/ilok.html" 7615 class="snowdog-menu-link " 7616 data-menu="menu-2580" 7617 > 7618 iLok</a> 7619 </div> 7620 </li> 7621 <li 7622 class="flex-1 py-0.5 px-5 hover:text-primary hover:bg-secondary-lighter w-auto min-w-max " 7623 @mouseenter=" 7624 openLevel2SubmenuId = '2581'; 7625 openSubMenu = true; 7626 " 7627 > 7628 <div class="group flex justify-stretch"> 7629 7630<a href="https://www.mediatekis.com.co/software/licencias-audio.html" 7631 class="snowdog-menu-link " 7632 data-menu="menu-2581" 7633 > 7634 Licencias de Audio</a> 7635 <button 7636 type="button" 7637 class="flex-1 flex justify-end items-center" 7638 :aria-expanded="openLevel2SubmenuId === '2581' ? 'true' : 'false'" 7639 aria-controls="level-2-submenu-2581" 7640 @click="openLevel2Submenu('2581')" 7641 > 7642 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="20" height="20" aria-hidden="true"> 7643 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 7644</svg> 7645 <span class="sr-only"> 7646 Open submenu for Licencias de Audio </span> 7647 </button> 7648 </div> 7649 </li> 7650 <li 7651 class="flex-1 py-0.5 px-5 hover:text-primary hover:bg-secondary-lighter w-auto min-w-max " 7652 @mouseenter=" 7653 openLevel2SubmenuId = '2592'; 7654 openSubMenu = true; 7655 " 7656 > 7657 <div class="group flex justify-stretch"> 7658 7659<a href="https://www.mediatekis.com.co/software/licencias-de-video.html" 7660 class="snowdog-menu-link " 7661 data-menu="menu-2592" 7662 > 7663 Licencias de Video</a> 7664 <button 7665 type="button" 7666 class="flex-1 flex justify-end items-center" 7667 :aria-expanded="openLevel2SubmenuId === '2592' ? 'true' : 'false'" 7668 aria-controls="level-2-submenu-2592" 7669 @click="openLevel2Submenu('2592')" 7670 > 7671 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="20" height="20" aria-hidden="true"> 7672 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 7673</svg>
7674 <span class="sr-only"> 7675 Open submenu for Licencias de Video </span> 7676 </button> 7677 </div> 7678 </li> 7679 </ul> 7680 7681 7682 <ul 7683 id="level-2-submenu-2581" 7684 x-ref="level-2-submenu-2581" 7685 x-show="openLevel2SubmenuId === '2581'" 7686 title="Submenu for Licencias de Audio" 7687 class="flex-1 flex gap-x-4 bg-secondary-lighter rounded-r-2xl py-6 px-14 text-primary text-sm" 7688 > 7689 <li 7690 class="w-full min-w-max " 7691 > 7692 <div class="group"> 7693 7694<a href="https://www.mediatekis.com.co/software/licencias-audio/pro-tools-studio.html" 7695 class="snowdog-menu-link font-bold" 7696 data-menu="menu-2582" 7697 > 7698 Pro Tools Studio</a> 7699 </div> 7700 7701 7702 7703 <ul class=""> 7704 <li 7705 class=" 7706 pb-0 " 7707 > 7708 <div class="group mb-2"> 7709 <div data-menu="menu-2583" class="__inner-link"></div> 7710 </div> 7711 </li> 7712 <li 7713 class=" 7714 " 7715 > 7716 <div class="group mb-2"> 7717 7718<a href="https://www.mediatekis.com.co/software/licencias-audio/pro-tools-studio/perpetua.html" 7719 class="snowdog-menu-link " 7720 data-menu="menu-2584" 7721 > 7722 Perpetua</a> 7723 </div> 7724 </li> 7725 <li 7726 class=" 7727 " 7728 > 7729 <div class="group mb-2"> 7730 7731<a href="https://www.mediatekis.com.co/software/licencias-audio/pro-tools-studio/anual.html" 7732 class="snowdog-menu-link " 7733 data-menu="menu-2585" 7734 > 7735 Anual</a> 7736 </div> 7737 </li> 7738 <li 7739 class=" 7740 " 7741 > 7742 <div class="group mb-2"> 7743 7744<a href="https://www.mediatekis.com.co/software/licencias-audio/pro-tools-studio.html" 7745 class="snowdog-menu-link font-bold" 7746 data-menu="menu-2588" 7747 > 7748 Ver Todo</a> 7749 </div> 7750 </li> 7751 </ul> 7752 </li> 7753 <li 7754 class="w-full min-w-max pr-4" 7755 > 7756 <div class="group"> 7757 <div data-menu="menu-2589" class="__inner-link"></div> 7758 </div> 7759 <ul class="space-y-2 ml-4"> 7760 <li 7761 class=" 7762 " 7763 " 7764 > 7765 <div class="group mb-2"> 7766 7767<a href="https://www.mediatekis.com.co/software/licencias-audio/soundid-reference.html" 7768 class="snowdog-menu-link font-bold" 7769 data-menu="menu-2590" 7770 > 7771 SoundID Reference</a> 7772 </div> 7773 7774 7775 7776 <ul class=""> 7777 <li 7778 class=" 7779 " 7780 > 7781 <div class="group mb-2"> 7782 7783<a href="https://www.mediatekis.com.co/software/licencias-audio/soundid-reference/sonarworks-soundid.html" 7784 class="snowdog-menu-link " 7785 data-menu="menu-2591" 7786 > 7787 Sonarworks SoundID</a> 7788 </div> 7789 </li> 7790 </ul> 7791 </li> 7792 </ul> 7793 </li> 7794 </ul> 7795 7796 7797 7798 <ul 7799 id="level-2-submenu-2592" 7800 x-ref="level-2-submenu-2592" 7801 x-show="openLevel2SubmenuId === '2592'" 7802 title="Submenu for Licencias de Video" 7803 class="flex-1 flex gap-x-4 bg-secondary-lighter rounded-r-2xl py-6 px-14 text-primary text-sm" 7804 > 7805 <li 7806 class="w-full min-w-max " 7807 > 7808 <div class="group"> 7809 7810<a href="https://www.mediatekis.com.co/software/licencias-de-video/davinci-resolve-studio.html" 7811 class="snowdog-menu-link font-bold" 7812 data-menu="menu-2593" 7813 > 7814 DaVinci Resolve Studio</a> 7815 </div> 7816 7817 7818 7819 <ul class=""> 7820 <li 7821 class=" 7822 pb-0 " 7823 > 7824 <div class="group mb-2"> 7825 <div data-menu="menu-2594" class="__inner-link"></div> 7826 </div> 7827 </li> 7828 <li 7829 class=" 7830 " 7831 > 7832 <div class="group mb-2"> 7833 7834<a href="https://www.mediatekis.com.co/software/licencias-de-video/davinci-resolve-studio/tarjeta-de-activacion.html" 7835 class="snowdog-menu-link " 7836 data-menu="menu-2596" 7837 > 7838 Tarjeta de Activación</a> 7839 </div> 7840 </li> 7841 </ul> 7842 </li> 7843 </ul> 7844 7845 </div> 7846 </div> 7847 7848 7849 </li> 7850 <li class=" 7851 flex items-center justify-between p-3 rounded-lg group hover:bg-secondary data-[active]:bg-secondary relative 7852 " 7853 :class="{ 7854 '' : '1' && openSubmenuId === '2597' 7855 }" 7856 @mouseenter="openSubmenuId = '2597'" 7857 @mouseleave="openSubmenuId = null" 7858 @keydown.escape="onSubmenuEscape" 7859 > 7860 <div class="group [&>a]:py-7 [&>a]:!text-primary"> 7861 7862<a href="https://www.mediatekis.com.co/iluminacion.html" 7863 class="snowdog-menu-link " 7864 data-menu="menu-2597" 7865 > 7866 Iluminación</a> 7867 </div> 7868 <div class="relative"> 7869 <button 7870 type="button" 7871 class="flex items-center" 7872 x-ref="sr-button-2597" 7873 :aria-expanded="openSubmenuId === '2597' ? 'true' : 'false'" 7874 @click="toggleSubmenu('2597')" 7875 >
7876 <span class="block bg-arrow-menu group-hover:bg-arrow-menu-hover bg-no-repeat bg-center h-5 w-5" aria-hidden="true"></span> 7877 <span class="sr-only"> 7878 Toggle submenu for Iluminación </span> 7879 </button> 7880 </div> 7881 7882 <div 7883 x-ref="submenu-2597" 7884 class="absolute left-0 top-full w-full z-30 flex pt-3" 7885 x-show="openSubmenuId === '2597'" 7886 x-cloak 7887 > 7888 7889 <div 7890 class="w-full flex items-stretch justify-between text-secondary-lighter font-light" 7891 x-data="initSubMenu2597()" 7892 > 7893 <ul 7894 class="space-y-1 py-6 bg-container-darker rounded-2xl" 7895 :class="{ 7896 'rounded-2xl': !openSubMenu, 7897 'rounded-l-2xl': openSubMenu 7898 }" 7899 title="Submenu for Iluminación" 7900 > 7901 <li 7902 class="flex-1 py-0.5 px-5 hover:text-primary hover:bg-secondary-lighter w-auto min-w-max " 7903 @mouseenter=" 7904 openLevel2SubmenuId = '2621'; 7905 openSubMenu = true; 7906 " 7907 x-init="openLevel2SubmenuId = '2621'" 7908 > 7909 <div class="group flex justify-stretch"> 7910 7911<a href="https://www.mediatekis.com.co/iluminacion/fotografia-y-video.html" 7912 class="snowdog-menu-link " 7913 data-menu="menu-2621" 7914 > 7915 FotografÃa y Video</a> 7916 <button 7917 type="button" 7918 class="flex-1 flex justify-end items-center" 7919 :aria-expanded="openLevel2SubmenuId === '2621' ? 'true' : 'false'" 7920 aria-controls="level-2-submenu-2621" 7921 @click="openLevel2Submenu('2621')" 7922 > 7923 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="20" height="20" aria-hidden="true"> 7924 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 7925</svg> 7926 <span class="sr-only"> 7927 Open submenu for FotografÃa y Video </span> 7928 </button> 7929 </div> 7930 </li> 7931 <li 7932 class="flex-1 py-0.5 px-5 hover:text-primary hover:bg-secondary-lighter w-auto min-w-max " 7933 @mouseenter=" 7934 openLevel2SubmenuId = '2599'; 7935 openSubMenu = true; 7936 " 7937 > 7938 <div class="group flex justify-stretch"> 7939 7940<a href="https://www.mediatekis.com.co/iluminacion/eventos-y-escenarios.html" 7941 class="snowdog-menu-link " 7942 data-menu="menu-2599" 7943 > 7944 Eventos y Escenarios</a> 7945 <button 7946 type="button" 7947 class="flex-1 flex justify-end items-center" 7948 :aria-expanded="openLevel2SubmenuId === '2599' ? 'true' : 'false'" 7949 aria-controls="level-2-submenu-2599" 7950 @click="openLevel2Submenu('2599')" 7951 > 7952 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="20" height="20" aria-hidden="true"> 7953 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 7954</svg>
7955 <span class="sr-only"> 7956 Open submenu for Eventos y Escenarios </span> 7957 </button> 7958 </div> 7959 </li> 7960 </ul> 7961 7962 7963 <ul 7964 id="level-2-submenu-2621" 7965 x-ref="level-2-submenu-2621" 7966 x-show="openLevel2SubmenuId === '2621'" 7967 title="Submenu for Fotografía y Video" 7968 class="flex-1 flex gap-x-4 bg-secondary-lighter rounded-r-2xl py-6 px-14 text-primary text-sm" 7969 > 7970 <li 7971 class="w-full min-w-max " 7972 > 7973 <div class="group"> 7974 7975<a href="https://www.mediatekis.com.co/iluminacion/fotografia-y-video/tipo.html" 7976 class="snowdog-menu-link font-bold" 7977 data-menu="menu-2622" 7978 > 7979 Tipo</a> 7980 </div> 7981 7982 7983 7984 <ul class=""> 7985 <li 7986 class=" 7987 pb-0 " 7988 > 7989 <div class="group mb-2"> 7990 <div data-menu="menu-2623" class="__inner-link"></div> 7991 </div> 7992 </li> 7993 <li 7994 class=" 7995 " 7996 > 7997 <div class="group mb-2"> 7998 7999<a href="https://www.mediatekis.com.co/iluminacion/fotografia-y-video/tipo/led-rgb.html" 8000 class="snowdog-menu-link " 8001 data-menu="menu-2636" 8002 > 8003 LED RGB</a> 8004 </div> 8005 </li> 8006 <li 8007 class=" 8008 " 8009 > 8010 <div class="group mb-2"> 8011 8012<a href="https://www.mediatekis.com.co/iluminacion/fotografia-y-video/tipo/aros.html" 8013 class="snowdog-menu-link " 8014 data-menu="menu-2624" 8015 > 8016 Aros</a> 8017 </div> 8018 </li> 8019 <li 8020 class=" 8021 " 8022 > 8023 <div class="group mb-2"> 8024 8025<a href="https://www.mediatekis.com.co/iluminacion/fotografia-y-video/tipo/panel-led.html" 8026 class="snowdog-menu-link " 8027 data-menu="menu-2625" 8028 > 8029 Panel</a> 8030 </div> 8031 </li> 8032 <li 8033 class=" 8034 " 8035 > 8036 <div class="group mb-2"> 8037 8038<a href="https://www.mediatekis.com.co/iluminacion/fotografia-y-video/tipo.html" 8039 class="snowdog-menu-link font-bold" 8040 data-menu="menu-2626" 8041 > 8042 Ver Todo</a> 8043 </div> 8044 </li> 8045 </ul> 8046 </li> 8047 <li 8048 class="w-full min-w-max pr-4" 8049 > 8050 <div class="group"> 8051 <div data-menu="menu-2627" class="__inner-link"></div> 8052 </div> 8053 <ul class="space-y-2 ml-4"> 8054 <li 8055 class=" 8056 " 8057 " 8058 > 8059 <div class="group mb-2"> 8060 8061<a href="https://www.mediatekis.com.co/iluminacion/fotografia-y-video/accesorios-y-soportes.html" 8062 class="snowdog-menu-link font-bold" 8063 data-menu="menu-2628" 8064 > 8065 Accesorios y Soportes</a> 8066 </div> 8067 </li> 8068 </ul> 8069 </li> 8070 </ul> 8071 8072 8073 8074 <ul 8075 id="level-2-submenu-2599" 8076 x-ref="level-2-submenu-2599" 8077 x-show="openLevel2SubmenuId === '2599'" 8078 title="Submenu for Eventos y Escenarios" 8079 class="flex-1 flex gap-x-4 bg-secondary-lighter rounded-r-2xl py-6 px-14 text-primary text-sm" 8080 > 8081 <li 8082 class="w-full min-w-max " 8083 > 8084 <div class="group"> 8085 8086<a href="https://www.mediatekis.com.co/iluminacion/eventos-y-escenarios.html" 8087 class="snowdog-menu-link font-bold" 8088 data-menu="menu-2600" 8089 > 8090 Tipo</a> 8091 </div> 8092 8093 8094 8095 <ul class=""> 8096 <li 8097 class=" 8098 pb-0 " 8099 > 8100 <div class="group mb-2"> 8101 <div data-menu="menu-2601" class="__inner-link"></div> 8102 </div> 8103 </li> 8104 <li 8105 class=" 8106 " 8107 > 8108 <div class="group mb-2"> 8109 8110<a href="https://www.mediatekis.com.co/iluminacion/eventos-y-escenarios/tipo/laser.html" 8111 class="snowdog-menu-link " 8112 data-menu="menu-2604" 8113 > 8114 Láser</a> 8115 </div> 8116 </li> 8117 <li 8118 class=" 8119 " 8120 > 8121 <div class="group mb-2"> 8122 8123<a href="https://www.mediatekis.com.co/iluminacion/eventos-y-escenarios/tipo/multiefecto.html" 8124 class="snowdog-menu-link " 8125 data-menu="menu-2606" 8126 > 8127 Multiefecto</a> 8128 </div> 8129 </li> 8130 <li 8131 class=" 8132 " 8133 > 8134 <div class="group mb-2"> 8135 8136<a href="https://www.mediatekis.com.co/iluminacion/eventos-y-escenarios/tipo/pares.html" 8137 class="snowdog-menu-link " 8138 data-menu="menu-2607" 8139 > 8140 Pares</a> 8141 </div> 8142 </li> 8143 <li 8144 class=" 8145 " 8146 > 8147 <div class="group mb-2"> 8148 8149<a href="https://www.mediatekis.com.co/iluminacion/eventos-y-escenarios/tipo/cabeza-movil.html" 8150 class="snowdog-menu-link " 8151 data-menu="menu-2608" 8152 > 8153 Cabeza Móvil</a> 8154 </div> 8155 </li> 8156 <li 8157 class=" 8158 " 8159 > 8160 <div class="group mb-2"> 8161 8162<a href="https://www.mediatekis.com.co/iluminacion/eventos-y-escenarios.html" 8163 class="snowdog-menu-link font-bold" 8164 data-menu="menu-2610" 8165 > 8166 Ver Todo</a> 8167 </div> 8168 </li> 8169 </ul> 8170 </li> 8171 <li 8172 class="w-full min-w-max pr-4" 8173 > 8174 <div class="group"> 8175 <div data-menu="menu-2611" class="__inner-link"></div> 8176 </div> 8177 <ul class="space-y-2 ml-4"> 8178 <li 8179 class=" 8180 " 8181 " 8182 > 8183 <div class="group mb-2"> 8184 8185<a href="https://www.mediatekis.com.co/iluminacion/eventos-y-escenarios/accesorios-y-controladores.html" 8186 class="snowdog-menu-link font-bold" 8187 data-menu="menu-2616" 8188 > 8189 Accesorios y Controladores</a> 8190 </div> 8191 </li> 8192 </ul> 8193 </li> 8194 </ul> 8195 8196 </div> 8197 </div> 8198 8199 8200 </li> 8201 <li class=" 8202 flex items-center justify-between p-3 rounded-lg group hover:bg-secondary data-[active]:bg-secondary relative 8203 " 8204 :class="{ 8205 '' : '' && openSubmenuId === '2617' 8206 }" 8207 @mouseenter="openSubmenuId = '2617'" 8208 @mouseleave="openSubmenuId = null" 8209 @keydown.escape="onSubmenuEscape" 8210 > 8211 <div class="group [&>a]:py-7 [&>a]:!text-primary"> 8212 8213<a href="https://www.mediatekis.com.co/ofertas.html" 8214 class="snowdog-menu-link font-black" 8215 data-menu="menu-2617" 8216 > 8217 Ofertas</a> 8218 </div> 8219 </li> 8220 </ul> 8221 </nav> 8222 </div> 8223 8224 <!-- <div class="hidden lg:flex items-center gap-x-6 order-3 ml-auto"> --> 8225 <div class="flex items-center justify-center lg:justify-normal gap-x-6 order-4 lg:ml-auto w-12 lg:w-auto"> 8226 <!-- Cotizaciones --> 8227 <a href="https://www.mediatekis.com.co/cotizaciones/" class="hidden lg:flex items-center gap-x-1 hover:underline"> 8228 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 8229<!-- Created with Inkscape (http://www.inkscape.org/) --> 8230<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="16" height="20" viewBox="0 0 4.1988387 5.3026028" version="1.1" id="svg9891" sodipodi:docname="cotizaciones.svg" inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)" class="w-auto h-auto" role="img"> 8231 <sodipodi:namedview id="namedview19" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:document-units="mm" showgrid="false" units="px" inkscape:zoom="38.620185" inkscape:cx="7.9362644" inkscape:cy="10.033613" inkscape:window-width="1920" inkscape:window-height="946" inkscape:window-x="1920" inkscape:window-y="27" inkscape:window-maximized="1" inkscape:current-layer="svg9891"/> 8232 <defs id="defs9888"> 8233 <clipPath clipPathUnits="userSpaceOnUse" id="clipPath2452"> 8234 <path d="M 0,2777.625 H 1080 V 0 H 0 Z" id="path2450"/> 8235 </clipPath> 8236 </defs> 8237 <g id="layer1" transform="translate(-131.43546,-157.36036)"> 8238 <g id="g2446" style="display:inline" transform="matrix(0.35277777,0,0,-0.35277777,-136.05659,1099.8284)">
8239 <g id="g2448" clip-path="url(#clipPath2452)"> 8240 <g id="g2454" transform="translate(768.1573,2669.625)"> 8241 <path d="m 0,0 h -5.807 c -0.955,0 -1.767,-0.729 -1.837,-1.681 -0.234,-3.169 -0.221,-6.41 0.011,-9.715 0.067,-0.957 0.878,-1.697 1.838,-1.697 h 5.802 c 0.964,0 1.777,0.742 1.837,1.704 0.192,3.091 0.199,6.309 -0.004,9.67 C 1.781,-0.753 0.967,0 0,0" style="fill:#c9e6ff;fill-opacity:1;fill-rule:nonzero;stroke:none" id="path2456"/> 8242 </g> 8243 <g id="g2458" transform="translate(759.1846,2659.408)"> 8244 <path d="M 0,0 C 0.067,-0.958 0.878,-1.698 1.838,-1.698 H 7.64 c 0.964,0 1.778,0.742 1.837,1.705 0.192,3.091 0.199,6.308 -0.004,9.67 -0.058,0.965 -0.872,1.719 -1.84,1.719 H 1.827 C 0.872,11.396 0.06,10.667 -0.011,9.714 -0.136,8.027 -0.19,6.319 -0.179,4.592" style="fill:none;stroke:#000000;stroke-width:1.518;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path2460"/> 8245 </g> 8246 <g id="g2462" transform="translate(761.1205,2666.8928)"> 8247 <path d="M 0,0 H 5.665" style="fill:none;stroke:#000000;stroke-width:1.518;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path2464"/> 8248 </g> 8249 <g id="g2466" transform="translate(761.1205,2664.0535)"> 8250 <path d="M 0,0 H 5.665" style="fill:none;stroke:#000000;stroke-width:1.518;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path2468"/> 8251 </g> 8252 <g id="g2470" transform="translate(761.1205,2661.4822)"> 8253 <path d="M 0,0 H 5.665" style="fill:none;stroke:#000000;stroke-width:1.518;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path2472"/> 8254 </g> 8255 </g> 8256 </g> 8257 </g> 8258<title>cotizaciones</title></svg> 8259 <span class="">Cotizaciones</span> 8260 </a> 8261 8262 <!-- Additional Header Elements --> 8263 8264 <!--Customer Icon & Dropdown--> 8265 8266<div 8267 class="relative hidden lg:inline-block" 8268 x-data="{ open: false }" 8269 @keyup.escape="open = false" 8270 @click.outside="open = false" 8271> 8272 <button 8273 type="button" 8274 id="customer-menu" 8275 class="rounded flex items-center gap-x-1 hover:underline" 8276 @click="open = !open" 8277 :aria-expanded="open ? 'true' : 'false'" 8278 aria-label="Mi Cuenta" 8279 aria-haspopup="true" 8280 > 8281 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 8282<!-- Created with Inkscape (http://www.inkscape.org/) --> 8283<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="21" height="30" viewBox="0 0 5.6758414 7.8513828" version="1.1" id="svg11927" class="w-auto h-auto" role="img"> 8284 <defs id="defs11924"> 8285 <clipPath clipPathUnits="userSpaceOnUse" id="clipPath2370"> 8286 <path d="M 0,2777.625 H 1080 V 0 H 0 Z" id="path2368"/> 8287 </clipPath> 8288 </defs> 8289 <g id="layer1_2" style="display:inline" transform="translate(-235.21632,-162.22207)"> 8290 <g id="g2366" clip-path="url(#clipPath2370)" style="display:inline" transform="matrix(0.35277777,0,0,-0.35277777,-67.68545,1106.6344)"> 8291 <g id="g2388" transform="translate(864.14,2673.9688)" style="display:inline"> 8292 <path d="m 0,0 c -1.253,-0.537 -2.062,-2.828 -0.361,-5.511 0.064,-0.101 0.215,-0.072 0.222,0.047 0.123,2.125 1.602,2.059 1.571,3.23 -0.004,0.125 0.124,0.212 0.239,0.161 0.677,-0.302 2.491,-0.933 4.17,0.023 0,0 1.627,-0.929 1.622,-3.554 0,-0.046 0.06,-0.064 0.085,-0.024 0.327,0.532 1.424,2.576 0.632,4.94 0,0 0.866,-0.06 0.899,0.77 C 7.615,0 7.549,2.75 4.588,2.18 3.075,3.352 -0.651,2.229 0,0" style="fill:#00ffff;fill-opacity:1;fill-rule:evenodd;stroke:none" id="path2390"/> 8293 </g> 8294 <g id="g2392" transform="translate(863.359,2673.6433)" style="display:inline"> 8295 <path d="m 0,0 c -1.253,-0.537 -2.062,-2.828 -0.361,-5.511 0.064,-0.101 0.215,-0.072 0.222,0.047 0.123,2.125 1.602,2.059 1.571,3.23 -0.004,0.125 0.125,0.212 0.239,0.161 0.677,-0.302 2.491,-0.933 4.17,0.023 0,0 1.627,-0.929 1.622,-3.554 0,-0.046 0.06,-0.064 0.085,-0.024 0.327,0.532 1.424,2.576 0.632,4.94 0,0 0.866,-0.06 0.899,0.77 C 7.615,0 7.549,2.75 4.588,2.18 3.075,3.352 -0.651,2.229 0,0 Z" style="fill:none;stroke:#000000;stroke-width:1.518;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path2394"/> 8296 </g> 8297 <g id="g2396" transform="translate(863.8796,2666.1589)" style="display:inline"> 8298 <path d="M 0,0 C 1.361,-2.641 4.594,-3.108 6.264,0 6.611,0.646 6.807,1.025 6.94,1.721" style="fill:none;stroke:#000000;stroke-width:1.518;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path2398"/> 8299 </g> 8300 <g id="g2400" transform="translate(868.4191,2662.1565)" style="display:inline"> 8301 <path d="m 0,0 h -2.571 c -3.091,0 -5.597,-2.124 -5.597,-4.745 v -1.297 c 0,-1.728 13.765,-1.728 13.765,0 v 1.297 C 5.597,-2.124 3.091,0 0,0" style="fill:#00b1ff;fill-opacity:1;fill-rule:evenodd;stroke:none" id="path2402"/> 8302 </g> 8303 <g id="g2404" transform="translate(859.6883,2657.9629)" style="display:inline"> 8304 <path d="M 0,0 C 0,-1.837 14.028,-1.837 14.028,0" style="fill:none;stroke:#ffffff;stroke-width:1.184;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path2406"/> 8305 </g> 8306 <g id="g2408" transform="translate(859.6883,2660.8989)" style="display:inline"> 8307 <path d="M 0,0 C 0,-1.837 14.028,-1.837 14.028,0" style="fill:none;stroke:#ffffff;stroke-width:1.184;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path2410"/> 8308 </g> 8309 <g id="g2412" transform="translate(859.3782,2655.8772)" style="display:inline"> 8310 <path d="m 0,0 c 0,3.92 2.165,6.121 5.151,6.23 h 4.27 C 12.407,6.121 14.571,3.92 14.571,0" style="fill:none;stroke:#000000;stroke-width:1.518;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path2414"/> 8311 </g> 8312 <g id="g2416" transform="translate(865.8701,2666.886)" style="display:inline"> 8313 <path d="M 0,0 C 0.277,-0.951 2.133,-1.028 2.495,0" style="fill:none;stroke:#000000;stroke-width:0.789;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path2418"/> 8314 </g> 8315 </g> 8316 </g> 8317<title>user</title></svg>
8318 <span class=""> 8319 Ingresar </span> 8320 </button> 8321 <nav 8322 class=" 8323 absolute right-0 z-20 w-40 py-2 mt-2 -mr-4 px-1 overflow-auto origin-top-right rounded-sm 8324 shadow-lg sm:w-48 lg:mt-3 bg-container-lighter 8325 " 8326 x-cloak 8327 x-show="open" 8328 aria-labelledby="customer-menu" 8329 > 8330 8331<a id="customer.header.sign.in.link" 8332 class="block px-4 py-2 lg:px-5 lg:py-2 hover:bg-gray-100" 8333 onclick="hyva.setCookie && hyva.setCookie( 8334 'login_redirect', 8335 window.location.href, 8336 1 8337 )" 8338 href="https://www.mediatekis.com.co/customer/account/index/" 8339 title="Iniciar sesión" 8340> 8341 Iniciar sesión</a> 8342 8343 <a id="customer.header.register.link" 8344 class="block px-4 py-2 lg:px-5 lg:py-2 hover:bg-gray-100" 8345 href="https://www.mediatekis.com.co/customer/account/create/" 8346 title="Crear una cuenta" 8347 > 8348 Crear una cuenta </a> 8349 </nav> 8350</div> 8351 8352 <!--Cart Icon--> 8353 <button 8354 id="menu-cart-icon" 8355 class="relative flex items-center gap-x-1 hover:underline focus-visible:ring-0 focus-visible:outline-0" 8356 x-ref="cartButton" 8357 :aria-disabled="isCartEmpty()" 8358 :aria-label="` 8359 Toggle minicart, 8360 ${isCartEmpty() 8361 ? '¡Tu carrito está vacío!' 8362 : cart.summary_count > 1 8363 ? hyva.str('%1 artítulos', cart.summary_count) 8364 : hyva.str('%1 item', cart.summary_count) 8365 }`" 8366 @click.prevent.stop="() => { 8367 $dispatch('toggle-cart', { isOpen: true }) 8368 }" 8369 @toggle-cart.window="toggleCart($event)" 8370 :aria-expanded="isCartOpen" 8371 aria-haspopup="dialog" 8372 > 8373 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 8374<!-- Created with Inkscape (http://www.inkscape.org/) --> 8375<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="25" height="19" viewBox="0 0 6.6248806 4.90685" version="1.1" id="svg12758" class="w-auto h-auto" role="img"> 8376 <defs id="defs12755"> 8377 <clipPath clipPathUnits="userSpaceOnUse" id="clipPath2370_2"> 8378 <path d="M 0,2777.625 H 1080 V 0 H 0 Z" id="path2368_2"/> 8379 </clipPath> 8380 <clipPath clipPathUnits="userSpaceOnUse" id="clipPath2354"> 8381 <path d="M 0,2777.625 H 1080 V 0 H 0 Z" id="path2352"/> 8382 </clipPath> 8383 <clipPath clipPathUnits="userSpaceOnUse" id="clipPath2338"> 8384 <path d="M 0,2777.625 H 1080 V 0 H 0 Z" id="path2336"/> 8385 </clipPath> 8386 <clipPath clipPathUnits="userSpaceOnUse" id="clipPath2322"> 8387 <path d="M 0,2777.625 H 1080 V 0 H 0 Z" id="path2320"/> 8388 </clipPath> 8389 <clipPath clipPathUnits="userSpaceOnUse" id="clipPath2306"> 8390 <path d="M 0,2777.625 H 1080 V 0 H 0 Z" id="path2304"/> 8391 </clipPath> 8392 <clipPath clipPathUnits="userSpaceOnUse" id="clipPath2282"> 8393 <path d="M 0,2777.625 H 1080 V 0 H 0 Z" id="path2280"/> 8394 </clipPath> 8395 <clipPath clipPathUnits="userSpaceOnUse" id="clipPath2270"> 8396 <path d="m 0,2723.54 h 1080 v 54.085 H 0 Z" id="path2268"/> 8397 </clipPath> 8398 <clipPath clipPathUnits="userSpaceOnUse" id="clipPath2214"> 8399 <path d="M 0,2777.625 H 1080 V 0 H 0 Z" id="path2212"/> 8400 </clipPath> 8401 </defs> 8402 <g id="layer1_3" style="display:inline" transform="translate(-313.54101,261.03934)"> 8403 <g id="g2208" style="display:inline" transform="matrix(0.35277777,0,0,-0.35277777,-18.593019,680.92401)"> 8404 <g id="g2210" clip-path="url(#clipPath2214)" style="display:inline"> 8405 <g id="g2220" transform="translate(955.6017,2660.5549)" style="display:inline"> 8406 <path d="m 0,0 h -8.617 c -1.378,0 -2.494,1.116 -2.494,2.494 v 4.02 c 0,1.189 0.837,2.233 2.007,2.449 C -5.98,9.541 -2.79,9.542
84060.468,8.951 1.645,8.738 2.494,7.694 2.494,6.497 V 2.494 C 2.494,1.116 1.377,0 0,0" style="display:inline;fill:#00b1ff;fill-opacity:1;fill-rule:evenodd;stroke:none" id="path2222"/> 8407 </g> 8408 </g> 8409 </g> 8410 <g id="g2364" style="display:inline" transform="matrix(0.35277777,0,0,-0.35277777,-18.593019,680.92401)"> 8411 <g id="g2366_2" clip-path="url(#clipPath2370_2)" style="display:inline"> 8412 <g id="g2376" transform="translate(942.2915,2670.084)" style="display:inline"> 8413 <path d="m 0,0 c -0.157,-2.458 0.056,-4.848 0.609,-7.174 0.303,-1.276 1.373,-2.214 2.665,-2.443 2.542,-0.452 5.139,-0.438 7.788,0.025 1.296,0.226 2.341,1.194 2.622,2.48 0.42,1.922 0.672,3.026 0.703,4.702 0.013,0.654 0.55,1.178 1.203,1.178 h 2.38" style="fill:none;stroke:#000000;stroke-width:1.518;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path2378"/> 8414 </g> 8415 <g id="g2380" transform="translate(955.5433,2658.3992)" style="display:inline"> 8416 <path d="m 0,0 c 0,-1.202 -0.974,-2.176 -2.176,-2.176 -1.202,0 -2.176,0.974 -2.176,2.176 0,1.202 0.974,2.176 2.176,2.176 C -0.974,2.176 0,1.202 0,0" style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" id="path2382"/> 8417 </g> 8418 <g id="g2384" transform="translate(948.6189,2658.3992)" style="display:inline"> 8419 <path d="m 0,0 c 0,-1.202 -0.974,-2.176 -2.176,-2.176 -1.202,0 -2.176,0.974 -2.176,2.176 0,1.202 0.974,2.176 2.176,2.176 C -0.974,2.176 0,1.202 0,0" style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" id="path2386"/> 8420 </g> 8421 </g> 8422 </g> 8423 </g> 8424<title>cart</title></svg> 8425 <span class="hidden lg:block">Carrito</span> 8426 <span 8427 x-text="cart.summary_count" 8428 x-show="!isCartEmpty()" 8429 x-cloak 8430 class="absolute -top-1.5 -left-1.5 h-4 py-0.5 px-1 rounded-full bg-secondary-yellow text-primary text-xs font-black leading-none text-center uppercase tabular-nums z-20 lg:z-0" 8431 aria-hidden="true" 8432 ></span> 8433 </button> 8434 </div> 8435 <!-- </div> --> 8436 </div> 8437
8438 <!--Cart Drawer--> 8439 8440<section x-cloak 8441 x-show="cart" 8442 id="cart-drawer" 8443 x-data="initCartDrawer()" 8444 @private-content-loaded.window="getData($event.detail.data)" 8445 @toggle-cart.window="toggleCartDrawer($event)" 8446 @keydown.escape="closeCartDrawer" 8447> 8448 <div role="dialog" 8449 aria-labelledby="cart-drawer-title" 8450 aria-modal="true" 8451 :aria-hidden="!open" 8452 class="fixed inset-y-0 right-0 z-30 flex max-w-full"> 8453 <div class="backdrop" 8454 x-show="open" 8455 x-transition:enter="ease-in-out duration-500" 8456 x-transition:enter-start="opacity-0" 8457 x-transition:enter-end="opacity-100" 8458 x-transition:leave="ease-in-out duration-500" 8459 x-transition:leave-start="opacity-100" 8460 x-transition:leave-end="opacity-0" 8461 role="button" 8462 @click="closeCartDrawer" 8463 aria-label="Close minicart"></div> 8464 <div class="relative w-screen max-w-md shadow-2xl" 8465 x-show="open" 8466 x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700" 8467 x-transition:enter-start="translate-x-full" 8468 x-transition:enter-end="translate-x-0" 8469 x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700" 8470 x-transition:leave-start="translate-x-0" 8471 x-transition:leave-end="translate-x-full" 8472 x-ref="cartDialogContent" 8473 role="region" 8474 :tabindex="open ? 0 : -1" 8475 aria-label="Carrito" 8476 8477 > 8478 <div class="flex flex-col h-full max-h-screen bg-white shadow-xl"> 8479 8480 <header class="relative px-4 py-6 sm:px-6"> 8481 <p id="cart-drawer-title" class="text-lg font-medium leading-7 text-gray-900"> 8482 <strong>Carrito</strong> 8483 <span class="items-total text-xs" 8484 x-show="maxItemsToDisplay && maxItemsToDisplay < itemsCount" 8485 x-text="getItemCountTitle()"> 8486 </span> 8487 </p> 8488 </header> 8489 8490 8491 <template x-if="!itemsCount"> 8492 <div class="relative px-4 py-6 bg-white border-bs sm:px-6 border-container text-center"> 8493 ¡Tu carrito está vacÃo! <?xml version="1.0" encoding="UTF-8" standalone="no"?> 8494<!-- Created with Inkscape (http://www.inkscape.org/) --> 8495<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="150" height="111" viewBox="0 0 85.447827 63.288068" version="1.1" id="svg1528" class="w-auto h-auto mt-8 mx-auto" role="img"> 8496 <defs id="defs1525"> 8497 <clipPath clipPathUnits="userSpaceOnUse" id="clipPath616"> 8498 <path d="M 0,1122.107 H 1080 V 0 H 0 Z" id="path614"/> 8499 </clipPath> 8500 </defs> 8501 <g id="layer1_4" transform="translate(-124.96213,-167.12341)"> 8502 <g id="g610" transform="matrix(0.35277777,0,0,-0.35277777,-21.086834,443.03981)"> 8503 <g id="g612" clip-path="url(#clipPath616)"> 8504 <g id="g618" transform="translate(573.4408,660.1168)"> 8505 <path d="m 0,0 h -111.147 c -17.764,0 -32.164,14.4 -32.164,32.164 v 51.85 c 0,15.344 10.793,28.804 25.881,31.593 40.293,7.449 81.441,7.463 123.466,-0.149 15.187,-2.751 26.128,-16.219 26.128,-31.653 V 32.164 C 32.164,14.4 17.764,0 0,0" style="fill:#00b1ff;fill-opacity:1;fill-rule:evenodd;stroke:none" id="path620"/> 8506 </g> 8507 <g id="g622" transform="translate(424.4354,781.5024)"> 8508 <path d="m 0,0 c -2.021,-31.71 0.722,-62.527 7.852,-92.523 3.913,-16.465 17.714,-28.561 34.376,-31.52 32.79,-5.824 66.283,-5.647 100.453,0.321 16.719,2.92 30.194,15.408 33.818,31.989 5.417,24.787 8.662,39.031 9.069,60.652 0.159,8.429 7.086,15.19 15.516,15.19 h 30.692" style="fill:none;stroke:#000000;stroke-width:19.585;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path624"/> 8509 </g> 8510 <g id="g626" transform="translate(595.3587,630.792)"> 8511 <path d="m 0,0 c 0,-15.5 -12.565,-28.066 -28.066,-28.066 -15.5,0 -28.065,12.566 -28.065,28.066 0,15.5 12.565,28.066 28.065,28.066 C -12.565,28.066 0,15.5 0,0" style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" id="path628"/> 8512 </g> 8513 <g id="g630" transform="translate(506.0473,630.792)"> 8514 <path d="m 0,0 c 0,-15.5 -12.565,-28.066 -28.066,-28.066 -15.5,0 -28.065,12.566 -28.065,28.066 0,15.5 12.565,28.066 28.065,28.066 C -12.565,28.066 0,15.5 0,0" style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" id="path632"/> 8515 </g> 8516 <g id="g634" transform="translate(562.3749,720.7068)"> 8517 <path d="m 0,0 c 0,-23.301 -18.889,-42.19 -42.19,-42.19 -23.3,0 -42.189,18.889 -42.189,42.19 0,23.301 18.889,42.19 42.189,42.19 C -18.889,42.19 0,23.301 0,0" style="fill:#c9e6ff;fill-opacity:1;fill-rule:nonzero;stroke:none" id="path636"/> 8518 </g> 8519 <g id="g638" transform="translate(520.1853,758.5977)"> 8520 <path d="m 0,0 c -20.893,0 -37.891,-16.998 -37.891,-37.891 0,-20.893 16.998,-37.891 37.891,-37.891 20.893,0 37.891,16.998 37.891,37.891 C 37.891,-16.998 20.893,0 0,0 m 0,-84.379 c -25.634,0 -46.488,20.854 -46.488,46.488 0,25.634 20.854,46.489 46.488,46.489 25.634,0 46.488,-20.855 46.488,-46.489 0,-25.634 -20.854,-46.488 -46.488,-46.488" style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" id="path640"/> 8521 </g> 8522 <g id="g642" transform="translate(509.7733,717.675)"> 8523 <path d="M 0,0 H -8.598 V 19.677 L 0,24.884 Z" style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" id="path644"/> 8524 </g> 8525 <g id="g646" transform="translate(537.807,717.675)"> 8526 <path d="M 0,0 H -8.598 V 24.884 L 0,19.677 Z" style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" id="path648"/> 8527 </g> 8528 <g id="g650" transform="translate(519.4912,712.8476)"> 8529 <path d="m 0,0 c 4.667,0 9.06,-1.502 12.37,-4.229 3.834,-3.159 5.946,-7.798 5.946,-13.063 H 9.718 c 0,6.863 -6.109,8.694 -9.718,8.694 -3.609,0 -9.718,-1.831 -9.718,-8.694 h -8.597 C -18.315,-5.94 -9.102,0 0,0" style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" id="path652"/> 8530 </g> 8531 </g> 8532 </g> 8533 </g> 8534<title>empty-cart</title></svg> 8535 </div> 8536 </template> 8537 8538 <template x-if="itemsCount"> 8539 <div class="relative grid gap-6 sm:gap-8 px-1 py-3 sm:px-3 bg-white border-b border-container overflow-y-auto overscroll-y-contain"> 8540 <template x-for="item in cartItems"> 8541 <div class="flex items-start p-3 space-x-4 transition duration-150 ease-in-out rounded-lg hover:bg-gray-100"> 8542 <a :href="item.product_url" 8543 class="w-1/4 focus-visible:ring-0 focus-visible:outline-0" 8544 :aria-label="hyva.strf('Product\u0020\u0022\u00250\u0022', item.product_name)" 8545 > 8546 <img 8547 :src="item.product_image.src" 8548 :width="item.product_image.width" 8549 :height="item.product_image.height" 8550 loading="lazy" 8551 alt="" 8552 /> 8553 </a> 8554 <div class="w-3/4 space-y-2"> 8555 <div> 8556 <p class="text-xl">
8557 <span x-html="item.qty"></span> x <span x-html="item.product_name"></span> 8558 </p> 8559 <p class="text-sm"><span x-html="item.product_sku"></span></p> 8560 </div> 8561 <template x-for="option in item.options"> 8562 <div class="pt-2"> 8563 <p class="font-semibold" x-text="option.label + ':'"></p> 8564 <p class="text-secondary" x-html="option.value"></p> 8565 </div> 8566 </template> 8567 <p><span x-html="item.product_price"></span></p> 8568 <div class="pt-4"> 8569 <button type="button" 8570 class="inline-flex p-2 btn btn-primary bg-secondary-lighter hover:bg-secondary" 8571 @click="deleteItemFromCart(item.item_id)" 8572 :aria-label="hyva.strf('Remove\u0020product\u0020\u0022\u00250\u0022\u0020from\u0020cart', item.product_name)" 8573 > 8574 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" aria-hidden="true"> 8575 <path stroke-linecap="round" stroke-linejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/> 8576</svg> 8577 </button> 8578 </div> 8579 8580 </div> 8581 </div> 8582 </template> 8583 </div> 8584 </template> 8585 8586 <template x-if="itemsCount"> 8587 <div> 8588 8589 <div class="relative grid gap-6 sm:gap-8 py-3 px-1 sm:px-3 bg-white"> 8590 <div class="w-full p-3 space-x-4 text-right"> 8591 <p>Subtotal: <span x-html="cart.subtotal"></span></p> 8592 </div> 8593 <div class="w-full p-3 space-x-4 flex justify-end items-center"> 8594 <a href="https://www.mediatekis.com.co/checkout/cart/" 8595 class="inline-flex btn btn-primary" 8596 > 8597 Ver y editar carrito </a> 8598 </div> 8599 <div x-html="getSectionDataExtraActions()"></div> 8600 </div> 8601 </div> 8602 </template> 8603 8604 </div> 8605 8606 <button 8607 type="button" 8608 @click="closeCartDrawer" 8609 aria-label="Close minicart" 8610 class="absolute top-0 right-2 p-4 mt-2 text-gray-300 transition-colors hover:text-black" 8611 > 8612 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 8613 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 8614</svg> 8615 </button> 8616 </div> 8617 <div class="flex flex-row justify-center items-center w-full h-full fixed select-none z-50" 8618 style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.7);" 8619 x-show="isLoading" 8620 x-cloak 8621 x-transition:enter="ease-out duration-200" 8622 x-transition:enter-start="opacity-0" 8623 x-transition:enter-end="opacity-100" 8624 x-transition:leave="ease-in duration-200" 8625 x-transition:leave-start="opacity-100" 8626 x-transition:leave-end="opacity-0"> 8627 <!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 8628<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"> 8629 <g fill="none" fill-rule="evenodd"> 8630 <g transform="translate(1 1)" stroke-width="2"> 8631 <circle cx="5" cy="50" r="5">
8632 <animate attributeName="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcMode="linear" repeatCount="indefinite"/> 8633 <animate attributeName="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcMode="linear" repeatCount="indefinite"/> 8634 </circle> 8635 <circle cx="27" cy="5" r="5"> 8636 <animate attributeName="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcMode="linear" repeatCount="indefinite"/> 8637 <animate attributeName="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcMode="linear" repeatCount="indefinite"/> 8638 </circle> 8639 <circle cx="49" cy="50" r="5"> 8640 <animate attributeName="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcMode="linear" repeatCount="indefinite"/> 8641 <animate attributeName="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcMode="linear" repeatCount="indefinite"/> 8642 </circle> 8643 </g> 8644 </g> 8645<title>loader</title></svg> 8646 <div class="ml-10 text-primary text-xl"> 8647 Cargando... </div> 8648</div> 8649 </div> 8650 8651</section> 8652 8653 <!--Authentication Pop-Up--> 8654 8655<section id="authentication-popup" 8656 x-data="initAuthentication()" 8657 @private-content-loaded.window="onPrivateContentLoaded($event.detail.data)" 8658 @toggle-authentication.window="open = forceAuthentication; redirectIfAuthenticated(event)" 8659 @keydown.window.escape="open = false" 8660> 8661 <div 8662 class="backdrop" 8663 aria-hidden="true" 8664 x-cloak 8665 x-show="open" 8666 x-transition:enter="ease-in-out duration-500" 8667 x-transition:enter-start="opacity-0" 8668 x-transition:enter-end="opacity-100" 8669 x-transition:leave="ease-in-out duration-500" 8670 x-transition:leave-start="opacity-100" 8671 x-transition:leave-end="opacity-0" 8672 @click="open = false" 8673 ></div> 8674 <div role="dialog" 8675 aria-modal="true" 8676 @click.outside="open = false" 8677 class="inset-y-0 right-0 z-30 flex max-w-full fixed" 8678 x-cloak 8679 x-show="open" 8680 > 8681 <div class="relative w-screen max-w-md pt-16 bg-container-lighter" 8682 x-show="open" 8683 x-cloak="" 8684 x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700" 8685 x-transition:enter-start="translate-x-full" 8686 x-transition:enter-end="translate-x-0" 8687 x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700" 8688 x-transition:leave-start="translate-x-0" 8689 x-transition:leave-end="translate-x-full" 8690 > 8691 <div 8692 x-show="open" 8693 x-cloak="" 8694 x-transition:enter="ease-in-out duration-500" 8695 x-transition:enter-start="opacity-0" 8696 x-transition:enter-end="opacity-100" 8697 x-transition:leave="ease-in-out duration-500" 8698 x-transition:leave-start="opacity-100" 8699 x-transition:leave-end="opacity-0" class="absolute top-0 right-2 flex p-2 mt-2"> 8700 <button 8701 type="button" 8702 @click="open = false;" 8703 aria-label="Close panel" 8704 class="p-2 text-gray-300 transition duration-150 ease-in-out hover:text-black" 8705 > 8706 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" role="img"> 8707 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 8708<title>Close panel</title></svg> 8709 </button> 8710 </div> 8711 <template x-if="open"> 8712 <div class="flex flex-col h-full py-6 space-y-6 bg-white shadow-xl overflow-y-auto"> 8713 <div class="block-customer-login bg-container border border-container mx-4 p-4 shadow-sm"> 8714 <p id="authenticate-customer-login" class="text-lg leading-7 text-gray-900"> 8715 <strong class="font-medium">Pagar usando su cuenta</strong> 8716 </p> 8717 8718 <form class="form form-login" 8719 method="post"
8720 @submit.prevent="submitForm();" 8721 id="login-form" 8722 > 8723 <div class="fieldset login"> 8724 <div class="field email required"> 8725 <label class="label" for="form-login-username" form="login-form" > 8726 <span>Dirección de email</span> 8727 </label> 8728 <div class="control"> 8729 <input name="username" 8730 id="form-login-username" 8731 x-ref="customer-email" 8732 @change="errors = 0" 8733 type="email" 8734 required 8735 autocomplete="off" 8736 class="form-input input-text" 8737 > 8738 </div> 8739 </div> 8740 <div class="field password required"> 8741 <label for="form-login-password" class="label" form="login-form"> 8742 <span>Contraseña</span> 8743 </label> 8744 <div class="control"> 8745 <input name="password" 8746 id="form-login-password" 8747 type="password" 8748 class="form-input input-text" 8749 required 8750 x-ref="customer-password" 8751 autocomplete="off" 8752 @change="errors = 0" 8753 > 8754 </div> 8755 </div> 8756 8757 <input name="context" type="hidden" value="checkout" /> 8758 <div class="actions-toolbar flex justify-between pt-6 pb-2 items-center"> 8759 <button type="submit" class="inline-flex btn btn-primary disabled:opacity-75" 8760 > 8761 Iniciar sesión </button> 8762 <a href="https://www.mediatekis.com.co/customer/account/forgotpassword/" 8763 > 8764 ¿Olvidó su contraseña? </a> 8765 </div> 8766 8767 </div> 8768 </form> 8769 </div> 8770 <div class="mx-4"> 8771 </div> 8772 <div class="block-new-customer bg-container border border-container mx-4 p-4 shadow-sm"> 8773 <p id="authenticate-new-customer" class="text-lg mb-2 leading-7 text-gray-900"> 8774 <strong class="font-medium">Pagar como nuevo cliente</strong> 8775 </p> 8776 8777 <div class="block-content"> 8778 <p class="mb-1"> 8779 Crear una cuenta tiene muchos beneficios: </p> 8780 <ul class="list-disc pl-5"> 8781 <li> Ver estado de orden y envÃo</li> 8782 <li> Rastrear Historial de Orden</li> 8783 <li> Comprar más rápidamente</li> 8784 </ul> 8785 <div class="actions-toolbar flex justify-between mt-6 mb-2 items-center"> 8786 <a href="https://www.mediatekis.com.co/customer/account/create/" 8787 class="inline-flex btn btn-primary"> 8788 Crear una cuenta </a> 8789 </div> 8790 </div> 8791 </div> 8792 </div> 8793 </template> 8794 </div> 8795 </div> 8796</section> 8797</div> 8798 8799</header><div class="top-container"><nav class="hidden md:block breadcrumbs bg-container-lighter" aria-label="Breadcrumb"> 8800 <div class="container"> 8801 <ol class="items list-reset py-4 flex flex-wrap items-stretch gap-x-2"> 8802 <li class="item p-1.25 flex bg-secondary-lighter rounded-lg flex items-center home"> 8803 <a href="https://www.mediatekis.com.co/" 8804 class="no-underline" 8805 title="Ir a la página de inicio" 8806 > 8807 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 8808<!-- Created with Inkscape (http://www.inkscape.org/) --> 8809<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="25" height="17" viewBox="0 0 6.5083265 4.4526691" version="1.1" id="svg6974" class="w-auto h-auto" role="img"> 8810 <defs id="defs6971"/> 8811 <g id="layer1_5" transform="translate(-182.85049,-196.92481)"> 8812 <g id="g690" transform="matrix(0.35277777,0,0,-0.35277777,182.97269,198.55395)"> 8813 <path d="M 0,0 8.878,3.629 17.756,0" style="fill:none;stroke:#000000;stroke-width:1.831;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path692"/> 8814 </g> 8815 <g id="g694" transform="matrix(0.35277777,0,0,-0.35277777,187.77978,198.80111)"> 8816 <path d="m 0,0 c 0.305,-1.905 0.275,-3.872 0,-5.885 -3.162,-0.671 -6.323,-0.671 -9.485,0 -0.225,1.95 -0.222,3.912 0,5.885" style="fill:none;stroke:#000000;stroke-width:1.831;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path696"/> 8817 </g> 8818 </g> 8819<title>home</title></svg> 8820 </a> 8821 </li> 8822 <li class="item p-1.25 flex bg-secondary-lighter rounded-lg flex items-center category64"> 8823 <a href="https://www.mediatekis.com.co/audio.html" 8824 class="no-underline" 8825 title="" 8826 > 8827 Audio </a> 8828 </li> 8829 <li class="item p-1.25 flex bg-secondary-lighter rounded-lg flex items-center category87">
8830 <span 8831 class="" 8832 aria-current="page" 8833 >Combos de Audio</span> 8834 </li> 8835 </ol> 8836 </div> 8837</nav> 8838</div><main id="maincontent" class="page-main"><div id="contentarea" tabindex="-1"></div> 8839<div class="page messages"> 8840<section id="messages" 8841 x-data="initMessages()" 8842 x-bind="eventListeners" 8843 aria-live="assertive" 8844 role="alert" 8845> 8846 <template x-if="!isEmpty()"> 8847 <div class="w-full"> 8848 <div class="messages container mx-auto py-3"> 8849 <template x-for="(message, index) in messages" :key="index"> 8850 <div> 8851 <template x-if="message"> 8852 <div class="message" :class="message.type" 8853 :ui-id="'message-' + message.type" 8854 > 8855 <span x-html="message.text"></span> 8856 <button 8857 type="button" 8858 class="text-gray-600 hover:text-black" 8859 aria-label="Close message" 8860 @click.prevent="removeMessage(index)" 8861 > 8862 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="stroke-current" width="18" height="18" aria-hidden="true"> 8863 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 8864</svg> 8865 </button> 8866 </div> 8867 </template> 8868 </div> 8869 </template> 8870 </div> 8871 </div> 8872 </template> 8873</section> 8874</div><div class="columns"><aside class="sidebar sidebar-main"> <div 8875 x-data="initLayeredNavigation()" 8876 x-init="checkIsMobileResolution()" 8877 @resize.window.debounce="checkIsMobileResolution()" 8878 @visibilitychange.window.debounce="checkIsMobileResolution()" 8879 class="block md:border-0" 8880 role="region" 8881 aria-label="Product filters" 8882 > 8883 <h2 8884 id="filters-heading" 8885 class="block-title justify-end" 8886 > 8887 <button 8888 type="button" 8889 @click="blockOpen = !blockOpen" 8890 class="md:!hidden block-title text-start rounded-lg py-1.25 px-2.5 bg-secondary-lighter font-light" 8891 aria-controls="filters-content" 8892 :aria-expanded="blockOpen" 8893 :aria-disabled="!isMobile" 8894 :disabled="!isMobile ? '' : null" 8895 > 8896 <span class="font-light"> 8897 Filtro </span> 8898 </button> 8899 </h2> 8900 <div 8901 class="bg-container-lighter/80 fixed z-30 w-full h-full top-0 left-0" 8902 :class="{ 8903 'hidden': (isMobile && !blockOpen) || !isMobile, 8904 'block': isMobile && blockOpen 8905 }" 8906 @click="blockOpen = false" 8907 > 8908 </div> 8909 <div 8910 id="filters-content" 8911 class="block-content filter-content block" 8912 :class="{ 8913 'fixed w-4/5 h-screen top-0 -left-[80%] bg-container-darker z-30 p-6 pt-12 transition-all duration-300 text-secondary-lighter': isMobile, 8914 'left-0': isMobile && blockOpen 8915 }" 8916 > 8917 <div :class="{ 'h-full overflow-y-auto' : isMobile && blockOpen }"> 8918 <a 8919 href="#product-list" 8920 class="sr-only focus:not-sr-only bg-blue-600 text-white px-12 py-4 text-center block rounded-sm" 8921 > 8922 Skip to product list </a> 8923 <span 8924 class="md:hidden absolute top-5 right-5 bg-secondary p-1.5 rounded-lg" 8925 @click="blockOpen = false" 8926 > 8927 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 8928<!-- Created with Inkscape (http://www.inkscape.org/) --> 8929<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 3.9288773 3.9287662" version="1.1" id="svg36684" class="w-auto h-auto" role="img"> 8930 <defs id="defs36681"/> 8931 <g id="layer1_6" transform="translate(-224.04719,-106.62863)"> 8932 <g id="g96" transform="matrix(0.35277777,0,0,-0.35277777,227.78898,106.81572)" style="display:inline"> 8933 <path d="M 0,0 -10.076,-10.076" style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path98"/> 8934 </g> 8935 <g id="g100" transform="matrix(0.35277777,0,0,-0.35277777,224.23428,106.81572)" style="display:inline"> 8936 <path d="M 0,0 10.076,-10.076" style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path102"/> 8937 </g> 8938 </g> 8939<title>x</title></svg> 8940 </span> 8941 <div 8942 x-data="{ 8943 open: false, 8944 id: $id('filter-option') 8945 }" 8946 x-defer="intersect" 8947 class="filter-option my-4 first-of-type:mt-0 last:mb-0" 8948 > 8949 <h3 :id="`${id}-title`"> 8950 <button 8951 type="button" 8952 @click="open = !open" 8953 class="filter-options-title flex justify-between items-center cursor-pointer text-start border-container w-full" 8954 :aria-controls="`${id}-content`" 8955 :aria-expanded="open" 8956 >
8957 <span class="title text-2xl font-black flex items-center gap-x-1"> 8958 Precio <span class="sr-only"> filter</span> 8959 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 8960<!-- Created with Inkscape (http://www.inkscape.org/) --> 8961<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="7" height="5" viewBox="0 0 1.7637105 1.340097" version="1.1" id="svg19696" class="md:w-auto h-auto" role="img"> 8962 <defs id="defs19693"/> 8963 <g id="layer1_7" transform="translate(-152.60652,-237.62065)"> 8964 <g id="g1322" transform="matrix(0.35277777,0,0,-0.35277777,154.32975,238.05016)"> 8965 <path d="m 0,0 c -0.482,-0.764 -1.107,-1.548 -1.854,-2.349 -0.284,-0.304 -0.766,-0.31 -1.059,-0.015 -0.77,0.775 -1.389,1.57 -1.87,2.385 -0.271,0.46 0.028,1.048 0.558,1.102 1.226,0.125 2.453,0.126 3.681,0.003 C -0.001,1.071 0.291,0.462 0,0" style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" id="path1324"/> 8966 </g> 8967 </g> 8968<title>filter-arrow</title></svg> 8969 </span> 8970 </button> 8971 </h3> 8972 <template x-if="open"> 8973 <div 8974 :id="`${id}-content`" 8975 class="filter-options-content pt-3" 8976 > 8977 8978<div class="mst-nav__slider px-2" 8979 data-mst-nav-filter="price" 8980 x-data='renderRangeSlider({"paramTemplate":"price_from-price_to","urlTemplate":"https:\/\/www.mediatekis.com.co\/audio\/combos-de-audio.html?price=price_from-price_to","min":899000,"max":1640000,"from":899000,"to":1640000,"valueTemplate":"<span class=\"price\">$\u00a0{value.2}<\/span>","separator":":","rate":1,"step":1})' 8981 x-init="initSlider" 8982> 8983 <div class="mst-nav__slider-slider mt-2 mb-2.5 h-3" data-element="slider"></div> 8984 8985 <div class="mst-nav__slider-text text-center font-light text-sm" data-element="text"></div> 8986 8987 </div> 8988 8989<style> 8990 .mst-nav__slider-slider { 8991 height: 12px; /* redefining slider's height from lib css*/ 8992 } 8993 8994 .mst-nav__slider-slider .noUi-handle { 8995 width: 20px!important; 8996 right: -10px!important; 8997 height: 28px!important; 8998 top: -9px!important; 8999 } 9000 9001 .mst-nav__slider-slider .noUi-handle:before { 9002 left: 8px!important; 9003 } 9004 9005 .mst-nav__slider-slider .noUi-handle:after { 9006 left: 10px!important; 9007 } 9008 9009 .mst-nav__slider-slider .noUi-connect {
9010 background-color: rgba(29,78,216,1); 9011 } 9012</style> 9013 </div> 9014 </template> 9015 </div> 9016 <div 9017 x-data="{ 9018 open: false, 9019 id: $id('filter-option') 9020 }" 9021 x-defer="intersect" 9022 class="filter-option my-4 first-of-type:mt-0 last:mb-0" 9023 > 9024 <h3 :id="`${id}-title`"> 9025 <button 9026 type="button" 9027 @click="open = !open" 9028 class="filter-options-title flex justify-between items-center cursor-pointer text-start border-container w-full" 9029 :aria-controls="`${id}-content`" 9030 :aria-expanded="open" 9031 > 9032 <span class="title text-2xl font-black flex items-center gap-x-1"> 9033 Marca <span class="sr-only"> filter</span> 9034 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 9035<!-- Created with Inkscape (http://www.inkscape.org/) --> 9036<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="7" height="5" viewBox="0 0 1.7637105 1.340097" version="1.1" id="svg19696" class="md:w-auto h-auto" role="img"> 9037 <defs id="defs19693_2"/> 9038 <g id="layer1_8" transform="translate(-152.60652,-237.62065)"> 9039 <g id="g1322_2" transform="matrix(0.35277777,0,0,-0.35277777,154.32975,238.05016)"> 9040 <path d="m 0,0 c -0.482,-0.764 -1.107,-1.548 -1.854,-2.349 -0.284,-0.304 -0.766,-0.31 -1.059,-0.015 -0.77,0.775 -1.389,1.57 -1.87,2.385 -0.271,0.46 0.028,1.048 0.558,1.102 1.226,0.125 2.453,0.126 3.681,0.003 C -0.001,1.071 0.291,0.462 0,0" style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" id="path1324_2"/> 9041 </g> 9042 </g> 9043<title>filter-arrow</title></svg> 9044 </span> 9045 </button> 9046 </h3> 9047 <template x-if="open"> 9048 <div 9049 :id="`${id}-content`" 9050 class="filter-options-content pt-3" 9051 > 9052 9053<div data-mst-nav-filter="manufacturerA985799A" data-mst-nav-cache-key="985799" data-mst-attribute="manufacturer" class="mst-nav__label" x-data="initLabelRenderer()"> 9054 <div 9055 data-holder="alphabetical" 9056 x-data="initAlphabeticalIndex(0, 5)" 9057 x-init="init()" 9058 ></div> 9059 9060 <ol class="items"> 9061 9062 9063 <li data-element="filter" 9064 data-hidden="false" 9065 data-search-hidden="false" 9066 data-letter-hidden="false" 9067 class="item mst-nav__label-item font-light mb-1 last:mb-0 9068 " 9069 data-value="5465" 9070 @click="handleClick" 9071 > 9072 <a href="https://www.mediatekis.com.co/audio/combos-de-audio.html?manufacturer=5465" 9073 rel="follow" 9074 aria-label="Focusrite" 9075 class="flex items-center" 9076 > 9077 9078 <input id="m_manufacturer[5465]" 9079 type="checkbox" 9080 class=" 9081 hidden rounded before:rounded " 9082 /> 9083 9084 <label for="m_manufacturer[5465]" class="py-1 px-2 cursor-pointer hover:cursor-pointer hover:underline"> 9085 <span class="mst-nav__label-item__label">Focusrite</span> 9086 </label> 9087 </a> 9088 </li> 9089 9090 9091 9092 </ol> 9093</div> 9094 </div> 9095 </template> 9096 </div> 9097 </div> 9098 </div> 9099 </div> 9100 9101</aside><div class="column main"> 9102 <div id="m-navigation-replacer"></div> <section class="" id="product-list" aria-label="Product list" tabindex="-1"> 9103 9104 <div x-data="initToolbar_6ac1f2da30ee0()" 9105 class="toolbar toolbar-products"> 9106 <div class="toolbar-sorter sorter flex justify-end"> 9107 <label class="inline-block rounded-lg py-1.25 px-2.5 bg-secondary-lighter font-light">
9108 <span>Ordenar por:</span> 9109 <select data-role="sorter" 9110 class="form-select sorter-options p-0 min-h-0 border-0 bg-secondary-lighter shadow-none pr-8 bg-right" 9111 aria-label="Ordenar por" 9112 @change="changeUrl( 9113 'product_list_order', 9114 $event.currentTarget.options[$event.currentTarget.selectedIndex].value, 9115 options.orderDefault 9116 )"> 9117 <option value="position" 9118 selected="selected" 9119 > 9120 Posición </option> 9121 <option value="name" 9122 > 9123 Nombre </option> 9124 <option value="price" 9125 > 9126 Precio </option> 9127 </select> 9128 </label> 9129</div> 9130 </div> 9131 <div class="products wrapper mode-grid products-grid"> 9132 <ul 9133 role="list" 9134 class="mx-auto pt-8 pb-12 grid gap-4 grid-cols-1 grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-x-4 md:gap-x-14" 9135 > 9136 <li> 9137 9138<form method="post" 9139 action="https://www.mediatekis.com.co/checkout/cart/add/uenc/%25uenc%25/product/1475/" 9140 class="group item product product-item product_addtocart_form flex flex-col w-full relative group h-full " 9141 > 9142 <input name="form_key" type="hidden" value="9aEnWRtvbMAa6rrF" /> <input type="hidden" name="product" value="1475"/> 9143 <div class="md:hidden md:group-hover:block absolute top-4 left-4 z-10 product-wishlist-btn"> 9144 </div> 9145 <a href="https://www.mediatekis.com.co/focusrite-vocaster-one-studio-kit-de-interfaz-de-audio-para-podcasting.html" 9146 title="Focusrite Vocaster One Studio" 9147 class="group-hover:opacity-80 product photo product-item-photo block mx-auto mb-3.5 bg-secondary-lightest/20 rounded-3xl p-8 relative " 9148 tabindex="-1" 9149 > 9150 9151 <div class="product-discount-label absolute top-3 right-3 bg-secondary-red text-secondary-lighter font-bold py-1 px-1.5 rounded-xl"> 9152 <span>-29%</span> 9153 </div> 9154 9155 <img class="object-contain rounded-lg mix-blend-multiply product-image-photo" 9156 x-data="" 9157 @update-gallery-1475.window="$root.src = $event.detail" 9158 loading="eager" 9159 fetchpriority="high" 9160 src="https://www.mediatekis.com.co/media/catalog/product/cache/74a47df780d7f6fb02650aad9e84dbc6/m/o/moac0003_1.jpg" 9161 width="360" 9162 height="360" 9163 alt="Kit Vocaster One Studio vista superior" 9164 title="Kit Vocaster One Studio vista superior" 9165/> 9166 </a> 9167 <div class="product-info flex flex-col grow"> 9168 <div class="mb-2 line-clamp-2 "> 9169 <a 9170 class="product-item-link group-hover:text-secondary-darker" 9171 href="https://www.mediatekis.com.co/focusrite-vocaster-one-studio-kit-de-interfaz-de-audio-para-podcasting.html" 9172 :id="`slide-desc-1475-${$id('slider-id')}`" 9173 > 9174 Focusrite Vocaster One Studio </a> 9175 </div> 9176 9177 9178 9179 9180 9181 <div class="price-box-container" 9182 x-data="initPriceBox()" 9183 x-defer="intersect" 9184 @update-prices-1475.window="updatePrice($event.detail);" 9185 > 9186 <div class="price-box price-final_price" data-role="priceBox" data-product-id="1475" data-price-box="product-id-1475"> 9187 <span class="special-price"> 9188 <span 9189 x-data x-id="['product\u002Dprice\u002D1475']" class="price-container price-final_price tax weee" 9190 > 9191 <span class="price-label hidden">Special Price</span> 9192
9193 <span :id="$id('product\u002Dprice\u002D1475')" data-price-amount="899000" 9194 data-price-type="finalPrice" 9195 class="price-wrapper " 9196 ><span class="price">$Â 899.000</span></span> 9197 </span> 9198 </span> 9199 <span class="old-price"> 9200 <span 9201 x-data x-id="['old\u002Dprice\u002D1475']" class="price-container price-final_price tax weee" 9202 > 9203 <span class="price-label hidden">Regular Price</span> 9204 9205 <span :id="$id('old\u002Dprice\u002D1475')" data-price-amount="1249000" 9206 data-price-type="oldPrice" 9207 class="price-wrapper " 9208 ><span class="price">$Â 1.249.000</span></span> 9209 </span> 9210 </span> 9211 9212</div> </div> 9213 9214 </div> 9215</form> 9216 </li> 9217 <li> 9218 9219<form method="post" 9220 action="https://www.mediatekis.com.co/checkout/cart/add/uenc/%25uenc%25/product/1544/" 9221 class="group item product product-item product_addtocart_form flex flex-col w-full relative group h-full " 9222 > 9223 <input name="form_key" type="hidden" value="9aEnWRtvbMAa6rrF" /> <input type="hidden" name="product" value="1544"/> 9224 <div class="md:hidden md:group-hover:block absolute top-4 left-4 z-10 product-wishlist-btn"> 9225 </div> 9226 <a href="https://www.mediatekis.com.co/focusrite-vocaster-two-studio-kit-de-interfaz-de-audio-para-podcasting.html" 9227 title="Focusrite Vocaster Two Studio" 9228 class="group-hover:opacity-80 product photo product-item-photo block mx-auto mb-3.5 bg-secondary-lightest/20 rounded-3xl p-8 relative " 9229 tabindex="-1" 9230 > 9231 9232 <div class="product-discount-label absolute top-3 right-3 bg-secondary-red text-secondary-lighter font-bold py-1 px-1.5 rounded-xl"> 9233 <span>-18%</span> 9234 </div> 9235 9236 <img class="object-contain rounded-lg mix-blend-multiply product-image-photo" 9237 x-data="" 9238 @update-gallery-1544.window="$root.src = $event.detail" 9239 loading="eager" 9240 fetchpriority="high" 9241 src="https://www.mediatekis.com.co/media/catalog/product/cache/74a47df780d7f6fb02650aad9e84dbc6/m/o/moac0004_1.jpg" 9242 width="360" 9243 height="360" 9244 alt="Vocaster Two Studio vista de perfil" 9245 title="Vocaster Two Studio vista de perfil" 9246/> 9247 </a> 9248 <div class="product-info flex flex-col grow"> 9249 <div class="mb-2 line-clamp-2 "> 9250 <a 9251 class="product-item-link group-hover:text-secondary-darker" 9252 href="https://www.mediatekis.com.co/focusrite-vocaster-two-studio-kit-de-interfaz-de-audio-para-podcasting.html" 9253 :id="`slide-desc-1544-${$id('slider-id')}`" 9254 > 9255 Focusrite Vocaster Two Studio </a> 9256 </div> 9257 9258 9259 9260 9261 9262 <div class="price-box-container" 9263 x-data="initPriceBox()" 9264 x-defer="intersect" 9265 @update-prices-1544.window="updatePrice($event.detail);" 9266 > 9267 <div class="price-box price-final_price" data-role="priceBox" data-product-id="1544" data-price-box="product-id-1544"> 9268 <span class="special-price"> 9269 <span 9270 x-data x-id="['product\u002Dprice\u002D1544']" class="price-container price-final_price tax weee" 9271 > 9272 <span class="price-label hidden">Special Price</span> 9273 9274 <span :id="$id('product\u002Dprice\u002D1544')" data-price-amount="1640000" 9275 data-price-type="finalPrice" 9276 class="price-wrapper " 9277 ><span class="price">$Â 1.640.000</span></span> 9278 </span> 9279 </span> 9280 <span class="old-price"> 9281 <span 9282 x-data x-id="['old\u002Dprice\u002D1544']" class="price-container price-final_price tax weee" 9283 > 9284 <span class="price-label hidden">Regular Price</span> 9285 9286 <span :id="$id('old\u002Dprice\u002D1544')" data-price-amount="1999000" 9287 data-price-type="oldPrice" 9288 class="price-wrapper " 9289 ><span class="price">$Â 1.999.000</span></span> 9290 </span> 9291 </span> 9292 9293</div> </div> 9294 9295 </div> 9296</form> 9297 </li> 9298 </ul> 9299 </div> 9300 9301 <div x-data="initToolbar_6ac1f2da56518()" 9302 class="toolbar toolbar-products grid grid-cols-4 sm:grid-cols-8 md:grid-cols-4 lg:grid-cols-8 grid-flow-row gap-y-4 gap-x-2 items-center"> 9303 <p class="toolbar-amount text-sm leading-5 text-gray-700 order-3 sm:order-2 md:order-3 9304 lg:order-2 col-span-2 gap-x-1" id="toolbar-amount">
9305 <span class="toolbar-number">2</span> artÃculos </p> 9306 9307 9308 9309 <div class="flex justify-center order-2 col-span-4"> 9310 </div> 9311 9312 9313 9314 9315 <div class="field limiter flex items-center order-3 sm:order-2 md:order-3 lg:order-2 col-span-2 justify-end"> 9316 <div class="control"> 9317 <label class="text-sm label"> 9318 <span aria-hidden="true">Mostrar</span> 9319 9320 <select 9321 data-role="limiter" 9322 class="form-select limiter-options" 9323 @change="changeUrl( 9324 'product_list_limit', 9325 $event.currentTarget.options[$event.currentTarget.selectedIndex].value, 9326 options.limitDefault 9327 )" 9328 aria-label="Show items per page" 9329 > 9330 <option value="12" 9331 > 9332 12 </option> 9333 <option value="24" 9334 selected="selected" 9335 > 9336 24 </option> 9337 <option value="48" 9338 > 9339 48 </option> 9340 </select> 9341 </label> 9342 </div> 9343 </div> 9344 </div> 9345 </section> 9346 9347<style> 9348 .pages, .toolbar-amount { 9349 display: none !important; 9350 } 9351 .limiter { 9352 grid-column-start: 7; 9353 } 9354 9355 .main .mst-scroll__button { 9356 cursor: pointer; 9357 margin: 1rem auto; 9358 align-items: center; 9359 justify-content: center; 9360 } 9361 9362 .main .mst-scroll__button:before { 9363 opacity: 0.6; 9364 display: block; 9365 content: ""; 9366 height: 36px; 9367 width: 36px; 9368 margin-right: 12px; 9369 background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.7928 10.3055C22.589 11.2646 23.2047 12.2066 24.1681 12.4094L32.3858 14.1402L34.1553 6.39665C34.3738 5.44085 33.7725 4.48961 32.8125 4.27207C31.8524 4.05452 30.8971 4.65321 30.6786 5.60915L30.104 8.12397C30.066 8.06061 30.0251 7.99829 29.9783 7.9388C27.0513 4.20575 22.488 1.79999 17.3614 1.79999C8.51464 1.79999 1.3501 8.9562 1.3501 17.775C1.3501 26.5939 8.51464 33.75 17.3614 33.75C26.2081 33.75 33.3729 26.5939 33.3729 17.775C33.3729 16.7946 32.5743 16 31.5901 16C30.6053 16 29.8072 16.7946 29.8072 17.775C29.8072 24.6411 24.231 30.2 17.3614 30.2C10.4918 30.2 4.91563 24.6411 4.91563 17.775C4.91563 10.909 10.4918 5.34999 17.3614 5.34999C20.9298 5.34999 24.7283 7.04316 27.0001 9.44976L24.9059 8.93618C23.9426 8.73341 22.9966 9.34644 22.7928 10.3055Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A"); 9370 } 9371 9372 .main .mst-scroll__button:hover:before { 9373 opacity: 1; 9374 } 9375 9376 .main .mst-scroll__button._loading { 9377 opacity: .7; 9378 } 9379 9380 .main .mst-scroll__button._loading:before { 9381 opacity: 1; 9382 animation: rotating 3s linear infinite; 9383 } 9384 9385 @-webkit-keyframes rotating { 9386 from { 9387 transform: rotate(0deg); 9388 } 9389 to { 9390 transform: rotate(360deg); 9391 } 9392 } 9393 @keyframes rotating { 9394 from { 9395 transform: rotate(0deg); 9396 } 9397 to { 9398 transform: rotate(360deg); 9399 } 9400 } 9401</style> 9402 9403<noscript> 9404 <style> 9405 .pages, .toolbar-amount { 9406 display: flex !important; 9407 } 9408 </style> 9409</noscript> 9410 9411 9412<!-- loader --> 9413 9414 9415<style> 9416 @keyframes reveal { 9417 from { transform: scale(0.001); } 9418 to { transform: scale(1); } 9419 } 9420 @keyframes slide { 9421 to { transform: translateX(1.5em) } 9422 } 9423 .mst-scroll__loader .loader-dot { 9424 animation-duration: 0.5s; 9425 animation-timing-function: ease; 9426 animation-iteration-count: infinite; 9427 } 9428 .mst-scroll__loader .loader-dot:nth-child(1), 9429 .mst-scroll__loader .loader-dot:nth-child(2) { 9430 left: 0; 9431 } 9432 .mst-scroll__loader .loader-dot:nth-child(3) { 9433 left: 1.5em 9434 } 9435 .mst-scroll__loader .loader-dot:nth-child(4) { 9436 left: 3em; 9437 } 9438 .mst-scroll__loader .loader-dot:nth-child(1) { 9439 animation-name: reveal; 9440 } 9441 .mst-scroll__loader .loader-dot:nth-child(2), 9442 .mst-scroll__loader .loader-dot:nth-child(3) { 9443 animation-name: slide; 9444 } 9445 .mst-scroll__loader .loader-dot:nth-child(4) { 9446 animation-name: reveal; 9447 animation-direction: reverse; 9448 } 9449</style> 9450</div><div class="container flex flex-col md:flex-row flex-wrap my-6 font-bold lg:
9450mt-8 category-title justify-start text-3xl md:text-5xl lg:!my-0 p-0"> 9451 <h1 class="page-title title-font" 9452 > 9453 <span class="base" data-ui-id="page-title-wrapper" >Combos de Audio</span> </h1> 9454 </div> 9455</div></main><footer class="page-footer"><div class="footer content"> 9456 9457<div class="body-font bg-container-darker text-secondary-lighter text-sm md:text-base"> 9458 <div class="fixed z-10 right-6 bottom-8 flex flex-col gap-y-4"> 9459 <div 9460 x-data="initFooter()" 9461 @scroll.window="getScrollPosition()" 9462 @click="scrollToTop()" 9463 x-show="showToTop" 9464 x-transition.duration.500ms 9465 x-cloak 9466 class="shadow py-[18px] px-2 bg-container-lighter/50 rounded-lg cursor-pointer flex justify-center" 9467 > 9468 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 9469<!-- Created with Inkscape (http://www.inkscape.org/) --> 9470<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="11" height="18" viewBox="0 0 2.8596632 4.6978264" version="1.1" id="svg1670" class="w-auto h-auto -rotate-90" role="img"> 9471 <defs id="defs1667"/> 9472 <g id="layer1_9" transform="translate(-242.23293,-167.63946)"> 9473 <path d="m 242.51908,171.88988 c 0.60607,-0.38276 1.22802,-0.87842 1.86337,-1.47073 0.24165,-0.22543 0.24624,-0.60748 0.0116,-0.84067 -0.61383,-0.61031 -1.2453,-1.10137 -1.89194,-1.48343" style="fill:none;stroke:#000000;stroke-width:1.05833;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path732"/> 9474 </g> 9475<title>scroll-up</title></svg> 9476 </div> 9477 9478 <style>.cmsb47-inline-block { 9479display: inline-block 9480} 9481.cmsb47-transform { 9482transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 9483} 9484.cmsb47-rounded-lg { 9485border-radius: 0.5rem 9486} 9487.cmsb47-bg-container-lighter\/50 { 9488background-color: rgb(255 255 255 / 0.5) 9489} 9490.cmsb47-p-2 { 9491padding: 0.5rem 9492} 9493.cmsb47-leading-0 { 9494line-height: 0 9495}</style> 9496<div class="cmsb47-leading-0" data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><a href="https://api.whatsapp.com/send/?phone=573160177105" target="_blank" rel="noopener" class="cmsb47-p-2 cmsb47-bg-container-lighter/50 cmsb47-rounded-lg cmsb47-inline-block"> 9497 <svg width="37.92395" height="36.741631" viewBox="0 0 10.034045 9.7212234" version="1.1" id="svg31388" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> 9498 <defs id="defs31385" /> 9499 <g id="layer1" transform="translate(-128.90158,-168.19753)"> 9500 <g id="g228" transform="matrix(0.35277777,0,0,-0.35277777,138.86807,173.76198)"> 9501 <path d="m 0,0 c 0,-6.186 -5.015,-11.2 -11.2,-11.2 -6.186,0 -11.201,5.014 -11.201,11.2 0,6.186 5.015,11.2 11.201,11.2 C -5.015,11.2 0,6.186 0,0" style="fill:#00ffff;fill-opacity:1;fill-rule:nonzero;stroke:none" id="path230" /> 9502 </g> 9503 <g id="g232" transform="matrix(0.35277777,0,0,-0.35277777,136.8995,176.10904)"> 9504 <path d="m 0,0 c -3.796,-3.511 -9.283,-4.048 -13.594,-1.725 -1.115,0.601 -6.026,-1.443 -6.935,-0.461 -0.844,0.913 2.358,4.76 1.856,5.828 -2.126,4.525 -1.197,10.089 2.669,13.664 4.779,4.419 12.236,4.128 16.655,-0.651 C 5.071,11.876 4.779,4.419 0,0 Z" style="fill:none;stroke:#000000;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path234" /> 9505 </g> 9506 <g id="g236" transform="matrix(0.35277777,0,0,-0.35277777,133.51393,171.37388)"> 9507 <path d="m 0,0 c 0,0 -4.259,-0.884 -1.768,-4.179 2.491,-3.294 6.375,-7.955 8.679,-1.687" style="fill:none;stroke:#000000;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path238" /> 9508 </g> 9509 </g> 9510 </svg> 9511</a></div> </div> 9512 <div class="container py-11 mx-auto"> 9513 <div class="flex flex-wrap order-first gap-y-16"> 9514 9515 <div class="w-full footer-links"> 9516 <div class="grid grid-cols-2 md:grid-cols-3 gap-y-10 gap-x-8 md:gap-8"> 9517 <div> 9518 <style>#html-body [data-pb-style=Q51DS3A]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="Q51DS3A"><div data-content-type="text" data-appearance="default" data-element="main"><ul> 9519<li><span class="widget block block-cms-link-inline"> 9520 <a href="https://www.mediatekis.com.co/quienes-somos" title="Nosotros">
9521 <span>Nosotros</span> 9522 </a> 9523</span> 9524</li> 9525<li><span class="widget block block-cms-link-inline"> 9526 <a href="https://www.mediatekis.com.co/quienes-somos" title="Quiénes somos"> 9527 <span>Quiénes somos</span> 9528 </a> 9529</span> 9530</li> 9531<li><span class="widget block block-cms-link-inline"> 9532 <a href="https://www.mediatekis.com.co/terms-and-conditions" title="Terminos y condiciones"> 9533 <span>Terminos y condiciones</span> 9534 </a> 9535</span> 9536</li> 9537<li><span class="widget block block-cms-link-inline"> 9538 <a href="https://www.mediatekis.com.co/terms-and-conditions-promotions" title="Terminos y condiciones de las promociones"> 9539 <span>Terminos y condiciones de las promociones</span> 9540 </a> 9541</span> 9542</li> 9543<li><span class="widget block block-cms-link-inline"> 9544 <a href="https://www.mediatekis.com.co/sistema-general-de-politicas-y-procedimientos" title="Sistema general de polÃticas y procedimientos"> 9545 <span>Sistema general de polÃticas y procedimientos</span> 9546 </a> 9547</span> 9548</li> 9549</ul></div></div> </div> 9550 <div> 9551 <style>#html-body [data-pb-style=XHGOJFY]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="XHGOJFY"><div data-content-type="text" data-appearance="default" data-element="main"><ul> 9552<li><span class="widget block block-cms-link-inline"> 9553 <a href="https://www.mediatekis.com.co/terms-and-conditions" title="PolÃtica de devoluciones"> 9554 <span>PolÃtica de devoluciones</span> 9555 </a> 9556</span> 9557</li> 9558<li><span class="widget block block-cms-link-inline"> 9559 <a href="https://www.mediatekis.com.co/support-centre" title="Centro de ayuda"> 9560 <span>Centro de ayuda</span> 9561 </a> 9562</span> 9563</li> 9564<li><span class="widget block block-cms-link-inline"> 9565 <a href="https://www.mediatekis.com.co/pqr" title="Preguntas sobre pagos electrónicos"> 9566 <span>Preguntas sobre pagos electrónicos</span> 9567 </a> 9568</span> 9569</li> 9570<li><span class="widget block block-cms-link-inline"> 9571 <a href="https://www.mediatekis.com.co/aviso-de-privacidad" title="Aviso de Privacidad"> 9572 <span>Aviso de Privacidad</span> 9573 </a> 9574</span> 9575</li> 9576<li><span class="widget block block-cms-link-inline"> 9577 <a href="https://www.mediatekis.com.co/sistema-general-de-politicas-y-procedimientos" title="PolÃticas y Procedimientos"> 9578 <span>PolÃticas y Procedimientos</span> 9579 </a> 9580</span> 9581</li> 9582</ul></div></div> </div> 9583 <div> 9584 <style>.cmsb44-inline-block { 9585display: inline-block 9586} 9587.cmsb44-flex { 9588display: flex 9589} 9590.cmsb44-flex-row { 9591flex-direction: row 9592} 9593.cmsb44-gap-2 { 9594gap: 0.5rem 9595} 9596.cmsb44-gap-2\.5 { 9597gap: 0.625rem 9598} 9599.cmsb44-space-y-0 > :not([hidden]) ~ :not([hidden]) { 9600--tw-space-y-reverse: 0; 9601margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); 9602margin-bottom: calc(0px * var(--tw-space-y-reverse)) 9603} 9604.cmsb44-rounded-lg { 9605border-radius: 0.5rem 9606} 9607.cmsb44-bg-secondary-light { 9608--tw-bg-opacity: 1; 9609background-color: rgb(25 139 255 / var(--tw-bg-opacity)) 9610} 9611.cmsb44-bg-secondary-lighter { 9612--tw-bg-opacity: 1; 9613background-color: rgb(201 230 255 / var(--tw-bg-opacity)) 9614} 9615.cmsb44-p-3 { 9616padding: 0.75rem 9617} 9618.cmsb44-text-primary { 9619--tw-text-opacity: 1; 9620color: rgb(0 0 0 / var(--tw-text-opacity)) 9621} 9622.cmsb44-hover\:bg-secondary:hover { 9623--tw-bg-opacity: 1; 9624background-color: rgb(0 177 255 / var(--tw-bg-opacity)) 9625} 9626@media (min-width: 768px) { 9627.cmsb44-md\:flex-col { 9628flex-direction: column 9629} 9630}</style> 9631<style>#html-body [data-pb-style=SX3TPUW]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=VK7L85A]{margin-top:15px}</style><div data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="SX3TPUW"><div data-content-type="text" data-appearance="default" data-element="main"><ul> 9632<li><a href="https://trackco.envioclick.com/mediatekis" target="_blank" rel="noopener">Sigue tu pedido</a></li> 9633</ul></div></div><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="VK7L85A" data-decoded="true"><ul class="cmsb44-flex cmsb44-flex-row cmsb44-md:flex-col cmsb44-gap-2.5 cmsb44-space-y-0"> 9634 <li> 9635 <a href="https://www.mediatekis.com.co/blog/" title="Blog" rel="nofollow" class="cmsb44-inline-block cmsb44-text-primary cmsb44-p-3 cmsb44-bg-secondary-light cmsb44-hover:bg-secondary cmsb44-rounded-lg">Blog</a> 9636 </li> 9637 <li> 9638 <a href="https://www.mediatekis.com.co/liquidaciones.html/" title="Liquidaciones" rel="nofollow" class="cmsb44-inline-block cmsb44-text-primary cmsb44-p-3 cmsb44-bg-secondary-lighter cmsb44-hover:bg-secondary cmsb44-rounded-lg">Liquidaciones</a> 9639 </li> 9640</ul></div> </div> 9641 </div> 9642</div> 9643 </div> 9644 </div> 9645 <div class="container"> 9646 <div class="md:py-6 flex flex-col-reverse md:flex-row items-center justify-between md:border-t md:border-white"> 9647 <p class="text-center md:text-left pb-2.5 md:pb-0"> 9648 <small class="text-sm md:text-base"> 9649 <span>Todos los derechos reservados. Copyright © 2024 Mediatekis, Inc.</span> 9650</small> 9651 </p> 9652 9653 <div class="w-1/2 pb-5 md:pb-0"> 9654 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 9655<!-- Created with Inkscape (http://www.inkscape.org/) --> 9656<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="154" height="29" viewBox="0 0 40.797896 7.5868433" version="1.1" id="svg15882" class="w-auto h-auto mx-auto" role="img"> 9657 <defs id="defs15879"> 9658 <clipPath clipPathUnits="userSpaceOnUse" id="clipPath2166"> 9659 <path d="M 0,2777.625 H 1080 V 0 H 0 Z" id="path2164"/> 9660 </clipPath> 9661 </defs> 9662 <g id="layer1_10" transform="translate(-142.68245,-165.81123)"> 9663 <g id="g2160" style="display:inline" transform="matrix(0.35277777,0,0,-0.35277777,-127.82958,176.66017)"> 9664 <g id="g2162" clip-path="url(#clipPath2166)"> 9665 <g id="g2168" transform="translate(772.0429,30.2583)"> 9666 <path d="m 0,0 c 3.285,-2.075 6.657,-4.761 10.102,-7.974 1.311,-1.222 1.335,-3.293 0.064,-4.557 -3.329,-3.31 -6.751,-5.971 -10.258,-8.042 -1.976,-1.167 -4.505,0.119 -4.738,2.402 C -5.37,-12.9 -5.372,-7.622 -4.841,-2.34 -4.606,-0.004 -1.985,1.254 0,0" style="fill:#00afff;fill-opacity:1;fill-rule:nonzero;stroke:none" id="path2170"/> 9667 </g> 9668 </g> 9669 </g> 9670 <text style="font-variant:normal;font-weight:bold;font-stretch:normal;font-size:5.96053px;font-family:Poppins;-inkscape-font-specification:Poppins-Bold;writing-mode:lr-tb;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778" id="text2174" x="149.91747" y="171.27548"><tspan x="149.91747 156.11046 159.66295 163.59093 165.23007 169.15807 171.45883 175.01131 178.57571 180.21486" y="171.27548" id="tspan2172" style="stroke-width:0.352778">mediatekis</tspan></text> 9671 </g> 9672<title>logo-invers</title></svg> 9673 </div> 9674 </div> 9675 </div> 9676</div> 9677 9678</div></footer> 9679 9680 9681 9682 9683 9684 9685 9686 9687 9688 9689 9690 9691 9692 9693 9694 9695 9696 9697 9698 9699 9700 9701 9702 9703</div> 9704 9705 9706
9707<script type="text/javascript" src="https://www.mediatekis.com.co/static/version1766491558/frontend/Hyva/mediatekis/es_CO/Hyva_MirasvitLayeredNavigation/js/lib/nouislider.min.js"></script>
vendor: 1 bytes, line 9707
9707
9708<script async defer src="https://code.iconify.design/1/1.0.6/iconify.min.js"></script>
vendor: 1 bytes, line 9708
9708
9709<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/21509941.js"></script>
vendor: 1 bytes, line 9709
9709
9710<script> 9711 window.YIREO_GOOGLETAGMANAGER2_ENABLED = true; 9712 9713 (function (events) { 9714 const initYireoGoogleTagManager2 = function () { 9715 events.forEach(function (eventType) { 9716 window.removeEventListener(eventType, initYireoGoogleTagManager2); 9717 }); 9718 9719 (function (w, d, s, l, i) { 9720 w[l] = w[l] || []; 9721 w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'}); 9722 var f = d.getElementsByTagName(s)[0], 9723 j = d.createElement(s), 9724 dl = l != 'dataLayer' ? '&l=' + l : ''; 9725 j.async = true; 9726 j.src = 'https://www.googletagmanager.com' + '/gtm.js?id=' + i + dl; 9727 f.parentNode.insertBefore(j, f); 9728 })(window, document, 'script', 'dataLayer', 'GTM-K37SHMH6'); 9729 } 9730 9731 events.forEach(function (eventType) { 9732 window.addEventListener(eventType, initYireoGoogleTagManager2, {once: true, passive: true}) 9733 }) 9734 })(['load', 'keydown', 'mouseover', 'scroll', 'touchstart', 'wheel']); 9735</script>
vendor: 1 bytes, line 9735
9735
9736<script> 9737 window.motive = {"initParams":{"xEngineId":"219413e6-4c07-429c-bf97-52170f4b7f8b","lang":"es-CO","currency":"COP","triggerSelector":"#search","isolated":true,"cartUrl":"https:\/\/www.mediatekis.com.co\/checkout\/cart\/","externalAddToCartTagging":true},"options":{"shopperPrices":true,"priceRates":{"min":1,"max":1,"static":1}},"endpoints":{"shopperPrices":"https:\/\/www.mediatekis.com.co\/motive\/results\/resultsenrichment\/"},"motive_x_url":"https:\/\/assets.motive.co\/motive-x\/v2\/app.js"}; 9738 </script>
vendor: 1 bytes, line 9738
9738
9739<script id="motive-front-loader" async src="https://assets.motive.co/front-loader/magento/v1.js"></script>
vendor: 1 bytes, line 9739
9739
9740<script> 9741 var BASE_URL = 'https://www.mediatekis.com.co/'; 9742 var THEME_PATH = 'https://www.mediatekis.com.co/static/version1766491558/frontend/Hyva/mediatekis/es_CO'; 9743 var COOKIE_CONFIG = { 9744 "expires": null, 9745 "path": "\u002F", 9746 "domain": ".www.mediatekis.com.co", 9747 "secure": true, 9748 "lifetime": "3600", 9749 "cookie_restriction_enabled": false }; 9750 var CURRENT_STORE_CODE = 'default'; 9751 var CURRENT_WEBSITE_ID = '1'; 9752 9753 window.hyva = window.hyva || {} 9754 9755 window.cookie_consent_groups = window.cookie_consent_groups || {} 9756 window.cookie_consent_groups['necessary'] = true; 9757 9758 window.cookie_consent_config = window.cookie_consent_config || {}; 9759 window.cookie_consent_config['necessary'] = [].concat( 9760 window.cookie_consent_config['necessary'] || [], 9761 [ 9762 'user_allowed_save_cookie', 9763 'form_key', 9764 'mage-messages', 9765 'private_content_version', 9766 'mage-cache-sessid', 9767 'last_visited_store', 9768 'section_data_ids' 9769 ] 9770 ); 9771</script>
vendor: 1 bytes, line 9771
9771
9772<script> 9773 'use strict'; 9774 (function( hyva, undefined ) { 9775 9776 function lifetimeToExpires(options, defaults) { 9777 9778 const lifetime = options.lifetime || defaults.lifetime; 9779 9780 if (lifetime) { 9781 const date = new Date; 9782 date.setTime(date.getTime() + lifetime * 1000); 9783 return date; 9784 } 9785 9786 return null; 9787 } 9788 9789 function generateRandomString() { 9790 9791 const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ', 9792 length = 16; 9793 9794 let formKey = '', 9795 charactersLength = allowedCharacters.length; 9796 9797 for (let i = 0; i < length; i++) { 9798 formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))] 9799 } 9800 9801 return formKey; 9802 } 9803 9804 const sessionCookieMarker = {noLifetime: true} 9805 9806 const cookieTempStorage = {}; 9807 9808 const internalCookie = { 9809 get(name) { 9810 const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); 9811 return v ? v[2] : null; 9812 }, 9813 set(name, value, days, skipSetDomain) { 9814 let expires, 9815 path, 9816 domain, 9817 secure, 9818 samesite; 9819 9820 const defaultCookieConfig = { 9821 expires: null, 9822 path: '/', 9823 domain: null, 9824 secure: false, 9825 lifetime: null, 9826 samesite: 'lax' 9827 }; 9828 9829 const cookieConfig = window.COOKIE_CONFIG || {}; 9830 9831 expires = days && days !== sessionCookieMarker 9832 ? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig) 9833 : lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires; 9834 9835 path = cookieConfig.path || defaultCookieConfig.path; 9836 domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain); 9837 secure = cookieConfig.secure || defaultCookieConfig.secure; 9838 samesite = cookieConfig.samesite || defaultCookieConfig.samesite; 9839 9840 document.cookie = name + "=" + encodeURIComponent(value) + 9841 (expires && days !== sessionCookieMarker ? '; expires=' + expires.toGMTString() : '') + 9842 (path ? '; path=' + path : '') + 9843 (domain ? '; domain=' + domain : '') + 9844 (secure ? '; secure' : '') + 9845 (samesite ? '; samesite=' + samesite : 'lax'); 9846 }, 9847 isWebsiteAllowedToSaveCookie() { 9848 const allowedCookies = this.get('user_allowed_save_cookie'); 9849 if (allowedCookies) { 9850 const allowedWebsites = JSON.parse(unescape(allowedCookies)); 9851 9852 return allowedWebsites[CURRENT_WEBSITE_ID] === 1; 9853 } 9854 return false; 9855 }, 9856 getGroupByCookieName(name) { 9857 const cookieConsentConfig = window.cookie_consent_config || {}; 9858 let group = null; 9859 for (let prop in cookieConsentConfig) { 9860 if (!cookieConsentConfig.hasOwnProperty(prop)) continue; 9861 if (cookieConsentConfig[prop].includes(name)) { 9862 group = prop; 9863 break; 9864 } 9865 } 9866 return group; 9867 }, 9868 isCookieAllowed(name) { 9869 const cookieGroup = this.getGroupByCookieName(name); 9870 return cookieGroup 9871 ? window.cookie_consent_groups[cookieGroup] 9872 : this.isWebsiteAllowedToSaveCookie(); 9873 }, 9874 saveTempStorageCookies() { 9875 for (const [name, data] of Object.entries(cookieTempStorage)) { 9876 if (this.isCookieAllowed(name)) { 9877 this.set(name, data['value'], data['days'], data['skipSetDomain']); 9878 delete cookieTempStorage[name]; 9879 } 9880 } 9881 } 9882 }; 9883 9884 hyva.getCookie = (name) => { 9885 const cookieConfig = window.COOKIE_CONFIG || {}; 9886 9887 if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) { 9888 return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null; 9889 } 9890 9891 return internalCookie.get(name); 9892 } 9893 9894 hyva.setCookie = (name, value, days, skipSetDomain) => { 9895 const cookieConfig = window.COOKIE_CONFIG || {}; 9896 9897 if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) { 9898 cookieTempStorage[name] = {value, days, skipSetDomain}; 9899 return; 9900 } 9901 return internalCookie.set(name, value, days, skipSetDomain); 9902 } 9903 9904 9905 hyva.setSessionCookie = (name, value, skipSetDomain) => { 9906 return hyva.setCookie(name, value, sessionCookieMarker, skipSetDomain) 9907 } 9908 9909 hyva.getBrowserStorage = () => { 9910 const browserStorage = window.localStorage || window.sessionStorage; 9911 if (!browserStorage) { 9912 console.warn('Browser Storage is unavailable'); 9913 return false;
9914 } 9915 try { 9916 browserStorage.setItem('storage_test', '1'); 9917 browserStorage.removeItem('storage_test'); 9918 } catch (error) { 9919 console.warn('Browser Storage is not accessible', error); 9920 return false; 9921 } 9922 return browserStorage; 9923 } 9924 9925 hyva.postForm = (postParams) => { 9926 const form = document.createElement("form"); 9927 9928 let data = postParams.data; 9929 9930 if (! postParams.skipUenc && ! data.uenc) { 9931 data.uenc = btoa(window.location.href); 9932 } 9933 form.method = "POST"; 9934 form.action = postParams.action; 9935 9936 Object.keys(postParams.data).map(key => { 9937 const field = document.createElement("input"); 9938 field.type = 'hidden' 9939 field.value = postParams.data[key]; 9940 field.name = key; 9941 form.appendChild(field); 9942 }); 9943 9944 const form_key = document.createElement("input"); 9945 form_key.type = 'hidden'; 9946 form_key.value = hyva.getFormKey(); 9947 form_key.name="form_key"; 9948 form.appendChild(form_key); 9949 9950 document.body.appendChild(form); 9951 9952 form.submit(); 9953 } 9954 9955 hyva.getFormKey = function () { 9956 let formKey = hyva.getCookie('form_key'); 9957 9958 if (!formKey) { 9959 formKey = generateRandomString(); 9960 hyva.setCookie('form_key', formKey); 9961 } 9962 9963 return formKey; 9964 } 9965 9966 hyva.formatPrice = (value, showSign, options = {}) => { 9967 const formatter = new Intl.NumberFormat( 9968 'es\u002DCO', 9969 Object.assign({ 9970 style: 'currency', 9971 currency: 'COP', 9972 signDisplay: showSign ? 'always' : 'auto', 9973 minimumFractionDigits: 0, 9974 maximumFractionDigits:0 9975 }, options) 9976 ); 9977 return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ? 9978 formatter.formatToParts(value).map(({type, value}) => { 9979 switch (type) { 9980 case 'currency': 9981 return '\u0024' || value; 9982 case 'minusSign': 9983 return '- '; 9984 case 'plusSign': 9985 return '+ '; 9986 default : 9987 return value; 9988 } 9989 }).reduce((string, part) => string + part) : 9990 formatter.format(value); 9991 } 9992 9993 const formatStr = function (str, nStart) { 9994 const args = Array.from(arguments).slice(2); 9995 9996 return str.replace(/(%+)([0-9]+)/g, (m, p, n) => { 9997 const idx = parseInt(n) - nStart; 9998 9999 if (args[idx] === null || args[idx] === void 0) { 10000 return m; 10001 } 10002 return p.length % 2 10003 ? p.slice(0, -1).replace('%%', '%') + args[idx] 10004 : p.replace('%%', '%') + n; 10005 }) 10006 } 10007 10008 hyva.str = function (string) { 10009 const args = Array.from(arguments); 10010 args.splice(1, 0, 1); 10011 10012 return formatStr.apply(undefined, args); 10013 } 10014 10015 hyva.strf = function () { 10016 const args = Array.from(arguments); 10017 args.splice(1, 0, 0); 10018 10019 return formatStr.apply(undefined, args); 10020 } 10021 10022 /** 10023 * Take a html string as `content` parameter and 10024 * extract an element from the DOM to replace in 10025 * the current page under the same selector, 10026 * defined by `targetSelector` 10027 */ 10028 hyva.replaceDomElement = (targetSelector, content) => { 10029 // Parse the content and extract the DOM node using the `targetSelector` 10030 const parser = new DOMParser(); 10031 const doc = parser.parseFromString(content, 'text/html');
10032 const contentNode = doc.querySelector(targetSelector); 10033 10034 // Bail if content can't be found 10035 if (!contentNode) { 10036 return; 10037 } 10038 10039 hyva.activateScripts(contentNode) 10040 10041 // Replace the old DOM node with the new content 10042 document.querySelector(targetSelector).replaceWith(contentNode); 10043 10044 // Reload customerSectionData and display cookie-messages if present 10045 window.dispatchEvent(new CustomEvent("reload-customer-section-data")); 10046 hyva.initMessages(); 10047 } 10048 10049 hyva.activateScripts = (contentNode) => { 10050 // Extract all the script tags from the content. 10051 // Script tags won't execute when inserted into a dom-element directly, 10052 // therefore we need to inject them to the head of the document. 10053 const tmpScripts = contentNode.getElementsByTagName('script'); 10054 10055 if (tmpScripts.length > 0) { 10056 // Push all script tags into an array 10057 // (to prevent dom manipulation while iterating over dom nodes) 10058 const scripts = []; 10059 for (let i = 0; i < tmpScripts.length; i++) { 10060 scripts.push(tmpScripts[i]); 10061 } 10062 10063 // Iterate over all script tags and duplicate+inject each into the head 10064 for (let i = 0; i < scripts.length; i++) { 10065 let script = document.createElement('script'); 10066 script.innerHTML = scripts[i].innerHTML; 10067 10068 document.head.appendChild(script); 10069 10070 // Remove the original (non-executing) node from the content 10071 scripts[i].parentNode.removeChild(scripts[i]); 10072 } 10073 } 10074 return contentNode; 10075 } 10076 10077 const replace = {['+']: '-', ['/']: '_', ['=']: ','}; 10078 hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]); 10079 10080 let currentTrap; 10081 10082 const focusableElements = (rootElement) => { 10083 const selector = 'button, [href], input, select, textarea, details, [tabindex]:not([tabindex="-1"]'; 10084 return Array.from(rootElement.querySelectorAll(selector)) 10085 .filter(el => { 10086 return el.style.display !== 'none' 10087 && !el.disabled 10088 && el.tabIndex !== -1 10089 && (el.offsetWidth || el.offsetHeight || el.getClientRects().length) 10090 }) 10091 } 10092 10093 const focusTrap = (e) => { 10094 const isTabPressed = e.key === 'Tab' || e.keyCode === 9; 10095 if (!isTabPressed) return; 10096 10097 const focusable = focusableElements(currentTrap) 10098 const firstFocusableElement = focusable[0] 10099 const lastFocusableElement = focusable[focusable.length - 1] 10100 10101 e.shiftKey 10102 ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), e.preventDefault()) 10103 : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), e.preventDefault()) 10104 }; 10105 10106 hyva.releaseFocus = (rootElement) => { 10107 if (currentTrap && (!rootElement || rootElement === currentTrap)) { 10108 currentTrap.removeEventListener('keydown', focusTrap) 10109 currentTrap = null 10110 } 10111 } 10112 hyva.trapFocus = (rootElement) => { 10113 if (!rootElement) return; 10114 hyva.releaseFocus() 10115 currentTrap = rootElement 10116 rootElement.addEventListener('keydown', focusTrap) 10117 const firstElement = focusableElements(rootElement)[0] 10118 firstElement && firstElement.focus() 10119 } 10120 10121 hyva.alpineInitialized = (fn) => window.addEventListener('alpine:initialized', fn, {once: true}) 10122 window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies()) 10123 10124 }( window.hyva = window.hyva || {} )); 10125</script>
vendor: 1 bytes, line 10125
10125
10126<script> 10127 if (!window.IntersectionObserver) { 10128 window.IntersectionObserver = function (callback) { 10129 this.observe = el => el && callback(this.takeRecords()); 10130 this.takeRecords = () => [{isIntersecting: true, intersectionRatio: 1}]; 10131 this.disconnect = () => {}; 10132 this.unobserve = () => {}; 10133 } 10134 } 10135</script>
vendor: 1 bytes, line 10135
10135
10136<script> 10137 document.body.addEventListener('touchstart', () => {}, {passive: true}) 10138</script>
vendor: 1 bytes, line 10138
10138
10139<script> 10140 function yireoGoogleTagManager2Pusher(eventData, message) { 10141 window.YIREO_GOOGLETAGMANAGER2_PAST_EVENTS = window.YIREO_GOOGLETAGMANAGER2_PAST_EVENTS || []; 10142 10143 const copyEventData = Object.assign({}, eventData); 10144 let metaData = {}; 10145 if (copyEventData.meta) { 10146 metaData = copyEventData.meta; 10147 delete copyEventData.meta; 10148 } 10149 10150 const eventHash = btoa(encodeURIComponent(JSON.stringify(copyEventData))); 10151 if (window.YIREO_GOOGLETAGMANAGER2_PAST_EVENTS.includes(eventHash)) { 10152 yireoGoogleTagManager2Logger('Warning: Event already triggered', eventData); 10153 return; 10154 } 10155 10156 if (metaData && metaData.allowed_pages && metaData.allowed_pages.length > 0 10157 && false === metaData.allowed_pages.some(page => window.location.pathname.includes(page))) { 10158 yireoGoogleTagManager2Logger('Warning: Skipping event, not in allowed pages', window.location.pathname, eventData); 10159 return; 10160 } 10161 10162 if (!message) { 10163 message = 'push (unknown) [unknown]'; 10164 } 10165 10166 yireoGoogleTagManager2Logger(message, eventData); 10167 window.dataLayer = window.dataLayer || []; 10168 window.dataLayer.push({ecommerce: null}); 10169 window.dataLayer.push(eventData); 10170 window.YIREO_GOOGLETAGMANAGER2_PAST_EVENTS.push(eventHash); 10171 } 10172</script>
vendor: 1 bytes, line 10172
10172
10173<script> 10174 function yireoGoogleTagManager2Logger(...args) { 10175 const debug = window.YIREO_GOOGLETAGMANAGER2_DEBUG || false; 10176 if (false === debug) { 10177 return; 10178 } 10179 10180 var color = 'gray'; 10181 if (args[0].toLowerCase().startsWith('push')) { 10182 color = 'green'; 10183 } 10184 10185 if (args[0].toLowerCase().startsWith('warning')) { 10186 color = 'orange'; 10187 } 10188 10189 var css = 'color:white; background-color:' + color + '; padding:1px;' 10190 console.log('%cYireo_GoogleTagManager2', css, ...args); 10191 } 10192</script>
vendor: 1 bytes, line 10192
10192
10193<script> 10194 function getMstNavConfig() { 10195 return { 10196 clearUrl: 'https://www.mediatekis.com.co/audio/combos-de-audio.html', 10197 10198 isAjax: function () { 10199 return 0; 10200 }, 10201 10202 isInstantMode: function () { 10203 return 0; 10204 }, 10205 10206 isConfirmationMode: function () { 10207 var isConfirmationMode = 0; 10208 var isConfirmOnMobile = 0; 10209 var modeSwitchBreakpoint = 768; 10210 10211 return isConfirmationMode 10212 || (isConfirmOnMobile && window.innerWidth <= modeSwitchBreakpoint); 10213 }, 10214 10215 isConfirmOnMobile: function () { 10216 return 0; 10217 }, 10218 10219 getModeSwitchBreakpoint: function () { 10220 return 768; 10221 }, 10222 10223 isSeoFilterEnabled: function () { 10224 return 0; 10225 }, 10226 10227 isHighlightEnabled: function () { 10228 return 0; 10229 }, 10230 10231 getFriendlyClearUrl: function () { 10232 return 'https://www.mediatekis.com.co/audio/combos-de-audio.html'; 10233 }, 10234 10235 getAjaxCallEvent: function () { 10236 return 'mst-nav__ajax-call'; 10237 }, 10238 10239 getAjaxProductListWrapperId: function () { 10240 return '#m-navigation-product-list-wrapper'; 10241 }, 10242 10243 isSearchFilterFulltext: function () { 10244 return 1; 10245 }, 10246 10247 isSearchFilterOptions: function () { 10248 return 1; 10249 }, 10250 10251 isFilterClearBlockInOneRow: function () { 10252 return 0 }, 10253 10254 getClearUrl: function () { 10255 return this.clearUrl; 10256 }, 10257 10258 getOverlayUrl: function () { 10259 return 'https://www.mediatekis.com.co/static/version1766491558/frontend/Hyva/mediatekis/es_CO/Mirasvit_LayeredNavigation/images/ajax_loading.gif' 10260 }, 10261 10262 isHorizontalByDefault: function () { 10263 return false; 10264 }, 10265 10266 // trustpilot compatibility 10267 loadTrustpilotWidget: function () { 10268 if(window.Trustpilot) { 10269 let trustboxes = document.querySelectorAll(this.getAjaxProductListWrapperId() + ' .trustpilot-widget'); 10270 if(trustboxes.length !== 0) { 10271 trustboxes.forEach((trustbox) => { 10272 window.Trustpilot.loadFromElement(trustbox); 10273 }); 10274 } 10275 } 10276 }, 10277 10278 // yotpo compatibility 10279 loadYotpoWidget: function () { 10280 if(window.yotpo){ 10281 window.yotpo.initWidgets(); 10282 } 10283 }, 10284 10285 load3rdPartyReviewWidgets: function () { 10286 this.loadTrustpilotWidget(); 10287 this.loadYotpoWidget(); 10288 }, 10289 10290 isScrollToTopEnabled: function () { 10291 return 1; 10292 }, 10293 10294 } 10295 } 10296 10297 const mstNavCache = (() => { 10298 return { 10299 cache: [], 10300 10301 getCacheId: function (key) { 10302 return JSON.stringify(key); 10303 }, 10304 10305 getData: function (key) { 10306 let cacheId = this.getCacheId(key); 10307 return this.cache[cacheId]; 10308 }, 10309 10310 setData: function (key, data) { 10311 let cacheId = this.getCacheId(key); 10312 this.cache[cacheId] = data; 10313 } 10314 } 10315 })(); 10316</script>
vendor: 1 bytes, line 10316
10316
10317<script> 10318 function handleFiltersNavPositions() { 10319 var filtersConfig = {"category_ids":"sidebar","price":"sidebar","manufacturer":"sidebar"}; 10320 10321 document.querySelectorAll('.sidebar template').forEach(function (filterOptionsTemplate) { 10322 var filterItem = filterOptionsTemplate.content.querySelector('[data-mst-nav-filter]'); 10323 10324 if (!filterItem || filterItem == undefined) { 10325 return; 10326 } 10327 10328 var attributeCode = filterItem.getAttribute('data-mst-nav-filter').replace(/A\d{6}A/, ''); 10329 10330 if (filtersConfig.hasOwnProperty(attributeCode)) { 10331 filterOptionsTemplate.closest('.filter-option').setAttribute('data-nav-position', filtersConfig[attributeCode]); 10332 } 10333 }.bind(this)) 10334 } 10335 10336 document.addEventListener('DOMContentLoaded', handleFiltersNavPositions); 10337</script>
vendor: 1 bytes, line 10337
10337
10338<script> 10339 function getContentUpdater() { 10340 return { 10341 config: getMstNavConfig(), 10342 10343 leftnavUpdate: function (leftnav) { 10344 10345 let sidebarExists = true; 10346 10347 let navigation = document.querySelector('.sidebar.sidebar-main .block.filter, .sidebar.sidebar-main .block.filter, .sidebar.sidebar-main .block-content'); 10348 10349 // compatibility with 1-column layout 10350 if(!navigation) { 10351 navigation = document.querySelector('.column.main .block.filter, .column.main .block.filter, .column.main .block-content'); 10352 sidebarExists = false 10353 } 10354 10355 if (leftnav) { 10356 const el = navigation.parentElement; 10357 10358 el.outerHTML = this.renderJSFromContent(leftnav); 10359 10360 const scriptsSelector = sidebarExists ? '.sidebar.sidebar-main script' : '.column.main script'; 10361 /* remove duplicated scripts */ 10362 document.querySelectorAll(scriptsSelector) 10363 .forEach(function (scriptEl) { 10364 if (scriptEl.innerHTML.indexOf('expandFilters') >= 0) { 10365 scriptEl.remove(); 10366 } 10367 }); 10368 10369 expandFilters(); 10370 } 10371 }, 10372 10373 productsUpdate: function (products) { 10374 if (products) { 10375 this.triggerUpdate(this.config.getAjaxProductListWrapperId(), products); 10376 10377 // re-init ajax toolbar 10378 let toolbars = document.querySelector(this.config.getAjaxProductListWrapperId()) 10379 .querySelectorAll('.toolbar.toolbar-products'); 10380 10381 toolbars.forEach(function (toolbar) { 10382 let xData = toolbar.getAttribute('x-data'); 10383 xData = '{...' + xData + ', ...initAjaxToolbar()}'; 10384 10385 toolbar.setAttribute('x-data', xData); 10386 }); 10387 10388 // re-init ajax pager 10389 let pagerItems = document.querySelector(this.config.getAjaxProductListWrapperId()) 10390 .querySelectorAll('.toolbar.toolbar-products .pages-items a'); 10391 10392 pagerItems.forEach(function (item) { 10393 item.addEventListener('click', function (e) { 10394 e.preventDefault(); 10395 10396 initApplier().apply(item.href); 10397 }); 10398 }); 10399 10400 // third-party review widgets compatibility 10401 this.config.load3rdPartyReviewWidgets(); 10402 10403 10404 // update form_key cookie after products update 10405 const formKeyElem = document.querySelector('form.product_addtocart_form input[name="form_key"]'); 10406 10407 if (formKeyElem && formKeyElem.value) { 10408 hyva.setCookie('form_key', formKeyElem.value); 10409 } 10410 } 10411 }, 10412 10413 pageTitleUpdate: function (pageTitle) { 10414 /*this.triggerUpdate('.page-title', pageTitle, '.page-title-wrapper');*/ 10415 }, 10416 10417 breadcrumbsUpdate: function (breadcrumbs) { 10418 this.triggerUpdate('.wrapper-breadcrums, .breadcrumbs', breadcrumbs); 10419 }, 10420 10421 updateCategoryViewData: function (categoryViewData) { 10422 if (categoryViewData === '') { 10423 return 10424 } 10425 10426 if (document.querySelectorAll(".category-view").length === 0) { 10427 const el = document.createElement("div"); 10428 el.classList.add('category-view'); 10429 10430 document.querySelector('.page.messages').parentNode.insertBefore(el, document.querySelector('.page.messages')); 10431 } else { 10432 document.querySelector(".category-view").outerHtml = categoryViewData; 10433 } 10434 }, 10435 10436 updateQuickNavigation: function (quickNavigation) { 10437 this.triggerUpdate(".mst-quick-nav__filterList", quickNavigation); 10438 }, 10439 10440 horizontalNavigationUpdate: function (horizontalNav, isHorizontalByDefault) { 10441 const horizontalNavigation = '.mst-nav__horizontal-bar'; 10442 10443 if (horizontalNav) { 10444 if (isHorizontalByDefault == 1) { 10445 $("#layered-filter-block").remove(); 10446 } 10447 10448 if (!document.querySelectorAll(horizontalNavigation).length) { 10449 let horNavEl = document.createElement('DIV'); 10450 horNavEl.classList.add('mst-nav__horizontal-bar'); 10451 10452 if (document.querySelectorAll('[data-element="quick-navigation"]').length) { 10453 document.querySelector('[data-element="quick-navigation"]').after(horNavEl); 10454 } else { 10455 document.querySelector('.column.main').prepend(horNavEl); 10456 } 10457 } 10458 10459 this.triggerUpdate(horizontalNavigation, horizontalNav); 10460 } 10461 }, 10462 10463 updateUrlPath: function (targetUrl) { 10464 targetUrl.replace('&', '&'); 10465 targetUrl.replace('%2C', ','); 10466 10467 window.mNavigationAjaxscrollCompatibility = 'true'; 10468 window.location = targetUrl; 10469 }, 10470 10471 updateInstantlyMode: function (data, isHorizontalByDefault) { 10472 document.querySelector('#mst-ajax-nav-script-container').innerText = ''; 10473 10474 if (data['ajaxscroll'] == 'true') { 10475 this.updateUrlPath(data.url); 10476 } 10477 10478 this.leftnavUpdate(data['leftnav']); 10479 this.horizontalNavigationUpdate(data['horizontalBar'], isHorizontalByDefault); 10480 this.productsUpdate(data['products']); 10481 this.pageTitleUpdate(data['pageTitle']); 10482 this.breadcrumbsUpdate(data['breadcrumbs']); 10483 this.updateCategoryViewData(data['categoryViewData']);
10484 this.updateQuickNavigation(data['quickNavigation']); 10485 }, 10486 10487 triggerUpdate: function (selector, content, closest = false) { 10488 if (!document.querySelectorAll(selector).length) { 10489 return; 10490 } 10491 10492 let insertTarget = document.querySelector(selector); 10493 10494 if (closest) { 10495 insertTarget = insertTarget.closest(closest); 10496 } 10497 10498 insertTarget.outerHTML = this.renderJSFromContent(content); 10499 }, 10500 10501 renderJSFromContent: function (content) { 10502 const scriptBeginTag = '
10502<script'; 10503 const scriptEndTag = '</scr' + 'ipt>'; 10504 10505 let startIndex = 0; 10506 let scripts = []; 10507 10508 while (content.indexOf(scriptBeginTag, startIndex) >= 0) { 10509 const scriptStartPos = content.indexOf(scriptBeginTag, startIndex); 10510 const scriptEndPos = content.indexOf(scriptEndTag, startIndex) + 9; 10511 10512 scripts.push(content.slice(scriptStartPos, scriptEndPos)); 10513 10514 startIndex = scriptEndPos; 10515 } 10516 10517 if (!scripts.length) { 10518 return content; 10519 } 10520 10521 scripts.forEach(function (script) { 10522 content.replace(script, ''); 10523 10524 let scriptContent = ''; 10525 10526 if (script.indexOf('magento-init') < 0) { 10527 scriptContent = script.replace(/
10527<script([^>]*)>/m, '') 10528 .replace(scriptEndTag, ''); 10529 } 10530 10531 let scriptElement = document.createElement('script'); 10532 scriptElement.innerHTML = scriptContent; 10533 10534 document.querySelector('#mst-ajax-nav-script-container').appendChild(scriptElement); 10535 }); 10536 10537 return content; 10538 } 10539 } 10540 } 10541</script>
vendor: 1 bytes, line 10541
10541
10542<script> 10543 function initPaging() { 10544 return { 10545 nextBtn: null, 10546 prevBtn: null, 10547 isActive: false, 10548 excludeHeight: null, 10549 dataPageAttr: 'scroll-page', 10550 currLimit: null, 10551 modeSwitched: false, 10552 maxLoadedPageNum: 0, 10553 minLoadedPageNum: 1000, 10554 progressBar: null, 10555 loadedPages: 1, 10556 updateTimeout: null, 10557 10558 modes: { 10559 infinite: '_initInfiniteMode', 10560 button: '_initButtonMode', 10561 infinite_button: '_initInfiniteButtonMode', 10562 button_infinite: '_initButtonInfiniteMode' 10563 }, 10564 10565 mode: 'button', 10566 pageLimit: 0, 10567 moreBtnClass: 'mst-scroll__button', // "load more" buttons class 10568 postCatalogHeightSelectors: [ 10569 '.main .products ~ .block-static-block', 10570 '.page-footer', 10571 '.page-bottom' 10572 ], 10573 // elements that should be hidden 10574 hide: [ 10575 '.pages', 10576 '.toolbar-amount' 10577 ], 10578 // initial info 10579 factor: 0.95, // factor for loading next page when scrolling down in infinite mode 10580 pageParam: 'p', 10581 pageNum: 1, 10582 initPageNum: 1, 10583 prevPageNum: null, 10584 nextPageNum: null, 10585 lastPageNum: null, 10586 loadPrevText: 'Load Previous Page', 10587 loadNextText: 'Load More', 10588 progressBarEnabled: 0, 10589 progressBarText: 'Loaded %loaded% of %total% items', 10590 itemsTotal: 100000, 10591 itemsLimit: 12, 10592 initScrollTrigger: false, 10593 10594 productListSelector: '.products.product-grid, .products.products-grid, .products.product-list, .products.products-list', 10595 10596 config: getMstNavConfig(), 10597 10598 updateData: function(data) { 10599 for (let key in data) { 10600 this[key] = data[key]; 10601 } 10602 10603 return this; 10604 }, 10605 10606 $el: function () { 10607 return document.querySelector(this.productListSelector); 10608 }, 10609 10610 initAjaxScroll: function () { 10611 // scroll is active only when catalog has more than 1 page 10612 this.isActive = this.nextPageNum || this.prevPageNum || false; 10613 10614 // set initial page number to product list 10615 this.$el().setAttribute('data-' + this.dataPageAttr, this.pageNum); 10616 10617 // hide default DOM elements such as pagination 10618 this._hideElements(); 10619 10620 // init scroll widget in chosen mode 10621 this[this.modes[this.mode]](); 10622 10623 this._bind(); 10624 10625 this.progressBar = this._createProgressBar(); 10626 10627 this._updateLabels(this); 10628 }, 10629 10630 _destroy: function () { 10631 this.isActive = false; 10632 // this = null; 10633 }, 10634 10635 /** 10636 * Bind scroll event and load products when window is scrolled down. 10637 */ 10638 10639 _initInfiniteMode: function () { 10640 if(!this.initScrollTrigger){ 10641 this._initScroll(); 10642 this.initScrollTrigger = true; 10643 } 10644 10645 // init button for previous page 10646 if (this.prevPageNum) { 10647 this.prevBtn = this._createButton(this.loadPrevText, this.prevPageNum, 'insertBefore'); 10648 this.progressBar = this._createProgressBar(); 10649 } 10650 }, 10651 10652 _initScroll: function () { 10653 var onPause = false; 10654 10655 window.addEventListener('scroll', function () { 10656 var scrollTop = window.scrollY; 10657 10658 if (scrollTop >= this._calculateHeightDiff() && !onPause && this.nextPageNum) { 10659 this.currLimit--; 10660 10661 // stop processing infinite scroll when page limit reached 10662 if (this.mode === 'infinite_button' && this.currLimit < 0) { 10663 return; 10664 } 10665 onPause = true; // suspend ajax scrolling 10666 10667 getLoader().show(this._getLastProductList()); 10668 10669 this._request(window.location.href, {p: this.nextPageNum}) 10670 .then(function (response) { 10671 getLoader().hide(); 10672 this._updateCatalog(response); 10673 10674 return response; 10675 }.bind(this)) 10676 .then(function (response) { // update next page num 10677 if (response.config) { 10678 this.nextPageNum = response.config.nextPageNum; 10679 onPause = false; // resume ajax scrolling 10680 } 10681 }.bind(this)); 10682 } 10683 }.bind(this)); 10684 }, 10685 10686 /** 10687 * Calculate difference between the whole document height and its visible part + height of excluded blocks. 10688 * 10689 * @return {Number} 10690 */ 10691 _calculateHeightDiff: function () { 10692 var diff = this._getLastProductList().getBoundingClientRect().height 10693 + (this._getLastProductList().offsetTop) 10694 - window.innerHeight; 10695 10696 diff -= this._getExcludeHeight(); 10697 10698 return diff; 10699 }, 10700 10701 /** 10702 * Initialize widget in button mode. 10703 */ 10704 _initButtonMode: function () { 10705 this._initButtons(); 10706 }, 10707 10708 _initInfiniteButtonMode: function() { 10709 this.currLimit = this.currLimit === null ? this.pageLimit : this.currLimit; 10710 10711 this._initInfiniteMode(); 10712 }, 10713 10714 _initButtonInfiniteMode: function() { 10715 this.currLimit = this.currLimit === null ? this.pageLimit : this.currLimit; 10716 10717 this._initButtonMode(); 10718 }, 10719 10720 /** 10721 * Create buttons. 10722 */ 10723 _initButtons: function () { 10724 if (this.nextPageNum) { 10725 this.nextBtn = this._createButton(this.loadNextText, this.nextPageNum, 'insertAfter'); 10726 } 10727 10728 if (this.prevPageNum) { 10729 this.prevBtn = this._createButton(this.loadPrevText, this.prevPageNum, 'insertBefore'); 10730 } 10731 }, 10732 10733 /** 10734 * Create html button and attach it to widget's element. 10735 * 10736 * @param {String} label 10737 * @param {Number} pageNum - number of page used for button 10738 * @param {String} method - method used to insert the button over widget's element 10739 * 10740 * @return {HTMLElement} 10741 */ 10742 _createButton: function (label, pageNum, method) { 10743 const element = method === 'insertAfter' 10744 ? this._getLastProductList() 10745 : this._getFirstProductList(); 10746 const btnClass = method === 'insertAfter' ? "_next" : "_prev"; 10747 10748 const btn = document.createElement('button'); 10749 btn.classList.add('btn'); 10750 btn.classList.add('btn-primary'); 10751 btn.classList.add('m-auto'); 10752 btn.classList.add(this.moreBtnClass,'flex'); 10753 btn.classList.add(btnClass); 10754 btn.dataset.page = pageNum; 10755 btn.innerText = label; 10756 10757 if (method === 'insertAfter') { 10758 if (element.nextSibling) { 10759 element.parentNode.insertBefore(btn, element.nextSibling) 10760 } else { 10761 element.parentNode.appendChild(btn); 10762 } 10763 10764 } else { 10765 element.parentNode.insertBefore(btn, element); 10766 } 10767 10768 return btn; 10769 }, 10770 10771 _createProgressBar: function () { 10772 if (!this.progressBarEnabled) { 10773 return null; 10774 } 10775 10776 if (this.progressBar) { 10777 return this.progressBar; 10778 } 10779 10780 let progressBar = document.createElement('div'); 10781 progressBar.classList.add('mst-scroll__progress', 'text-center', 'w-2/5', 'min-w-72', 'mt-0', 'mx-auto', 'mb-6'); 10782 progressBar.innerHTML = '<span class="mst-scroll__progress-label text-xl"></span>' + 10783 '<div class="mst-scroll__progress-bar w-full h-1 my-4 mx-0 bg-gray-200 rounded"><div class="bg-primary rounded h-full"></div></div>'; 10784 10785 let target = null; 10786 10787 if (this.nextBtn) { 10788 target = document.querySelector('button.' + this.moreBtnClass + '._next'); 10789 } else { 10790 target = this._getLastProductList().nextSibling; 10791 } 10792 10793 this._getLastProductList().parentNode.insertBefore(progressBar, target); 10794 10795 if (this.prevBtn) { 10796 target = document.querySelector('button.' + this.moreBtnClass + '._prev'); 10797 } else { 10798 target = this._getFirstProductList(); 10799 } 10800 10801 this._getFirstProductList().parentNode.insertBefore(progressBar.cloneNode(true), target); 10802 10803 return progressBar; 10804 }, 10805 10806 /** 10807 * Hide DOM elements listed in this.hide array. 10808 */ 10809 _hideElements: function () { 10810 this.hide.map(function (selector) { 10811 // hide only if "load" buttons exist 10812 if (this.isActive && document.querySelector(selector)) { 10813 // mark all hidden elements with our identification 10814 document.querySelector(selector).dataset.scroll = 'hidden'; 10815 document.querySelector(selector).classList.add('hidden'); 10816 } else { 10817 // show only elements hidden by us 10818 if (document.querySelectorAll(selector + ' [data-scroll="hidden"]').length) { 10819 document.querySelector(selector + ' [data-scroll="hidden"]').classList.remove('hidden'); 10820 } 10821 } 10822 }.bind(this)); 10823 }, 10824 10825 _bind: function () { 10826 var self = this; 10827 10828 // observe "load more" buttons clicks 10829 if (document.querySelectorAll('.' + this.moreBtnClass).length) { 10830 document.querySelectorAll('.' + this.moreBtnClass).forEac
10830h(function (button) { 10831 button.addEventListener('click', function (e) { 10832 var page = e.target.dataset.page, 10833 targetBtn = page > self.initPageNum ? self.nextBtn : self.prevBtn; 10834 10835 self.currLimit--; 10836 10837 // stop processing nextBtn when page limit reached 10838 if (self.mode === 'button_infinite' && self.currLimit < 0 && targetBtn.hasClass('_next')) { 10839 return; 10840 } 10841 10842 targetBtn.classList.add('_loading'); 10843 10844 self._request(window.location.href, {p: page}) 10845 .then(function (data) { 10846 targetBtn.classList.remove('_loading'); 10847 10848 return data; 10849 }.bind(self)) 10850 .then(function (data) { 10851 self._updatePaging(data); 10852 self._updateCatalog(data); 10853 }.bind(self)); 10854 }.bind(self)); 10855 }.bind(self)); 10856 } 10857 10858 // sort options change workaround 10859 document.querySelectorAll('select[data-role="sorter"]').forEach(function (sorter) { 10860 sorter.addEventListener('change', function (e) { 10861 let baseUrl = window.location.origin + window.location.pathname; 10862 10863 let queryString = new URLSearchParams(window.location.search); 10864 10865 if (queryString.has('product_list_order') && queryString.get('product_list_order') != e.target.value) { 10866 queryString.set('product_list_order', e.target.value); 10867 10868 window.history.pushState({}, '', baseUrl + '?' + queryString.toString()); 10869 } 10870 }) 10871 }); 10872 10873 // update URL when scrolling through pages 10874 window.addEventListener('scroll', function () { 10875 if (this.isActive) { 10876 clearTimeout(this.updateTimeout); 10877 this.updateTimeout = setTimeout(function() { 10878 this._updateHistory({config: {pageNum: this._determineCurrentPage()}}); 10879 }.bind(this), 300); 10880 } 10881 }.bind(this)); 10882 }, 10883 10884 /** 10885 * Determine current page by scrollTop position. 10886 * 10887 * @return {Number} - current page number 10888 */ 10889 _determineCurrentPage: function () { 10890 var page = null, 10891 self = this, 10892 biggestPart = 0; 10893
10894 this._getProductLists().forEach(function (list) { 10895 let visiblePart = 0; // visible part of a product list block in window 10896 10897 if (list.getBoundingClientRect().top - document.body.scrollTop < 0) { // list block is above window 10898 visiblePart = list.getBoundingClientRect().top + list.offsetHeight - document.body.scrollTop; 10899 } else { 10900 visiblePart = window.offsetHeight - (list.getBoundingClientRect().top - document.body.scrollTop); 10901 } 10902 10903 if (visiblePart < 0) { 10904 return; // skip current product list and continue loop 10905 } 10906 10907 // if whole product list completely fit on the window 10908 if (visiblePart >= list.offsetHeight 10909 // or the product list takes up most of the window size 10910 || list.offsetHeight > window.offsetHeight && window.offsetHeight / visiblePart < 2 10911 ) { 10912 page = list.getAttribute('data-' + self.dataPageAttr) || 1; 10913 return false; // we found page, stop looping 10914 } 10915 10916 // otherwise use the page that takes up the most part of a space in the window 10917 if (visiblePart > biggestPart) { 10918 biggestPart = visiblePart; 10919 page = list.getAttribute('data-' + self.dataPageAttr) || 1; 10920 } 10921 }); 10922 10923 return page; 10924 }, 10925 10926 _updateLabels: function (config) { 10927 const btnPattern = "%limit%"; 10928 const totalPattern = '%total%'; 10929 const loadedPattern = '%loaded%'; 10930 10931 if (this.prevBtn) { 10932 this.prevBtn.innerHTML = config.loadPrevText.replace(btnPattern, config.itemsLimit); 10933 } 10934 10935 let nextLimit = config.itemsLimit; 10936 10937 if ((config.pageNum + 1) * config.itemsLimit > config.itemsTotal) { 10938 nextLimit = config.itemsTotal - config.pageNum * config.itemsLimit; 10939 } 10940 10941 if (this.nextBtn) { 10942 this.nextBtn.innerHTML = config.loadNextText.replace(btnPattern, nextLimit); 10943 } 10944 10945 if (this.progressBar) { 10946 let progressBarLabel = config.progressBarText; 10947 let initPageItems = this.initPageNum * config.itemsLimit > this.itemsTotal 10948 ? this.itemsTotal - (this.initPageNum - 1) * config.itemsLimit 10949 : config.itemsLimit; 10950 10951 let calculatedLoadedItems = initPageItems + (this.loadedPages - 1) * config.itemsLimit; 10952 10953 let current = calculatedLoadedItems > config.itemsTotal 10954 ? config.itemsTotal 10955 : calculatedLoadedItems; 10956 10957 progressBarLabel = progressBarLabel.replace(totalPattern, config.itemsTotal) 10958 .replace(loadedPattern, current); 10959 10960 document.querySelectorAll('.mst-scroll__progress-label').forEach(function (label) { 10961 label.innerHTML = progressBarLabel; 10962 }); 10963 10964 let width = Math.round(current / config.itemsTotal * 100) + '%'; 10965 10966 document.querySelectorAll('.mst-scroll__progress-bar div').forEach(function (bar) { 10967 bar.style.width = width; 10968 }); 10969 } 10970 10971 this.loadedPages++; 10972 }, 10973 10974 /** 10975 * Update catalog products. 10976 * 10977 * @param {Object} response 10978 */ 10979 _updateCatalog: function (response) { 10980 var selector = this._getProductListSelector(), 10981 productList = null, 10982 doc = document.documentElement, 10983 top = (window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0); 10984 10985 if (response.products && response.config) { 10986 this._updateLabels(response.config); 10987 // wrap product list into div to be able to retrieve needed
10987selector 10988 let wrapper = document.createElement('div'); 10989 wrapper.innerHTML = response.products; 10990 10991 productList = wrapper.querySelector(selector); 10992 10993 getContentUpdater().renderJSFromContent(response.products); 10994 10995 productList.setAttribute('data-' + this.dataPageAttr, response.config.pageNum); 10996 // insert products after last of first list accordingly 10997 if (response.config.pageNum > this.initPageNum) { 10998 this._getLastProductList() 10999 .parentNode 11000 .insertBefore(productList, this._getLastProductList().nextSibling); 11001 window.scroll(0, top); 11002 } else { 11003 this._getFirstProductList() 11004 .parentNode 11005 .insertBefore(productList, this._getFirstProductList()); 11006 } 11007 11008 window.scroll(0, top); 11009 11010 // switch infinite mode to button mode 11011 if (this.mode === 'infinite_button' && this.currLimit <= 0 && !this.modeSwitched) { 11012 if (this.nextPageNum) { 11013 this.nextPageNum++; 11014 11015 if (this.lastPageNum >= this.nextPageNum) { 11016 this.nextBtn = this._createButton(this.loadNextText, this.nextPageNum, 'insertAfter'); 11017 this.progressBar = this._createProgressBar(); 11018 this._bind(); 11019 } 11020 } 11021 11022 this.modeSwitched = true; 11023 } 11024 11025 // switch button mode to infinite mode 11026 if (this.mode === 'button_infinite' && this.currLimit <= 0 && !this.modeSwitched) { 11027 if (this.nextPageNum) { 11028 this.nextPageNum += 2; 11029 11030 if (this.lastPageNum >= this.nextPageNum) { 11031 this._initScroll(); 11032 this._bind(); 11033 } 11034 } 11035 11036 let elem = document.querySelector('.mst-scroll__button._next'); 11037 11038 elem.parentNode.removeChild(elem); 11039 11040 this.modeSwitched = true; 11041 11042 } 11043 11044 // third-party review widgets compatibility 11045 this.config.load3rdPartyReviewWidgets(); 11046 } 11047 }, 11048 11049 /** 11050 * @return {String} 11051 */ 11052 _getProductListSelector: function () { 11053 var selector = '.products.product-grid, .products.products-grid, .products.product-list, .products.products-list'; 11054 if (document.querySelectorAll(selector).length) { 11055 return selector; 11056 } 11057 return '.' + this.$el().getAttribute('class').split(' ').filter(
11057Boolean).join('.'); 11058 }, 11059 11060 _getProductLists: function () { 11061 return document.querySelectorAll(this._getProductListSelector()); 11062 }, 11063 11064 _getLastProductList: function () { 11065 return this._getProductLists()[this._getProductLists().length - 1]; 11066 }, 11067 11068 _getFirstProductList: function () { 11069 return this._getProductLists()[0]; 11070 }, 11071 11072 /** 11073 * Update paging buttons. 11074 * 11075 * @param {Object} response 11076 */ 11077 _updatePaging: function (response) { 11078 // hide next/prev buttons 11079 if (response.config) { 11080 // if next page was loaded - change next page number, otherwise change prev page number 11081 if (response.config.pageNum > this.initPageNum) { 11082 this.nextBtn.dataset.page = response.config.nextPageNum; 11083 } else { 11084 this.prevBtn.dataset.page = response.config.prevPageNum; 11085 } 11086 11087 // for hiding nextBtn if last page is loaded and prevBtn clicked (initial page != 1) 11088 this.maxLoadedPageNum = this.maxLoadedPageNum > response.config.pageNum 11089 ? this.maxLoadedPageNum 11090 : response.config.pageNum; 11091 11092 // for hiding prevBtn if first page is loaded and nextBtn clicked (initial page != 1) 11093 this.minLoadedPageNum = this.minLoadedPageNum < response.config.pageNum 11094 ? this.minLoadedPageNum 11095 : response.config.pageNum; 11096 11097 // hide next/prev page buttons if first or last pages loaded 11098 if (response.config.pageNum === 1 || this.minLoadedPageNum === 1) { 11099 this.prevBtn.classList.add('hidden'); 11100 } else if (this.prevBtn) { 11101 this.prevBtn.classList.remove('hidden'); 11102 } 11103 11104 if (response.config.pageNum === response.config.lastPageNum || this.maxLoadedPageNum === response.config.lastPageNum) { 11105 this.nextBtn.classList.add('hidden'); 11106 } else if (this.nextBtn) { 11107 this.nextBtn.classList.remove('hidden'); 11108 } 11109 } 11110 }, 11111 11112 /** 11113 * Update page number param in URL. 11114 * 11115 * @param {Object} response 11116 */ 11117 _updateHistory: function (response) { 11118 var url = null, 11119 currentPageNum = null; 11120 11121 if (response.config) { 11122 url = this._getUrl(response.config.pageNum); 11123 currentPageNum = this._getUrl().searchParams.get(this.pageParam); 11124 11125 // ignore page #1 11126 if (response.config.pageNum === 1 && currentPageNum === null) { 11127 return; 11128 } 11129 11130 if (parseInt(currentPageNum) !== parseInt(response.config.pageNum)) { 11131 history.replaceState({}, document.title, url.href); 11132 } 11133 } 11134 }, 11135 11136 /** 11137 * Send XHR. 11138 * 11139 * @param {String} url 11140 * @param {Object} data 11141 * 11142 * @return {Object} 11143 */ 11144 _request: function (url, data) { 11145 data.is_scroll = 1; 11146 data.isAjax = 1; 11147 11148 let queryParams = new URLSearchParams(); 11149 11150 for (const key in data) { 11151 queryParams.set(key, data[key]); 11152 } 11153 11154 const separator = url.indexOf('?') > 0 ? '&' : '?'; 11155 11156 return fetch(url + separator + queryParams.toString()) 11157 .then(response => { 11158 if (!response.ok) console.warn('GET request failed'); 11159 return response.json() 11160 }); 11161 }, 11162 11163 _getExcludeHeight: function () { 11164 var height = 0; 11165 11166 if (this.excludeHeight === null) { 11167 if (!this.postCatalogHeightSelectors) { 11168 this.postCatalogHeightSelectors = [ 11169 '.main .products ~ .block-static-block', 11170 '.page-footer', 11171 '.page-bottom' 11172 ]; 11173 } 11174 11175 this.postCatalogHeightSelectors.map(function (selector) { 11176 var block = document.querySelector(selector); 11177 11178 if (block && block.length) { 11179 height += block[0].offsetHeight; 11180 } 11181 }); 11182 11183 this.excludeHeight = height; 11184 } 11185 11186 return this.excludeHeight; 11187 }, 11188 11189 /** 11190 * Get the URL for fetching additional products. 11191 * 11192 * @param {Number|Null} pageNum 11193 * 11194 * @return {URL} 11195 */ 11196 _getUrl: function (pageNum) { 11197 var url = new URL(window.location); 11198 11199 if (pageNum) { 11200 if (parseInt(pageNum) === 1) { 11201 url.searchParams.delete(this.pageParam); 11202 } else { 11203 url.searchParams.set(this.pageParam, pageNum); 11204 } 11205 } 11206 11207 return url; 11208 } 11209 } 11210 } 11211</script>
vendor: 1 bytes, line 11211
11211
11212<script> 11213 function initCheckedOptionsCounter() { 11214 return { 11215 apply: function () { 11216 const filters = document.querySelectorAll('.filter-option'); 11217 11218 filters.forEach(function (filter) { 11219 const title = filter.querySelector('.filter-options-title'); 11220 const checkedCounterContainer = filter.querySelector('template').content.querySelector('.mst-clear-options-link'); 11221 11222 if (!checkedCounterContainer || checkedCounterContainer.getAttribute('data-checked-count') == 0) { 11223 return; 11224 } 11225 11226 const checkedCounter = checkedCounterContainer.querySelector('.mst-nav__checked-counter__wrapper'); 11227 11228 checkedCounter.querySelector('a').addEventListener('click', function (e) { 11229 e.stopPropagation(); 11230 e.preventDefault(); 11231 11232 initApplier().apply(e.target.href); 11233 }) 11234 11235 const filterTitle = filter.querySelector('.filter-options-title').querySelector('span.title'); 11236 11237 const wrapper = document.createElement('span'); 11238 11239 filterTitle.replaceWith(wrapper); 11240 wrapper.appendChild(filterTitle); 11241 wrapper.appendChild(checkedCounter); 11242 11243 wrapper.classList.add('flex'); 11244 }); 11245 } 11246 } 11247 } 11248 11249 document.addEventListener('DOMContentLoaded', function () { 11250 initCheckedOptionsCounter().apply(); 11251 }); 11252</script>
vendor: 1 bytes, line 11252
11252
11253<script> 11254 function initAlphabeticalIndex(shouldDisplay, limit) { 11255 return { 11256 letters: [], 11257 visibleSelector: '[data-letter][data-value][data-search-hidden = false]', 11258 11259 options: { 11260 shouldDisplay: shouldDisplay, 11261 limit: limit 11262 }, 11263 11264 init: function () { 11265 if (!this.options.shouldDisplay) { 11266 return; 11267 } 11268 11269 const options = this.$el.parentElement.querySelectorAll('[data-element="filter"][data-value]'); 11270 11271 if (!options.length) { 11272 return; 11273 } 11274 11275 if (this.$el.querySelectorAll('.mst-nav__alphabetical').length) { 11276 return; 11277 } 11278 11279 this.createAlphabeticalIndex(options); 11280 }, 11281 11282 createAlphabeticalIndex: function (options) { 11283 this.letters = []; 11284 11285 options.forEach(function (option) { 11286 let label = option.querySelectorAll('label').length 11287 ? option.querySelector('label').innerText.trim() 11288 : option.getAttribute('aria-label'); 11289 11290 let letter = label.substring(0, 1).toUpperCase(); 11291 letter = letter.match(/[a-zA-Z]/) ? letter : '#'; 11292 11293 if (this.letters.indexOf(letter) < 0) { 11294 this.letters.push(letter); 11295 } 11296 }.bind(this)); 11297 11298 this.letters.sort(); 11299 11300 const $container = document.createElement('div'); 11301 $container.classList.add('mst-nav__alphabetical', 'mt-0', 'mb-1.5', '-mx-0.5', 'flex', 'flex-wrap'); 11302 11303 this.letters.forEach(function (letter) { 11304 const $letter = document.createElement('span'); 11305 $letter.innerText = letter; 11306 $letter.addEventListener('click', this.filterOptions.bind(this)); 11307 $letter.addEventListener('click', this.handleVisibility.bind(this)); 11308 11309 $letter.classList.add( 11310 'cursor-pointer', 11311 'flex', 11312 'justify-center', 11313 'items-center', 11314 'p-1', 11315 'no-underline', 11316 'hover:underline', 11317 'text-blue-600' 11318 ); 11319 11320 $container.appendChild($letter); 11321 }.bind(this)); 11322 11323 this.$el.appendChild($container); 11324 11325 this.$el.closest('.filter-option').addEventListener('alphabetical', this.handleVisibility.bind(this)); 11326 }, 11327 11328 filterOptions: function (e) { 11329 const letter = e.target; 11330 11331 if (letter.classList.contains('_checked')) { 11332 letter.classList.remove('_checked', 'text-secondary'); 11333 letter.classList.add('text-blue-600'); 11334 } else { 11335 letter.classList.add('_checked', 'text-secondary'); 11336 letter.classList.remove('text-blue-600'); 11337 } 11338 11339 const checkedLetters = this.getCheckedLetters(); 11340 11341 getEventManager().triggerEvent(this.$el.closest('.filter-option'), 'showhide') // communicate with sizeLimiter 11342 11343 this.$el.parentElement.querySelectorAll('[data-letter]').forEach(function (option) { 11344 option.setAttribute('data-hidden', 'false'); 11345 11346 if (checkedLetters.length && checkedLetters.indexOf(option.getAttribute('data-letter')) < 0) { 11347 option.setAttribute('data-letter-hidden', 'true'); 11348 } else { 11349 option.setAttribute('data-letter-hidden', 'false'); 11350 } 11351 }); 11352 }, 11353 11354 handleVisibility: function () { 11355 const visibleFilters = this.$el.parentElement.querySelectorAll(this.visibleSelector); 11356 11357 if (visibleFilters.length < this.options.limit) { 11358 this.$el.querySelectorAll('span').forEach(function (letter) { 11359 letter.classList.add('hidden'); 11360 }); 11361 11362 return; 11363 } 11364 11365 let visibleLetters = []; 11366
11367 visibleFilters.forEach(function (filter) { 11368 if (visibleLetters.indexOf(filter.getAttribute('data-letter')) < 0) { 11369 visibleLetters.push(filter.getAttribute('data-letter')); 11370 } 11371 }); 11372 11373 if (visibleLetters.length) { 11374 this.$el.querySelectorAll('span').forEach(function (letter) { 11375 if (visibleLetters.indexOf(letter.innerText) < 0) { 11376 letter.classList.add('hidden'); 11377 } else { 11378 letter.classList.remove('hidden'); 11379 } 11380 }); 11381 } 11382 }, 11383 11384 getCheckedLetters: function () { 11385 let checkedLetters = []; 11386 11387 this.$el.querySelectorAll('span._checked').forEach(function (letter) { 11388 checkedLetters.push(letter.innerText); 11389 }) 11390 11391 return checkedLetters; 11392 }, 11393 } 11394 } 11395</script>
vendor: 1 bytes, line 11395
11395
11396<script> 11397 function getEventManager () { 11398 return { 11399 triggerEvent: function (element, eventName, data) { 11400 if (!element) { 11401 console.warn('Attempt to trigger event ' + eventName + ' on unknown element'); 11402 return; 11403 } 11404 11405 let event; 11406 11407 if (window.CustomEvent && typeof window.CustomEvent === 'function') { 11408 event = new CustomEvent(eventName, {detail: data ? data : {}}); 11409 } else { 11410 event = document.createEvent('CustomEvent', true, true, data ? data : {}); 11411 event.initCustomEvent(eventName); 11412 } 11413 11414 element.dispatchEvent(event); 11415 } 11416 } 11417 } 11418</script>
vendor: 1 bytes, line 11418
11418
11419<script> 11420 document.addEventListener("DOMContentLoaded", function() { 11421 const filter = document.querySelectorAll('.sidebar.sidebar-main .filter-option')[0]; 11422 const filterTitle = filter ? filter.querySelector('.filter-options-title') : null; 11423 if ( 11424 filterTitle 11425 && filterTitle.nextElementSibling 11426 && filterTitle.nextElementSibling.content 11427 && filterTitle.nextElementSibling.content.querySelector('#mst-nav__search') 11428 ) { 11429 filterTitle.click(); // open search filter 11430 } 11431 }); 11432</script>
vendor: 1 bytes, line 11432
11432
11433<script> 11434 function initApplier() { 11435 return { 11436 config: getMstNavConfig(), 11437 $from: null, 11438 $to: null, 11439 11440 apply(url, $initiator = null, force = false, from = null, to = null) { 11441 this.$from = from; 11442 this.$to = to; 11443 url = this.fixUrl(url); 11444 11445 if (!$initiator || $initiator.closest("[data-mst-nav-part=state]")) { 11446 force = true; 11447 } else { 11448 const mode = $initiator.dataset.mode; 11449 11450 if (mode === 'instant') { 11451 force = true; 11452 } 11453 } 11454 11455 if (!this.config.isAjax()) { 11456 this.noAjaxMode(url); 11457 } else if (this.config.isConfirmationMode() && force === false) {//@todo 11458 this.confirmationMode(url, $initiator); 11459 } else { 11460 this.instantMode(url); 11461 } 11462 }, 11463 11464 applyForced: function (url) { 11465 this.apply(url, null, true); 11466 }, 11467 11468 fixUrl: function (url) { 11469 url = url.replace('&', '&'); 11470 url = url.replace(/%2C/g, ','); 11471 11472 return url; 11473 }, 11474 11475 noAjaxMode(url) { 11476 window.location.href = url; 11477 }, 11478 11479 instantMode(url, force) { 11480 let event; 11481 11482 if (window.CustomEvent && typeof window.CustomEvent === 'function') { 11483 event = new CustomEvent(this.config.getAjaxCallEvent(), {detail: {url: url, force: force}}); 11484 } else { 11485 event = document.createEvent('CustomEvent'); 11486 event.initCustomEvent(this.config.getAjaxCallEvent(), true, true, {url: url, force: force}); 11487 } 11488 11489 document.dispatchEvent(event); 11490 }, 11491 11492 confirmationMode(url, $initiator, force) { 11493 if (this.config.isSeoFilterEnabled()) { 11494 url = this.config.getFriendlyClearUrl(); 11495 } 11496 11497 const actualParams = new URLSearchParams(window.location.search.substr(1)); 11498 const filtersParams = this.getFilters(); 11499 11500 let cacheKey = filtersParams.cacheKey !== undefined ? filtersParams.cacheKey : ''; 11501 11502 if (cacheKey) { 11503 delete filtersParams.cacheKey; 11504 } 11505 11506 const params = Object.assign({}, filtersParams, {mode: 'by_button_click'}); 11507 11508 const urlSearchObject = new URLSearchParams(); 11509 11510 for (const key in params) { 11511 urlSearchObject.set(key, params[key]); 11512 } 11513 11514 const query = urlSearchObject.toString(); 11515 11516 url = url.split('?')[0]; 11517 11518 if (query) { 11519 url += "?" + query; 11520 } 11521 11522 const applyButton = initApplyButton(); 11523 11524 cacheKey = url + cacheKey; 11525 11526 applyButton.show(); 11527 applyButton.move($initiator); 11528 applyButton.load(url, cacheKey, force); 11529 }, 11530 11531 filters: {}, 11532 11533 getFilters() { 11534 11535 let cacheKey = ''; 11536 11537 document.querySelectorAll('[data-mst-nav-filter]').forEach(function (filter) { 11538 cacheKey += filter.dataset.mstNavCacheKey; 11539 this.collectActiveFilters(filter); 11540 }.bind(this)); 11541 11542 document.querySelectorAll('.filter-option.card template').forEach(function (template) { 11543 const filter = template.content.querySelector('[data-mst-nav-filter]') 11544 if (!filter) { 11545 return; 11546 } 11547 this.collectActiveFilters(filter, this); 11548 }.bind(this)); 11549 11550 this.filters['cacheKey'] = cacheKey; 11551 11552 return this.filters; 11553 }, 11554 11555 collectActiveFilters(filter) { 11556 let filterName = filter.dataset.mstNavFilter; 11557 11558 filterName = filterName.replace(/A\d{6,7}A/, ''); 11559 let filterValues = []; 11560 11561 switch (filterName) { 11562 case 'price': //@todo
11563 let filterValue = this.getSliderPriceFilterValue(filter); 11564 if (filterValue) { 11565 filterValues.push(filterValue); 11566 this.filters[filterName] = filterValues.join(','); 11567 } else { 11568 filter.querySelectorAll('[data-element = filter]._checked').forEach( function (item) { 11569 let filterValue = item.dataset.value; 11570 filterValues.push(filterValue); 11571 }.bind(this)); 11572 11573 if (filterValues.length > 0 && !this.filters[filterName]) { 11574 this.filters[filterName] = filterValues.join(','); 11575 } 11576 } 11577 break; 11578 11579 default: 11580 filter.querySelectorAll('[data-element = filter]._checked').forEach( function (item) { 11581 let filterValue = item.dataset.value; 11582 filterValues.push(filterValue); 11583 }.bind(this)); 11584 11585 if (filterValues.length > 0 && !this.filters[filterName]) { 11586 this.filters[filterName] = filterValues.join(','); 11587 } 11588 } 11589 }, 11590 11591 getSliderPriceFilterValue($el) { 11592 11593 if ($el.getAttribute("x-init") !== 'initSlider') { 11594 return false; 11595 } 11596 11597 let sliderElement = $el.querySelector('.mst-nav__slider-slider') ?? $el.querySelector('.mst-nav__slider-from-to'); 11598 if (!sliderElement) { 11599 return false; 11600 } 11601 11602 const priceWidget = sliderElement.noUiSlider 11603 11604 let minVal = 0; 11605 let maxVal = 0; 11606 let fromVal = 0; 11607 let toVal = 0; 11608 11609 if (priceWidget) { 11610 minVal = parseFloat(priceWidget.options.range.min).toFixed(2); 11611 maxVal = parseFloat(priceWidget.options.range.max).toFixed(2); 11612 fromVal = parseFloat(priceWidget.options.start[0]).toFixed(2); 11613 toVal = parseFloat(priceWidget.options.start[1]).toFixed(2); 11614 } else { 11615 const slider = this.getSliderOption($el.getAttribute("x-data")); 11616 11617 if(!slider) { 11618 return false; 11619 } 11620 minVal = slider.min.toFixed(2); 11621 maxVal = slider.max.toFixed(2); 11622 fromVal = slider.from.toFixed(2); 11623 toVal = slider.to.toFixed(2); 11624 } 11625 11626 fromVal = this.$from ? parseFloat(this.$from).toFixed(2) : fromVal; 11627 toVal = this.$to ? parseFloat(this.$to).toFixed(2) : toVal; 11628 11629 if (fromVal === minVal && toVal === maxVal) { 11630 return false; 11631 } 11632 11633 return fromVal + "-" + toVal; 11634 }, 11635 11636 getSliderOption(content) { 11637 if (!content.includes("renderRangeSlider")) { 11638 return false; 11639 } 11640 let result = content.match(/\({(.*?)}\)/); 11641 if (!result[1]) { 11642 return false; 11643 } 11644 11645 let prepareSliderObject = result[1].substring(0, result[1].indexOf('valueTemplate') - 2); 11646 11647 prepareSliderObject = "{" + prepareSliderObject + "}"; 11648 11649 return JSON.parse(prepareSliderObject); 11650 11651 } 11652 } 11653 } 11654</script>
vendor: 1 bytes, line 11654
11654
11655<script> 11656 function initLabelRenderer() { 11657 return { 11658 config: getMstNavConfig(), 11659 11660 handleClick(e) { 11661 if (e.target.tagName !== 'INPUT') { 11662 e.preventDefault(); 11663 e.stopPropagation(); 11664 } 11665 11666 let $item = e.target.closest('[data-element = filter]'); 11667 11668 const link = $item.tagName === 'A' ? $item : $item.querySelector('a'); 11669 11670 if (link.classList.contains('disabled')) { 11671 return; 11672 } 11673 11674 if ($item.tagName !== 'A') { 11675 if (e.target.tagName !== 'INPUT') { 11676 this.toggleCheckbox($item); 11677 } 11678 } 11679 11680 this.toggleSwatch($item); 11681 this.showHighLight($item); 11682 11683 const url = $item.tagName === 'A' 11684 ? $item.href 11685 : $item.querySelector('a').href; 11686 11687 initApplier().apply(url, $item); 11688 }, 11689 11690 showHighLight: function ($el) { 11691 if ($el.classList.contains('_checked')) { 11692 $el.classList.add("_highlight"); 11693 } else { 11694 $el.classList.remove("_highlight"); 11695 } 11696 }, 11697 11698 toggleCheckbox: function ($el) { 11699 const $checkbox = $el.querySelector('input[type=checkbox]'); 11700 11701 if (!$checkbox) { 11702 return 11703 } 11704 11705 if ($checkbox.disabled) { 11706 return true; 11707 } 11708 11709 $checkbox.checked = !$checkbox.checked; 11710 }, 11711 11712 toggleSwatch: function ($el) { 11713 if ($el.classList.contains('_checked')) { 11714 $el.classList.remove('_checked'); 11715 11716 if ($el.classList.contains('swatch-option-link-layered')) { 11717 $el.classList.remove('ring'); 11718 $el.classList.remove('ring-primary'); 11719 } 11720 } else { 11721 $el.classList.add('_checked'); 11722 11723 if ($el.classList.contains('swatch-option-link-layered')) { 11724 $el.classList.add('ring'); 11725 $el.classList.add('ring-primary'); 11726 } 11727 } 11728 } 11729 } 11730 } 11731</script>
vendor: 1 bytes, line 11731
11731
11732<script> 11733 function initSwatchRenderer() { 11734 return { 11735 getSwatchType(typeNumber) { 11736 switch ("" + typeNumber) { 11737 case "1": 11738 return "color" 11739 case "2": 11740 return "image" 11741 case "0": 11742 default: 11743 return "text" 11744 } 11745 }, 11746 getSwatchBackgroundStyle(type, value, image) { 11747 if (this.getSwatchType(type) === "color") { 11748 return 'background-color:' + value; 11749 } else if (this.getSwatchType(type) === "image") { 11750 return "background: #ffffff url('" + image + "') no-repeat center"; 11751 } else { 11752 return ''; 11753 } 11754 }, 11755 activeTooltipItem: false, 11756 tooltipPositionElement: false, 11757 isTooltipVisible() { 11758 return this.activeTooltipItem 11759 }, 11760 getTooltipImageStyle() { 11761 const type = this.activeTooltipItem.type; 11762 11763 if (this.getSwatchType(type) === "color") { 11764 return 'background-color:' + this.activeTooltipItem.value + '; width: 110px; height: 90px;'; 11765 } else if (this.getSwatchType(type) === "image") { 11766 return "background: #ffffff url('" + this.activeTooltipItem.thumb + 11767 "') center center no-repeat; width: 110px; height: 90px;"; 11768 } else { 11769 return 'display:none'; 11770 } 11771 }, 11772 getTooltipPosition() { 11773 return this.tooltipPositionElement ? 11774 ( 11775 `top: ${this.tooltipPositionElement.offsetTop}px;` + 11776 `left: ${this.tooltipPositionElement.offsetLeft}px;` 11777 ) : '' 11778 }, 11779 getTooltipLabel() { 11780 return this.activeTooltipItem.label || '' 11781 }, 11782 isVisualSwatch() { 11783 return this.getSwatchType(this.activeTooltipItem.type) !== 'text' 11784 }, 11785 isFirstItemCol() { 11786 return '' 11787 } 11788 } 11789 } 11790</script>
vendor: 1 bytes, line 11790
11790
11791<script> 11792 function initSearchRenderer() { 11793 const searchFilter = document.querySelector('#mst-nav__search') 11794 .closest('.filter-option'); 11795 11796 searchFilter.classList.add('relative'); 11797 11798 let searchTitle = searchFilter.querySelector('.filter-options-title'); 11799 11800 let isInHorizontalNav = false; 11801 11802 if (document.querySelector('#mst-nav__search').closest('.mst-nav__horizontal-bar')) { 11803 isInHorizontalNav = true; 11804 } 11805 11806 if (!isInHorizontalNav) { 11807 searchTitle.parentNode.removeChild(searchTitle); 11808 } 11809 11810 return { 11811 suggest: function (suggestionContainer, value) { 11812 suggestionContainer.innerHTML = ''; 11813 11814 if (!value) { 11815 suggestionContainer.style.display = 'none'; 11816 return; 11817 } 11818 11819 value = value.toLowerCase(); 11820 11821 let filters = document.querySelector('.sidebar-main').querySelectorAll('.filter-option'); 11822 11823 filters.forEach(function (item, idx) { 11824 if (idx === 0) { 11825 return; 11826 } 11827 11828 let filter = item.cloneNode(true); 11829 11830 if (filter.querySelectorAll('.filter-options-content').length) { 11831 let opened = filter.querySelector('.filter-options-content'); 11832 opened.parentNode.removeChild(opened); 11833 } 11834 11835 filter.setAttribute('x-data', "{open: true}"); 11836 filter.classList.remove('my-4'); 11837 let expander = filter.querySelector('.filter-options-title span:last-child'); 11838 expander.parentNode.removeChild(expander); 11839 11840 let templateContent = filter.querySelector('template').content; 11841 11842 filter.appendChild(templateContent); 11843 filter.removeChild(filter.querySelector('template')); 11844 11845 // remove search filter 11846 if (filter.querySelectorAll('[data-element="search"]').length) { 11847 let filterSearch = filter.querySelector('[data-element="search"]'); 11848 filterSearch.parentNode.removeChild(filterSearch); 11849 } 11850 11851 // remove alphabetical index 11852 if (filter.querySelectorAll('[data-holder="alphabetical"]').length) { 11853 let alphabetical = filter.querySelector('[data-holder="alphabetical"]'); 11854 alphabetical.parentNode.removeChild(alphabetical); 11855 } 11856 11857 if (filter.querySelectorAll('.mst-nav__sizeLimiter').length) { 11858 let sizeLimiter = filter.querySelector('.mst-nav__sizeLimiter'); 11859 let parent = sizeLimiter.parentNode; 11860 parent.removeChild(sizeLimiter); 11861 if (parent.querySelector('style')) { 11862 parent.removeChild(parent.querySelector('style')); 11863 } 11864 } 11865 11866 let optionsCount = filter.querySelectorAll('[data-element=filter][data-value]').length; 11867 let clonedFilter = filter.cloneNode(true); 11868 11869 // check options match 11870 filter.querySelectorAll('[data-element=filter]').forEach(function (option, i) { 11871 if (!option.getAttribute('data-value')) { 11872 option.parentNode.removeChild(option); 11873 return; 11874 } 11875 11876 option.classList.remove('_parent', 'ml-7'); 11877 11878 if (!option.classList.contains('swatch-option')) { 11879 option.classList.add('w-full'); 11880 } 11881 11882 option.parentNode.classList.remove('pl-6'); 11883 11884 const label = option.tagName === 'A' 11885 ? option.getAttribute('aria-label') 11886 : option.querySelector('a').getAttribute('aria-label'); 11887 11888 if (label.toLowerCase().indexOf(value.toLowerCase()) < 0 || option.querySelectorAll('input:disabled').length) { 11889 option.parentNode.removeChild(option); 11890 optionsCount--; 11891 } 11892 }); 11893 11894 // check filter label if no option match 11895 if (!optionsCount) { 11896 let title = filter.querySelector('span.title').innerText; 11897 title = title.trim(); 11898 11899 if (title.toLowerCase().indexOf(value.toLowerCase()) >= 0) { 11900 filter = clonedFilter; 11901 optionsCount = 1; 11902 } 11903 } 11904 11905 // highlight match 11906 filter.querySelectorAll('span.title, span.mst-nav__label-item__label').forEach(function (titleNode) { 11907 let start = titleNode.innerText.toLowerCase().indexOf(value.toLowerCase()); 11908 11909 if (start >= 0) { 11910 let match = titleNode.innerText.substr(start, value.length); 11911 let regexp = new RegExp(match, 'g'); 11912 11913 if (titleNode.closest('.items')) { 11914 titleNode.closest('.items').classList.remove('hidden'); 11915 } 11916 11917 titleNode.innerHTML = titleNode.innerText.replace(regexp, '<span class="mst-nav__suggest-match bg-secondary">' + match + '</span>'); 11918 } 11919 }) 11920 11921 if (optionsCount) { 11922 suggestionContainer.appendChild(filter); 11923 } 11924 }); 11925 11926 if (suggestionContainer.children.length) { 11927 suggestionContainer.style.display = 'block'; 11928 } else { 11929 suggestionContainer.style.display = 'none'; 11930 } 11931 11932 document.addEventListener('click', function(e) { 11933 suggestionContainer.style.display = 'none'; 11934 }); 11935 }, 11936 11937 prepareSearch: function (e, url, origQuery, param, value) { 11938 if (e.keyCode === 13) { 11939 document.querySelector('#mst-nav__search-apply').click(); 11940 } 11941 11942 let query = ''; 11943 11944 if (!origQuery) { 11945 query = '?' + param + '=' + value; 11946 } else if (origQuery.indexOf(param) >= 0) { 11947 origQuery = origQuery.replace('?', ''); 11948 11949 let queryArray = origQuery.split('&'); 11950 11951 queryArray.forEach(function (item, key) { 11952 if (item.indexOf(param) >= 0) { 11953 let itemArray = item.split('='); 11954 itemArray[1] += ',' + value; 11955 item = itemArray.join('='); 11956 queryArray[key] = item; 11957 } 11958 }); 11959 11960 query = '?' + queryArray.join('&'); 11961 } else { 11962 query = origQuery + '&' + param + '=' + value; 11963 } 11964 11965 document.querySelector('#mst-nav__search-apply').setAttribute('href', url + query); 11966 }, 11967 11968 initSearch: function () { 11969 let param = document.querySelector('#mst-nav__search-filter').name; 11970 let url = location.href; 11971 let origQuery = location.search; 11972 11973 let suggestionContainer = document.querySelector('#mst-nav__search-suggestion'); 11974 11975 url = url.replace(origQuery, ''); 11976 11977 document.querySelector('#mst-nav__search-filter').addEventListener('keyup', function (e) { 11978 let value = e.target.value; 11979 11980 if (this.config.isSearchFilterOptions()) { 11981 this.suggest(suggestionContainer, value); 11982 } 11983 11984 if (this.config.isSearchFilterFulltext()) { 11985 this.prepareSearch(e, url, origQuery, param, value); 11986 } 11987 }.bind(this)); 11988 }, 11989 } 11990 } 11991</script>
vendor: 1 bytes, line 11991
11991
11992<script> 11993 function renderRangeSlider(params) { 11994 return { 11995 ...params, 11996 11997 initSlider: function () { 11998 this.from = this.toFixed(this.from * this.rate, 2); 11999 this.to = this.toFixed(this.to * this.rate, 2); 12000 this.min = Math.floor(this.min * this.rate); 12001 this.max = Math.ceil(this.max * this.rate); 12002 12003 this.updateFromTo(); 12004 12005 if (this.getSliderNode()) { 12006 noUiSlider.create(this.getSliderNode(), { 12007 start: [this.from, this.to], 12008 connect: true, 12009 range: { 12010 'min': this.min, 12011 'max': this.max 12012 }, 12013 step: this.step ? this.step : 1 12014 }); 12015 12016 this.getSliderNode().noUiSlider.on('update', function (values) { 12017 this.from = this.toFixed(parseFloat(values[0]), 2); 12018 this.to = this.toFixed(parseFloat(values[1]), 2); 12019 12020 this.updateFromTo(); 12021 }.bind(this)); 12022
12023 this.getSliderNode().noUiSlider.on('change', function () { 12024 this.applyFilter(); 12025 }.bind(this)); 12026 } 12027 12028 if (this.getFromToNode()) { 12029 this.getFromToNode().querySelectorAll('input').forEach(function (inputNode) { 12030 ['keyup', 'change'].forEach(function (eventName) { 12031 inputNode.addEventListener(eventName, function (e) { 12032 let from = this.from; 12033 let to = this.to; 12034 12035 let value = this.toFixed(parseFloat(e.target.value), 2); 12036 12037 if (e.target.dataset.element === 'from') { 12038 from = value; 12039 } else { 12040 to = value; 12041 } 12042 12043 this.from = from; 12044 this.to = to; 12045 }.bind(this)); 12046 }.bind(this)); 12047 12048 if (this.getSliderNode()) { 12049 inputNode.addEventListener('blur', function () {
12050 this.getSliderNode().noUiSlider.set([this.from, this.to]); 12051 }.bind(this)); 12052 } 12053 }.bind(this)); 12054 } 12055 }, 12056 12057 getSliderNode: function () { 12058 return this.$el.querySelector("[data-element=slider]"); 12059 }, 12060 12061 getTextNode: function () { 12062 return this.$el.querySelector('[data-element=text]'); 12063 }, 12064 12065 getFromToNode: function () { 12066 return this.$el.querySelector('.mst-nav__slider-from-to'); 12067 }, 12068 12069 updateFromTo: function () { 12070 if (this.getTextNode()) { 12071 this.getTextNode().innerHTML = this.getTextValue(this.from) + ' - ' + this.getTextValue(this.to); 12072 } 12073 12074 if (this.getFromToNode()) { 12075 this.getFromToNode().querySelector('[data-element=from]').value = this.toFixed(this.from); 12076 this.getFromToNode().querySelector('[data-element=to]').value = this.toFixed(this.to); 12077 } 12078 }, 12079 12080 applyFilter: function () { 12081 this.from = this.from < this.min ? this.min : this.from; 12082 this.to = this.to > this.max ? this.max : this.to; 12083 12084 if (parseFloat(this.to) < parseFloat(this.from)) { 12085 this.from = this.to; 12086 } 12087 12088 const value = this.toFixed(this.from / this.rate, 2) + this.separator + this.toFixed(this.to / this.rate, 2); 12089 12090 let url = this.urlTemplate.replace(this.paramTemplate, value); 12091 12092 initApplier().apply(url, this.$el, false, this.from, this.to); 12093 }, 12094 12095 getTextValue: function (value) { 12096 let tmpl = this.valueTemplate; 12097 12098 tmpl = tmpl.replace('{value}', this.toFixed(value, 0)); 12099 tmpl = tmpl.replace('{value.0}', this.toFixed(value, 0)); 12100 tmpl = tmpl.replace('{value.1}', this.toFixed(value, 1)); 12101 tmpl = tmpl.replace('{value.2}', this.toFixed(value, 2)); 12102 12103 return tmpl; 12104 }, 12105 12106 toFixed: function (value, precision) { 12107 //1.00 === 1 12108 if (parseFloat(parseFloat(value).toFixed(0)) === parseFloat(parseFloat(value).toFixed(precision))) { 12109 return parseFloat(value).toFixed(0); 12110 } 12111 12112 return parseFloat(value).toFixed(precision); 12113 } 12114 } 12115 } 12116</script>
vendor: 1 bytes, line 12116
12116
12117<script> 12118 function createCollapsibleCategories() { 12119 return { 12120 initToggler: function ($el) { 12121 const categoryFilter = this.getCategoryFilter($el); 12122 12123 const parentCatOptions = categoryFilter.querySelectorAll('li._parent'); 12124 12125 if (!parentCatOptions.length) { 12126 return; 12127 } 12128 12129 parentCatOptions.forEach(function (elem) { 12130 this.initCollapsibe(elem) 12131 }.bind(this)); 12132 12133 categoryFilter.addEventListener('nested-toggle', function (event) { 12134 const parent = categoryFilter.querySelector('ol.items.collapsible'); 12135 12136 if (!parent || parent === undefined) { 12137 return; 12138 } 12139 12140 parent.querySelectorAll('ol.items, a.mst-nav_category-toggler').forEach(function (elem) { 12141 if (event.detail.q) { 12142 elem.classList.add('_active'); 12143 elem.classList.remove('hidden'); 12144 12145 if (elem.classList.contains('mst-nav_category-toggler')) { 12146 elem.classList.add('hidden'); 12147 } 12148 } else { 12149 elem.classList.remove('_active'); 12150 elem.classList.add('hidden'); 12151 12152 if (elem.classList.contains('mst-nav_category-toggler')) { 12153 elem.classList.remove('hidden'); 12154 } 12155 } 12156 }) 12157 }) 12158 }, 12159 12160 initCollapsibe: function (element) { 12161 const $togglerHandler = element; 12162 const $target = element.nextElementSibling; 12163 const $toggler = document.createElement('A'); 12164 $toggler.classList.add('mst-nav_category-toggler', 'cursor-pointer', 'inline-block', 'p-1'); 12165 $toggler.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5 transition-transform transform duration-300 ease-in-out" width="25" height="25" role="img"> 12166 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/> 12167<title>chevron-down</title></svg> 12168`; 12169 12170 $target.querySelectorAll('li').forEach( function (elem) { 12171 if (elem.classList.contains('_checked')) { 12172 $toggler.classList.add('_active'); 12173 $toggler.querySelector('svg').classList.add('rotate-180'); 12174 $target.classList.add('_active'); 12175 $target.classList.remove('hidden'); 12176 } 12177 }); 12178 12179 $toggler.addEventListener('click', function (e) { 12180 if ($toggler.classList.contains('_active')) { 12181 $toggler.classList.remove('_active'); 12182 $toggler.querySelector('svg').classList.remove('rotate-180'); 12183 $target.classList.remove('_active'); 12184 $target.classList.add('hidden'); 12185 } else { 12186 $toggler.classList.add('_active'); 12187 $toggler.querySelector('svg').classList.add('rotate-180'); 12188 $target.classList.add('_active'); 12189 $target.classList.remove('hidden'); 12190 } 12191 }); 12192 12193 $togglerHandler.style.marginLeft = '0'; 12194 12195 $togglerHandler.parentElement.insertBefore($toggler, $togglerHandler); 12196 }, 12197 12198 getCategoryFilter: function ($el) { 12199 return $el.closest('.mst-nav__category'); 12200 } 12201 } 12202 } 12203</script>
vendor: 1 bytes, line 12203
12203
12204<script> 12205 'use strict'; 12206 (function(hyva) { 12207 const formValidationRules = { 12208 required(value, options, field, context) { 12209 const el = field.element.type === 'hidden' ? createTextInputFrom(field.element) : field.element, 12210 msg = 'Campo\u0020obligatorio.'; 12211 12212 if (el.type === 'radio' || el.type === 'checkbox') { 12213 return (value === undefined || value.length === 0) ? msg : true; 12214 } 12215 12216 el.setAttribute('required', ''); 12217 el.checkValidity(); 12218 12219 return el.validity.valueMissing ? msg : true; 12220 }, 12221 maxlength(value, options, field, context) { 12222 const n = Number(options) 12223 if (value.length > n) { 12224 return n === 1 12225 ? hyva.strf('Please\u0020enter\u0020no\u0020more\u0020than\u00201\u0020character.') 12226 : hyva.strf('Please\u0020enter\u0020no\u0020more\u0020than\u0020\u00250\u0020characters.', options) 12227 } 12228 return true; 12229 }, 12230 minlength(value, options, field, context) { 12231 const n = Number(options) 12232 if (value.length > 0 && value.length < n) { 12233 return n === 1 12234 ? hyva.strf('Please\u0020enter\u0020at\u0020least\u00201\u0020character.') 12235 : hyva.strf('Please\u0020enter\u0020at\u0020least\u0020\u00250\u0020characters.', options) 12236 } 12237 return true; 12238 }, 12239 max(value, options, field, context) { 12240 field.element.setAttribute('max', options); 12241 field.element.checkValidity(); 12242 if (field.element.validity.rangeOverflow) { 12243 return hyva.strf('Please\u0020enter\u0020a\u0020value\u0020less\u0020than\u0020or\u0020equal\u0020to\u0020\u0022\u00250\u0022.', options); 12244 } 12245 return true; 12246 }, 12247 min(value, options, field, context) { 12248 field.element.setAttribute('min', options); 12249 field.element.checkValidity(); 12250 if (field.element.validity.rangeUnderflow) { 12251 return hyva.strf('Please\u0020enter\u0020a\u0020value\u0020greater\u0020than\u0020or\u0020equal\u0020to\u0020\u0022\u00250\u0022.', options); 12252 } 12253 return true; 12254 }, 12255 step(value, options, field, context) { 12256 field.element.setAttribute('step', options); 12257 field.element.checkValidity(); 12258 if (field.element.validity.stepMismatch) { 12259 const val = Number(value); 12260 const step = Number(options); 12261 const msg = 'Please\u0020enter\u0020a\u0020valid\u0020value.\u0020The\u0020two\u0020nearest\u0020valid\u0020values\u0020are\u0020\u0022\u00250\u0022\u0020and\u0020\u0022\u00251\u0022.'; 12262 return hyva.strf(msg, Math.floor(val / step) * step, Math.ceil(val / step) * step); 12263 } 12264 return true; 12265 }, 12266 pattern(value, options, field, context) { 12267 field.element.setAttribute('pattern', options); 12268 field.element.checkValidity(); 12269 if (field.element.validity.patternMismatch) { 12270 return field.element.title 12271 ? hyva.strf('Please\u0020match\u0020the\u0020requested\u0020format\u003A\u0020\u00250.', field.element.title) 12272 : 'Please\u0020match\u0020the\u0020requested\u0020format.' 12273 } 12274 return true; 12275 }, 12276 email(value, options, field, context) { 12277 const rule = /^([a-z0-9,!\#\$%&'\*\+\/=\?\^_`\{\|\}~-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z0-9,!\#\$%&'\*\+\/=\?\^_`\{\|\}~-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*@([a-z0-9-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z0-9-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*\.(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]){2,})$/i; 12278 if (value.length > 0 && !rule.test(value)) {
12279 return 'Por\u0020favor,\u0020ingrese\u0020una\u0020direcci\u00F3n\u0020de\u0020correo\u0020electr\u00F3nico\u0020v\u00E1lida.'; 12280 } 12281 return true; 12282 }, 12283 password(value, options, field, context) { 12284 const rule = /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/; 12285 if (value.length > 0 && !rule.test(value)) { 12286 return 'Please\u0020provide\u0020at\u0020least\u0020one\u0020upper\u0020case,\u0020one\u0020lower\u0020case,\u0020one\u0020digit\u0020and\u0020one\u0020special\u0020character\u0020\u0028\u0023\u003F\u0021\u0040\u0024\u0025\u005E\u0026\u002A\u002D\u0029'; 12287 } 12288 return true; 12289 }, 12290 equalTo(value, options, field, context) { 12291 const dependencyField = context.fields[options].element; 12292 if (value !== dependencyField.value) { 12293 const dependencyFieldName = 12294 dependencyField.label || 12295 dependencyField.title || 12296 (dependencyField.labels && dependencyField.labels[0] && dependencyField.labels[0].innerText) || 12297 dependencyField.name; 12298 return hyva.strf('This\u0020field\u0020value\u0020must\u0020be\u0020the\u0020same\u0020as\u0020\u0022\u00250\u0022.', dependencyFieldName); 12299 } 12300 return true; 12301 } 12302 }; 12303 12304 function raceSome(promises, pred) { 12305 return new Promise((resolve, reject) => { 12306 12307 if (promises.length === 0) { 12308 return resolve(); 12309 } 12310 12311 let settled = false, nDone = 0; 12312 12313 const resolveIf = v => { 12314 if (!settled && (pred(v) || ++nDone === promises.length)) { 12315 settled = true; 12316 resolve(v); 12317 } 12318 return v; 12319 } 12320 12321 promises.map(promise => { 12322 promise.then(resolveIf).catch(reason => { 12323 settled = true; 12324 reject(reason) 12325 }); 12326 return promise; 12327 }); 12328 }); 12329 } 12330 12331 const INPUT_ATTRIBUTE_RULES = {min: 'min', max: 'max', required: 'required', minlength: 'minlength', maxlength: 'maxlength', step: 'step', pattern: 'pattern'} 12332 const INPUT_TYPE_RULES = {email: 'email'} 12333 12334 function getRules(element) { 12335 let rules = {}; 12336 Object.keys(INPUT_ATTRIBUTE_RULES).forEach(attrName => { 12337 if (element.hasAttribute(attrName)) { 12338 rules[INPUT_ATTRIBUTE_RULES[attrName]] = element.getAttribute(attrName); 12339 } 12340 }) 12341 if (INPUT_TYPE_RULES[element.type]) { 12342 rules[INPUT_TYPE_RULES[element.type]] = true; 12343 } 12344 12345 if (element.dataset.validate) { 12346 try { 12347 Object.assign(rules, JSON.parse(element.dataset.validate)); 12348 } catch (error) { 12349 console.error('Validator error. Cannot parse data-validate attribute of element:\n', element); 12350 } 12351 } 12352 12353 return rules; 12354 } 12355 12356 function isInvalidRuleResult(ruleState) { 12357 return typeof ruleState === 'string' || !ruleState || (ruleState.type && ruleState.content); 12358 } 12359 12360 async function runValidateFn(rule, options, value, field) { 12361 return formValidationRules[rule](value, options, field, this); 12362 } 12363 12364 function generateId() { 12365 let id; 12366 do { 12367 id = `${this.idPrefix}-${++this.idSeq}`; 12368 } while (document.getElementById(id)); 12369 return id; 12370 } 12371 12372 function isVisible(element) { 12373 const el = element.type !== 'hidden' ? element : (element.parentElement || {}); 12374 return !!(el.offsetWidth || el.offsetHeight || el.getClientRects().length) 12375 } 12376 12377 function elementWillValidate(element) { 12378 return (element.willValidate || element.type === 'hidden') 12379 && element.tagName !== 'BUTTON' 12380 && element.disabled === false 12381 && !(element.tagName === 'INPUT' && element.type === 'submit') 12382 && (element.hasAttribute('data-validate-hidden') || isVisible(element)) 12383 } 12384 12385 function createMessageContainer(el, fieldWrapperClassName) { 12386 if (! el.parentElement) { 12387 return; 12388 } 12389 const refocus = document.activeElement === el; 12390 const wrapper = document.createElement('div'); 12391 wrapper.classList.add.apply(wrapper.classList, fieldWrapperClassName.split(' ')); 12392 el.parentElement.insertBefore(wrapper, el); 12393 wrapper.appendChild(el); 12394 refocus && document.activeElement !== el && el.focus(); 12395 return wrapper; 12396 } 12397 12398 function containerNotFound(selector, el) { 12399 const msg = `Cannot find message container element ${selector} of ${el.name}`; 12400 console.error(msg, el); 12401 throw msg; 12402 } 12403 12404 function createTextInputFrom(el) { 12405 const text = document.createElement('INPUT'); 12406 text.type = 'text'; 12407 text.value = el.value; 12408 return text; 12409 } 12410 12411 function classNamesToSelector(classNames) { 12412 return classNames.split(' ') 12413 .filter(className => className.length > 0) 12414 .map(className => `.${className}`) 12415 .join('') 12416 } 12417 12418 function hasMessagesWrapper(field, messagesWrapperClassName) { 12419 return this.getMessageContainer(field).querySelector(classNamesToSelector(messagesWrapperClassName)); 12420 } 12421
12422 function getMessagesWrapper(field, messagesWrapperClassName) { 12423 if (hasMessagesWrapper.call(this, field, messagesWrapperClassName)) { 12424 return this.getMessageContainer(field).querySelector(classNamesToSelector(messagesWrapperClassName)); 12425 } 12426 12427 const msgWrapper = document.createElement('ul'); 12428 const msgId = generateId.call(this); 12429 msgWrapper.id = msgId; 12430 field.element.setAttribute('aria-errormessage', msgId); 12431 field.element.setAttribute('aria-describedby', msgId); 12432 msgWrapper.classList.add.apply(msgWrapper.classList, messagesWrapperClassName.split(' ')); 12433 if (field.validateOnChange) { 12434 msgWrapper.setAttribute('aria-live', 'polite'); 12435 } 12436 this.getMessageContainer(field).appendChild(msgWrapper); 12437 12438 return msgWrapper; 12439 } 12440 12441 function getCheckedValues(field) { 12442 const name = field.element.name.replace(/([\\"])/g, '\\$1'); 12443 const elements = field.element.form.querySelectorAll('input[name="' + name + '"]:checked'); 12444 return Array.from(elements).map(el => el.value); 12445 } 12446 12447 function escapeHtml(s) { 12448 const div = document.createElement('div') 12449 div.innerText = s; 12450 return div.innerHTML; 12451 } 12452 12453 12454 function formValidation(formElement, options) { 12455 // Disable browser default validation 12456 if (formElement.tagName === 'FORM') { 12457 formElement.setAttribute('novalidate', ''); 12458 } else { 12459 console.error('formValidation can be initialized only on FORM element', formElement); 12460 return; 12461 } 12462 12463 options = Object.assign({ 12464 fieldWrapperClassName: 'field field-reserved', 12465 messagesWrapperClassName: 'messages', 12466 validClassName: 'field-success', 12467 invalidClassName: 'field-error', 12468 pageMessagesWrapperSelector: null, 12469 scrollToFirstError: true, 12470 }, options || {}); 12471 12472 return { 12473 state: { 12474 valid: false, 12475 }, 12476 fields: {}, 12477 idSeq: 0, 12478 idPrefix: formElement.id || 'vld-msg', 12479 setupFields(elements) { 12480 this.fields = {}; 12481 Array.from(elements).forEach(element => { 12482 if (elementWillValidate(element)) { 12483 this.setupField(element); 12484 } 12485 }); 12486 }, 12487 setupField(element) { 12488 if (! element) return; 12489 const onChange = !!element.dataset.onChange; 12490 if (elementWillValidate(element)) { 12491 const rules = getRules(element); 12492 if (Object.keys(rules).length > 0) { 12493 if (this.fields[element.name]) { 12494 Object.assign(this.fields[element.name].rules, rules); 12495 } else { 12496 this.fields[element.name] = { 12497 element, 12498 rules: rules, 12499 validateOnChange: onChange, 12500 state: { 12501 valid: null, 12502 rules: {} 12503 } 12504 } 12505 } 12506 } 12507 } else { 12508 console.error('Element will not validate', element); 12509 } 12510 }, 12511 onSubmit(event) { 12512 if (event.target.tagName === 'FORM') { 12513 event.preventDefault(); 12514 12515 this.validate() 12516 .then(() => event.target.submit()) 12517 .catch(invalidElements => {}); 12518 } 12519 }, 12520 onChange(event) {
12521 event.target.dataset.onChange = 'true'; 12522 if (!Object.keys(this.fields).length) { 12523 this.setupFields(formElement.elements); 12524 } 12525 if (!Object.keys(this.fields).includes(event.target.name)) { 12526 this.setupField(event.target); 12527 } 12528 const field = this.fields[event.target.name]; 12529 12530 this.validateField(field); 12531 field && field.element.removeAttribute('data-on-change') 12532 }, 12533 validateSafe() { 12534 return new Promise(resolve => this.validate().then(() => resolve(true)).catch(() => {})) 12535 }, 12536 validate() { 12537 if (!Object.keys(this.fields).length || !Object.keys(this.fields).length !== formElement.elements.length) { 12538 this.setupFields(formElement.elements); 12539 } 12540 return new Promise(async (resolve, reject) => { 12541 if (formElement.elements) { 12542 await raceSome(this.validateFields(), result => result !== true) 12543 const invalidFields = Object.values(this.fields).filter(field => !field.state.valid); 12544 this.state.valid = invalidFields.length === 0; 12545 if (this.state.valid) { 12546 resolve(); 12547 } else { 12548 if (options.scrollToFirstError && invalidFields.length > 0) { 12549 invalidFields[0].element.focus() 12550 invalidFields[0].element.select && invalidFields[0].element.select(); 12551 } 12552 reject(invalidFields.map(field => field.element)); 12553 } 12554 } 12555 }); 12556 }, 12557 validateFields() { 12558 const fields = Object.values(this.fields); 12559 12560 fields.forEach(field => { 12561 this.getMessageContainer(field).classList.remove(options.validClassName, options.invalidClassName) 12562 }); 12563 return fields.map(field => this.validateField(field)) 12564 }, 12565 validateField(field) { 12566 if (! field || ! elementWillValidate(field.element)) { 12567 return new Promise(resolve => resolve(true)) 12568 } 12569 12570 let value; 12571 if (field.element.type === 'checkbox') { 12572 value = getCheckedValues(field); 12573 } else if (field.element.type === 'radio') { 12574 value = getCheckedValues(field)[0] || undefined; 12575 } else if (field.element.tagName === 'SELECT' && field.element.multiple) { 12576 value = Array.from(field.element.selectedOptions).map(opt => opt.value); 12577 } else { 12578 value = field.element.value; 12579 } 12580 12581 const rules = field.rules || {}; 12582 12583 field.state.valid = true; 12584 this.showFieldState(field); 12585 12586 12587 const fieldValidations = Object.keys(rules).filter(rule => formValidationRules[rule]).map(async rule => { 12588 return runValidateFn.call(this, rule, rules[rule], value, field).then(result => { 12589 field.state.rules[rule] = result; 12590 return result; 12591 }) 12592 }); 12593 12594 return new Promise(resolve => { 12595 Promise.all(fieldValidations).then(results => { 12596 field.state.valid = !elementWillValidate(field.element) || rules.length === 0 || !results.some(isInvalidRuleResult)
12597 this.showFieldState(field); 12598 resolve(field.state.valid); 12599 }) 12600 }); 12601 }, 12602 getMessagesByField(field) { 12603 const messages = []; 12604 const invalidRules = Object.keys(field.state.rules).filter(rule => isInvalidRuleResult(field.state.rules[rule])); 12605 12606 field.rules && Object.keys(field.rules).forEach((rule) => { 12607 if (invalidRules.includes(rule)) { 12608 const customMessage = field.element.getAttribute('data-msg-' + rule); 12609 const message = customMessage ? customMessage : field.state.rules[rule]; 12610 const ruleOptions = JSON.parse(JSON.stringify(field.rules[rule])); 12611 12612 if (typeof message === 'undefined' || message === null || (typeof message !== 'string' && ! message.type)) { 12613 messages.push(hyva.strf('Validation rule "%0" failed.', rule)); 12614 } else if (Array.isArray(ruleOptions)) { 12615 ruleOptions.unshift(message.type ? message.content : message); 12616 const content = hyva.strf.apply(null, ruleOptions); 12617 messages.push(message.type ? {type: message.type, content} : content); 12618 } else { 12619 const content = hyva.strf(message.type ? message.content : message, ruleOptions) 12620 messages.push(message.type ? {type: message.type, content} : content); 12621 } 12622 } 12623 }); 12624 return messages; 12625 }, 12626 /** @deprecated */ 12627 getFieldWrapper(field) { 12628 return this.getMessageContainer(field) 12629 }, 12630 getMessageContainer(field) { 12631 let container; 12632 const pageSelector = field.element.getAttribute('data-validation-container') || options.pageMessagesContainerSelector; 12633 if (pageSelector) { 12634 container = document.querySelector(pageSelector) 12635 || containerNotFound(pageSelector, field.element) 12636 } else { 12637 const containerSelector = classNamesToSelector(options.fieldWrapperClassName); 12638 container = field.element.closest(containerSelector) 12639 || createMessageContainer(field.element, options.fieldWrapperClassName) 12640 || containerNotFound(containerSelector, field.element); 12641 } 12642 12643 return container; 12644 }, 12645 showFieldState(field) { 12646 const container = this.getMessageContainer(field), 12647 hasErrorMessages = hasMessagesWrapper.call(this, field, options.messagesWrapperClassName), 12648 messages = this.getMessagesByField(field).map(m => { 12649 return m.type !== 'html' ? escapeHtml(m.type ? m.content : m) : m.content; 12650 }); 12651 container.classList.toggle(options.validClassName, field.state.valid && ! hasErrorMessages); 12652 container.classList.toggle(options.invalidClassName, !field.state.valid || hasErrorMessages); 12653 this.createHtmlErrorMessage(field, messages); 12654 12655 if (field.state.valid) { 12656 field.element.removeAttribute('aria-invalid'); 12657 } else { 12658 field.element.setAttribute('aria-invalid', 'true'); 12659 if (! document.activeElement) { 12660 field.element.focus(); 12661 } 12662 } 12663 }, 12664 removeMessages(field, messagesClass) { 12665 if (! hasMessagesWrapper.call(this, field, messagesClass || options.messagesWrapperClassName)) { 12666 return; 12667 } 12668 12669 const msgWrapper = getMessagesWrapper.call(this, field, messagesClass || options.messagesWrapperClassName); 12670 const messages = msgWrapper.querySelectorAll(`[data-msg-field='${field.element.name}']`);
12671 Array.from(messages).forEach(msg => msg.remove()); 12672 if (msgWrapper && msgWrapper.childElementCount === 0) { 12673 field.element.removeAttribute('aria-errormessage'); 12674 field.element.removeAttribute('aria-describedby'); 12675 msgWrapper.remove(); 12676 } 12677 }, 12678 createErrorMessage(field, messages) { 12679 const htmlMessages = (Array.isArray(messages) ? messages : [messages]).map(escapeHtml) 12680 this.createHtmlErrorMessage(field, htmlMessages); 12681 }, 12682 createHtmlErrorMessage(field, messages) { 12683 this.removeMessages(field, options.messagesWrapperClassName); 12684 field.element.removeAttribute('aria-errormessage'); 12685 field.element.removeAttribute('aria-describedby'); 12686 12687 if (!field.state.valid) { 12688 const msgWrapper = this.addHtmlMessages(field, options.messagesWrapperClassName, messages); 12689 field.element.setAttribute('aria-errormessage', msgWrapper.id); 12690 field.element.setAttribute('aria-describedby', msgWrapper.id); 12691 } 12692 }, 12693 /** @deprecated */ 12694 createMessage(field, message) { 12695 return this.addMessages(field, options.messagesWrapperClassName, message); 12696 }, 12697 addMessages(field, messagesClass, messages) { 12698 const htmlMessages = (Array.isArray(messages) ? messages : [messages]).map(escapeHtml) 12699 return this.addHtmlMessages(field, messagesClass, htmlMessages); 12700 }, 12701 addHtmlMessages(field, messagesClass, htmlMessages) { 12702 const msgWrapper = getMessagesWrapper.call(this, field, messagesClass); 12703 12704 (Array.isArray(htmlMessages) ? htmlMessages : [htmlMessages]).forEach((htmlMessage) => { 12705 const li = document.createElement('li'); 12706 li.innerHTML = htmlMessage; 12707 li.setAttribute('data-msg-field', field.element.name); 12708 msgWrapper.appendChild(li); 12709 }); 12710 12711 return msgWrapper; 12712 }, 12713 setField(name, value) { 12714 this.fields[name].element.value = value; 12715 this.fields[name].element.dispatchEvent((new Event('input'))); 12716 this.validateField(this.fields[name]); 12717 } 12718 } 12719 } 12720 12721 hyva.formValidation = formValidation; 12722 hyva.formValidation.rules = formValidationRules; 12723 hyva.formValidation.setInputAttributeRuleName = (attrName, ruleName) => INPUT_ATTRIBUTE_RULES[attrName] = ruleName || attrName; 12724 hyva.formValidation.setInputTypeRuleName = (typeName, ruleName) => INPUT_TYPE_RULES[typeName] = ruleName || typeName; 12725 hyva.formValidation.addRule = (name, validator) => formValidationRules[name] = validator; 12726 }(window.hyva = window.hyva || {})); 12727</script>
vendor: 1 bytes, line 12727
12727
12728<script> 12729 function initHeader () { 12730 return { 12731 // searchOpen: false, 12732 cart: {}, 12733 isCartOpen: false, 12734 getData(data) { 12735 if (data.cart) { this.cart = data.cart } 12736 }, 12737 isCartEmpty() { 12738 return !this.cart.summary_count 12739 }, 12740 toggleCart(event) { 12741 if (event.detail && event.detail.isOpen !== undefined) { 12742 this.isCartOpen = event.detail.isOpen 12743 if (!this.isCartOpen && this.$refs && this.$refs.cartButton) { 12744 this.$refs.cartButton.focus() 12745 } 12746 } else { 12747 this.isCartOpen = true 12748 } 12749 } 12750 } 12751 } 12752 function initCompareHeader() { 12753 return { 12754 compareProducts: null, 12755 itemCount: 0, 12756 receiveCompareData(data) { 12757 if (data['compare-products']) { 12758 this.compareProducts = data['compare-products']; 12759 this.itemCount = this.compareProducts.count; 12760 } 12761 } 12762 } 12763 } 12764</script>
vendor: 1 bytes, line 12764
12764
12765<script> 12766 'use strict'; 12767 12768 function initMiniSearch() { 12769 return { 12770 minSearchLength: 3, 12771 suggestions: [], 12772 suggest() { 12773 const search = this.$refs.searchInput; 12774 if (search.value.length >= this.minSearchLength) { 12775 search.setCustomValidity(''); 12776 search.reportValidity(); 12777 this.fetchSuggestions(search.value); 12778 } else { 12779 this.suggestions = []; 12780 } 12781 }, 12782 fetchSuggestions(term) { 12783 fetch( 12784 window.BASE_URL + 'search/ajax/suggest?' + new URLSearchParams({q: term}), 12785 { 12786 headers: { 12787 'X-Requested-With': 'XMLHttpRequest' 12788 } 12789 } 12790 ) 12791 .then(response => response.json()) 12792 .then(result => this.suggestions = result); 12793 }, 12794 search(term) { 12795 const search = this.$refs.searchInput; 12796 term = term || search.value; 12797 if (term.length < this.minSearchLength) { 12798 search.setCustomValidity('Longitud\u0020m\u00EDnima\u0020de\u0020consulta\u0020de\u0020b\u00FAsqueda\u0020es\u00203'); 12799 search.reportValidity(); 12800 } else { 12801 search.setCustomValidity(''); 12802 search.value = term; 12803 this.$refs.form.submit(); 12804 } 12805 }, 12806 focusElement(element) { 12807 if (element && element.nodeName === "DIV") { 12808 element.focus(); 12809 return true; 12810 } else { 12811 return false; 12812 } 12813 } 12814 } 12815 } 12816</script>
vendor: 1 bytes, line 12816
12816
12817<script> 12818 function supportHours() { 12819 return { 12820 isVisible: false, 12821 checkTime() { 12822 const now = new Date(); 12823 const colombiaTime = new Date(now.toLocaleString('en-US', { timeZone: 'America/Bogota' })); 12824 const hours = colombiaTime.getHours(); 12825 this.isVisible = hours >= 9 && hours < 18; 12826 } 12827 } 12828 } 12829 </script>
vendor: 1 bytes, line 12829
12829
12830<script> 12831 'use strict'; 12832 12833 const initMenuMobile_6ab47b46b0158 = () => ({ 12834 open: false, 12835 openMenu(event) { 12836 this.open = true 12837 this.$nextTick(() => hyva.trapFocus(this.$refs['menu-dialog'])) 12838 // Prevent from body scrolling while mobile menu opened 12839 document.body.classList.add('fixed', 'w-full') 12840 }, 12841 closeMenu(event) { 12842 event.stopPropagation() 12843 document.body.classList.remove('fixed', 'w-full') 12844 this.open = false 12845 this.$nextTick(() => this.$refs['open-menu-button'].focus() || hyva.releaseFocus()) 12846 }, 12847 toggleSubmenu(index) { 12848 this[index] = !this[index] 12849 12850 if (this[index]) { 12851 const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])' 12852 this.$nextTick(() => { 12853 this.$refs['submenu-' + index]?.querySelector(focusableElements)?.focus() 12854 }) 12855 } 12856 }, 12857 }) 12858 </script>
vendor: 1 bytes, line 12858
12858
12859<script> 12860 'use strict'; 12861 12862 const initTopmenuDesktop_6ab442d68cad4 = () => ({ 12863 openSubmenuId: null, 12864 toggleSubmenu(menuNode) { 12865 if (menuNode === this.openSubmenuId) { 12866 this.openSubmenuId = null 12867 hyva.releaseFocus() 12868 } else { 12869 this.openSubmenuId = menuNode 12870 this.$nextTick(() => { 12871 hyva.trapFocus(this.$refs['submenu-' + menuNode]) 12872 }) 12873 } 12874 }, 12875 onSubmenuEscape(event) { 12876 event.stopPropagation() 12877 this.$refs['sr-button-' + this.openSubmenuId]?.focus() 12878 this.openSubmenuId = null 12879 } 12880 }) 12881 </script>
vendor: 1 bytes, line 12881
12881
12882<script> 12883 'use strict'; 12884 12885 const initSubMenu2307 = () => ({ 12886 openLevel2SubmenuId: null, 12887 openSubMenu: false, 12888 openLevel2Submenu(menuNode) { 12889 console.log(menuNode) 12890 this.openLevel2SubmenuId = menuNode 12891 this.$nextTick(() => { 12892 const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])' 12893 this.$refs['level-2-submenu-' + menuNode]?.querySelector(focusableElements)?.focus() 12894 }) 12895 }, 12896 }) 12897 </script>
vendor: 1 bytes, line 12897
12897
12898<script> 12899 'use strict'; 12900 12901 const initSubMenu2433 = () => ({ 12902 openLevel2SubmenuId: null, 12903 openSubMenu: false, 12904 openLevel2Submenu(menuNode) { 12905 console.log(menuNode) 12906 this.openLevel2SubmenuId = menuNode 12907 this.$nextTick(() => { 12908 const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])' 12909 this.$refs['level-2-submenu-' + menuNode]?.querySelector(focusableElements)?.focus() 12910 }) 12911 }, 12912 }) 12913 </script>
vendor: 1 bytes, line 12913
12913
12914<script> 12915 'use strict'; 12916 12917 const initSubMenu2506 = () => ({ 12918 openLevel2SubmenuId: null, 12919 openSubMenu: false, 12920 openLevel2Submenu(menuNode) { 12921 console.log(menuNode) 12922 this.openLevel2SubmenuId = menuNode 12923 this.$nextTick(() => { 12924 const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])' 12925 this.$refs['level-2-submenu-' + menuNode]?.querySelector(focusableElements)?.focus() 12926 }) 12927 }, 12928 }) 12929 </script>
vendor: 1 bytes, line 12929
12929
12930<script> 12931 'use strict'; 12932 12933 const initSubMenu2579 = () => ({ 12934 openLevel2SubmenuId: null, 12935 openSubMenu: false, 12936 openLevel2Submenu(menuNode) { 12937 console.log(menuNode) 12938 this.openLevel2SubmenuId = menuNode 12939 this.$nextTick(() => { 12940 const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])' 12941 this.$refs['level-2-submenu-' + menuNode]?.querySelector(focusableElements)?.focus() 12942 }) 12943 }, 12944 }) 12945 </script>
vendor: 1 bytes, line 12945
12945
12946<script> 12947 'use strict'; 12948 12949 const initSubMenu2597 = () => ({ 12950 openLevel2SubmenuId: null, 12951 openSubMenu: false, 12952 openLevel2Submenu(menuNode) { 12953 console.log(menuNode) 12954 this.openLevel2SubmenuId = menuNode 12955 this.$nextTick(() => { 12956 const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])' 12957 this.$refs['level-2-submenu-' + menuNode]?.querySelector(focusableElements)?.focus() 12958 }) 12959 }, 12960 }) 12961 </script>
vendor: 1 bytes, line 12961
12961
12962<script> 12963 function initCartDrawer() { 12964 return { 12965 open: false, 12966 isLoading: false, 12967 cart: {}, 12968 maxItemsToDisplay: 10, 12969 itemsCount: 0, 12970 getData(data) { 12971 if (data.cart) { 12972 this.cart = data.cart; 12973 this.itemsCount = data.cart.items && data.cart.items.length || 0; 12974 this.setCartItems(); 12975 } 12976 this.isLoading = false; 12977 }, 12978 cartItems: [], 12979 getItemCountTitle() { 12980 return hyva.strf('\u00250\u0020of\u0020\u00251\u0020products\u0020in\u0020cart\u0020displayed', this.maxItemsToDisplay, this.itemsCount) 12981 }, 12982 setCartItems() { 12983 this.cartItems = this.cart.items && this.cart.items.sort((a, b) => b.item_id - a.item_id) || []; 12984 12985 if (this.maxItemsToDisplay > 0) { 12986 this.cartItems = this.cartItems.slice(0, parseInt(this.maxItemsToDisplay, 10)); 12987 } 12988 }, 12989 deleteItemFromCart(itemId) { 12990 this.isLoading = true; 12991 12992 const formKey = hyva.getFormKey(); 12993 const postUrl = BASE_URL + 'checkout/sidebar/removeItem/'; 12994 12995 fetch(postUrl, { 12996 "headers": { 12997 "content-type": "application/x-www-form-urlencoded; charset=UTF-8", 12998 }, 12999 "body": "form_key=" + formKey + "&item_id=" + itemId, 13000 "method": "POST", 13001 "mode": "cors", 13002 "credentials": "include" 13003 }).then(response => { 13004 if (response.redirected) { 13005 window.location.href = response.url; 13006 } else if (response.ok) { 13007 return response.json(); 13008 } else { 13009 window.dispatchMessages && window.dispatchMessages([{ 13010 type: 'warning', 13011 text: 'Could\u0020not\u0020remove\u0020item\u0020from\u0020quote.' 13012 }]); 13013 this.isLoading = false; 13014 } 13015 }).then(result => { 13016 window.dispatchMessages && window.dispatchMessages([{ 13017 type: result.success ? 'success' : 'error', 13018 text: result.success 13019 ? 'Elimin\u00F3\u0020el\u0020elemento.' 13020 : result.error_message 13021 }], result.success ? 5000 : 0) 13022 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 13023 }); 13024 }, 13025 scrollLock(use = true) { 13026 document.body.style.overflow = use ? "hidden" : ""; 13027 }, 13028 toggleCartDrawer(event) { 13029 if (event.detail && event.detail.isOpen !== undefined) { 13030 if (event.detail.isOpen) { 13031 this.openCartDrawer(); 13032 } else { 13033 this.open = false; 13034 this.scrollLock(false); 13035 this.$refs && this.$refs.cartDialogContent && hyva.releaseFocus(this.$refs.cartDialogContent); 13036 } 13037 } else { 13038 this.openCartDrawer() 13039 } 13040 }, 13041 openCartDrawer() { 13042 this.open = true; 13043 this.scrollLock(true); 13044 this.$nextTick(() => { 13045 this.$refs && this.$refs.cartDialogContent && hyva.trapFocus(this.$refs.cartDialogContent) 13046 }) 13047 }, 13048 closeCartDrawer() { 13049 this.$dispatch('toggle-cart', { isOpen: false }) 13050 }, 13051 getSectionDataExtraActions() { 13052 if (!this.cart.extra_actions) { 13053 return ''; 13054 } 13055 13056 const contentNode = document.createElement('div'); 13057 contentNode.innerHTML = this.cart.extra_actions; 13058 13059 hyva.activateScripts(contentNode); 13060 13061 return contentNode.innerHTML; 13062 } 13063 } 13064 } 13065</script>
vendor: 1 bytes, line 13065
13065
13066<script> 13067 function initAuthentication() { 13068 return { 13069 open: false, 13070 forceAuthentication: false, 13071 checkoutUrl: 'https://www.mediatekis.com.co/checkout/index/', 13072 errors: 0, 13073 hasCaptchaToken: 0, 13074 displayErrorMessage: false, 13075 errorMessages: [], 13076 setErrorMessages: function setErrorMessages(messages) { 13077 this.errorMessages = [messages]; 13078 this.displayErrorMessage = this.errorMessages.length; 13079 }, 13080 submitForm: function () { 13081 // Do not rename $form, the variable is expected to be declared in the recaptcha output 13082 const $form = document.querySelector('#login-form'); 13083 13084 if (this.errors === 0) { 13085 this.dispatchLoginRequest($form); 13086 } 13087 }, 13088 onPrivateContentLoaded: function (data) { 13089 const isLoggedIn = data.customer && data.customer.firstname; 13090 if (data.cart && !isLoggedIn) { 13091 this.forceAuthentication = !data.cart.isGuestCheckoutAllowed; 13092 } 13093 }, 13094 redirectIfAuthenticated: function (event) { 13095 if (event.detail && event.detail.url) { 13096 this.checkoutUrl = event.detail.url; 13097 } 13098 if (!this.forceAuthentication) { 13099 window.location.href = this.checkoutUrl; 13100 } 13101 }, 13102 dispatchLoginRequest: function(form) { 13103 this.isLoading = true; 13104 const username = this.$refs['customer-email'].value; 13105 const password = this.$refs['customer-password'].value; 13106 const formKey = hyva.getFormKey(); 13107 const bodyFields = { 13108 'username': username, 13109 'password': password, 13110 'formKey': formKey 13111 }; 13112 const fieldName = 'g\u002Drecaptcha\u002Dresponse'; 13113 const recaptchaField = fieldName && form[fieldName]; 13114 if (recaptchaField) { 13115 bodyFields[fieldName] = recaptchaField.value; 13116 } 13117 fetch('https://www.mediatekis.com.co/customer/ajax/login/', { 13118 method: 'POST', 13119 headers: { 13120 'Content-Type': 'application/json', 13121 'X-Requested-With': 'XMLHttpRequest' 13122 }, 13123 body: JSON.stringify(bodyFields) 13124 } 13125 ).then(response => { 13126 return response.json() 13127 } 13128 ).then(data=> { 13129 this.isLoading = false; 13130 if (data.errors) { 13131 dispatchMessages([{ 13132 type: 'error', 13133 text: data.message 13134 }], 5000); 13135 this.errors = 1; 13136 this.hasCaptchaToken = 0; 13137 } else { 13138 window.location.href = this.checkoutUrl; 13139 } 13140 }); 13141 } 13142 } 13143 } 13144</script>
vendor: 1 bytes, line 13144
13144
13145<script> 13146 function initMessages() { 13147 "use strict"; 13148 return { 13149 messages: window.mageMessages || [], 13150 isEmpty() { 13151 return this.messages.reduce( 13152 function (isEmpty, message) { 13153 return isEmpty && message === undefined 13154 }, true 13155 ) 13156 }, 13157 removeMessage(messageIndex) { 13158 this.messages[messageIndex] = undefined; 13159 }, 13160 addMessages(messages, hideAfter) { 13161 messages.map((message) => { 13162 this.messages = this.messages.concat(message); 13163 if (hideAfter === undefined && message.type === 'success' && window.defaultSuccessMessageTimeout) { 13164 hideAfter = window.defaultSuccessMessageTimeout; 13165 } 13166 if (hideAfter) { 13167 this.setHideTimeOut(this.messages.length -1, hideAfter); 13168 } 13169 }); 13170 }, 13171 setHideTimeOut(messageIndex, hideAfter) { 13172 setTimeout((messageIndex) => { 13173 this.removeMessage(messageIndex); 13174 }, hideAfter, messageIndex); 13175 }, 13176 eventListeners: { 13177 ['@messages-loaded.window'](event) { 13178 this.addMessages(event.detail.messages, event.detail.hideAfter) 13179 }, 13180 ['@private-content-loaded.window'](event) { 13181 const data = event.detail.data; 13182 if ( 13183 data.messages && 13184 data.messages.messages && 13185 data.messages.messages.length 13186 ) { 13187 this.addMessages(data.messages.messages); 13188 } 13189 }, 13190 ['@clear-messages.window']() { 13191 this.messages = []; 13192 } 13193 } 13194 } 13195 } 13196</script>
vendor: 1 bytes, line 13196
13196
13197<script> 13198 function initLayeredNavigation() { 13199 return { 13200 isMobile: false, 13201 blockOpen: false, 13202 checkIsMobileResolution() { 13203 const mobileElement = this.$refs.LayeredNavigationMobileToggleIcon; 13204 this.isMobile = mobileElement 13205 ? getComputedStyle(mobileElement).display !== "none" 13206 : window.matchMedia('(max-width: 767px)').matches; // Fallback to `md` breakpoint 13207 } 13208 } 13209 } 13210 </script>
vendor: 1 bytes, line 13210
13210
13211<script> 13212 function initToolbar_6ac1f2da30ee0() { 13213 return { 13214 options: {"productListToolbarForm":{"mode":"product_list_mode","direction":"product_list_dir","order":"product_list_order","limit":"product_list_limit","modeDefault":"grid","directionDefault":"asc","orderDefault":"position","limitDefault":24,"url":"https:\/\/www.mediatekis.com.co\/audio\/combos-de-audio.html","formKey":"9aEnWRtvbMAa6rrF","post":false,"page":"p"}}.productListToolbarForm || {}, 13215 getUrlParams: function () { 13216 let decode = window.decodeURIComponent, 13217 urlPaths = this.options.url.split('?'), 13218 urlParams = urlPaths[1] ? urlPaths[1].split('&') : [], 13219 params = {}, 13220 parameters, i; 13221 13222 for (i = 0; i < urlParams.length; i++) { 13223 parameters = urlParams[i].split('='); 13224 params[decode(parameters[0])] = parameters[1] !== undefined ? 13225 decode(parameters[1].replace(/\+/g, '%20')) : 13226 ''; 13227 } 13228 13229 return params; 13230 }, 13231 getCurrentLimit: function () { 13232 return this.getUrlParams()[this.options.limit] || this.options.limitDefault; 13233 }, 13234 getCurrentPage: function () { 13235 return this.getUrlParams()[this.options.page] || 1; 13236 }, 13237 changeUrl(paramName, paramValue, defaultValue) { 13238 let urlPaths = this.options.url.split('?'), 13239 baseUrl = urlPaths[0], 13240 paramData = this.getUrlParams(), 13241 currentPage = this.getCurrentPage(), 13242 newPage; 13243 13244 /** 13245 * calculates the page on which the first item of the current page will 13246 * be with the new limit and sets that number as the new page 13247 */ 13248 if (currentPage > 1 && paramName === this.options.limit) { 13249 newPage = Math.floor(this.getCurrentLimit() * (currentPage - 1) / paramValue) + 1; 13250 13251 if (newPage > 1) { 13252 paramData[this.options.page] = newPage; 13253 } else { 13254 delete paramData[this.options.page]; 13255 } 13256 } 13257 13258 paramData[paramName] = paramValue; 13259 13260 if (this.options.post) { 13261 hyva.postForm({action: baseUrl, data: paramData, skipUenc: true}); 13262 } else { 13263 if (paramValue === defaultValue.toString()) { 13264 delete paramData[paramName]; 13265 } 13266 paramData = Object.keys(paramData).length === 0 13267 ? '' 13268 : '?' + (new URLSearchParams(paramData)); 13269 location.href = baseUrl + paramData 13270 } 13271 } 13272 } 13273 } 13274</script>
vendor: 1 bytes, line 13274
13274
13275<script> 13276 window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_1475'] = {"item_id":"MOAC0003","item_sku":"MOAC0003","magento_sku":"MOAC0003","magento_id":"1475","item_name":"Focusrite Vocaster One Studio","item_manufacturer":"Focusrite","item_list_id":"87","item_list_name":"Combos de Audio","price":899000,"item_category":"Combos de Audio","item_category2":"Liquidaciones","item_category3":"Ofertas Audio","item_category4":"Interfaces","item_category5":"Consolas e Interfaces","item_brand":"Focusrite","index":0}; 13277</script>
vendor: 1 bytes, line 13277
13277
13278<script> 13279 window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_1544'] = {"item_id":"MOAC0004","item_sku":"MOAC0004","magento_sku":"MOAC0004","magento_id":"1544","item_name":"Focusrite Vocaster Two Studio","item_manufacturer":"Focusrite","item_list_id":"87","item_list_name":"Combos de Audio","price":1640000,"item_category":"Combos de Audio","item_category2":"Ofertas Audio","item_category3":"Interfaces","item_category4":"Consolas e Interfaces","item_category5":"Combos Podcast","item_brand":"Focusrite","index":1}; 13280</script>
vendor: 1 bytes, line 13280
13280
13281<script> 13282 function initToolbar_6ac1f2da56518() { 13283 return { 13284 options: {"productListToolbarForm":{"mode":"product_list_mode","direction":"product_list_dir","order":"product_list_order","limit":"product_list_limit","modeDefault":"grid","directionDefault":"asc","orderDefault":"position","limitDefault":24,"url":"https:\/\/www.mediatekis.com.co\/audio\/combos-de-audio.html","formKey":"9aEnWRtvbMAa6rrF","post":false,"page":"p"}}.productListToolbarForm || {}, 13285 getUrlParams: function () { 13286 let decode = window.decodeURIComponent, 13287 urlPaths = this.options.url.split('?'), 13288 urlParams = urlPaths[1] ? urlPaths[1].split('&') : [], 13289 params = {}, 13290 parameters, i; 13291 13292 for (i = 0; i < urlParams.length; i++) { 13293 parameters = urlParams[i].split('='); 13294 params[decode(parameters[0])] = parameters[1] !== undefined ? 13295 decode(parameters[1].replace(/\+/g, '%20')) : 13296 ''; 13297 } 13298 13299 return params; 13300 }, 13301 getCurrentLimit: function () { 13302 return this.getUrlParams()[this.options.limit] || this.options.limitDefault; 13303 }, 13304 getCurrentPage: function () { 13305 return this.getUrlParams()[this.options.page] || 1; 13306 }, 13307 changeUrl(paramName, paramValue, defaultValue) { 13308 let urlPaths = this.options.url.split('?'), 13309 baseUrl = urlPaths[0], 13310 paramData = this.getUrlParams(), 13311 currentPage = this.getCurrentPage(), 13312 newPage; 13313 13314 /** 13315 * calculates the page on which the first item of the current page will 13316 * be with the new limit and sets that number as the new page 13317 */ 13318 if (currentPage > 1 && paramName === this.options.limit) { 13319 newPage = Math.floor(this.getCurrentLimit() * (currentPage - 1) / paramValue) + 1; 13320 13321 if (newPage > 1) { 13322 paramData[this.options.page] = newPage; 13323 } else { 13324 delete paramData[this.options.page]; 13325 } 13326 } 13327 13328 paramData[paramName] = paramValue; 13329 13330 if (this.options.post) { 13331 hyva.postForm({action: baseUrl, data: paramData, skipUenc: true}); 13332 } else { 13333 if (paramValue === defaultValue.toString()) { 13334 delete paramData[paramName]; 13335 } 13336 paramData = Object.keys(paramData).length === 0 13337 ? '' 13338 : '?' + (new URLSearchParams(paramData)); 13339 location.href = baseUrl + paramData 13340 } 13341 } 13342 } 13343 } 13344</script>
vendor: 1 bytes, line 13344
13344
13345<script> 13346 if (!window.mstScrollPaging) { 13347 window.mstScrollPaging = initPaging(); 13348 } 13349 13350 window.mstScrollPaging.updateData({...{"mode":"button","pageLimit":2,"pageNum":1,"initPageNum":1,"prevPageNum":false,"nextPageNum":false,"lastPageNum":1,"loadPrevText":"Load Previous Page","loadNextText":"Ver m\u00e1s","itemsTotal":2,"itemsLimit":24,"progressBarEnabled":false,"progressBarText":"Loaded %loaded% of %total% items","productListSelector":".products.product-grid, .products.products-grid, .products.product-list, .products.products-list"}, ...{productListSelector: '.products.product-grid, .products.products-grid, .products.product-list, .products.products-list'}}).initAjaxScroll(); 13351</script>
vendor: 1 bytes, line 13351
13351
13352<script> 13353 function getLoader () { 13354 return { 13355 show: function (target) { 13356 const loader = document.createElement('div'); 13357 loader.classList.add('mst-scroll__loader', 'text-xl', 'relative', 'w-16', 'h-4', 'my-2.5', 'mx-auto'); 13358 13359 for (let i = 0; i < 4; i++) { 13360 const dot = document.createElement('span'); 13361 dot.classList.add('loader-dot', 'block', 'w-4', 'h-4', 'rounded-full', 'bg-gray-500', 'absolute'); 13362 13363 loader.appendChild(dot); 13364 } 13365 13366 target.parentNode.insertBefore(loader, target.nextSibling); 13367 }, 13368 13369 hide: function () { 13370 document.querySelectorAll('.mst-scroll__loader').forEach(function (loader) { 13371 loader.remove(); 13372 }); 13373 } 13374 }; 13375 } 13376</script>
vendor: 1 bytes, line 13376
13376
13377<script> 13378 addEventListener('DOMContentLoaded', () => { 13379 for (const [selector, label] of Object.entries({"aside.sidebar-main":"Sidebar Main"})) { 13380 const target = document.querySelector(selector); 13381 target && target.setAttribute('aria-label', label); 13382 } 13383 }, {once: true}) 13384</script>
vendor: 1 bytes, line 13384
13384
13385<script> 13386 function initFooter () { 13387 return { 13388 showToTop: false, 13389 getScrollPosition() { 13390 const currentScroll = window.pageYOffset; 13391 13392 if(currentScroll > 300) { 13393 this.showToTop = true; 13394 } else { 13395 this.showToTop = false; 13396 } 13397 }, 13398 scrollToTop() { 13399 window.scrollTo({ top: 0, behavior: 'smooth' }); 13400 } 13401 } 13402 } 13403</script>
vendor: 1 bytes, line 13403
13403
13404<script> 13405 (() => { 13406 function src_default(Alpine) { 13407 Alpine.directive("intersect", (el, { value, expression, modifiers }, { evaluateLater, cleanup }) => { 13408 let evaluate = evaluateLater(expression); 13409 let options = { 13410 rootMargin: getRootMargin(modifiers), 13411 threshold: getThreshhold(modifiers) 13412 }; 13413 let observer = new IntersectionObserver((entries) => { 13414 entries.forEach((entry) => { 13415 if (entry.isIntersecting === (value === "leave")) 13416 return; 13417 evaluate(); 13418 modifiers.includes("once") && observer.disconnect(); 13419 }); 13420 }, options); 13421 observer.observe(el); 13422 cleanup(() => { 13423 observer.disconnect(); 13424 }); 13425 }); 13426 } 13427 function getThreshhold(modifiers) { 13428 if (modifiers.includes("full")) 13429 return 0.99; 13430 if (modifiers.includes("half")) 13431 return 0.5; 13432 if (!modifiers.includes("threshold")) 13433 return 0; 13434 let threshold = modifiers[modifiers.indexOf("threshold") + 1]; 13435 if (threshold === "100") 13436 return 1; 13437 if (threshold === "0") 13438 return 0; 13439 return Number(`.${threshold}`); 13440 } 13441 function getLengthValue(rawValue) { 13442 let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/); 13443 return match ? match[1] + (match[2] || "px") : void 0; 13444 } 13445 function getRootMargin(modifiers) { 13446 const key = "margin"; 13447 const fallback = "0px 0px 0px 0px"; 13448 const index = modifiers.indexOf(key); 13449 if (index === -1) 13450 return fallback; 13451 let values = []; 13452 for (let i = 1; i < 5; i++) { 13453 values.push(getLengthValue(modifiers[index + i] || "")); 13454 } 13455 values = values.filter((v) => v !== void 0); 13456 return values.length ? values.join(" ").trim() : fallback; 13457 } 13458 13459 document.addEventListener("alpine:init", () => { 13460 window.Alpine.plugin(src_default); 13461 }); 13462 })(); 13463</script>
vendor: 1 bytes, line 13463
13463
13464<script> 13465 for (const [selector, deferUntil] of Object.entries({".product-slider section[x-data]":"intersect",".product-info [x-data]":"intersect","#filters-content [x-data]":"intersect","#review_form":"intersect","section[x-data^=initRecentlyViewedProductsComponent]":"intersect","div[x-data^=initBundleOptions]":"intersect","#product_addtocart_form [x-data]":"intersect","#notice-cookie-block":"intersect"})) { 13466 document.querySelectorAll(selector).forEach(el => el.setAttribute('x-defer', `${deferUntil}`)); 13467 } 13468</script>
vendor: 1 bytes, line 13468
13468
13469<script> 13470 (function () { 13471 "use strict"; 13472 13473 const hasAlpine = new Promise(resolve => { 13474 window.addEventListener('alpine:initialized', resolve, {once: true, passive: true}); 13475 }); 13476 13477 const hasInteract = new Promise(resolve => { 13478 (events => { 13479 const onInteract = () => { 13480 resolve(); 13481 events.forEach(type => window.removeEventListener(type, onInteract)); 13482 } 13483 events.forEach(type => window.addEventListener(type, onInteract, {once: true, passive: true})) 13484 })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown']) 13485 }); 13486 13487 const onIntersect = (el) => { 13488 return new Promise(resolve => { 13489 const observer = new IntersectionObserver(entries => { 13490 for (const entry of entries) { 13491 if (entry.isIntersecting) { 13492 observer.disconnect() 13493 resolve(); 13494 } 13495 } 13496 }, {}); 13497 observer.observe(el); 13498 }); 13499 } 13500 13501 function runComponent(el) { 13502 hasAlpine.then(() => { 13503 el.removeAttribute('x-ignore'); 13504 queueMicrotask(() => Alpine.initTree(el)); 13505 }); 13506 } 13507 13508 function initDeferredComponents() { 13509 document.querySelectorAll('[x-data][x-defer]').forEach(el => { 13510 el.setAttribute('x-ignore', ''); 13511 const deferUntil = (el.getAttribute('x-defer') || '').trim(); 13512 switch (deferUntil) { 13513 case 'interact': 13514 hasInteract.then(() => runComponent(el)); 13515 break; 13516 case 'intersect': 13517 onIntersect(el).then(() => runComponent(el)) 13518 break; 13519 case 'idle': 13520 window.requestIdleCallback 13521 ? window.requestIdleCallback(() => runComponent(el), {timeout: 4000}) 13522 : setTimeout(() => runComponent(el), 4000); 13523 break; 13524 case 'eager': 13525 runComponent(el); 13526 break; 13527 default: 13528 if (deferUntil.startsWith('event:') && deferUntil.length > 6) { 13529 window.addEventListener(deferUntil.substring(6), () => runComponent(el), {once: true, passive: true}); 13530 } 13531 } 13532 }); 13533 } 13534 13535 window.addEventListener('alpine:init', initDeferredComponents, {once: true, passive: true}); 13536 })() 13537</script>
vendor: 1 bytes, line 13537
13537
vendor: 1,455 bytes, lines 13538-13540
13538<script> 13539(()=>{function g(n){n.directive("collapse",e),e.inline=(t,{modifiers:i})=>{i.includes("min")&&(t._x_doShow=()=>{},t._x_doHide=()=>{})};function e(t,{modifiers:i}){let r=l(i,"duration",250)/1e3,u=l(i,"min",0),h=!i.includes("min");t._x_isShown||(t.style.height=`${u}px`),!t._x_isShown&&h&&(t.hidden=!0),t._x_isShown||(t.style.overflow="hidden");let c=(d,s)=>{let o=n.setStyles(d,s);return s.height?()=>{}:o},f={transitionProperty:"height",transitionDuration:`${r}s`,transitionTimingFunction:"cubic-bezier(0.4, 0.0, 0.2, 1)"};t._x_transition={in(d=()=>{},s=()=>{}){h&&(t.hidden=!1),h&&(t.style.display=null);let o=t.getBoundingClientRect().height;t.style.height="auto";let a=t.getBoundingClientRect().height;o===a&&(o=u),n.transition(t,n.setStyles,{during:f,start:{height:o+"px"},end:{height:a+"px"}},()=>t._x_isShown=!0,()=>{t.getBoundingClientRect().height==a&&(t.style.overflow=null)})},out(d=()=>{},s=()=>{}){let o=t.getBoundingClientRect().height;n.transition(t,c,{during:f,start:{height:o+"px"},end:{height:u+"px"}},()=>t.style.overflow="hidden",()=>{t._x_isShown=!1,t.style.height==`${u}px`&&h&&(t.style.display="none",t.hidden=!0)})}}}}function l(n,e,t){if(n.indexOf(e)===-1)return t;let i=n[n.indexOf(e)+1];if(!i)return t;if(e==="duration"){let r=i.match(/([0-9]+)ms/);if(r)return r[1]}if(e==="min"){let r=i.match(/([0-9]+)px/);if(r)return r[1]}return i}document.addEventListener("alpine:init",()=>{window.Alpine.plugin(g)});})(); 13540</script>
vendor: 1 bytes, line 13540
13540
13541<script type="module" 13542 src="https://www.mediatekis.com.co/static/version1766491558/frontend/Hyva/mediatekis/es_CO/Hyva_Theme/js/alpine3.min.js" 13543 defer 13544 crossorigin 13545></script>
vendor: 1 bytes, line 13545
13545
13546<script> 13547 'use strict'; 13548 function dispatchMessages(messages, hideAfter) { 13549 const messagesEvent = new CustomEvent("messages-loaded", { 13550 detail: { 13551 messages: messages, 13552 hideAfter: hideAfter 13553 } 13554 }); 13555 window.dispatchEvent(messagesEvent); 13556 } 13557 13558 if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { 13559 console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); 13560 } 13561 13562 (function( hyva, undefined ) { 13563 13564 hyva.initFormKey = () => { 13565 const inputSelector = 'input[name="form_key"]', 13566 formKey = hyva.getFormKey(); 13567 13568 Array.from(document.querySelectorAll(inputSelector)).map(function (input) { 13569 input.value = formKey 13570 }); 13571 } 13572 13573 hyva.initMessages = () => { 13574 try { 13575 const messages = hyva.getCookie('mage-messages'); 13576 window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 13577 13578 dispatchMessages(window.mageMessages); 13579 13580 // empty `mage-messages` cookie 13581 const skipSetDomain = true; 13582 hyva.setCookie('mage-messages','', -1, skipSetDomain); 13583 13584 } catch (error) { 13585 console.warn('Error parsing Cookie Messages:', error); 13586 } 13587 } 13588 13589 window.addEventListener('DOMContentLoaded', hyva.initFormKey); 13590 hyva.alpineInitialized(hyva.initMessages) 13591 13592 }( window.hyva = window.hyva || {} )); 13593</script>
vendor: 1 bytes, line 13593
13593
13594<script> 13595 'use strict'; 13596 { 13597 const private_content_key = 'mage-cache-storage'; 13598 const private_content_expire_key = 'mage-cache-timeout'; 13599 const private_content_version_key = 'private_content_version'; 13600 const section_data_ids_key = 'section_data_ids'; 13601 const mage_cache_session_id_key = 'mage-cache-sessid'; 13602 const last_visited_store_key = 'last_visited_store'; 13603 13604 const ttl = 3600; 13605 13606 if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { 13607 console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); 13608 } 13609 13610 function loadSectionData () { 13611 const browserStorage = hyva.getBrowserStorage(); 13612 if (!browserStorage) { 13613 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 13614 [{ 13615 type: "warning", 13616 text: "Please enable LocalStorage in your browser." 13617 }] 13618 ); 13619 return; 13620 } 13621 try { 13622 let isInvalid = false; 13623 13624 if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) { 13625 isInvalid = true; 13626 } 13627 hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false); 13628 13629 if (!hyva.getCookie(mage_cache_session_id_key)) { 13630 isInvalid = true; 13631 browserStorage.removeItem(private_content_key); 13632 const skipSetDomain = true; 13633 const days = false; 13634 hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain) 13635 } 13636 13637 const cookieVersion = hyva.getCookie(private_content_version_key); 13638 const storageVersion = browserStorage.getItem(private_content_version_key); 13639 13640 if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) { 13641 isInvalid = true; 13642 } 13643 13644 const privateContentExpires = browserStorage.getItem(private_content_expire_key); 13645 if (privateContentExpires && new Date(privateContentExpires) < new Date()) { 13646 browserStorage.removeItem(private_content_key); 13647 } 13648 13649 if (isInvalid && cookieVersion) { 13650 fetchPrivateContent([]); 13651 } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) { 13652 const privateContent = JSON.parse(browserStorage.getItem(private_content_key)); 13653 if ( 13654 privateContent && 13655 privateContentExpires && 13656 privateContent.cart && 13657 privateContent.customer 13658 ) { 13659 dispatchPrivateContent(privateContent); 13660 } else { 13661 fetchPrivateContent([]); 13662 } 13663 } else { 13664 if (document.getElementById('default-section-data')) { 13665 const privateContent = JSON.parse(document.getElementById('default-section-data').innerText.trim()); 13666 dispatchPrivateContent(privateContent); 13667 } else { 13668 dispatchPrivateContent({}); 13669 } 13670 } 13671 13672 } catch (error) { 13673 console.warn('Error retrieving Private Content:', error); 13674 } 13675 } 13676 13677 hyva.alpineInitialized(loadSectionData) 13678 window.addEventListener('reload-customer-section-data', loadSectionData); 13679 13680 function dispatchPrivateContent(data) { 13681 const privateContentEvent = new CustomEvent("private-content-loaded", { 13682 detail: { 13683 data: data 13684 } 13685 }); 13686 window.dispatchEvent(privateContentEvent); 13687 } 13688 13689 function fetchPrivateContent(sections) { 13690 fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, { 13691 method: 'GET', 13692 headers: { 13693 'Content-Type': 'application/json', 13694 'X-Requested-With': 'XMLHttpRequest' 13695 } 13696 }) 13697 .then(response => response.json()) 13698 .then( 13699 data => { 13700 if (data) { 13701 try { 13702 const browserStorage = hyva.getBrowserStorage(); 13703 13704 // merge new data preserving non-invalidated sections 13705 const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {}; 13706 13707 if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) { 13708 delete oldSectionData['checkout-data']; 13709 } 13710 const newSectionData = Object.assign(oldSectionData, data); 13711 13712 dispatchPrivateContent(newSectionData); 13713 13714 // don't persist messages, they've been dispatched already 13715 if (newSectionData.messages && newSectionData.messages.messages ) { 13716 newSectionData.messages.messages = []; 13717 } 13718 13719 browserStorage.setItem(private_content_key, JSON.stringify(newSectionData)); 13720 13721 const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString(); 13722 browserStorage.setItem(private_content_expire_key, expiresAt); 13723 13724 const newCookieVersion = hyva.getCookie(private_content_version_key); 13725 browserStorage.setItem(private_content_version_key, newCookieVersion); 13726 13727 // We don't need the section_data_ids in Hyvä, but we store them for compatibility 13728 // with Luma Fallback. Otherwise, not all sections are loaded in Luma Checkout 13729 hyva.setCookie( 13730 section_data_ids_key, 13731 JSON.stringify( 13732 Object.keys(data).reduce((sectionDataIds, sectionKey) => { 13733 sectionDataIds[sectionKey] = data[sectionKey]['data_id']; 13734 return sectionDataIds; 13735 }, {}) 13736 ), 13737 false, 13738 true 13739 ); 13740 } catch (error) { 13741 console.warn("Couldn't store privateContent", error); 13742 } 13743 } 13744 } 13745 ); 13746 } 13747 } 13748</script>
vendor: 1 bytes, line 13748
13748
13749<script> 13750 (() => { 13751 document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc())); 13752 })() 13753</script>
vendor: 1 bytes, line 13753
13753
13754<script> 13755 (events => { 13756 const dispatchUserInteractionEvent = () => { 13757 events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent)) 13758 window.dispatchEvent(new Event('init-external-scripts')) 13759 }; 13760 events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true})) 13761 })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown']) 13762</script>
vendor: 1 bytes, line 13762
13762
13763<script> 13764 function initWishlist() { 13765 return { 13766 addToWishlist(productId) { 13767 const formKey = hyva.getFormKey(); 13768 const postUrl = BASE_URL + 'wishlist/index/add/'; 13769 13770 fetch(postUrl, { 13771 "headers": { 13772 "content-type": "application/x-www-form-urlencoded; charset=UTF-8", 13773 }, 13774 "body": "form_key=" + formKey + "&product=" + productId + "&uenc=" + hyva.getUenc(), 13775 "method": "POST", 13776 "mode": "cors", 13777 "credentials": "include" 13778 }).then(function (response) { 13779 if (response.redirected) { 13780 window.location.href = response.url; 13781 } else if (response.ok) { 13782 return response.json(); 13783 } else { 13784 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 13785 [{ 13786 type: "warning", 13787 text: "Could\u0020not\u0020add\u0020item\u0020to\u0020wishlist." 13788 }], 5000 13789 ); 13790 } 13791 }).then(function (response) { 13792 if (!response) { return } 13793 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 13794 [{ 13795 type: (response.success) ? "success" : "error", 13796 text: (response.success) 13797 ? "Producto\u0020se\u0020ha\u0020agregado\u0020a\u0020su\u0020lista\u0020de\u0020deseos." 13798 : response.error_message 13799 }], 5000 13800 ); 13801 const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data"); 13802 window.dispatchEvent(reloadCustomerDataEvent); 13803 }).catch(function (error) { 13804 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 13805 [{ 13806 type: "error", 13807 text: error 13808 }], 5000 13809 ); 13810 }); 13811 } 13812 } 13813 } 13814</script>
vendor: 1 bytes, line 13814
13814
13815<script> 13816 function initPriceBox() 13817 { 13818 return { 13819 updatePrice(priceData) { 13820 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 13821 const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); 13822 const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); 13823 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 13824 regularPriceLabel && regularPriceLabel.classList.add('hidden'); 13825 } else { 13826 regularPriceLabel && regularPriceLabel.classList.remove('hidden'); 13827 } 13828 regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount)); 13829 basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); 13830 } 13831 } 13832 } 13833</script>
vendor: 1 bytes, line 13833
13833
13834<script> 13835 if (HTMLScriptElement.supports && HTMLScriptElement.supports('speculationrules')) { 13836 const specScript = document.createElement('script'); 13837 specScript.type = 'speculationrules'; 13838 specRules = { 13839 'prerender': [{ 13840 'where': { 13841 'and': [ 13842 { 'href_matches': '/*.html' }, 13843 { 'not': {'selector_matches': '.do-not-prerender'}} 13844 ] 13845 }, 13846 'eagerness': 'moderate' 13847 }] 13848 }; 13849 specScript.textContent = JSON.stringify(specRules); 13850 document.body.append(specScript); 13851 } 13852</script>
vendor: 1 bytes, line 13852
13852
13853<script> 13854 'use strict'; 13855 13856 const grecaptchaV2LoadCallbacks = []; 13857 13858 function executeRecaptchaLoadCallbacks () { 13859 while (window.grecaptcha && grecaptchaV2LoadCallbacks.length > 0) { 13860 const callback = grecaptchaV2LoadCallbacks.pop(); 13861 typeof callback === 'string' ? window[callback]() : callback(); 13862 } 13863 } 13864 13865 (function() { 13866 const loadRecaptchaScript = (event) => { 13867 13868 if (window.grecaptcha || !event.target.form) { 13869 return; 13870 } 13871 13872 const url = 'https://www.google.com/recaptcha/api.js?onload=executeRecaptchaLoadCallbacks'; 13873 const siteKey = '6Lf89WsqAAAAAOHQDW0N2STYP1dlj1m\u002DxXE4RPlF'; 13874 const script = document.createElement('script'); 13875 script.type = 'text/javascript'; 13876 script.src = siteKey ? `${url}&render=${siteKey}` : `${url}&render=explicit`; 13877 script.async = true; 13878 document.head.appendChild(script); 13879 13880 script.addEventListener('load', () => { 13881 Array.from(document.querySelectorAll('button[data-recaptcha-btn]:disabled')).forEach(btn => btn.removeAttribute('disabled')); 13882 }); 13883 } 13884 13885 window.forceLoadRecaptchaScript = (form) => { 13886 loadRecaptchaScript({target: {form: form || 'dummy'}}); 13887 executeRecaptchaLoadCallbacks(); 13888 }; 13889 13890 document.body.addEventListener('input', loadRecaptchaScript, { once: true }); 13891 document.body.addEventListener('focus', loadRecaptchaScript, { once: true }); 13892 13893 }()); 13894 13895</script>
vendor: 1 bytes, line 13895
13895
13896<script> 13897 function initConfigurableOptions(productId, optionConfig) { 13898 13899 function findPathParam(key) { 13900 const baseUrl = (BASE_URL.substring(0, 2) === '//' ? 'http:' : '') + BASE_URL; 13901 const baseUrlParts = (new URL(baseUrl)).pathname.replace(/\/$/, '').split('/'); 13902 const pathParts = window.location.pathname.split('/').slice(baseUrlParts.length + 3); 13903 for (let i = 0; i < pathParts.length; i += 2) { 13904 if (pathParts[i] === key && pathParts.length > i) { 13905 return pathParts[i + 1]; 13906 } 13907 } 13908 } 13909 13910 return { 13911 optionConfig, 13912 productId, 13913 itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'), 13914 allowedAttributeOptions: [], 13915 selectedValues: [], 13916 init() { 13917 this.findAllowedAttributeOptions(); 13918 this.$nextTick(() => { 13919 if (typeof this.optionConfig.defaultValues === 'object') { 13920 for (const [attributeId, value] of Object.entries(this.optionConfig.defaultValues)) { 13921 this.changeOption(attributeId, value + ''); 13922 } 13923 } 13924 }); 13925 }, 13926 findSimpleIndex() { 13927 this.productIndex = this.calculateSimpleIndexForPartialSelection(this.selectedValues); 13928 }, 13929 calculateSimpleIndexForPartialSelection(selectedValues) { 13930 if (selectedValues.length === 0) return 0; 13931 let productIndexIds = Object.keys(this.optionConfig.index); 13932 Object.keys(this.optionConfig.attributes).forEach((attribute) => { 13933 const productsWithAttributeMatch = selectedValues[attribute] 13934 ? productIndexIds.filter((productIndex) => { 13935 return this.optionConfig.index[productIndex][attribute] === this.selectedValues[attribute] 13936 }) 13937 : []; 13938 13939 productIndexIds = productsWithAttributeMatch.length ? productsWithAttributeMatch : productIndexIds 13940 }) 13941 return productIndexIds[0]; 13942 }, 13943 calculateSimpleIndexForFullSelection(selectedValues) { 13944 const productIndexes = this.optionConfig.index; 13945 return Object.keys(productIndexes).find(productIndex => { 13946 const productCandidateOptions = productIndexes[productIndex]; 13947 13948 for (const productOption in productCandidateOptions) { 13949 if ( 13950 ! selectedValues[productOption] || 13951 selectedValues[productOption] !== productCandidateOptions[productOption] 13952 ) { 13953 return false; 13954 } 13955 } 13956 return productIndex; 13957 }); 13958 }, 13959 productIndex: 0, 13960 findAllowedAttributeOptions() { 13961 this.allowedAttributeOptions = this.calculateAllowedAttributeOptions(this.selectedValues); 13962 }, 13963 calculateAllowedAttributeOptions(selectedValues) { 13964 const allAttributes = this.optionConfig.attributes; 13965 const allAttributesSorted = Object.values(allAttributes).sort((a,b) => { 13966 return a.position - b.position 13967 }); 13968 13969 const newAllowedAttributeOptions = []; 13970 13971 allAttributesSorted.forEach(attribute => { 13972 const selectionWithoutAttr = Object.assign({}, this.removeAttrFromSelection(selectedValues, attribute.id)); 13973 const availableIndexes = this.calculateAvailableProductIndexes(selectionWithoutAttr); 13974 newAllowedAttributeOptions[attribute.id] = allAttributes[attribute.id].options.filter(option => { 13975 return !!option.products.find(product => { 13976 return availableIndexes.includes(product); 13977 }) 13978 }); 13979 }); 13980 return newAllowedAttributeOptions; 13981 }, 13982 calculateAvailableProductIndexes(selectedOptions) { 13983 if (Object.keys(selectedOptions).length === 0) { 13984 if (Object.values(this.optionConfig.salable || {}).length) { 13985 return [].concat.apply([], [].concat.apply([], Object.values(this.optionConfig.salable).map(Object.values))).filter((x, i, a) => a.indexOf(x) === i) 13986 } 13987 return Object.keys(this.optionConfig.index); 13988 } 13989 13990 const selectedIds = Object.keys(selectedOptions); 13991 if (Object.values(this.optionConfig.salable || {}).length) { 13992 const selectedOptionIndexes = selectedIds.map(attrId => { 13993 const optionValue = selectedOptions[attrId]; 13994 return this.optionConfig.salable[attrId] && this.optionConfig.salable[attrId][optionValue] || [] 13995 }) 13996 return selectedOptionIndexes.reduce((acc, optionIndexes) => { 13997 return acc.filter(index => optionIndexes.includes(index)); 13998 }); 13999 } else { 14000 const productIndexes = this.optionConfig.index; 14001 return Object.keys(productIndexes).filter(index => { 14002 for (const attrId of selectedIds) { 14003 if (productIndexes[index][attrId] !== `${selectedOptions[attrId]}`) return false 14004 } 14005 return true 14006 }); 14007 } 14008 }, 14009 findAttributeByOptionId(optionId) { 14010 for (const attributeId in this.optionConfig.attributes) { 14011 const attributeOptions = this.optionConfig.attributes[attributeId].options || []; 14012 if (attributeOptions.find(option => option.id === optionId)) { 14013 return attributeId; 14014 } 14015 } 14016 }, 14017 getAllowedAttributeOptions(attributeId) { 14018 return this.allowedAttributeOptions[attributeId] || [] 14019 }, 14020 getProductIdsForOption(option) { 14021 const attributeId = this.findAttributeByOptionId(option.id); 14022 const allOptions = this.optionConfig.attributes[attributeId]; 14023 const opt = (allOptions && allOptions.options || []).find(o => o.id === option.id); 14024 return opt && opt.products 14025 ? opt.products 14026 : []; 14027 }, 14028 findProductIdsForPartialSelection(optionSelection) { 14029 const candidateProducts = Object.values(optionSelection).reduce((candidates, optionId) => { 14030 const newCandidates = this.getProductIdsForOption({id: optionId}); 14031 return candidates === null 14032 ? newCandidates 14033 : candidates.filter(productId => newCandidates.includes(productId)); 14034 }, null); 14035 return candidateProducts || []; 14036 },
14037 findCheapestProductForPartialSelection(optionSelection) { 14038 const candidateProducts = this.findProductIdsForPartialSelection(optionSelection); 14039 return candidateProducts.reduce((cheapest, simpleIdx) => { 14040 // in the first iteration we start with simpleIdx as the currently cheapest product 14041 if (! this.optionConfig.optionPrices[cheapest]) return simpleIdx; 14042 const knownCheapestPrice = this.optionConfig.optionPrices[cheapest].finalPrice.amount; 14043 return knownCheapestPrice > this.optionConfig.optionPrices[simpleIdx].finalPrice.amount 14044 ? simpleIdx 14045 : cheapest; 14046 }, 0) 14047 }, 14048 findProductIdToUseForOptionPrice(option) { 14049 // try to find a product for a complete selection 14050 const attributeId = this.findAttributeByOptionId(option.id); 14051 const optionSelection = Object.assign({}, this.selectedValues, {[attributeId]: option.id}); 14052 const matchingSimpleIndex = this.calculateSimpleIndexForFullSelection(optionSelection); 14053 // if there is no complete selection, use the cheapest product for the option 14054 return matchingSimpleIndex || this.findCheapestProductForPartialSelection(optionSelection); 14055 }, 14056 getAttributeOptionLabel(option) { 14057 const optionProduct = this.findProductIdToUseForOptionPrice(option); 14058 if ((! optionProduct) || (optionProduct === this.productIndex)) { 14059 return option.label; 14060 } 14061 14062 const currentPrice = this.getOptionPriceAdjustmentBasePrice(); 14063 14064 if (this.optionConfig.optionPrices[optionProduct]) { 14065 const optionPrice = this.optionConfig.optionPrices[optionProduct].finalPrice.amount; 14066 if (optionPrice !== currentPrice){ 14067 return option.label + ' ' + hyva.formatPrice(optionPrice - currentPrice, true); 14068 } 14069 } 14070 return option.label; 14071 }, 14072 getOptionPriceAdjustmentBasePrice() { 14073 if (this.optionConfig.optionPrices[this.productIndex]) { 14074 return this.optionConfig.optionPrices[this.productIndex].finalPrice.amount 14075 } 14076 const cheapestForSelection = this.findCheapestProductForPartialSelection(this.selectedValues); 14077 return this.optionConfig.optionPrices[cheapestForSelection] 14078 ? this.optionConfig.optionPrices[cheapestForSelection].finalPrice.amount 14079 : this.optionConfig.prices.finalPrice.amount; // default price if no option selection 14080 }, 14081 clearOptionIfActive(optionId, value) { 14082 if (this.selectedValues[optionId] === value) { 14083 this.blurLabel() 14084 this.changeOption(optionId, '') 14085 } 14086 }, 14087 removeAttrFromSelection(selectedValues, attributeId) { 14088 attributeId = parseInt(attributeId); 14089 return selectedValues.reduce((newSelection, val, attr) => { 14090 if (attr !== attributeId) { 14091 newSelection[attr] = val; 14092 } 14093 return newSelection; 14094 }, []); 14095 }, 14096 changeOption(attributeId, value) { 14097 if (value === '') { 14098 this.selectedValues = this.removeAttrFromSelection(this.selectedValues, attributeId) 14099 } else if (value && this.getAllowedAttributeOptions(attributeId).find(option => option.id === value)) { 14100 this.selectedValues[attributeId] = value; 14101 } 14102 this.findSimpleIndex(); 14103 this.findAllowedAttributeOptions(); 14104 this.updatePrices(); 14105 this.updateGallery(); 14106 window.dispatchEvent( 14107 new CustomEvent( 14108 'configurable-selection-changed', 14109 { 14110 detail: { 14111 productId: this.productId, 14112 optionId: attributeId, 14113 value: value, 14114 productIndex: this.productIndex, 14115 selectedValues: this.selectedValues, 14116 candidates: this.findProductIdsForPartialSelection(this.selectedValues), 14117 } 14118 } 14119 ) 14120 ); 14121 }, 14122 calculateIsMinimalPrice() { 14123 return ( 14124 this.selectedValues.filter(value => !!value).length < 14125 Object.keys(this.optionConfig.attributes).length 14126 ); 14127 }, 14128 updatePrices() { 14129 const value = this.productIndex ? 14130 this.optionConfig.optionPrices[this.productIndex] : 14131 this.optionConfig.prices; 14132 window.dispatchEvent( 14133 new CustomEvent( 14134 "update-prices-" + this.productId, 14135 { 14136 detail: Object.assign( 14137 value, 14138 { isMinimalPrice: this.calculateIsMinimalPrice() } 14139 ) 14140 } 14141 ) 14142 ); 14143 }, 14144 updateGallery () { 14145 if (this.productIndex) { 14146 const images = this.optionConfig.images[this.productIndex]; 14147 images && window.dispatchEvent(new CustomEvent( 14148 "update-gallery", 14149 { detail: this.sortImagesByPosition(images) } 14150 )); 14151 } else { 14152 window.dispatchEvent(new Event("reset-gallery")); 14153 } 14154 }, 14155 sortImagesByPosition(images) { 14156 return images.sort((x, y) => { 14157 return x.position === y.position ? 0 : (parseInt(x.position) > parseInt(y.position) ? 1 : -1) 14158 }); 14159 }, 14160 onGetCartData(data) { 14161 }, 14162 preselectCartItems(data) { 14163 // pre-select options based on cart data for current (quote) itemId 14164 const cart = data && data.cart; 14165 if (cart && cart.items) { 14166 const cartItem = cart.items.find((item) => { 14167 return ( 14168 item.item_id === this.itemId 14169 && item.product_id === this.productId 14170 ) 14171 }); 14172 if (cartItem && cartItem.options && cartItem.options.length) { 14173 cartItem.options.map(option => { 14174 this.changeOption(option.option_id, option.option_value); 14175 }) 14176 } 14177 } 14178 }, 14179 preselectQuerystringItems() { 14180 // pre-select option like ?size=167 14181 const urlQueryParams = new URLSearchParams(window.location.search.replace('?','')); 14182 this.preselectItemsBasedOnLocation(attribute => urlQueryParams.get(attribute.code)); 14183 }, 14184 preselectLocationHashItems() { 14185 // pre-select option like #144=167 14186 const urlHashParams = new URLSearchParams(window.location.hash.replace('#','')); 14187 this.preselectItemsBasedOnLocation(attribute => urlHashParams.get(attribute.id)); 14188 }, 14189 preselectItemsBasedOnLocation(getLocationValue) { 14190 Object.values(this.optionConfig.attributes).map(attribute => { 14191 this.changeOption(attribute.id, getLocationValue(attribute)) 14192 }); 14193 } 14194 } 14195 } 14196 14197</script>
vendor: 1 bytes, line 14197
14197
14198<script> 14199 function initSwatchOptions(swatchConfig) { 14200 return { 14201 swatchConfig, 14202 getAttributeSwatchData(attributeId) { 14203 const swatchConfig = Object.assign({}, this.swatchConfig[attributeId]); 14204 swatchConfig['details'] = JSON.parse(swatchConfig['additional_data']); 14205 14206 return swatchConfig; 14207 }, 14208 getAllAttributeOptions(attributeId) { 14209 return ( 14210 this.optionConfig.attributes[attributeId] && 14211 this.optionConfig.attributes[attributeId].options 14212 ) || [] 14213 }, 14214 optionIsActive(attributeId, optionId) { 14215 // return true if a product with this option is in stock 14216 return !!this.getAllowedAttributeOptions(attributeId).find( 14217 option => option.id === optionId 14218 ) 14219 }, 14220 optionIsEnabled(attributeId, optionId) { 14221 // return true if a product with this option is enabled 14222 for (const productId in this.optionConfig.index) { 14223 if (this.optionConfig.index[productId][attributeId] === optionId) { 14224 return true; 14225 } 14226 } 14227 return false; 14228 }, 14229 mapSwatchTypeNumberToTypeCode(typeNumber) { 14230 switch ("" + typeNumber) { 14231 case "1": 14232 return "color" 14233 case "2": 14234 return "image" 14235 case "3": 14236 return "empty" 14237 case "0": 14238 default: 14239 return "text" 14240 } 14241 }, 14242 getTypeOfFirstOption(attributeId) { 14243 for (const optionId in this.swatchConfig[attributeId]) { 14244 const option = this.swatchConfig[attributeId][optionId]; 14245 if (typeof option.type !== 'undefined') { 14246 return this.mapSwatchTypeNumberToTypeCode(option.type); 14247 } 14248 } 14249 }, 14250 getVisualSwatchType(attributeId, targetOptionId) { 14251 // If a type configuration is present for the given option id, use it 14252 const config = this.swatchConfig[attributeId]; 14253 if (config[targetOptionId] && typeof config[targetOptionId].type !== 'undefined') { 14254 return this.mapSwatchTypeNumberToTypeCode(config[targetOptionId].type); 14255 } 14256 14257 // Otherwise - if no config is present for the target option - use the type of the first option 14258 // with a type property from the attribute, thus assuming its the same type as the target option. 14259 // (This edge case condition can occur on single swatch products if some options are not salable) 14260 return this.getTypeOfFirstOption(attributeId); 14261 }, 14262 getSwatchType(attributeId, optionId) { 14263 // Deserialize the attribute details the first time they are used 14264 if (this.swatchConfig[attributeId] && ! this.swatchConfig[attributeId].details) { 14265 this.swatchConfig[attributeId] = this.getAttributeSwatchData(attributeId); 14266 } 14267 const type = this.swatchConfig[attributeId] && 14268 this.swatchConfig[attributeId].details && 14269 this.swatchConfig[attributeId].details.swatch_input_type || 14270 "empty"; 14271 return type === 'visual' ? this.getVisualSwatchType(attributeId, optionId) : type; 14272 }, 14273 isTextSwatch(attributeId, optionId) { 14274 return this.getSwatchType(attributeId, optionId) === 'text'; 14275 }, 14276 isVisualSwatch(attributeId, optionId) { 14277 const type = this.getSwatchType(attributeId, optionId); 14278 14279 return ['image', 'color'].includes(type); 14280 }, 14281 getSwatchBackgroundStyle(attributeId, optionId) {
14282 const config = this.getSwatchConfig(attributeId, optionId); 14283 const type = this.getSwatchType(attributeId, optionId); 14284 14285 if (type === "color") { 14286 return 'background-color:' + config.value; 14287 } else if (type === "image") { 14288 return "background: #ffffff url('" + config.value + "') no-repeat center"; 14289 } else { 14290 return ''; 14291 } 14292 }, 14293 getSwatchText(attributeId, optionId) { 14294 const config = this.getSwatchConfig(attributeId, optionId); 14295 return config.label || config.value || this.getOptionLabelFromOptionConfig(attributeId, optionId); 14296 }, 14297 getOptionLabelFromOptionConfig(attributeId, optionId) { 14298 // Fallback if no value is present in swatchConfig data 14299 // Reference issue https://gitlab.hyva.io/hyva-themes/magento2-default-theme/-/issues/190 14300 const option = this.getAllAttributeOptions(attributeId).filter(option => option.id === optionId); 14301 return option && option[0] && option[0].label ||''; 14302 }, 14303 getSwatchConfig(attributeId, optionId) { 14304 return this.swatchConfig[attributeId] && this.swatchConfig[attributeId][optionId] 14305 ? this.swatchConfig[attributeId][optionId] 14306 : false; 14307 }, 14308 activeTooltipItem: false, 14309 tooltipPositionElement: false, 14310 isTooltipVisible() { 14311 return this.activeTooltipItem &&
14312 this.getSwatchConfig( 14313 this.activeTooltipItem.attribute, 14314 this.activeTooltipItem.item 14315 ); 14316 }, 14317 isFirstItemCol() { 14318 return this.activeTooltipItem.index === 0; 14319 }, 14320 getTooltipImageStyle(attributeId, optionId) { 14321 const config = this.getSwatchConfig(attributeId, optionId); 14322 const type = this.getSwatchType(attributeId, optionId); 14323 14324 if (type === "color") { 14325 return 'background-color:' + config.value + '; width: 110px; height: 90px;'; 14326 } else if (type === "image") { 14327 return "background: #ffffff url('" + config.thumb + 14328 "') center center no-repeat; width: 110px; height: 90px;"; 14329 } else { 14330 return 'display:none'; 14331 } 14332 }, 14333 getTooltipPosition() { 14334 return this.tooltipPositionElement ? 14335 `top: ${this.tooltipPositionElement.offsetTop}px;` + 14336 `left: ${ 14337 this.tooltipPositionElement.offsetLeft - ( 14338 this.tooltipPositionElement.closest('.snap') && 14339 this.tooltipPositionElement.closest('.snap').scrollLeft || 14340 0 14341 ) 14342 }px;` : '' 14343 }, 14344 getTooltipLabel() { 14345 return this.getSwatchConfig(this.activeTooltipItem.attribute, this.activeTooltipItem.item).label 14346 }, 14347 focusedLabel: false, 14348 focusLabel(optionId) { 14349 this.focusedLabel = optionId; 14350 }, 14351 blurLabel() { 14352 this.focusedLabel = false; 14353 }, 14354 showSwatches: false, 14355 initShowSwatchesIntersect() { 14356 if ('IntersectionObserver' in window && !window.scrollY) { 14357 let io = new IntersectionObserver( 14358 entries => { 14359 entries.map(entry => { 14360 if (entry.isIntersecting) { 14361 this.showSwatches = true; 14362 io.unobserve(this.$root); 14363 } 14364 }) 14365 } 14366 ); 14367 io.observe(this.$root); 14368 } else { 14369 this.showSwatches = true 14370 } 14371 } 14372 } 14373 } 14374</script>
vendor: 1 bytes, line 14374
14374
14375<script> 14376 function expandFilters(){ 14377 const idxs = [0,1]; 14378 let filters = document.querySelectorAll('.sidebar.sidebar-main div.filter-option'); 14379 14380 if(filters.length == 0) { 14381 filters = document.querySelectorAll('.column.main div.filter-option'); 14382 } 14383 14384 filters.forEach(function (filter, idx) { 14385 const isOpen = idxs.includes(idx) ? 'true' : 'false'; 14386 filter.setAttribute('x-data', '{open: ' + isOpen + ', id: '+ idx + '}') 14387 }) 14388 } 14389 14390 expandFilters(); 14391</script>
vendor: 1 bytes, line 14391
14391
14392<script type="application/json" id="default-section-data"> 14393 {"messages":[],"customer":[],"compare-products":[],"last-ordered-items":[],"cart":[],"directory-data":{"CO":{"name":"Colombia","regions":{"622":{"code":"CO-AMA","name":"Amazonas"},"623":{"code":"CO-ANT","name":"Antioquia"},"624":{"code":"CO-ARA","name":"Arauca"},"625":{"code":"CO-ATL","name":"Atl\u00e1ntico"},"702":{"code":"CO-BOG","name":"Bogot\u00e1"},"626":{"code":"CO-BOL","name":"Bol\u00edvar"},"627":{"code":"CO-BOY","name":"Boyac\u00e1"},"628":{"code":"CO-CAL","name":"Caldas"},"629":{"code":"CO-CAQ","name":"Caquet\u00e1"},"630":{"code":"CO-CAS","name":"Casanare"},"631":{"code":"CO-CAU","name":"Cauca"},"632":{"code":"CO-CES","name":"Cesar"},"633":{"code":"CO-CHO","name":"Choc\u00f3"},"634":{"code":"CO-COR","name":"C\u00f3rdoba"},"635":{"code":"CO-CUN","name":"Cundinamarca"},"636":{"code":"CO-GUA","name":"Guain\u00eda"},"637":{"code":"CO-GUV","name":"Guaviare"},"638":{"code":"CO-HUL","name":"Huila"},"639":{"code":"CO-LAG","name":"La Guajira"},"640":{"code":"CO-MAG","name":"Magdalena"},"641":{"code":"CO-MET","name":"Meta"},"642":{"code":"CO-NAR","name":"Nari\u00f1o"},"643":{"code":"CO-NSA","name":"Norte de Santander"},"644":{"code":"CO-PUT","name":"Putumayo"},"645":{"code":"CO-QUI","name":"Quind\u00edo"},"646":{"code":"CO-RIS","name":"Risaralda"},"647":{"code":"CO-SAP","name":"San Andr\u00e9s y Providencia"},"648":{"code":"CO-SAN","name":"Santander"},"649":{"code":"CO-SUC","name":"Sucre"},"650":{"code":"CO-TOL","name":"Tolima"},"651":{"code":"CO-VAC","name":"Valle del Cauca"},"652":{"code":"CO-VAU","name":"Vaup\u00e9s"},"653":{"code":"CO-VID","name":"Vichada"}}},"data_id":1791095514},"instant-purchase":[],"loggedAsCustomer":[],"captcha":[],"persistent":[],"review":[],"payments":[],"wishlist":{"items":[]},"gtm-checkout":[],"recently_viewed_product":[],"recently_compared_product":[],"product_data_storage":[],"paypal-billing-agreement":[]}</script>
vendor: 1 bytes, line 14393
14393
14394<script> 14395 'use strict'; 14396 14397 function GoogleAnalytics () { 14398 let self = this; 14399 this.config = { 14400 isCookieRestrictionModeEnabled: 0, 14401 currentWebsite: 1, 14402 cookieName: "user_allowed_save_cookie", 14403 ordersTrackingData: [], 14404 pageTrackingData: {"optPageUrl":"","isAnonymizedIpActive":false,"accountId":"G-61SGN9VLN6"}, 14405 } 14406 14407 this.initGoogleAnalytics = function () { 14408 14409 let allowServices = false, 14410 allowedCookies, 14411 allowedWebsites; 14412 14413 if (self.config.isCookieRestrictionModeEnabled) { 14414 allowedCookies = hyva.getCookie(self.config.cookieName); 14415 14416 if (allowedCookies !== null) { 14417 allowedWebsites = JSON.parse(decodeURIComponent(allowedCookies)); 14418 14419 if (allowedWebsites[self.config.currentWebsite] === 1) { 14420 allowServices = true; 14421 } 14422 } 14423 } else { 14424 allowServices = true; 14425 } 14426 14427 if (allowServices) { 14428 (function (i, s, o, g, r, a, m) { 14429 i.GoogleAnalyticsObject = r; 14430 i[r] = i[r] || function () { 14431 (i[r].q = i[r].q || []).push(arguments) 14432 }, i[r].l = 1 * new Date(); 14433 a = s.createElement(o), 14434 m = s.getElementsByTagName(o)[0]; 14435 a.defer = 1; 14436 a.src = g; 14437 m.parentNode.insertBefore(a, m) 14438 })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); 14439 14440 // Process page info 14441 ga('create', self.config.pageTrackingData.accountId, 'auto'); 14442 14443 if (self.config.pageTrackingData.isAnonymizedIpActive) { 14444 ga('set', 'anonymizeIp', true); 14445 } 14446 14447 // Process orders data 14448 if (self.config.ordersTrackingData.hasOwnProperty('currency')) { 14449 ga('require', 'ec', 'ec.js'); 14450 14451 ga('set', 'currencyCode', self.config.ordersTrackingData.currency); 14452 14453 // Collect product data for GA 14454 if (self.config.ordersTrackingData.products) { 14455 self.config.ordersTrackingData.products.forEach(function (value) { 14456 ga('ec:addProduct', value); 14457 }); 14458 } 14459 14460 // Collect orders data for GA 14461 if (self.config.ordersTrackingData.orders) { 14462 self.config.ordersTrackingData.orders.forEach(function (value) { 14463 ga('ec:setAction', 'purchase', value); 14464 }); 14465 } 14466 14467 ga('send', 'pageview'); 14468 } else { 14469 // Process Data if not orders 14470 ga('send', 'pageview' + self.config.pageTrackingData.optPageUrl); 14471 } 14472 } 14473 }; 14474 } 14475 14476 window.addEventListener("load", new GoogleAnalytics().initGoogleAnalytics); 14477 14478</script>
vendor: 1 bytes, line 14478
14478
14479<script> 14480 yireoGoogleTagManager2Pusher({"version":"3.8.3","page_type":"category","page_path":"https:\/\/www.mediatekis.com.co\/audio\/combos-de-audio.html","page_title":"Combos de Audio | Mediatekis","virtual_page":"\/audio\/combos-de-audio.html","breadcrumb":["Audio","Combos de Audio"],"user":{"has_transacted":false},"category_size":2,"products":[{"item_id":"MOAC0003","item_sku":"MOAC0003","magento_sku":"MOAC0003","magento_id":"1475","item_name":"Focusrite Vocaster One Studio","item_manufacturer":"Focusrite","item_list_id":"87","item_list_name":"Combos de Audio","price":899000,"item_category":"Combos de Audio","item_category2":"Liquidaciones","item_category3":"Ofertas Audio","item_category4":"Interfaces","item_category5":"Consolas e Interfaces","item_brand":"Focusrite","index":1,"quantity":1},{"item_id":"MOAC0004","item_sku":"MOAC0004","magento_sku":"MOAC0004","magento_id":"1544","item_name":"Focusrite Vocaster Two Studio","item_manufacturer":"Focusrite","item_list_id":"87","item_list_name":"Combos de Audio","price":1640000,"item_category":"Combos de Audio","item_category2":"Ofertas Audio","item_category3":"Interfaces","item_category4":"Consolas e Interfaces","item_category5":"Combos Podcast","item_brand":"Focusrite","index":2,"quantity":1}],"category_id":"87","category_name":"Combos de Audio"}, 'push (initial page) [data-layer.phtml]'); 14481 yireoGoogleTagManager2Pusher({"event":"view_item_list","ecommerce":{"items":[{"item_id":"MOAC0003","item_sku":"MOAC0003","magento_sku":"MOAC0003","magento_id":"1475","item_name":"Focusrite Vocaster One Studio","item_manufacturer":"Focusrite","item_list_id":"87","item_list_name":"Combos de Audio","price":899000,"item_category":"Combos de Audio","item_category2":"Liquidaciones","item_category3":"Ofertas Audio","item_category4":"Interfaces","item_category5":"Consolas e Interfaces","item_brand":"Focusrite","index":1,"quantity":1},{"item_id":"MOAC0004","item_sku":"MOAC0004","magento_sku":"MOAC0004","magento_id":"1544","item_name":"Focusrite Vocaster Two Studio","item_manufacturer":"Focusrite","item_list_id":"87","item_list_name":"Combos de Audio","price":1640000,"item_category":"Combos de Audio","item_category2":"Ofertas Audio","item_category3":"Interfaces","item_category4":"Consolas e Interfaces","item_category5":"Combos Podcast","item_brand":"Focusrite","index":2,"quantity":1}]}}, 'push (page-based event) [data-layer.phtml]'); 14482 </script>
vendor: 1 bytes, line 14482
14482
14483<script> 14484 function yireoGoogleTagManager2FindParentElementWithName(element, parentTagName) { 14485 if (!element.parentElement) { 14486 return null; 14487 } 14488 14489 if (element.parentElement.tagName.toLowerCase() === parentTagName) { 14490 return element.parentElement; 14491 } 14492 14493 return yireoGoogleTagManager2FindParentElementWithName(element.parentElement, parentTagName); 14494 } 14495 14496 const products = document.querySelectorAll('.products a.product'); 14497 if (products) { 14498 products.forEach(function(product) { 14499 product.addEventListener('click', function(event, s) { 14500 let parentElement = yireoGoogleTagManager2FindParentElementWithName(event.target, 'form'); 14501 const inputElement = parentElement.querySelector('input[name="product"]'); 14502 const productId = inputElement.value; 14503 const productData = window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_' + productId] || {}; 14504 productData.item_id = productId; 14505 14506 const eventData = { 14507 'event': 'select_item', 14508 'ecommerce': { 14509 'items': [productData] 14510 } 14511 } 14512 14513 yireoGoogleTagManager2Pusher(eventData, 'push (page event "select_item") [script-product-clicks.phtml]'); 14514 14515 if (window['YIREO_GOOGLETAGMANAGER2_DEBUG_CLICKS'] && confirm("Press to continue with redirect") === false) { 14516 event.preventDefault(); 14517 } 14518 }); 14519 }) 14520 } 14521</script>
vendor: 1 bytes, line 14521
14521
14522<script> 14523 window.addEventListener('private-content-loaded', function(event) { 14524 window.dataLayer = window.dataLayer || []; 14525 14526 var isEmpty = function (variable) { 14527 if (typeof variable === 'undefined') { 14528 return true; 14529 } 14530 14531 if (Array.isArray(variable) && variable.length === 0) { 14532 return true; 14533 } 14534 14535 return typeof variable === 'object' && Object.keys(variable).length === 0; 14536 } 14537 14538 var getSectionNames = function () { 14539 return ['cart', 'customer']; 14540 } 14541 14542 getSectionNames().forEach(function (sectionName) { 14543 if (!event.detail.data[sectionName].gtm) { 14544 return; 14545 } 14546 14547 const attributes = event.detail.data[sectionName].gtm; 14548 if (!Object.keys(attributes).length > 0) { 14549 return; 14550 } 14551 14552 yireoGoogleTagManager2Pusher(attributes, 'push (attributes) [script-additions.phtml]'); 14553 }); 14554 14555 let attributes = {}; 14556 getSectionNames().forEach(function (sectionName) { 14557 if (!event.detail.data[sectionName].gtm_events) { 14558 return; 14559 } 14560 14561 const gtmEvents = event.detail.data[sectionName].gtm_events; 14562 for (const [eventId, eventData] of Object.entries(gtmEvents)) { 14563 yireoGoogleTagManager2Logger('found event in section "' + sectionName + '"', eventData); 14564 14565 const metaData = eventData.meta; 14566 yireoGoogleTagManager2Pusher(eventData, 'push (customerData "' + sectionName + '" event "' + eventId + '")'); 14567 14568 if (!metaData || metaData.cacheable !== true) { 14569 yireoGoogleTagManager2Logger('removing event "' + eventId + '" from section "' + sectionName + '"') 14570 14571 let mageCacheStorage = window.localStorage.getItem('mage-cache-storage'); 14572 if (mageCacheStorage) { 14573 mageCacheStorage = JSON.parse(mageCacheStorage); 14574 } 14575 14576 if (mageCacheStorage !== null 14577 && typeof mageCacheStorage[sectionName] !== 'undefined' 14578 && typeof mageCacheStorage[sectionName].gtm_events !== 'undefined' 14579 && eventId in mageCacheStorage[sectionName].gtm_events) { 14580 delete mageCacheStorage[sectionName].gtm_events[eventId]; 14581 } 14582 14583 window.localStorage.setItem('mage-cache-storage', JSON.stringify(mageCacheStorage)); 14584 } 14585 } 14586 }); 14587 14588 if (false === isEmpty(attributes)) { 14589 yireoGoogleTagManager2Pusher(attributes, 'dataLayer (initial js) [script-additions.phtml]'); 14590 } 14591 }); 14592</script>
vendor: 1 bytes, line 14592
14592
14593<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"28fd4c046b1b429d9a7ecdb1e63ace4a","r":1,"spa":2}' crossorigin="anonymous"></script>
14593 14594</body> 14595</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.