PageSourceSearch

https://www.mediatekis.com.co/audio/combos-de-audio.html

html mediatekis.com.co collected 2026-10-04 08:59:50 UTC 660,643 bytes, 14,595 lines download raw bytes

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&#x20;to&#x20;Home&#x20;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&#x20;en&#x20;toda&#x20;la&#x20;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&#x20;menu"
516        role="navigation"
517    >
518        <button x-ref="open-menu-button"
519            @click="openMenu"
520            type="button"
521            aria-label="Open&#x20;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&#x20;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&#x20;submenu&#x20;for&#x20;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&#x20;submenu&#x20;for&#x20;Interfaces&#x20;y&#x20;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="{&#10;                                        'stroke-black rotate-90': node1835  === true,&#10;                                        'stroke-white': node1835  != true&#10;                                    }" 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&#x20;y&#x20;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&#x20;submenu&#x20;for&#x20;Bases&#x20;y&#x20;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="{&#10;                                        'stroke-black rotate-90': node1839  === true,&#10;                                        'stroke-white': node1839  != true&#10;                                    }" 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&#x20;y&#x20;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&#x20;submenu&#x20;for&#x20;Cables&#x20;y&#x20;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="{&#10;                                        'stroke-black rotate-90': node1845  === true,&#10;                                        'stroke-white': node1845  != true&#10;                                    }" 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&#x20;y&#x20;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&#x20;submenu&#x20;for&#x20;Estudio&#x20;y&#x20;Grabaci&#xF3;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="{&#10;                                        'stroke-black rotate-90': node1849  === true,&#10;                                        'stroke-white': node1849  != true&#10;                                    }" 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&#x20;y&#x20;Grabaci&#xF3;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&#x20;submenu&#x20;for&#x20;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="{&#10;                                        'stroke-black rotate-90': node1857  === true,&#10;                                        'stroke-white': node1857  != true&#10;                                    }" 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&#x20;submenu&#x20;for&#x20;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="{&#10;                                        'stroke-black rotate-90': node1863  === true,&#10;                                        'stroke-white': node1863  != true&#10;                                    }" 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&#x20;submenu&#x20;for&#x20;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="{&#10;                                        'stroke-black rotate-90': node1869  === true,&#10;                                        'stroke-white': node1869  != true&#10;                                    }" 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&#x20;submenu&#x20;for&#x20;Altavoces&#x20;y&#x20;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="{&#10;                                        'stroke-black rotate-90': node1983  === true,&#10;                                        'stroke-white': node1983  != true&#10;                                    }" 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&#x20;y&#x20;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&#x20;submenu&#x20;for&#x20;Sonido&#x20;en&#x20;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="{&#10;                                        'stroke-black rotate-90': node1881  === true,&#10;                                        'stroke-white': node1881  != true&#10;                                    }" 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&#x20;en&#x20;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&#x20;submenu&#x20;for&#x20;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="{&#10;                                        'stroke-black rotate-90': node1876  === true,&#10;                                        'stroke-white': node1876  != true&#10;                                    }" 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&#x20;submenu&#x20;for&#x20;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&#x20;submenu&#x20;for&#x20;C&#xE1;maras&#x20;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="{&#10;                                        'stroke-black rotate-90': node1889  === true,&#10;                                        'stroke-white': node1889  != true&#10;                                    }" 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&#xE1;maras&#x20;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&#x20;submenu&#x20;for&#x20;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="{&#10;                                        'stroke-black rotate-90': node1895  === true,&#10;                                        'stroke-white': node1895  != true&#10;                                    }" 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&#x20;submenu&#x20;for&#x20;
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="{&#10;                                        'stroke-black rotate-90': node1899  === true,&#10;                                        'stroke-white': node1899  != true&#10;                                    }" 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&#x20;submenu&#x20;for&#x20;Captura&#x20;y&#x20;Reproducci&#xF3;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="{&#10;                                        'stroke-black rotate-90': node1905  === true,&#10;                                        'stroke-white': node1905  != true&#10;                                    }" 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&#x20;y&#x20;Reproducci&#xF3;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&#x20;submenu&#x20;for&#x20;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="{&#10;                                        'stroke-black rotate-90': node1911  === true,&#10;                                        'stroke-white': node1911  != true&#10;                                    }" 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&#x20;submenu&#x20;for&#x20;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="{&#10;                                        'stroke-black rotate-90': node1920  === true,&#10;                                        'stroke-white': node1920  != true&#10;                                    }" 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&#x20;submenu&#x20;for&#x20;Fotograf&#xED;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&#xED;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&#x20;submenu&#x20;for&#x20;C&#xE1;maras&#x20;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="{&#10;                                        'stroke-black rotate-90': node1931  === true,&#10;                                        'stroke-white': node1931  != true&#10;                                    }" 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&#xE1;maras&#x20;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&#x20;submenu&#x20;for&#x20;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="{&#10;                                        'stroke-black rotate-90': node1937  === true,&#10;                                        'stroke-white': node1937  != true&#10;                                    }" 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&#x20;submenu&#x20;for&#x20;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="{&#10;                                        'stroke-black rotate-90': node1944  === true,&#10;                                        'stroke-white': node1944  != true&#10;                                    }" 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&#x20;submenu&#x20;for&#x20;Fotograf&#xED;a&#x20;Instant&#xE1;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="{&#10;                                        'stroke-black rotate-90': node1950  === true,&#10;                                        'stroke-white': node1950  != true&#10;                                    }" 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&#xED;a&#x20;Instant&#xE1;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&#x20;submenu&#x20;for&#x20;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&#x20;submenu&#x20;for&#x20;Licencias&#x20;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="{&#10;                                        'stroke-black rotate-90': node1966  === true,&#10;                                        'stroke-white': node1966  != true&#10;                                    }" 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&#x20;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&#x20;submenu&#x20;for&#x20;Licencias&#x20;de&#x20;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="{&#10;                                        'stroke-black rotate-90': node1970  === true,&#10;                                        'stroke-white': node1970  != true&#10;                                    }" 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&#x20;de&#x20;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&#x20;submenu&#x20;for&#x20;Iluminaci&#xF3;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&#xF3;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&#x20;submenu&#x20;for&#x20;Fotograf&#xED;a&#x20;y&#x20;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="{&#10;                                        'stroke-black rotate-90': node2629  === true,&#10;                                        'stroke-white': node2629  != true&#10;                                    }" 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&#xED;a&#x20;y&#x20;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&#x20;submenu&#x20;for&#x20;Eventos&#x20;y&#x20;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="{&#10;                                        'stroke-black rotate-90': node1974  === true,&#10;                                        'stroke-white': node1974  != true&#10;                                    }" 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&#x20;y&#x20;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&#x20;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&#x20;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&#xED;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&#xF3;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&#x20;y&#x20;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&#x20;y&#x20;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&#x20;y&#x20;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&#x20;y&#x20;Grabaci&#xF3;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&#x20;y&#x20;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&#x20;en&#x20;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&#xE1;maras&#x20;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&#x20;y&#x20;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&#x20;y&#x20;Reproducci&#xF3;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&#x20;y&#x20;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&#xED;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&#xE1;maras&#x20;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&#xED;a&#x20;Instant&#xE1;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&#x20;de&#x20;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&#x20;de&#x20;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&#xF3;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&#xED;a&#x20;y&#x20;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&#x20;y&#x20;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&#x20;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&#x20;sesi&#xF3;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&#x20;una&#x20;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&#x20;minicart,
8360                    ${isCartEmpty()
8361                        ? '&#xA1;Tu&#x20;carrito&#x20;est&#xE1;&#x20;vac&#xED;o&#x21;'
8362                        : cart.summary_count > 1
8363                            ? hyva.str('&#x25;1&#x20;art&#xED;tulos', cart.summary_count)
8364                            : hyva.str('&#x25;1&#x20;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&#x20;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&#x20;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&#x20;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&#x20;a&#x20;la&#x20;p&#xE1;gina&#x20;de&#x20;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&#x20;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&#x20;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&#x20;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&#x20;Vocaster&#x20;One&#x20;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&#x20;Vocaster&#x20;One&#x20;Studio&#x20;vista&#x20;superior"
9164    title="Kit&#x20;Vocaster&#x20;One&#x20;Studio&#x20;vista&#x20;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&#x20;tax&#x20;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&#x20;tax&#x20;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&#x20;Vocaster&#x20;Two&#x20;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&#x20;Two&#x20;Studio&#x20;vista&#x20;de&#x20;perfil"
9245    title="Vocaster&#x20;Two&#x20;Studio&#x20;vista&#x20;de&#x20;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&#x20;tax&#x20;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&#x20;tax&#x20;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&#x20;items&#x20;per&#x20;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&#x20;flex&#x20;flex-col&#x20;md&#x3A;flex-row&#x20;flex-wrap&#x20;my-6&#x20;font-bold&#x20;lg&#x3A;
9450mt-8&#x20;category-title&#x20;justify-start&#x20;text-3xl&#x20;md&#x3A;text-5xl&#x20;lg&#x3A;&#x21;my-0&#x20;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('&amp;', '&');
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('&amp;', '&');
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.