"""
<!DOCTYPE html>\n
<html lang="es" class="h-full">\n
\n
<head>\n
    <meta charset="utf-8">\n
    <meta name="viewport" content="width=device-width, initial-scale=1">\n
\n
    <link rel="apple-touch-icon" sizes="180x180"\n
        href="https://dmzrrl140sxva.cloudfront.net/vaope/assets/brand/favicon/apple-touch-icon.png">\n
    <link rel="icon" type="image/png" sizes="32x32"\n
        href="https://dmzrrl140sxva.cloudfront.net/vaope/assets/brand/favicon/favicon-32x32.png">\n
    <link rel="icon" type="image/png" sizes="16x16"\n
        href="https://dmzrrl140sxva.cloudfront.net/vaope/assets/brand/favicon/favicon-16x16.png">\n
    <link rel="manifest" href="https://dmzrrl140sxva.cloudfront.net/vaope/assets/brand/favicon/site.webmanifest">\n
\n
    <link rel="canonical" href="https://vaope.vaope-qa.online/eventos/deportes" />\n
    <meta property="og:url" content="https://vaope.vaope-qa.online/eventos/deportes">\n
\n
    <link rel="preconnect" href="https://dev-tuentrada-r2.vaope.com/vaope" crossorigin>\n
    <link rel="preconnect" href="https://fonts.googleapis.com">\n
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>\n
\n
    <title>Deportes - Vaope.com</title>\n
\n
            <script type="application/ld+json">\n
        {\n
            "@context": "https://schema.org",\n
            "@type": "WebSite",\n
            "name": "",\n
            "alternateName": "Vaope.com",\n
            "url": "https://vaope.vaope-qa.online",\n
            "logo":"",\n
            "contactPoint" : [ {\n
            "@type" : "ContactPoint",\n
            "contactType" : "Customer Service",\n
            "areaServed":"PE",\n
            "availableLanguage" : ["Spanish"] } ]\n
        }\n
        </script>\n
    \n
    <meta name="facebook-domain-verification" content="v0rwnzmhed5484q5h5u7t1s7ykjebc" />\n
    <meta name="description" content="Vao a los mejores eventos  con toda la mancha. Compra tus entradas de forma facil y segura en Vaope.com" />\n
    <meta property="og:site_name" content="Vaope.com">\n
    <meta property="og:title" content="" />\n
    <meta property="og:type" content="website" />\n
    <meta property="og:description" content="Adquiere tus boletos para eventos deportivos con seguridad y en las mejores ubicaciones." />\n
    <meta property="og:image" content="https://dmzrrl140sxva.cloudfront.net/vaope/assets/brand/logo-og.png" />\n
    <meta property="og:url" content="https://vaope.vaope-qa.online" />\n
    <meta property="twitter:domain" content="https://vaope.vaope-qa.online" />\n
    <meta property="twitter:title" content="" />\n
    <meta property="twitter:description" content="Adquiere tus boletos para eventos deportivos con seguridad y en las mejores ubicaciones." />\n
\n
    \n
    \n
            <link rel="preload" as="style"\n
            href="https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap" />\n
        <link href="https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap" rel="stylesheet">\n
    \n
    <!-- Styles / Scripts -->\n
            <link rel="preload" as="style" href="https://d37s5lagol0ra1.cloudfront.net/8226fb65-989a-48f6-9324-68a3145bc064/build/assets/vaope-BymRXKPm.css" /><link rel="preload" as="style" href="https://d37s5lagol0ra1.cloudfront.net/8226fb65-989a-48f6-9324-68a3145bc064/build/assets/app-Du4zTUuV.css" /><link rel="modulepreload" href="https://d37s5lagol0ra1.cloudfront.net/8226fb65-989a-48f6-9324-68a3145bc064/build/assets/app-aNTebW3e.js" /><link rel="modulepreload" href="https://d37s5lagol0ra1.cloudfront.net/8226fb65-989a-48f6-9324-68a3145bc064/build/assets/vendor-C-NuG2ov.js" /><link rel="modulepreload" href="https://d37s5lagol0ra1.cloudfront.net/8226fb65-989a-48f6-9324-68a3145bc064/build/assets/v-calendar-CQ_UTV8-.js" /><link rel="modulepreload" href="https://d37s5lagol0ra1.cloudfront.net/8226fb65-989a-48f6-9324-68a3145bc064/build/assets/vue-Cq-Q3Y6A.js" /><link rel="stylesheet" href="https://d37s5lagol0ra1.cloudfront.net/8226fb65-989a-48f6-9324-68a3145bc064/build/assets/vaope-BymRXKPm.css" /><link rel="stylesheet" href="https://d37s5lagol0ra1.cloudfront.net/8226fb65-989a-48f6-9324-68a3145bc064/build/assets/app-Du4zTUuV.css" /><script type="module" src="https://d37s5lagol0ra1.cloudfront.net/8226fb65-989a-48f6-9324-68a3145bc064/build/assets/app-aNTebW3e.js"></script>    \n
    <script type="text/javascript" async>\n
    window.APP_THEME = 'vaope';\n
    window.COMPANY_LEGAL_NAME = 'COLABORATIVA SAC';\n
    window.CONTACT_EMAIL = 'contacto@vaope.com';\n
    window.WHATSAPP_FLOATING = {"url":"https:\/\/vaope.info\/WhatsApp","number":"51961614021","position":"bottom-right"};\n
    window.WHATSAPP_GENERAL = {"url":"https:\/\/vaope.info\/WhatsApp1212","number":"51961614021","text":"Hola, necesito ayuda"};\n
    window.IS_HOME_PAGE = false;\n
    window.queueWaitingRoomUrl = 'https://cola-virtual.vaope-qa.online';\n
    window.queueApiBaseUrl = 'https://cola-virtual.vaope-qa.online';\n
    window.INSURANCE_PRODUCT_ID = '5357';\n
</script>\n
\n
\n
\n
\n
\n
    \n
                        <!-- Meta Pixel Code -->\n
<script>\n
// Desactiva el auto-tracking rebelde de PageView en SPAs (Vue/React)\n
window.fbq = window.fbq || function() { (window.fbq.q = window.fbq.q || []).push(arguments) };\n
fbq.disablePushState = true; \n
!function(f,b,e,v,n,t,s)\n
{if(f.fbq && f.fbq.version)return;n=f.fbq=function(){n.callMethod?\n
n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n
n.queue=[];t=b.createElement(e);t.async=!0;\n
t.src=v;s=b.getElementsByTagName(e)[0];\n
s.parentNode.insertBefore(t,s)}(window, document,'script',\n
'https://connect.facebook.net/en_US/fbevents.js');\n
fbq('init', '833192177369961');\n
// Condicionamos el PageView manual usando nuestra variable del frontend\n
if (window.IS_HOME_PAGE) {\n
    fbq('track', 'PageView');\n
}\n
</script>\n
<noscript><img height="1" width="1" style="display:none"\n
src="https://www.facebook.com/tr?id=833192177369961&ev=PageView&noscript=1"\n
/></noscript>\n
<!-- End Meta Pixel Code -->\n
                    <script defer src="https://www.googletagmanager.com/gtag/js?id=G-2DGYLS3JK5"></script>\n
                    <script type="text/javascript" defer>\n
    window.dataLayer = window.dataLayer || [];\n
    function gtag() { dataLayer.push(arguments); }\n
    gtag("js", new Date());\n
    gtag("config", "G-2DGYLS3JK5");\n
</script>\n
                    <script type="text/javascript" async>\n
    (function(h,o,t,j,a,r){\n
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};\n
        h._hjSettings={hjid:2545690,hjsv:6};\n
        a=o.getElementsByTagName("head")[0];\n
        r=o.createElement("script");r.async=1;\n
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;\n
        a.appendChild(r);\n
    })(window,document,"https://static.hotjar.com/c/hotjar-",".js?sv=");\n
</script>\n
                    <script>\n
    !function(w,d,t){\n
        w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];\n
        ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConsent"];\n
        ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};\n
        for(var i=0;i<ttq.methods.length;i++) ttq.setAndDefer(ttq,ttq.methods[i]);\n
        ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++) ttq.setAndDefer(e,ttq.methods[n]);return e};\n
        ttq.load=function(e,n){\n
            var r="https://analytics.tiktok.com/i18n/pixel/events.js",o=n&&n.partner;\n
            ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};\n
            n=document.createElement("script");n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;\n
            e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)\n
        };\n
        ttq.load('CRQ9BI3C77UECGAB9US0');ttq.page();\n
    }(window,document,'ttq');\n
</script>\n
                    <script type="text/javascript">\n
    (function () {\n
        // Meta recomienda 7 días para fbc\n
        var FBC_MAX_AGE_DAYS = 7;\n
        var FBP_MAX_AGE_DAYS = 90;\n
\n
        function setCookie(name, value, days) {\n
            var d = new Date();\n
            d.setTime(d.getTime() + (days * 24 * 60 * 60 * 1000));\n
            var expires = "expires=" + d.toUTCString();\n
            document.cookie = name + "=" + encodeURIComponent(value) + ";" + expires + ";path=/;SameSite=Lax";\n
        }\n
\n
        function deleteCookie(name) {\n
            document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/";\n
        }\n
\n
        function getCookie(name) {\n
            var match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));\n
            return match ? decodeURIComponent(match[2]) : null;\n
        }\n
\n
        // devuelve {ts, value} o null si es inválido.\n
        function parseFbCookie(value) {\n
            if (!value || typeof value !== 'string') return null;\n
            var m = value.match(/^fb\.(\d+)\.(\d+)\.(.+)$/);\n
            if (!m) return null;\n
            var ts = parseInt(m[2], 10);\n
            if (!ts || isNaN(ts)) return null;\n
            return { ts: ts, value: value };\n
        }\n
\n
        function isFresh(ts, maxAgeDays) {\n
            var ageMs = Date.now() - ts;\n
            return ageMs >= 0 && ageMs <= maxAgeDays * 24 * 60 * 60 * 1000;\n
        }\n
\n
        function ensureFbp() {\n
            var raw = getCookie('_fbp');\n
            var parsed = parseFbCookie(raw);\n
            if (parsed && isFresh(parsed.ts, FBP_MAX_AGE_DAYS)) {\n
                return parsed.value;\n
            }\n
            // Regenerar si no existe, está malformado o vencido\n
            var ts = Date.now();\n
            var rand = Math.floor(Math.random() * 1e10);\n
            var fbp = 'fb.1.' + ts + '.' + rand;\n
            setCookie('_fbp', fbp, 180);\n
            return fbp;\n
        }\n
\n
        function ensureFbc() {\n
            // Si hay fbclid nuevo en la URL, siempre se sobrescribe.\n
            var params = new URLSearchParams(window.location.search);\n
            var fbclid = params.get('fbclid');\n
            if (fbclid) {\n
                var ts = Date.now();\n
                var fbc = 'fb.1.' + ts + '.' + fbclid;\n
                setCookie('_fbc', fbc, 90);\n
                return fbc;\n
            }\n
            // Si no hay fbclid en URL: usar la cookie SOLO si es válida y nueva.\n
            var parsed = parseFbCookie(getCookie('_fbc'));\n
            if (parsed && isFresh(parsed.ts, FBC_MAX_AGE_DAYS)) {\n
                return parsed.value;\n
            }\n
            // Cookie vieja/inválida → limpiar y devolver null para que el backend NO envíe fbc al CAPI.\n
            if (parsed) {\n
                deleteCookie('_fbc');\n
            }\n
            return null;\n
        }\n
\n
        function genEventId() {\n
            try {\n
                if (window.crypto && window.crypto.randomUUID) {\n
                    return window.crypto.randomUUID();\n
                }\n
            } catch (e) {}\n
            return 'evt_' + Date.now().toString(36) + '_' + Math.random().toString(36).slice(2, 10);\n
        }\n
\n
        window.__fbp = ensureFbp();\n
        window.__fbc = ensureFbc(); // puede ser null\n
        window.genEventId = genEventId;\n
        window.__pageViewEventId = genEventId();\n
    })();\n
</script>\n
            \n
    \n
    \n
    \n
    \n
    \n
    </head>\n
\n
<body class="antialiased text-neutral-600 bg-background relative">\n
    \n
                \n
    <div id="app" class="flex flex-col min-h-dvh">\n
        <div class="">\n
            <alert-system />\n
        </div>\n
                                <header class="relative sticky top-0 z-50 bg-secondary-blue-200">\n
    <div class="container flex items-stretch gap-x-4 md:gap-x-11 h-17">\n
        <div class="flex items-center gap-x-1.5 shrink-0">\n
            <button type="button" id="menu-toggle" data-open="false"\n
                class="md:hidden shrink-0 size-8 inline-flex text-neutral-50 items-center justify-center data-[open=true]:[&>.menu]:hidden data-[open=true]:[&>.close]:block data-[open=false]:[&>.menu]:block data-[open=false]:[&>.close]:hidden">\n
                <span class="sr-only">Abrir menú</span>\n
                <icons icon="menu" class="size-6 menu"></icons>\n
                <icons icon="close" class="size-6 close"></icons>\n
            </button>\n
            <a href="/" class="'shrink-0 py-2 focus-within:outline-0 focus:outline-0">\n
                <img src="https://dmzrrl140sxva.cloudfront.net/vaope/assets/brand/logo-white.svg" class='h-auto w-28' decoding="async" fetchpriority="high"\n
                    alt="vaope">\n
            </a>\n
        </div>\n
        <nav class="max-md:hidden flex items-stretch gap-x-4">\n
            <ul class="flex flex-col md:flex-row md:gap-x-4"><li class="relative group flex items-stretch" ><a href="#" \n
                    class="text-body text-neutral-50 p-3 cursor-pointer block flex items-center"\n
                    data-url="/centro-ayuda"\n
                    data-target="link"\n
                    data-label="Centro de ayuda">Centro de ayuda</a></li><li class="relative group flex items-stretch" ><a href="#" \n
                    class="text-body text-neutral-50 p-3 cursor-pointer block flex items-center"\n
                    data-url="/crear-evento"\n
                    data-target="_self"\n
                    data-label="Publica tu evento">Publica tu evento</a></li></ul>        </nav>\n
        <div class="ml-auto flex items-center gap-2 text-white">\n
            <mobile-search :cities='{"15":{"name":"Lima","slug":"lima","districts":[{"name":"Anc\u00f3n","slug":"ancon"},{"name":"Ate","slug":"ate"},{"name":"Barranco","slug":"barranco"},{"name":"Chorrillos","slug":"chorrillos"},{"name":"Comas","slug":"comas"},{"name":"Huaral","slug":"huaral"},{"name":"Independencia","slug":"independencia"},{"name":"La Molina","slug":"la-molina"},{"name":"Lima","slug":"lima"},{"name":"Lince","slug":"lince"},{"name":"Los Olivos","slug":"los-olivos"},{"name":"Lurin","slug":"lurin"},{"name":"Magdalena del Mar","slug":"magdalena-del-mar"},{"name":"Miraflores","slug":"miraflores"},{"name":"Puente Piedra","slug":"puente-piedra"},{"name":"San Borja","slug":"san-borja"},{"name":"San Juan de Lurigancho","slug":"san-juan-de-lurigancho"},{"name":"San Mart\u00edn de Porres","slug":"san-martin-de-porres"},{"name":"San Vicente de Ca\u00f1ete","slug":"san-vicente-de-canete"},{"name":"Santa Anita","slug":"santa-anita"},{"name":"Santiago de Surco","slug":"santiago-de-surco"},{"name":"Villa Mar\u00eda del Triunfo","slug":"villa-maria-del-triunfo"}],"events":75},"12":{"name":"Jun\u00edn","slug":"junin","districts":[{"name":"Chilca","slug":"chilca"},{"name":"El Tambo","slug":"el-tambo"},{"name":"Huancayo","slug":"huancayo"},{"name":"Tarma","slug":"tarma"}],"events":10},"4":{"name":"Arequipa","slug":"arequipa","districts":[{"name":"Arequipa","slug":"arequipa"},{"name":"Cerro Colorado","slug":"cerro-colorado"},{"name":"Jos\u00e9 Luis Bustamante y Rivero","slug":"jose-luis-bustamante-y-rivero"}],"events":7},"11":{"name":"Ica","slug":"ica","districts":[{"name":"Ica","slug":"ica"},{"name":"Los Aquijes","slug":"los-aquijes"},{"name":"Pisco","slug":"pisco"}],"events":7},"23":{"name":"Tacna","slug":"tacna","districts":[{"name":"Tacna","slug":"tacna"}],"events":7},"16":{"name":"Loreto","slug":"loreto","districts":[{"name":"Iquitos","slug":"iquitos"}],"events":6},"3":{"name":"Apur\u00edmac","slug":"apurimac","districts":[{"name":"Abancay","slug":"abancay"},{"name":"Andahuaylas","slug":"andahuaylas"}],"events":4},"7":{"name":"Callao","slug":"callao","districts":[{"name":"Bellavista","slug":"bellavista"},{"name":"Callao","slug":"callao"},{"name":"Ventanilla","slug":"ventanilla"}],"events":4},"8":{"name":"Cusco","slug":"cusco","districts":[{"name":"Cusco","slug":"cusco"},{"name":"Wanchaq","slug":"wanchaq"}],"events":4},"14":{"name":"Lambayeque","slug":"lambayeque","districts":[{"name":"Chiclayo","slug":"chiclayo"},{"name":"Chongoyape","slug":"chongoyape"},{"name":"Jos\u00e9 Leonardo Ortiz","slug":"jose-leonardo-ortiz"}],"events":4},"20":{"name":"Piura","slug":"piura","districts":[{"name":"Chulucanas","slug":"chulucanas"},{"name":"La Matanza","slug":"la-matanza"},{"name":"Piura","slug":"piura"},{"name":"Sullana","slug":"sullana"}],"events":4},"5":{"name":"Ayacucho","slug":"ayacucho","districts":[{"name":"Ayacucho","slug":"ayacucho"}],"events":3},"18":{"name":"Moquegua","slug":"moquegua","districts":[{"name":"Ilo","slug":"ilo"},{"name":"Moquegua","slug":"moquegua"}],"events":3},"21":{"name":"Puno","slug":"puno","districts":[{"name":"Juliaca","slug":"juliaca"}],"events":3},"2":{"name":"\u00c1ncash","slug":"ancash","districts":[{"name":"Chimbote","slug":"chimbote"}],"events":2},"6":{"name":"Cajamarca","slug":"cajamarca","districts":[{"name":"Cajamarca","slug":"cajamarca"}],"events":2},"9":{"name":"Huancavelica","slug":"huancavelica","districts":[{"name":"Huancavelica","slug":"huancavelica"}],"events":1},"10":{"name":"Hu\u00e1nuco","slug":"huanuco","districts":[{"name":"Huanuco","slug":"huanuco"}],"events":1},"13":{"name":"La Libertad","slug":"la-libertad","districts":[{"name":"Trujillo","slug":"trujillo"}],"events":1},"17":{"name":"Madre de Dios","slug":"madre-de-dios","districts":[{"name":"Tambopata","slug":"tambopata"}],"events":1},"19":{"name":"Pasco","slug":"pasco","districts":[{"name":"Chaupimarca","slug":"chaupimarca"}],"events":1},"22":{"name":"San Mart\u00edn","slug":"san-martin","districts":[{"name":"Tarapoto","slug":"tarapoto"}],"events":1}}' default-value="eventos">\n
            </mobile-search>\n
            <user-menu></user-menu>\n
            <input type="hidden" name="_token" value="2SonJAVIJtWpp0WaXFDRC4yZPucr3VUKSpwYFYjI" autocomplete="off">            <form id="logout-form" action="https://vaope.vaope-qa.online/logout" method="POST" class="hidden"></form>\n
        </div>\n
    </div>\n
    <div id="mobile-menu" role="listbox"\n
        class="absolute p-4 inset-x-0 top-full bg-white shadow-md md:hidden hidden z-[1000]">\n
        <ul class="flex flex-col gap-y-2"><li><a href="#" \n
                    class="text-neutral-700 py-2 block"\n
                    data-url="/centro-ayuda"\n
                    data-target="link"\n
                    data-label="Centro de ayuda">Centro de ayuda</a></li><li><a href="#" \n
                    class="text-neutral-700 py-2 block"\n
                    data-url="/crear-evento"\n
                    data-target="_self"\n
                    data-label="Publica tu evento">Publica tu evento</a></li></ul>    </div>\n
</header>\n
\n
\n
<!--\n
    <Modal\n
        ref="guestModal"\n
        :closeOnClickOutside="false"\n
        :closeOnEscape="true"\n
        :showCloseButton="true"\n
        content-class="max-w-sm md:max-w-md w-full p-0"\n
    >\n
\n
    </Modal>\n
-->\n
\n
\n
<script>\n
    //import Modal from "@/components/reusable/Modal.vue";\n
    function openModal(label, url) {\n
        alert('Modal: ' + label);\n
    }\n
\n
    function openOffcanvas(label, url) {\n
        alert('Offcanvas: ' + label);\n
    }\n
\n
    function handleMenuClick(event) {\n
        event.preventDefault();\n
        const el = event.currentTarget;\n
        const target = el.getAttribute('data-target');\n
        const url = el.getAttribute('data-url');\n
        const label = el.getAttribute('data-label');\n
        switch (target) {\n
            case 'link':\n
                if (url && url !== '#') {\n
                    window.location.href = url;\n
                }\n
                break;\n
            case 'blank':\n
                if (url && url !== '#') {\n
                    window.open(url, '_blank');\n
                }\n
                break;\n
            case 'modal':\n
                openModal(label, url);\n
                break;\n
            case 'offcanvas':\n
                openOffcanvas(label, url);\n
                break;\n
            case 'submenu':\n
                const parentLi = el.closest('li');\n
                const submenu = parentLi.querySelector('ul');\n
                if (submenu) {\n
                    submenu.classList.toggle('hidden');\n
                }\n
                break;\n
            default:\n
                console.warn('Target no reconocido:', target);\n
                if (url && url !== '#') {\n
                    window.location.href = url;\n
                }\n
        }\n
    }\n
\n
    document.addEventListener('DOMContentLoaded', function() {\n
        const menuLinks = document.querySelectorAll('a[data-target]');\n
\n
        menuLinks.forEach(link => {\n
            link.removeEventListener('click', handleMenuClick);\n
            link.addEventListener('click', handleMenuClick);\n
        });\n
    });\n
\n
    document.addEventListener('DOMContentLoaded', function() {\n
        const menuToggle = document.getElementById('menu-toggle');\n
        const mobileMenu = document.getElementById('mobile-menu');\n
        const userDropdownToggle = document.getElementById('user-dropdown-toggle');\n
        const userDropdown = document.getElementById('user-dropdown');\n
\n
        // Toggle mobile menu\n
        menuToggle.addEventListener('click', function() {\n
            mobileMenu.classList.toggle('hidden');\n
            const isOpen = this.getAttribute('data-open') === 'true';\n
            this.setAttribute('data-open', !isOpen);\n
        });\n
\n
        // Toggle user dropdown\n
        if (userDropdownToggle && userDropdown) {\n
            userDropdownToggle.addEventListener('click', function() {\n
                userDropdown.classList.toggle('hidden');\n
                const isOpen = userDropdownToggle.getAttribute('data-open') === 'true';\n
                menuToggle.setAttribute('data-open', !isOpen);\n
            });\n
        }\n
\n
        // Close dropdown when clicking outside\n
        document.addEventListener('click', function(event) {\n
            if (userDropdown && userDropdownToggle) {\n
                if (!userDropdown.contains(event.target) && !userDropdownToggle.contains(event\n
                        .target)) {\n
                    userDropdown.classList.add('hidden');\n
                    menuToggle.setAttribute('data-open', false);\n
                }\n
            }\n
        });\n
\n
        document.querySelectorAll('.toggle-submenu').forEach(btn => {\n
            btn.addEventListener('click', function() {\n
                const targetId = btn.dataset.target;\n
                const submenu = document.getElementById(targetId);\n
                if (submenu) {\n
                    submenu.classList.toggle('hidden');\n
                    btn.querySelector('svg').classList.toggle('rotate-180'); // icono gira\n
                }\n
            });\n
        });\n
\n
        document.querySelectorAll('li[data-submenu]').forEach(li => {\n
            li.addEventListener('mouseenter', () => {\n
                const subMenuId = li.dataset.submenu;\n
                document.getElementById(subMenuId).classList.remove('hidden');\n
            });\n
            li.addEventListener('mouseleave', () => {\n
                const subMenuId = li.dataset.submenu;\n
                document.getElementById(subMenuId).classList.add('hidden');\n
            });\n
        });\n
    });\n
</script>\n
\n
<style>\n
    ul li div {\n
        transition: opacity 0.2s ease, transform 0.2s ease;\n
    }\n
\n
    ul li div.hidden {\n
        opacity: 0;\n
        transform: translateY(-5px);\n
        pointer-events: none;\n
    }\n
\n
    ul li div:not(.hidden) {\n
        opacity: 1;\n
        transform: translateY(0);\n
        pointer-events: auto;\n
    }\n
</style>\n
                <main class="flex-1">\n
                \n
    <section class="container space-y-6 py-6 md:space-y-8 md:py-12">\n
        <header class="space-y-8">\n
            \n
            <a href="/"\n
                class="text-primary-200 text-subtitle md:text-body inline-flex items-center gap-x-1.5 font-semibold whitespace-nowrap">\n
                <icons icon="arrow-left" class="size-6"></icons>\n
                Regresar al inicio\n
            </a>\n
            \n
            <div class="flex items-center flex-wrap gap-4">\n
                <h1 class="text-body md:text-heading-h4 font-bold first-letter:uppercase flex items-center">\n
                    Deportes\n
                                    </h1>\n
                                    <div class="ml-auto">\n
                        <select-departaments :cities='{"15":{"name":"Lima","slug":"lima","districts":[{"name":"Anc\u00f3n","slug":"ancon"},{"name":"Ate","slug":"ate"},{"name":"Barranco","slug":"barranco"},{"name":"Chorrillos","slug":"chorrillos"},{"name":"Comas","slug":"comas"},{"name":"Huaral","slug":"huaral"},{"name":"Independencia","slug":"independencia"},{"name":"La Molina","slug":"la-molina"},{"name":"Lima","slug":"lima"},{"name":"Lince","slug":"lince"},{"name":"Los Olivos","slug":"los-olivos"},{"name":"Lurin","slug":"lurin"},{"name":"Magdalena del Mar","slug":"magdalena-del-mar"},{"name":"Miraflores","slug":"miraflores"},{"name":"Puente Piedra","slug":"puente-piedra"},{"name":"San Borja","slug":"san-borja"},{"name":"San Juan de Lurigancho","slug":"san-juan-de-lurigancho"},{"name":"San Mart\u00edn de Porres","slug":"san-martin-de-porres"},{"name":"San Vicente de Ca\u00f1ete","slug":"san-vicente-de-canete"},{"name":"Santa Anita","slug":"santa-anita"},{"name":"Santiago de Surco","slug":"santiago-de-surco"},{"name":"Villa Mar\u00eda del Triunfo","slug":"villa-maria-del-triunfo"}],"events":75},"12":{"name":"Jun\u00edn","slug":"junin","districts":[{"name":"Chilca","slug":"chilca"},{"name":"El Tambo","slug":"el-tambo"},{"name":"Huancayo","slug":"huancayo"},{"name":"Tarma","slug":"tarma"}],"events":10},"4":{"name":"Arequipa","slug":"arequipa","districts":[{"name":"Arequipa","slug":"arequipa"},{"name":"Cerro Colorado","slug":"cerro-colorado"},{"name":"Jos\u00e9 Luis Bustamante y Rivero","slug":"jose-luis-bustamante-y-rivero"}],"events":7},"11":{"name":"Ica","slug":"ica","districts":[{"name":"Ica","slug":"ica"},{"name":"Los Aquijes","slug":"los-aquijes"},{"name":"Pisco","slug":"pisco"}],"events":7},"23":{"name":"Tacna","slug":"tacna","districts":[{"name":"Tacna","slug":"tacna"}],"events":7},"16":{"name":"Loreto","slug":"loreto","districts":[{"name":"Iquitos","slug":"iquitos"}],"events":6},"3":{"name":"Apur\u00edmac","slug":"apurimac","districts":[{"name":"Abancay","slug":"abancay"},{"name":"Andahuaylas","slug":"andahuaylas"}],"events":4},"7":{"name":"Callao","slug":"callao","districts":[{"name":"Bellavista","slug":"bellavista"},{"name":"Callao","slug":"callao"},{"name":"Ventanilla","slug":"ventanilla"}],"events":4},"8":{"name":"Cusco","slug":"cusco","districts":[{"name":"Cusco","slug":"cusco"},{"name":"Wanchaq","slug":"wanchaq"}],"events":4},"14":{"name":"Lambayeque","slug":"lambayeque","districts":[{"name":"Chiclayo","slug":"chiclayo"},{"name":"Chongoyape","slug":"chongoyape"},{"name":"Jos\u00e9 Leonardo Ortiz","slug":"jose-leonardo-ortiz"}],"events":4},"20":{"name":"Piura","slug":"piura","districts":[{"name":"Chulucanas","slug":"chulucanas"},{"name":"La Matanza","slug":"la-matanza"},{"name":"Piura","slug":"piura"},{"name":"Sullana","slug":"sullana"}],"events":4},"5":{"name":"Ayacucho","slug":"ayacucho","districts":[{"name":"Ayacucho","slug":"ayacucho"}],"events":3},"18":{"name":"Moquegua","slug":"moquegua","districts":[{"name":"Ilo","slug":"ilo"},{"name":"Moquegua","slug":"moquegua"}],"events":3},"21":{"name":"Puno","slug":"puno","districts":[{"name":"Juliaca","slug":"juliaca"}],"events":3},"2":{"name":"\u00c1ncash","slug":"ancash","districts":[{"name":"Chimbote","slug":"chimbote"}],"events":2},"6":{"name":"Cajamarca","slug":"cajamarca","districts":[{"name":"Cajamarca","slug":"cajamarca"}],"events":2},"9":{"name":"Huancavelica","slug":"huancavelica","districts":[{"name":"Huancavelica","slug":"huancavelica"}],"events":1},"10":{"name":"Hu\u00e1nuco","slug":"huanuco","districts":[{"name":"Huanuco","slug":"huanuco"}],"events":1},"13":{"name":"La Libertad","slug":"la-libertad","districts":[{"name":"Trujillo","slug":"trujillo"}],"events":1},"17":{"name":"Madre de Dios","slug":"madre-de-dios","districts":[{"name":"Tambopata","slug":"tambopata"}],"events":1},"19":{"name":"Pasco","slug":"pasco","districts":[{"name":"Chaupimarca","slug":"chaupimarca"}],"events":1},"22":{"name":"San Mart\u00edn","slug":"san-martin","districts":[{"name":"Tarapoto","slug":"tarapoto"}],"events":1}}'\n
                            default-value="eventos" :is-in-category="true"\n
                            :current-category="'deportes'"\n
                            all-cities-slug="eventos"\n
                            placeholder="Todas las ciudades"></select-departaments>\n
                    </div>\n
                            </div>\n
        </header>\n
        \n
                                                            <section class="space-y-4 md:space-y-8">\n
                                        <section class="grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-x-2 gap-y-4 md:gap-x-7 md:gap-y-3">\n
                                                    <article\n
    class="w-full bg-neutral-50 border-[1.5px] border-neutral-100 relative h-full overflow-hidden sm:overflow-visible rounded">\n
    <div class="relative sm:p-2">\n
        <a href="https://vaope.vaope-qa.online/eventos/futbol/los-chankas-vs-juan-pablo-ii-por-la-liga-1" class="group block relative z-1 w-full max-h-[328px] aspect-square">\n
            <div class="absolute inset-0 flex items-center justify-center bg-primary-100/50 opacity-0 transition-opacity duration-200 group-hover:opacity-100 rounded-sm">\n
                <div role="button" class="btn btn-sm btn-primary">\n
                    <icons icon="ticket" class="size-6"></icons>\n
                    Comprar\n
                </div>\n
            </div>\n
            <picture>\n
                <source media="(min-width: 1020px)" srcset="https://dev-tuentrada-r2.vaope.com/vaope/public/products/5345/5405-GRILLA-CHANKAS-VS-JUAN-PA.jpeg?w=360">\n
                <source media="(max-width: 1021px)" srcset="https://dev-tuentrada-r2.vaope.com/vaope/public/products/5345/5405-GRILLA-CHANKAS-VS-JUAN-PA.jpeg?w=360">\n
                <img src="https://dev-tuentrada-r2.vaope.com/vaope/public/products/5345/5405-GRILLA-CHANKAS-VS-JUAN-PA.jpeg?w=360" onerror="this.onerror=null; this.style.objectFit=&#039;contain&#039;; this.style.background=&#039;white&#039;; console.log(&#039;Error cargando imagen:&#039;, this.src); this.src=&#039;https://dmzrrl140sxva.cloudfront.net/vaope/assets/brand/image-fallback-square.png&#039;;this.closest(&#039;picture&#039;).querySelectorAll(&#039;source&#039;).forEach(s =&gt; s.removeAttribute(&#039;srcset&#039;));" alt="Los Chankas vs. Juan Pablo II por la Liga 1" class="w-full h-full object-cover object-center rounded-sm" src="https://dev-tuentrada-r2.vaope.com/vaope/public/products/5345/5405-GRILLA-CHANKAS-VS-JUAN-PA.jpeg?w=360" alt="Los Chankas vs. Juan Pablo II por la Liga 1" loading="lazy" decoding="async" isPicture="isPicture" isSquare="isSquare">\n
            </picture>\n
        </a>\n
        <favorite-button :id="5345" title="Los Chankas vs. Juan Pablo II por la Liga 1"></favorite-button>\n
    </div>\n
    <div class="space-y-2 p-2">\n
        <div class="flex flex-wrap items-center gap-2">\n
            <div\n
                class="inline-flex items-center gap-x-1 whitespace-nowrap tabular-nums text-caption leading-none font-medium px-1 py-0.5 text-primary-200 bg-primary-50 rounded-full max-w-full">\n
                <icons icon="calendar" class="size-4"></icons>\n
                <span class="text-wrap">\n
                    29/08/2026\n
                                        •\n
                    1:00 PM\n
                                    </span>\n
            </div>\n
                            <div aria-label="Categoría: Fútbol"\n
                    class="inline-flex items-center gap-x-1 whitespace-nowrap ring ring-neutral-100 text-caption leading-none font-medium px-1 py-0.5 text-neutral-400 bg-transparent rounded-full">\n
                    Fútbol\n
                </div>\n
                    </div>\n
        <header class="flex flex-col gap-1.5">\n
            <h2 class="text-neutral-500 text-body font-bold line-clamp-1">\n
                Los Chankas vs. Juan Pablo II por la Liga 1\n
            </h2>\n
            <p class="text-neutral-300 text-subtitle font-medium line-clamp-1">\n
                Estadio Los Chankas, ANDAHUAYLAS - APURÍMAC</p>\n
\n
                            <p class="text-neutral-500 text-subtitle font-medium">\n
                    Desde\n
                    S/21.80\n
                </p>\n
                    </header>\n
    </div>\n
</article>\n
                                                    <article\n
    class="w-full bg-neutral-50 border-[1.5px] border-neutral-100 relative h-full overflow-hidden sm:overflow-visible rounded">\n
    <div class="relative sm:p-2">\n
        <a href="https://vaope.vaope-qa.online/eventos/deportes/la-roro-vs-pitucos-marrones-duelo-de-futbol-imperdible-en-magdalena-del-mar" class="group block relative z-1 w-full max-h-[328px] aspect-square">\n
            <div class="absolute inset-0 flex items-center justify-center bg-primary-100/50 opacity-0 transition-opacity duration-200 group-hover:opacity-100 rounded-sm">\n
                <div role="button" class="btn btn-sm btn-primary">\n
                    <icons icon="ticket" class="size-6"></icons>\n
                    Comprar\n
                </div>\n
            </div>\n
            <picture>\n
                <source media="(min-width: 1020px)" srcset="https://dev-tuentrada-r2.vaope.com/vaope/public/products/5296/1910-GRILLA-LA-RORO-V.jpeg?w=360">\n
                <source media="(max-width: 1021px)" srcset="https://dev-tuentrada-r2.vaope.com/vaope/public/products/5296/1910-GRILLA-LA-RORO-V.jpeg?w=360">\n
                <img src="https://dev-tuentrada-r2.vaope.com/vaope/public/products/5296/1910-GRILLA-LA-RORO-V.jpeg?w=360" onerror="this.onerror=null; this.style.objectFit=&#039;contain&#039;; this.style.background=&#039;white&#039;; console.log(&#039;Error cargando imagen:&#039;, this.src); this.src=&#039;https://dmzrrl140sxva.cloudfront.net/vaope/assets/brand/image-fallback-square.png&#039;;this.closest(&#039;picture&#039;).querySelectorAll(&#039;source&#039;).forEach(s =&gt; s.removeAttribute(&#039;srcset&#039;));" alt="La Roro vs. Pitucos Marrones: ¡Duelo de Fútbol Imperdible! en Magdalena del Mar" class="w-full h-full object-cover object-center rounded-sm" src="https://dev-tuentrada-r2.vaope.com/vaope/public/products/5296/1910-GRILLA-LA-RORO-V.jpeg?w=360" alt="La Roro vs. Pitucos Marrones: ¡Duelo de Fútbol Imperdible! en Magdalena del Mar" loading="lazy" decoding="async" isPicture="isPicture" isSquare="isSquare">\n
            </picture>\n
        </a>\n
        <favorite-button :id="5296" title="La Roro vs. Pitucos Marrones: ¡Duelo de Fútbol Imperdible! en Magdalena del Mar"></favorite-button>\n
    </div>\n
    <div class="space-y-2 p-2">\n
        <div class="flex flex-wrap items-center gap-2">\n
            <div\n
                class="inline-flex items-center gap-x-1 whitespace-nowrap tabular-nums text-caption leading-none font-medium px-1 py-0.5 text-primary-200 bg-primary-50 rounded-full max-w-full">\n
                <icons icon="calendar" class="size-4"></icons>\n
                <span class="text-wrap">\n
                    05/09/2026\n
                                        •\n
                    3:00 PM\n
                                    </span>\n
            </div>\n
                            <div aria-label="Categoría: Deportes"\n
                    class="inline-flex items-center gap-x-1 whitespace-nowrap ring ring-neutral-100 text-caption leading-none font-medium px-1 py-0.5 text-neutral-400 bg-transparent rounded-full">\n
                    Deportes\n
                </div>\n
                    </div>\n
        <header class="flex flex-col gap-1.5">\n
            <h2 class="text-neutral-500 text-body font-bold line-clamp-1">\n
                La Roro vs. Pitucos Marrones: ¡Duelo de Fútbol Imperdible! en Magdalena del Mar\n
            </h2>\n
            <p class="text-neutral-300 text-subtitle font-medium line-clamp-1">\n
                Coliseo Aldo Chamochumbi, MAGDALENA DEL MAR - LIMA</p>\n
\n
                            <p class="text-neutral-500 text-subtitle font-medium">\n
                    Desde\n
                    S/23.00\n
                </p>\n
                    </header>\n
    </div>\n
</article>\n
                                                    <article\n
    class="w-full bg-neutral-50 border-[1.5px] border-neutral-100 relative h-full overflow-hidden sm:overflow-visible rounded">\n
    <div class="relative sm:p-2">\n
        <a href="https://vaope.vaope-qa.online/eventos/futbol/abono-pelicano-union-huaral-temporada-2026" class="group block relative z-1 w-full max-h-[328px] aspect-square">\n
            <div class="absolute inset-0 flex items-center justify-center bg-primary-100/50 opacity-0 transition-opacity duration-200 group-hover:opacity-100 rounded-sm">\n
                <div role="button" class="btn btn-sm btn-primary">\n
                    <icons icon="ticket" class="size-6"></icons>\n
                    Comprar\n
                </div>\n
            </div>\n
            <picture>\n
                <source media="(min-width: 1020px)" srcset="https://dev-tuentrada-r2.vaope.com/vaope/public/products/4742/615-GRILLA-ABONO-PELICA.jpeg?w=360">\n
                <source media="(max-width: 1021px)" srcset="https://dev-tuentrada-r2.vaope.com/vaope/public/products/4742/615-GRILLA-ABONO-PELICA.jpeg?w=360">\n
                <img src="https://dev-tuentrada-r2.vaope.com/vaope/public/products/4742/615-GRILLA-ABONO-PELICA.jpeg?w=360" onerror="this.onerror=null; this.style.objectFit=&#039;contain&#039;; this.style.background=&#039;white&#039;; console.log(&#039;Error cargando imagen:&#039;, this.src); this.src=&#039;https://dmzrrl140sxva.cloudfront.net/vaope/assets/brand/image-fallback-square.png&#039;;this.closest(&#039;picture&#039;).querySelectorAll(&#039;source&#039;).forEach(s =&gt; s.removeAttribute(&#039;srcset&#039;));" alt="ABONO PELICANO - UNIÓN HUARAL TEMPORADA 2026" class="w-full h-full object-cover object-center rounded-sm" src="https://dev-tuentrada-r2.vaope.com/vaope/public/products/4742/615-GRILLA-ABONO-PELICA.jpeg?w=360" alt="ABONO PELICANO - UNIÓN HUARAL TEMPORADA 2026" loading="lazy" decoding="async" isPicture="isPicture" isSquare="isSquare">\n
            </picture>\n
        </a>\n
        <favorite-button :id="4742" title="ABONO PELICANO - UNIÓN HUARAL TEMPORADA 2026"></favorite-button>\n
    </div>\n
    <div class="space-y-2 p-2">\n
        <div class="flex flex-wrap items-center gap-2">\n
            <div\n
                class="inline-flex items-center gap-x-1 whitespace-nowrap tabular-nums text-caption leading-none font-medium px-1 py-0.5 text-primary-200 bg-primary-50 rounded-full max-w-full">\n
                <icons icon="calendar" class="size-4"></icons>\n
                <span class="text-wrap">\n
                    30/10/2026\n
                                        •\n
                    10:00 PM\n
                                    </span>\n
            </div>\n
                            <div aria-label="Categoría: Fútbol"\n
                    class="inline-flex items-center gap-x-1 whitespace-nowrap ring ring-neutral-100 text-caption leading-none font-medium px-1 py-0.5 text-neutral-400 bg-transparent rounded-full">\n
                    Fútbol\n
                </div>\n
                    </div>\n
        <header class="flex flex-col gap-1.5">\n
            <h2 class="text-neutral-500 text-body font-bold line-clamp-1">\n
                ABONO PELICANO - UNIÓN HUARAL TEMPORADA 2026\n
            </h2>\n
            <p class="text-neutral-300 text-subtitle font-medium line-clamp-1">\n
                Estadio Julio Lores Colán, . - HUARAL - LIMA</p>\n
\n
                            <p class="text-neutral-500 text-subtitle font-medium">\n
                    Desde\n
                    S/306.40\n
                </p>\n
                    </header>\n
    </div>\n
</article>\n
                                            </section>\n
                </section>\n
                            \n
            </section>\n
        </main>\n
        \n
                    <footer class="relative bg-secondary-blue-400">\n
    <section class="container pt-16 grid md:grid-cols-[auto_1fr_auto] gap-8">\n
        <div class="space-y-3">\n
            \n
            <img src="https://dmzrrl140sxva.cloudfront.net/vaope/assets/brand/logo-white.svg" class="h-auto w-28" alt="Logo vaope">\n
\n
            <div class="text-body text-white">\n
                                    <div class="text-subtitle">\n
                        Habla, vao&#039;?\n
                    </div>\n
                            </div>\n
\n
        </div>\n
        <div class="grid grid-cols-2 md:flex md:justify-evenly gap-8">\n
            <div class="flex flex-col gap-3 text-white">\n
                <p class="text-body font-semibold">Empresa</p>\n
                                    <a href="#" data-url="/crear-evento" data-target="_self"\n
                        data-label="Crea tu evento" class="text-subtitle hover:text-primary-300">\n
                        Crea tu evento\n
                    </a>\n
                                    <a href="#" data-url="/blog" data-target="_self"\n
                        data-label="Blog" class="text-subtitle hover:text-primary-300">\n
                        Blog\n
                    </a>\n
                            </div>\n
            <div class="flex flex-col gap-3 text-white">\n
                <p class="text-body font-semibold">Legal</p>\n
                                    <a href="#" data-url="/politicas-cookies" data-target="_self"\n
                        data-label="Política de cookies" class="text-subtitle hover:text-primary-300">\n
                        Política de cookies\n
                    </a>\n
                                    <a href="#" data-url="/politicas-privacidad" data-target="_self"\n
                        data-label="Políticas de Privacidad" class="text-subtitle hover:text-primary-300">\n
                        Políticas de Privacidad\n
                    </a>\n
                                    <a href="#" data-url="/terminos-condiciones" data-target="_self"\n
                        data-label="Términos y condiciones" class="text-subtitle hover:text-primary-300">\n
                        Términos y condiciones\n
                    </a>\n
                            </div>\n
            <div class="space-y-3 text-white max-md:col-span-2 max-md:grid max-md:grid-cols-2">\n
                <div class="flex flex-col gap-3">\n
                    <p class="text-body font-semibold">Ayuda</p>\n
                                            <a href="#" data-url="/centro-ayuda" data-target="_self"\n
                            data-label="Centro de ayuda" class="text-subtitle hover:text-primary-300">\n
                            Centro de ayuda\n
                        </a>\n
                                            <a href="#" data-url="/contacto" data-target="link"\n
                            data-label="Contactanos" class="text-subtitle hover:text-primary-300">\n
                            Contactanos\n
                        </a>\n
                                        <a href="https://vaope.vaope-qa.online/libro-reclamaciones">\n
                        <img src="https://dmzrrl140sxva.cloudfront.net/general/libro-reclamaciones.svg"\n
                            alt="libro de reclamaciones" class="w-auto h-14">\n
                    </a>\n
                </div>\n
\n
            </div>\n
        </div>\n
        <div class="flex flex-col gap-3 text-white">\n
            <p class="text-body font-semibold">Redes sociales</p>\n
            <div class="flex gap-x-2.5">\n
                                    <a href="https://www.instagram.com/vaope.oficial/" target="_blank" rel="noopener" class="p-2 inline-flex">\n
                        <icons icon="instagram" class="size-6"></icons>\n
                    </a>\n
                                    <a href="https://www.youtube.com/@vaope.oficial" target="_blank" rel="noopener" class="p-2 inline-flex">\n
                        <icons icon="youtube" class="size-6"></icons>\n
                    </a>\n
                                    <a href="https://www.facebook.com/Vaopeee/" target="_blank" rel="noopener" class="p-2 inline-flex">\n
                        <icons icon="facebook" class="size-6"></icons>\n
                    </a>\n
                                    <a href="https://www.tiktok.com/@vaope.com" target="_blank" rel="noopener" class="p-2 inline-flex">\n
                        <icons icon="tiktok" class="size-6"></icons>\n
                    </a>\n
                            </div>\n
        </div>\n
    </section>\n
    <div class="container flex py-6 flex-col text-subtitle font-medium text-white">\n
        <span>© 2026 Vaope.com\n
        </span>\n
        <span>Todos los derechos reservados</span>\n
    </div>\n
</footer>\n
\n
<script>\n
    function handleMenuClick(event) {\n
        event.preventDefault();\n
\n
        const el = event.currentTarget;\n
        const target = el.dataset.target;\n
        const url = el.dataset.url;\n
        const label = el.dataset.label;\n
\n
        switch (target) {\n
            case 'link':\n
                if (url && url !== '#') {\n
                    window.location.href = url;\n
                }\n
                break;\n
\n
            case 'blank':\n
                if (url && url !== '#') {\n
                    window.open(url, '_blank');\n
                }\n
                break;\n
\n
            case 'modal':\n
                openModal(label, url);\n
                break;\n
\n
            case 'offcanvas':\n
                openOffcanvas(label, url);\n
                break;\n
\n
            case 'submenu':\n
                const parent = el.closest('li');\n
                const submenu = parent?.querySelector('ul');\n
                if (submenu) submenu.classList.toggle('hidden');\n
                break;\n
\n
            default:\n
                if (url && url !== '#') {\n
                    window.location.href = url;\n
                }\n
        }\n
    }\n
\n
    document.addEventListener('DOMContentLoaded', function() {\n
        const menuLinks = document.querySelectorAll('a[data-target]');\n
\n
        menuLinks.forEach(link => {\n
            link.removeEventListener('click', handleMenuClick);\n
            link.addEventListener('click', handleMenuClick);\n
        });\n
    });\n
</script>\n
                <div aria-hidden="true" class="hidden">\n
                            <div class="fill-error-500"></div>\n
                            <div class="fill-blue-500"></div>\n
                            <div class="fill-green-500"></div>\n
                            <div class="fill-yellow-500"></div>\n
                            <div class="fill-primary-500"></div>\n
                            <div class="fill-pink-500"></div>\n
                            <div class="fill-indigo-500"></div>\n
                            <div class="fill-neutral-500"></div>\n
                            <div class="fill-black"></div>\n
                            <div class="fill-white"></div>\n
                            <div class="fill-sky-500"></div>\n
                            <div class="fill-orange-500"></div>\n
                            <div class="fill-neutral-100"></div>\n
                            <div class="fill-[#E8E8EA]"></div>\n
                            <div class="bg-error-500"></div>\n
                            <div class="bg-blue-500"></div>\n
                            <div class="bg-green-500"></div>\n
                            <div class="bg-yellow-500"></div>\n
                            <div class="bg-primary-500"></div>\n
                            <div class="bg-pink-500"></div>\n
                            <div class="bg-purple-500"></div>\n
                            <div class="bg-indigo-500"></div>\n
                            <div class="bg-neutral-500"></div>\n
                            <div class="bg-black"></div>\n
                            <div class="bg-white"></div>\n
                            <div class="bg-sky-500"></div>\n
                            <div class="bg-orange-500"></div>\n
                            <div class="bg-sky-200"></div>\n
                            <div class="bg-orange-200"></div>\n
                            <div class="bg-purple-200"></div>\n
                            <div class="bg-pink-200"></div>\n
                            <div class="bg-red-200"></div>\n
                            <div class="bg-yellow-200"></div>\n
                            <div class="bg-green-200"></div>\n
                            <div class="bg-blue-200"></div>\n
                            <div class="fill-purple-500"></div>\n
                            <div class="bg-yellow-400"></div>\n
                            <div class="bg-orange-400"></div>\n
                            <div class="hover:bg-orange-600"></div>\n
                            <div class="bg-red-400"></div>\n
                            <div class="hover:bg-red-400"></div>\n
                            <div class="bg-red-600"></div>\n
                            <div class="hover:bg-red-600"></div>\n
                            <div class="bg-green-400"></div>\n
                            <div class="hover:bg-green-400"></div>\n
                            <div class="bg-green-600"></div>\n
                            <div class="hover:bg-green-600"></div>\n
                            <div class="bg-blue-400"></div>\n
                            <div class="hover:bg-blue-400"></div>\n
                            <div class="bg-blue-600"></div>\n
                            <div class="hover:bg-blue-600"></div>\n
                            <div class="hover:bg-yellow-400"></div>\n
                            <div class="bg-yellow-600"></div>\n
                            <div class="hover:bg-yellow-600"></div>\n
                            <div class="bg-purple-400"></div>\n
                            <div class="hover:bg-purple-400"></div>\n
                            <div class="bg-purple-600"></div>\n
                            <div class="hover:bg-purple-600"></div>\n
                            <div class="hover:bg-orange-400"></div>\n
                            <div class="bg-orange-600"></div>\n
                            <div class="bg-gray-400"></div>\n
                            <div class="hover:bg-gray-400"></div>\n
                            <div class="bg-gray-600"></div>\n
                            <div class="hover:bg-gray-600"></div>\n
                            <div class="hover:bg-black"></div>\n
                            <div class="bg-transparent"></div>\n
                            <div class="bg-gray-300"></div>\n
                            <div class="bg-gray-500"></div>\n
                            <div class="bg-gray-700"></div>\n
                            <div class="bg-red-500"></div>\n
                            <div class="bg-red-700"></div>\n
                            <div class="bg-blue-700"></div>\n
                            <div class="bg-green-700"></div>\n
                            <div class="bg-purple-700"></div>\n
                            <div class="text-white"></div>\n
                            <div class="text-black"></div>\n
                            <div class="text-gray-300"></div>\n
                            <div class="text-gray-500"></div>\n
                            <div class="text-gray-700"></div>\n
                            <div class="text-red-500"></div>\n
                            <div class="text-red-600"></div>\n
                            <div class="text-red-700"></div>\n
                            <div class="text-blue-500"></div>\n
                            <div class="text-blue-600"></div>\n
                            <div class="text-blue-700"></div>\n
                            <div class="text-green-500"></div>\n
                            <div class="text-green-600"></div>\n
                            <div class="text-green-700"></div>\n
                            <div class="text-yellow-500"></div>\n
                            <div class="text-yellow-600"></div>\n
                            <div class="text-yellow-700"></div>\n
                            <div class="border-transparent"></div>\n
                            <div class="border-white"></div>\n
                            <div class="border-black"></div>\n
                            <div class="border-neutral-300"></div>\n
                            <div class="border-neutral-500"></div>\n
                            <div class="border-neutral-700"></div>\n
                            <div class="border-red-500"></div>\n
                            <div class="border-red-600"></div>\n
                            <div class="border-red-700"></div>\n
                            <div class="border-blue-500"></div>\n
                            <div class="border-blue-600"></div>\n
                            <div class="border-blue-700"></div>\n
                            <div class="border-green-500"></div>\n
                            <div class="border-green-600"></div>\n
                            <div class="border-green-700"></div>\n
                            <div class="bg-vaope-sky"></div>\n
                            <div class="bg-vaope-purple"></div>\n
                            <div class="bg-vaope-pink"></div>\n
                            <div class="bg-vaope-yellow"></div>\n
                            <div class="bg-vaope-green"></div>\n
                            <div class="bg-vaope-sky-blue"></div>\n
                            <div class="bg-vaope-indigo"></div>\n
                            <div class="bg-vaope-cyan"></div>\n
                            <div class="bg-vaope-orange"></div>\n
                            <div class="bg-vaope-light-green"></div>\n
                            <div class="bg-vaope-blue"></div>\n
                            <div class="bg-vaope-red"></div>\n
                            <div class="bg-vaope-brown"></div>\n
                            <div class="bg-vaope-maroon"></div>\n
                            <div class="bg-vaope-gray"></div>\n
                            <div class="bg-vaope-light-gray"></div>\n
                            <div class="bg-vaope-gold"></div>\n
                            <div class="border-vaope-sky"></div>\n
                            <div class="border-vaope-purple"></div>\n
                            <div class="border-vaope-pink"></div>\n
                            <div class="border-vaope-yellow"></div>\n
                            <div class="border-vaope-green"></div>\n
                            <div class="border-vaope-sky-blue"></div>\n
                            <div class="border-vaope-indigo"></div>\n
                            <div class="border-vaope-cyan"></div>\n
                            <div class="border-vaope-orange"></div>\n
                            <div class="border-vaope-light-green"></div>\n
                            <div class="border-vaope-blue"></div>\n
                            <div class="border-vaope-red"></div>\n
                            <div class="border-vaope-brown"></div>\n
                            <div class="border-vaope-maroon"></div>\n
                            <div class="border-vaope-gray"></div>\n
                            <div class="border-vaope-light-gray"></div>\n
                            <div class="border-vaope-gold"></div>\n
                            <div class="fill-vaope-sky"></div>\n
                            <div class="fill-vaope-purple"></div>\n
                            <div class="fill-vaope-pink"></div>\n
                            <div class="fill-vaope-yellow"></div>\n
                            <div class="fill-vaope-green"></div>\n
                            <div class="fill-vaope-sky-blue"></div>\n
                            <div class="fill-vaope-indigo"></div>\n
                            <div class="fill-vaope-cyan"></div>\n
                            <div class="fill-vaope-orange"></div>\n
                            <div class="fill-vaope-light-green"></div>\n
                            <div class="fill-vaope-blue"></div>\n
                            <div class="fill-vaope-red"></div>\n
                            <div class="fill-vaope-brown"></div>\n
                            <div class="fill-vaope-maroon"></div>\n
                            <div class="fill-vaope-gray"></div>\n
                            <div class="fill-vaope-light-gray"></div>\n
                            <div class="fill-vaope-gold"></div>\n
                            <div class="fill-gray-800!"></div>\n
                    </div>\n
        <cookies-modal></cookies-modal>\n
                    <wsp-icon />\n
            </div> \n
\n
    <script>\n
        // Guardar el nombre de la ruta de Laravel en localStorage\n
        localStorage.setItem("laravelRouteName", 'catalogo.categoria');\n
    </script>\n
\n
    <script>\n
        // Captura el JWT que devuelve la sala de espera de la cola virtual\n
        // (?queue_token=...) y lo deja disponible para Tarifario.vue, que lo\n
        // busca en localStorage bajo esta misma clave.\n
        (function () {\n
            var params = new URLSearchParams(window.location.search);\n
            var queueToken = params.get('queue_token');\n
            if (!queueToken) return;\n
\n
            localStorage.setItem('_tkqwr_vjjojo', queueToken);\n
            window.dispatchEvent(new Event('queueTokenUpdated'));\n
\n
            params.delete('queue_token');\n
            var newSearch = params.toString();\n
            var newUrl = window.location.pathname + (newSearch ? '?' + newSearch : '') + window.location.hash;\n
            window.history.replaceState({}, '', newUrl);\n
        })();\n
    </script>\n
\n
    \n
                        <script type="text/javascript">\n
    function goToForm(f) {\n
        document.location = '/contacto/' + f;\n
    }\n
</script>\n
            \n
    <!-- Scripts adicionales -->\n
    </body>\n
\n
</html>\n
"""