"""
<!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/conciertos/prueba-comision-4" />\n
    <meta property="og:url" content="https://vaope.vaope-qa.online/eventos/conciertos/prueba-comision-4">\n
\n
    <link rel="preconnect" href="https://dmzrrl140sxva.cloudfront.net/vaope" crossorigin>\n
    <link rel="preconnect" href="https://fonts.googleapis.com">\n
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>\n
\n
    <title>Prueba Comision 4 - Cliente (S/ Adicional) - 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="¡Te Esperamos! - " />\n
    <meta property="og:site_name" content="Vaope.com">\n
    <meta property="og:title" content="Prueba Comision 4 - Cliente (S/ Adicional) - Vaope.com" />\n
    <meta property="og:type" content="event" />\n
    <meta property="og:description" content="¡Te Esperamos! - " />\n
    <meta property="og:image" content="https://dmzrrl140sxva.cloudfront.net/vaope/public/products/3542/?w=800" />\n
    <meta property="og:url" content="https://vaope.vaope-qa.online/eventos/conciertos/prueba-comision-4" />\n
    <meta property="twitter:domain" content="https://vaope.vaope-qa.online" />\n
    <meta property="twitter:title" content="Prueba Comision 4 - Cliente (S/ Adicional) - Vaope.com" />\n
    <meta property="twitter:description" content="¡Te Esperamos! - " />\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/ae0a653b-e71b-410f-883e-718796f5fcdf/build/assets/vaope-DdFZ1R9_.css" /><link rel="preload" as="style" href="https://d37s5lagol0ra1.cloudfront.net/ae0a653b-e71b-410f-883e-718796f5fcdf/build/assets/app-Du4zTUuV.css" /><link rel="modulepreload" href="https://d37s5lagol0ra1.cloudfront.net/ae0a653b-e71b-410f-883e-718796f5fcdf/build/assets/app-Cj5n1YZ3.js" /><link rel="modulepreload" href="https://d37s5lagol0ra1.cloudfront.net/ae0a653b-e71b-410f-883e-718796f5fcdf/build/assets/vendor-EBoLqJBw.js" /><link rel="modulepreload" href="https://d37s5lagol0ra1.cloudfront.net/ae0a653b-e71b-410f-883e-718796f5fcdf/build/assets/v-calendar-DYQMbuxU.js" /><link rel="modulepreload" href="https://d37s5lagol0ra1.cloudfront.net/ae0a653b-e71b-410f-883e-718796f5fcdf/build/assets/vue-BJOhyfIW.js" /><link rel="stylesheet" href="https://d37s5lagol0ra1.cloudfront.net/ae0a653b-e71b-410f-883e-718796f5fcdf/build/assets/vaope-DdFZ1R9_.css" /><link rel="stylesheet" href="https://d37s5lagol0ra1.cloudfront.net/ae0a653b-e71b-410f-883e-718796f5fcdf/build/assets/app-Du4zTUuV.css" /><script type="module" src="https://d37s5lagol0ra1.cloudfront.net/ae0a653b-e71b-410f-883e-718796f5fcdf/build/assets/app-Cj5n1YZ3.js"></script>    \n
    <script type="text/javascript" async>\n
    window.APP_THEME = 'vaope';\n
    window.COMPANY_LEGAL_NAME = 'Colaborativa S.A.C.';\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\/WhatsApp","number":"51961614021","text":"Hola, necesito ayuda"};\n
</script>\n
\n
\n
\n
\n
    <script type="application/ld+json">\n
        {\n
    "@context": "http://schema.org",\n
    "@type": "Event",\n
    "eventStatus": "https://schema.org/EventScheduled",\n
    "eventAttendanceMode": "https://schema.org/OfflineEventAttendanceMode",\n
    "name": "Prueba Comision 4 - Cliente (S/ Adicional)",\n
    "image": "https://dmzrrl140sxva.cloudfront.net/vaope/public/products/3542/",\n
    "startDate": "2028-10-31",\n
    "endDate": "2028-10-31",\n
    "description": " \u00a1Te Esperamos!",\n
    "url": "https://vaope.vaope-qa.online/eventos/conciertos/prueba-comision-4",\n
    "offers": []\n
}\n
    </script>\n
\n
    \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
        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
        function getCookie(name) {\n
            var match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));\n
            return match ? decodeURIComponent(match[2]) : null;\n
        }\n
        function ensureFbp() {\n
            var fbp = getCookie('_fbp');\n
            if (!fbp) {\n
                var ts = Date.now();\n
                var rand = Math.floor(Math.random() * 1e10);\n
                fbp = 'fb.1.' + ts + '.' + rand;\n
                setCookie('_fbp', fbp, 180);\n
            }\n
            return fbp;\n
        }\n
        function ensureFbc() {\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
            return getCookie('_fbc');\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
        window.__fbp = ensureFbp();\n
        window.__fbc = ensureFbc();\n
        window.genEventId = genEventId;\n
        window.__pageViewEventId = genEventId();\n
    })();\n
</script>\n
            \n
        <meta name="twitter:card" content="event">\n
    <meta property="og:event:start_time" content="2028-10-31">\n
    <meta property="product:brand" content="Generico">\n
    <meta property="product:availability"\n
        content="in stock">\n
    <meta property="product:condition" content="New">\n
    <meta property="product:price:amount" content="20">\n
    <meta property="product:price:currency" content="PEN">\n
    <meta property="product:retailer_item_id" content="3542">\n
    <meta property="product:item_group_id" content="3542">\n
            <script type="application/ld+json">\n
            {\n
    "@context": "http://schema.org",\n
    "@type": "Event",\n
    "eventStatus": "https://schema.org/EventScheduled",\n
    "eventAttendanceMode": "https://schema.org/OfflineEventAttendanceMode",\n
    "name": "Prueba Comision 4 - Cliente (S/ Adicional)",\n
    "image": "https://dmzrrl140sxva.cloudfront.net/vaope/public/products/3542/",\n
    "startDate": "2028-10-31",\n
    "endDate": "2028-10-31",\n
    "description": " \u00a1Te Esperamos!",\n
    "url": "https://vaope.vaope-qa.online/eventos/conciertos/prueba-comision-4",\n
    "offers": []\n
}\n
        </script>\n
    \n
    \n
        <script>\n
        if (window.fbq) {\n
            fbq('track', 'ViewContent', {\n
                content_type: 'product',\n
                content_ids: '3542'\n
            });\n
        }\n
\n
        // CAPI ViewContent - Envío asíncrono sin bloquear la página\n
        (function() {\n
            // Generar event_id único para deduplicación\n
            function genEventId() {\n
                try {\n
                    if (window.genEventId) return window.genEventId();\n
                    if (window.crypto?.randomUUID) return window.crypto.randomUUID();\n
                } catch (e) {}\n
                return 'evt_' + Date.now().toString(36) + '_' + Math.random().toString(36).slice(2, 10);\n
            }\n
\n
            // Enviar ViewContent por CAPI\n
            function sendViewContentCAPI() {\n
                const eventId = genEventId();\n
                const payload = {\n
                    event_name: "ViewContent",\n
                    event_id: eventId,\n
                    content_ids: ["3542"],\n
                    content_type: "product",\n
                    // value: 20,\n
                    value: 0,\n
                    currency: "PEN",\n
                    content_name: "Prueba Comision 4 - Cliente (S/ Adicional)",\n
                    contents: [{\n
                        id: "3542",\n
                        quantity: 1,\n
                        item_price: 20\n
                    }],\n
                    use_referer_as_url: false,\n
                    client_ip_address: '216.73.216.73',\n
                    client_user_agent: navigator.userAgent || null,\n
                    cookies: {\n
                        '_fbp': window.__fbp || null,\n
                        '_fbc': window.__fbc || null\n
                    }\n
                };\n
\n
                try {\n
                    const url = `${window.location.origin}/api/fb/capi/track`;\n
                    const data = new Blob([JSON.stringify(payload)], {\n
                        type: 'application/json'\n
                    });\n
                    if (navigator.sendBeacon) {\n
                        navigator.sendBeacon(url, data);\n
                    } else {\n
                        fetch(url, {\n
                            method: 'POST',\n
                            headers: {\n
                                'Content-Type': 'application/json'\n
                            },\n
                            body: JSON.stringify(payload)\n
                        }).catch(() => {});\n
                    }\n
                } catch (e) {\n
                    console.warn('CAPI ViewContent tracking error:', e);\n
                }\n
            }\n
\n
            // Enviar cuando la página esté completamente cargada\n
            if (document.readyState === 'loading') {\n
                document.addEventListener('DOMContentLoaded', sendViewContentCAPI);\n
            } else {\n
                sendViewContentCAPI();\n
            }\n
        })();\n
\n
        document.addEventListener('DOMContentLoaded', function() {\n
            const wspConfig = window.WHATSAPP_FLOATING;\n
            const favoriteButtonWrapper = document.getElementById('favorite-button-wrapper');\n
            if (wspConfig?.position === 'bottom-right') {\n
                favoriteButtonWrapper?.classList.remove('bottom-5');\n
                favoriteButtonWrapper?.classList.add('bottom-22');\n
            }\n
        });\n
    </script>\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 h-17 gap-x-4 md:gap-x-11">\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="w-auto  h-4" 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="_self"\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><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="https://www.youtube.com/"\n
                    data-target="_self"\n
                    data-label="youtube">youtube</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":"Ate","slug":"ate"},{"name":"Barranco","slug":"barranco"},{"name":"Chorrillos","slug":"chorrillos"},{"name":"Cieneguilla","slug":"cieneguilla"},{"name":"Comas","slug":"comas"},{"name":"Independencia","slug":"independencia"},{"name":"La Molina","slug":"la-molina"},{"name":"Lima","slug":"lima"},{"name":"Los Olivos","slug":"los-olivos"},{"name":"Lurin","slug":"lurin"},{"name":"Miraflores","slug":"miraflores"},{"name":"Puente Piedra","slug":"puente-piedra"},{"name":"San Juan de Lurigancho","slug":"san-juan-de-lurigancho"},{"name":"San Juan de Miraflores","slug":"san-juan-de-miraflores"},{"name":"San Mart\u00e3\u008dN de Porres","slug":"san-martin-de-porres"},{"name":"San Miguel","slug":"san-miguel"},{"name":"Santa Anita","slug":"santa-anita"},{"name":"Sayan","slug":"sayan"},{"name":"Villa Mar\u00e3\u008dA del Triunfo","slug":"villa-maria-del-triunfo"}],"events":59},"4":{"name":"Arequipa","slug":"arequipa","districts":[{"name":"Arequipa","slug":"arequipa"},{"name":"Jos\u00e3\u2030 Luis Bustamante y Rivero","slug":"jose-luis-bustamante-y-rivero"},{"name":"Mollendo","slug":"mollendo"}],"events":4},"12":{"name":"Jun\u00e3\u008dN","slug":"junin","districts":[{"name":"Chilca","slug":"chilca"},{"name":"Huancayo","slug":"huancayo"}],"events":5},"16":{"name":"Loreto","slug":"loreto","districts":[{"name":"Iquitos","slug":"iquitos"}],"events":4},"20":{"name":"Piura","slug":"piura","districts":[{"name":"Castilla","slug":"castilla"},{"name":"Los Organos","slug":"los-organos"},{"name":"Piura","slug":"piura"},{"name":"Talara","slug":"talara"}],"events":4},"14":{"name":"Lambayeque","slug":"lambayeque","districts":[{"name":"Chongoyape","slug":"chongoyape"},{"name":"Reque","slug":"reque"}],"events":3},"2":{"name":"\u00c3\u0081Ncash","slug":"ancash","districts":[{"name":"Huaraz","slug":"huaraz"}],"events":2},"5":{"name":"Ayacucho","slug":"ayacucho","districts":[{"name":"Ayacucho","slug":"ayacucho"}],"events":2},"11":{"name":"Ica","slug":"ica","districts":[{"name":"Ica","slug":"ica"},{"name":"Nasca","slug":"nasca"}],"events":2},"13":{"name":"La Libertad","slug":"la-libertad","districts":[{"name":"Huanchaco","slug":"huanchaco"},{"name":"Otuzco","slug":"otuzco"}],"events":2},"22":{"name":"San Mart\u00e3\u008dN","slug":"san-martin","districts":[{"name":"Tarapoto","slug":"tarapoto"}],"events":2},"23":{"name":"Tacna","slug":"tacna","districts":[{"name":"Pocollay","slug":"pocollay"},{"name":"Tacna","slug":"tacna"}],"events":2},"10":{"name":"Hu\u00e3\u0081Nuco","slug":"huanuco","districts":[{"name":"Huanuco","slug":"huanuco"}],"events":1},"17":{"name":"Madre de Dios","slug":"madre-de-dios","districts":[{"name":"Tambopata","slug":"tambopata"}],"events":1},"18":{"name":"Moquegua","slug":"moquegua","districts":[{"name":"Samegua","slug":"samegua"}],"events":1},"21":{"name":"Puno","slug":"puno","districts":[{"name":"Puno","slug":"puno"}],"events":1},"25":{"name":"Ucayali","slug":"ucayali","districts":[{"name":"Calleria","slug":"calleria"}],"events":1}}' default-value="eventos">\n
            </mobile-search>\n
            <user-menu></user-menu>\n
            <input type="hidden" name="_token" value="zDca1cENEwqA0PYy7skPCPBuMea2fe8rH3Dc2SHo" 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><div class="flex items-center justify-between"><a href="#" \n
                    class="text-neutral-700 py-2 block flex-1"\n
                    data-url="/centro-ayuda"\n
                    data-target="_self"\n
                    data-label="Centro de ayuda">Centro de ayuda</a><button type="button" class="toggle-submenu p-2" data-target="mobile-item-1"><svg class="w-4 h-4 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button></div><div id="mobile-item-1" class="pl-4 mt-1 border-l border-neutral-200 hidden"><ul class="flex flex-col gap-y-2"><li><div class="flex items-center justify-between"><a href="#" \n
                    class="text-neutral-700 py-2 block flex-1"\n
                    data-url="#"\n
                    data-target="_self"\n
                    data-label="consultoria">consultoria</a><button type="button" class="toggle-submenu p-2" data-target="mobile-item-3"><svg class="w-4 h-4 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button></div><div id="mobile-item-3" class="pl-4 mt-1 border-l border-neutral-200 hidden"><ul class="flex flex-col gap-y-2"><li><a href="#" \n
                    class="text-neutral-700 py-2 block"\n
                    data-url="/con"\n
                    data-target="_self"\n
                    data-label="con">con</a></li><li><a href="#" \n
                    class="text-neutral-700 py-2 block"\n
                    data-url="/del"\n
                    data-target="_self"\n
                    data-label="del">del</a></li></ul></div></li></ul></div></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><li><a href="#" \n
                    class="text-neutral-700 py-2 block"\n
                    data-url="https://www.youtube.com/"\n
                    data-target="_self"\n
                    data-label="youtube">youtube</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
                <!-- Header and Blur Sections (Unchanged) -->\n
    \n
\n
    <div class="relative w-full h-auto overflow-hidden" style="z-index: -2;">\n
        \n
        <div class="absolute inset-0 blur-[10px] overflow-hidden"\n
            style="background-image: url('https://dmzrrl140sxva.cloudfront.net/vaope/public/products/3542/'); background-size: cover; background-position: center;">\n
        </div>\n
        <div class="absolute inset-0 bg-neutral-900/50"></div>\n
        <div class="w-full mx-auto md:h-full relative flex items-center justify-center p-4 md:p-6">\n
            <div class="relative w-auto">\n
                <picture>\n
                                        <source media="(min-width: 768px)" srcset="https://dmzrrl140sxva.cloudfront.net/vaope/public/products/3542/?w=1700">\n
                    <source media="(max-width: 767px)" srcset="https://dmzrrl140sxva.cloudfront.net/vaope/public/products/3542/?w=1000">\n
                    <img src="https://dmzrrl140sxva.cloudfront.net/vaope/public/products/3542/?w=1700" onerror="this.onerror=null; this.style.objectFit=&#039;contain&#039;; this.style.background=&#039;white&#039; ; this.src=&#039;https://dmzrrl140sxva.cloudfront.net/vaope/assets/brand/image-fallback.png&#039;;this.closest(&#039;picture&#039;).querySelectorAll(&#039;source&#039;).forEach(s =&gt; s.removeAttribute(&#039;srcset&#039;));" alt="Prueba Comision 4 - Cliente (S/ Adicional)" class="mx-auto md:min-w-7xl h-full max-h-[416px] rounded-[36px]" src="https://dmzrrl140sxva.cloudfront.net/vaope/public/products/3542/?w=1700" alt="Prueba Comision 4 - Cliente (S/ Adicional)" width="100%" height="100%" loading="lazy" decoding="async" isPicture="isPicture">\n
                </picture>\n
            </div>\n
        </div>\n
    </div>\n
\n
    <!-- Favorite Button -->\n
    <div id="favorite-button-wrapper" class="bg-white rounded-full p-1 fixed right-5 bottom-5 z-30">\n
        <favorite-button :id="3542" title="Prueba Comision 4 - Cliente (S/ Adicional)" button-class="size-13 static"\n
            tooltip-position="left">\n
        </favorite-button>\n
    </div>\n
\n
    <!-- Event Details Section -->\n
    <div class="max-w-7xl mx-auto relative px-2">\n
        <div class="w-full h-auto">\n
            <div class="relative">\n
                <div class="flex items-end justify-between gap-4 relative min-h-[80px] pb-2">\n
                    <div class="absolute -top-10">\n
                        <div\n
                            class="flex flex-col justify-center px-2 py-2 text-white bg-primary-200 text-center rounded-lg w-24 md:w-28 leading-5">\n
                                                            <p class="text-xl md:text-3xl font-bold">\n
                                    31</p>\n
                                <p class="text-lg md:text-1xl font-bold">\n
                                    OCT\n
                                </p>\n
                                                                                        <p class="text-sm md:text-md font-semibold">\n
                                    4:17 PM</p>\n
                                                    </div>\n
                    </div>\n
                    <div class="flex-grow md:ml-32 ml-28">\n
                        <div class="sm:ml-2">\n
                                                        <h2 class="text-xl md:text-2xl font-bold text-neutral-400 break-words"></h2>\n
                            <h4 class="text-sm lg:text-lg font-bold text-neutral-500 break-words">\n
                                </h4>\n
                        </div>\n
                    </div>\n
                    <div class="hidden md:block">\n
                        <button-sale :event='{"id":3542,"category_id":2,"contract_id":908,"parent_id":0,"type_product_id":3,"home_group_id":1,"segment_id":null,"code":null,"title_small":"Prueba Comision 4 - Cliente (S\/ Adicional)","title_large":"\u00a1Te Esperamos!","slug":"prueba-comision-4","meta_description":null,"price_normal":20,"price_online":20,"price_partner":0,"stock":2111,"description":null,"conditions":null,"event_info":null,"poster":null,"poster_mobile":null,"storie":null,"cupon_expire_in":30,"sales_deadline":null,"to_deliver":false,"delivery_cost":"0.00","to_coupon":false,"active":true,"featured":false,"promotion":true,"deleted_at":null,"created_at":"2026-05-04T21:17:29.000000Z","updated_at":"2026-05-14T16:53:06.000000Z","shop_id":652,"video_url":null,"video_id":"","partner_commission":"5.00","vaope_commission":"3.00","vaope_commission_type":4,"sale_comission":"0.00","is_stock":true,"fecha_evento":"2028-10-31","hora_evento":"16:17:00","link_grupo_cerrado":null,"address":null,"location_id":null,"croquis":null,"status":1,"can_be_sold":true,"correlative_count":20,"group_tickets":1,"add_ticket_image":null,"is_comision_scaled":0,"ticketing_fotter_text":null,"ticketing_fotter_img":null,"ticketing_super_img":null,"payment_flow":"interactive","is_landing_page":false,"sale_fee_zone":false,"max_by_client":100,"show_in_home":1,"is_nameable":false,"product_fee_id":null,"status_repayment":0,"children_allowed":0,"children_age":18,"svg_map_id":0,"type_map":1,"priority":4,"requires_queue":0,"gen_ticket_after_sale":1,"is_by_zone":0,"send_to_wsp":null,"product_images":[],"product_terms":[],"category":{"id":2,"name":"Conciertos","title_header":null,"slug":"conciertos","parent_id":0,"position":1,"poster":"2-1757454285.jpg","poster_header":null,"active":true,"description":"Disfruta de los mejores eventos de salsa, rock, cumbia y m\u00c3\u00a1s. Revisa los eventos pr\u00c3\u00b3ximos en un solo click.","deleted_at":null,"created_at":"2021-07-30T22:19:37.000000Z","updated_at":"2026-02-23T16:40:17.000000Z","color":"blue","is_highlight":0},"artists":[],"location":null,"product_fees":[{"id":"3635","position":0,"name":"WhatsApp Flotante","description":"Eventos finalizados","button_text":"COMPRAR AHORA","button_color":"orange","is_featured":0,"color_background_feature":null,"color_text_feature":null,"active":true,"is_default":true,"init_at":"2026-05-04 16:18 pm","finished_at":"2028-09-30 16:18 pm","vaope_commission_type":4,"segments_to_payment_id":null,"manage_fee_columns":false,"product_terms":[]}],"svg_map":null,"landing_items":[{"id":4788,"product_id":3542,"item_type":"TARIFARIO","name":"COMPRAR AHORA","content":"{\u0022textPrimary\u0022:\u0022text-black\u0022,\u0022textSecondary\u0022:\u0022text-black\u0022,\u0022descriptionColor\u0022:\u0022text-black\u0022,\u0022priceColor\u0022:\u0022text-black\u0022,\u0022border\u0022:\u0022border-gray-300\u0022}","description":null,"term_conditions":null,"order_at":1,"active":true,"created_by":4790,"updated_by":4790,"created_at":"2026-05-04T21:17:29.000000Z","updated_at":"2026-05-04T21:17:29.000000Z","deleted_at":null,"animation_class":"bg-white","product_term_parent_id":0,"btn_is_available":1,"product_term_parent_id_2":0}],"product_detail":{"id":3399,"product_id":3542,"pd_prices_img":"null","pd_svg_container":"null","created_at":"2026-05-05T07:17:29.000000Z","updated_at":"2026-06-05T06:00:25.000000Z","deleted_at":"0000-00-00 00:00:00","amount_pending_deposit":"829.60","landing_bg_image":"null","landing_bg_color":"null","landing_text_color":"null"},"shop":{"id":652,"shop_category_id":1,"type_doc":"RUC","ruc":"20821404269","slug":"sonic-entertainment-sac","name":"Abad-Vela","business_name":"Quiroz, Monta\u00f1o y Lomeli y Asoc. S.A.C.","commission":10,"logo":null,"banner":null,"description":"Ab accusantium quidem ab sint est modi vitae. Sed sunt ea velit corrupti. Ab cum rem quam quod.","district_id":"130111","address":"Paseo Gast\u00e9lum, 2, 2\u00ba A, 91577, As Espinosa","condition":"HABIDO","dnifile_path":null,"status":"ACTIVO","phone":"900183194","email":"652_eva.tirado@tapia.com","email_secondary":null,"website":"https:\/\/www.armas.com","is_delivery":true,"is_show_in_ticket":1,"is_to_collect":1,"latitude":null,"longitude":null,"shapes":[],"delivery_cost":0,"visa_merchant_id":"true","visa_user":"true","visa_pwd":"true","active":true,"deleted_at":null,"created_at":"2025-06-02T15:04:43.000000Z","updated_at":"2025-06-02T15:04:43.000000Z","opening_hour_from":null,"opening_hour_to":null,"opening_days":null,"banco":null,"tipo_cuenta":"AHORRO_SOLES","numero_cuenta":"ES9626481592798872969109","cci":"03118135500912492018","nombre_representante_legal":"Ver\u00f3nica Adame","dni_representante_legal":"69823259","facebook_pixel":null,"executive_id":5,"created_by":1,"updated_by":1,"priority":4,"check_organizador_special":1,"is_commission_to_client":false},"dates":[],"count_down":null}' :user='null'\n
                            :providers=[{&quot;name&quot;:&quot;google&quot;,&quot;label&quot;:&quot;Google&quot;},{&quot;name&quot;:&quot;facebook&quot;,&quot;label&quot;:&quot;Facebook&quot;}] />\n
                    </div>\n
                </div>\n
            </div>\n
        </div>\n
    </div>\n
\n
    \n
\n
    <!-- Main Content Area -->\n
    <div class="max-w-7xl mx-auto md:mt-5 px-4">\n
        <div class="w-full">\n
            <div class="grid grid-cols-1 lg:grid-cols-12 gap-4 lg:gap-4 mt-5 md:mt-0">\n
                <!-- Left Column - Event Details -->\n
                <div class="col-span-full lg:col-span-7 bg-white rounded-[20px] lg:rounded-[32px] overflow-hidden mb-5">\n
                    <div class="p-4 md:p-6 xl:p-7">\n
                        <h2 class="text-xl md:text-2xl font-bold text-neutral-500 leading-8">\n
                            Prueba Comision 4 - Cliente (S/ Adicional)\n
                        </h2>\n
                        <p class="mt-3 text-base md:text-lg text-neutral-400">\n
                            ¡Te Esperamos!</p>\n
\n
                        <!-- Event Details -->\n
                        <div class="mt-3 md:mt-14">\n
                            <h3 class="text-lg md:text-xl font-bold text-neutral-400 mb-4">Detalle del Evento</h3>\n
                            <div class="space-y-3 md:space-y-4">\n
                                <div class="grid grid-cols-1 sm:grid-cols-[auto,1fr] gap-2">\n
                                    <p class="font-bold min-w-[80px]">Fecha:</p>\n
                                    <p class="text-neutral-400">\n
                                        Martes 31 de octubre de 2028\n
                                    </p>\n
                                </div>\n
                                <div class="grid grid-cols-1 sm:grid-cols-[auto,1fr] gap-2">\n
                                    <p class="font-bold min-w-[80px]">Hora:</p>\n
                                    <p class="text-neutral-400">\n
                                        4:17 PM</p>\n
                                </div>\n
                                <div class="grid grid-cols-1 sm:grid-cols-[auto,1fr] gap-2">\n
                                    <p class="font-bold min-w-[80px]">Dirección:</p>\n
                                    <p class="text-neutral-400"></p>\n
                                </div>\n
                            </div>\n
                        </div>\n
\n
                        <!-- Description -->\n
                        <div class="mt-8">\n
                            <p class="text-center text-neutral-400 text-sm md:text-base">\n
                                \n
                            </p>\n
                        </div>\n
\n
                        <!-- Description -->\n
                        <div class="mt-8">\n
                            <p class="text-center text-neutral-400 text-sm md:text-base">\n
                                \n
                            </p>\n
                        </div>\n
\n
                        \n
                        <!-- Croquis Image -->\n
                        \n
                        <!-- Artists (Desktop) -->\n
                        <div class="my-4 lg:block hidden artists-section">\n
                            <h3 class="text-lg md:text-xl font-bold text-neutral-400 mb-4">\n
                                </h3>\n
                            <div class="grid grid-cols-2 sm:grid-cols-3 gap-3">\n
                                                            </div>\n
                        </div>\n
\n
                        <!-- Accordions (Desktop) -->\n
                                                    <div class="lg:block hidden artists-section">\n
                                <div class="mx-auto w-full max-w-4xl md:py-10">\n
                                    <div aria-label="accordion-content" class="accordion-tutorial space-y-2">\n
                                        <!-- Accordion Item 1 -->\n
                                        <div x-data="{ open: false }" class="accordion-item">\n
                                            <label x-on:click="open = !open"\n
                                                class="accordion-header flex w-full cursor-pointer select-none items-center justify-between rounded-lg bg-neutral-100 p-4 hover:bg-neutral-300 transition-colors">\n
                                                <span class="text-base font-bold leading-tight text-gun-300">¡Así de fácil\n
                                                    se compra en Vaope.com!</span>\n
                                                <svg xmlns="http://www.w3.org/2000/svg" fill="none"\n
                                                    viewBox="0 0 24 24" stroke="currentColor"\n
                                                    class="h-6 w-6 text-gun-300 transform transition-transform duration-300"\n
                                                    :class="{ 'rotate-180': open }">\n
                                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"\n
                                                        d="M19 9l-7 7-7-7"></path>\n
                                                </svg>\n
                                            </label>\n
                                            <div x-show="open" x-transition:enter="transition ease-out duration-300"\n
                                                x-transition:enter-start="opacity-0 transform scale-y-90"\n
                                                x-transition:enter-end="opacity-100 transform scale-y-100"\n
                                                x-transition:leave="transition ease-in duration-300"\n
                                                x-transition:leave-start="opacity-100 transform scale-y-100"\n
                                                x-transition:leave-end="opacity-0 transform scale-y-90"\n
                                                class="accordion-body">\n
                                                <div class="space-y-4 p-4 text-sm leading-relaxed text-gun-300">\n
                                                    <div class="aspect-[16/9]">\n
                                                        <iframe width="100%" height="450"\n
                                                            src="https://www.youtube.com/embed/nyR0hj_v9hE"\n
                                                            title="¿Cómo descargo mis entradas en Vaope.com?"\n
                                                            frameborder="0"\n
                                                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"\n
                                                            allowfullscreen="allowfullscreen">\n
                                                        </iframe>\n
                                                    </div>\n
                                                </div>\n
                                            </div>\n
                                        </div>\n
                                        <!-- Accordion Item 2 -->\n
                                        <div x-data="{ open: false }" class="accordion-item">\n
                                            <label x-on:click="open = !open"\n
                                                class="accordion-header flex w-full cursor-pointer select-none items-center justify-between rounded-lg bg-neutral-100 p-4 hover:bg-neutral-300 transition-colors">\n
                                                <span class="text-base font-bold leading-tight text-gun-300">¿Cómo descargo\n
                                                    mis entradas?</span>\n
                                                <svg xmlns="http://www.w3.org/2000/svg" fill="none"\n
                                                    viewBox="0 0 24 24" stroke="currentColor"\n
                                                    class="h-6 w-6 text-gun-300 transform transition-transform duration-300"\n
                                                    :class="{ 'rotate-180': open }">\n
                                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"\n
                                                        d="M19 9l-7 7-7-7"></path>\n
                                                </svg>\n
                                            </label>\n
                                            <div x-show="open" x-transition:enter="transition ease-out duration-300"\n
                                                x-transition:enter-start="opacity-0 transform scale-y-90"\n
                                                x-transition:enter-end="opacity-100 transform scale-y-100"\n
                                                x-transition:leave="transition ease-in duration-300"\n
                                                x-transition:leave-start="opacity-100 transform scale-y-100"\n
                                                x-transition:leave-end="opacity-0 transform scale-y-90"\n
                                                class="accordion-body">\n
                                                <div class="space-y-4 p-4 text-sm leading-relaxed text-gun-300">\n
                                                    <div class="aspect-[16/9]">\n
                                                        <iframe width="100%" height="450"\n
                                                            src="https://www.youtube.com/embed/ofet95626vs"\n
                                                            title="¿Cómo descargo mis entradas en Vaope.com?"\n
                                                            frameborder="0"\n
                                                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"\n
                                                            allowfullscreen="allowfullscreen">\n
                                                        </iframe>\n
                                                    </div>\n
                                                </div>\n
                                            </div>\n
                                        </div>\n
                                    </div>\n
                                </div>\n
                            </div>\n
                                                <style>\n
                            .accordion-body {\n
                                transform-origin: top;\n
                            }\n
                        </style>\n
\n
                    </div>\n
                </div>\n
\n
                <!-- Right Column - Tickets -->\n
                \n
                <div class="col-span-full lg:col-span-5 z-20 flex flex-col gap-6">\n
\n
                                                                        <div\n
                                class=" bg-white rounded-[20px] lg:rounded-[32px] p-4 md:p-6 lg:p-8">\n
                                <div class="space-y-1">\n
                                                                        <h2 class="text-lg md:text-xl font-bold text-neutral-900">\n
                                        COMPRAR AHORA</h2>\n
\n
                                    <p class="text-sm md:text-base text-neutral-900">\n
                                        Disfruta más que nunca.</p>\n
                                    <!-- Tarifario Component -->\n
                                    <div>\n
                                        \n
                                        \n
                                        \n
                                        \n
\n
                                        <script>\n
                                            // Obtener token del localStorage y actualizar debug\n
                                            (function() {\n
                                                const localStorageToken = localStorage.getItem('_tkqwr_vjjojo');\n
                                                const hasQueueToken = localStorageToken !== null;\n
                                                const requiresQueue = false;\n
                                                const showBuyButton = !requiresQueue || (requiresQueue && hasQueueToken);\n
\n
                                                // Actualizar token en debug\n
                                                const tokenDebug = document.getElementById('localStorage-token-debug');\n
                                                if (tokenDebug) {\n
                                                    const tokenSpan = tokenDebug.querySelector('span');\n
                                                    tokenSpan.textContent = localStorageToken || 'NULL';\n
                                                    tokenSpan.style.color = localStorageToken ? 'green' : 'red';\n
                                                }\n
\n
                                                // Actualizar hasQueueToken en debug\n
                                                const hasTokenDebug = document.getElementById('hasQueueToken-debug');\n
                                                if (hasTokenDebug) {\n
                                                    const hasTokenSpan = hasTokenDebug.querySelector('span');\n
                                                    hasTokenSpan.textContent = hasQueueToken ? 'true' : 'false';\n
                                                    hasTokenSpan.style.color = hasQueueToken ? 'green' : 'red';\n
                                                }\n
\n
                                                // Actualizar showBuyButton en debug\n
                                                const showBuyDebug = document.getElementById('showBuyButton-debug');\n
                                                if (showBuyDebug) {\n
                                                    const showBuySpan = showBuyDebug.querySelector('span');\n
                                                    showBuySpan.textContent = showBuyButton ? 'true' : 'false';\n
                                                    showBuySpan.style.color = showBuyButton ? 'green' : 'red';\n
                                                }\n
                                            })();\n
                                        </script>\n
\n
                                        <pricing-table :terms-conditions='null'\n
                                            :theme-config='"{\u0022textPrimary\u0022:\u0022text-black\u0022,\u0022textSecondary\u0022:\u0022text-black\u0022,\u0022descriptionColor\u0022:\u0022text-black\u0022,\u0022priceColor\u0022:\u0022text-black\u0022,\u0022border\u0022:\u0022border-gray-300\u0022}"' :can-be-sold="1"\n
                                            :tickets='[{"id_term":28048,"line_1":null,"line_2":null,"type":1,"product_id":3542,"product_fee_id":3635,"is_sale_web":true,"active":true,"stock":992,"capacity":1000,"tipo":"GENERAL","color":"bg-","manage_fee_columns":false,"precios":{"nombre":"WhatsApp Flotante","precio":20},"precio_referencial":{"nombre":"WhatsApp Flotante","precio":20},"featured":{"nombre":"WhatsApp Flotante","is_featured":false,"color_background_feature":null,"color_text_feature":null,"status":"active","limit_per_user":0,"limit_sale":0},"position":0,"is_default":true},{"id_term":28049,"line_1":null,"line_2":null,"type":1,"product_id":3542,"product_fee_id":3635,"is_sale_web":true,"active":true,"stock":992,"capacity":1000,"tipo":"S\u00c3\u0161PER VIP","color":"bg-","manage_fee_columns":false,"precios":{"nombre":"WhatsApp Flotante","precio":60},"precio_referencial":{"nombre":"WhatsApp Flotante","precio":60},"featured":{"nombre":"WhatsApp Flotante","is_featured":false,"color_background_feature":null,"color_text_feature":null,"status":"active","limit_per_user":0,"limit_sale":0},"position":0,"is_default":false},{"id_term":28078,"line_1":"8 personas","line_2":null,"type":12,"product_id":3542,"product_fee_id":3635,"is_sale_web":true,"active":true,"stock":80,"capacity":8,"tipo":"BOX","color":"bg-vaope-green","manage_fee_columns":false,"precios":{"nombre":"WhatsApp Flotante","precio":1000},"precio_referencial":{"nombre":"WhatsApp Flotante","precio":1000},"featured":{"nombre":"WhatsApp Flotante","is_featured":false,"color_background_feature":null,"color_text_feature":null,"status":"active","limit_per_user":0,"limit_sale":0},"position":0,"is_default":true},{"id_term":28080,"line_1":"Por persona","line_2":null,"type":2,"product_id":3542,"product_fee_id":3635,"is_sale_web":true,"active":true,"stock":5,"capacity":1,"tipo":"MEET \u0026 GREET","color":"bg-vaope-maroon","manage_fee_columns":false,"precios":{"nombre":"WhatsApp Flotante","precio":50},"precio_referencial":{"nombre":"WhatsApp Flotante","precio":50},"featured":{"nombre":"WhatsApp Flotante","is_featured":false,"color_background_feature":null,"color_text_feature":null,"status":"active","limit_per_user":0,"limit_sale":0},"position":0,"is_default":true},{"id_term":28082,"line_1":"Por persona","line_2":null,"type":20,"product_id":3542,"product_fee_id":3635,"is_sale_web":true,"active":true,"stock":40,"capacity":8,"tipo":"BOX INDIVIDUAL","color":"bg-vaope-red","manage_fee_columns":false,"precios":{"nombre":"WhatsApp Flotante","precio":80},"precio_referencial":{"nombre":"WhatsApp Flotante","precio":80},"featured":{"nombre":"WhatsApp Flotante","is_featured":false,"color_background_feature":null,"color_text_feature":null,"status":"active","limit_per_user":0,"limit_sale":0},"position":0,"is_default":true}]'\n
                                            :price-types='[{"id":"3635","nombre":"WhatsApp Flotante","button_text":"COMPRAR AHORA","button_color":"bg-orange-400 text-white hover:bg-orange-600 py-4","descripcion":"Eventos finalizados","active":true,"is_default":true,"position_fee":0,"segment_data":null}]'\n
                                            :event='{"id":3542,"category_id":2,"contract_id":908,"parent_id":0,"type_product_id":3,"home_group_id":1,"segment_id":null,"code":null,"title_small":"Prueba Comision 4 - Cliente (S\/ Adicional)","title_large":"\u00a1Te Esperamos!","slug":"prueba-comision-4","meta_description":null,"price_normal":20,"price_online":20,"price_partner":0,"stock":2111,"description":null,"conditions":null,"event_info":null,"poster":null,"poster_mobile":null,"storie":null,"cupon_expire_in":30,"sales_deadline":null,"to_deliver":false,"delivery_cost":"0.00","to_coupon":false,"active":true,"featured":false,"promotion":true,"deleted_at":null,"created_at":"2026-05-04T21:17:29.000000Z","updated_at":"2026-05-14T16:53:06.000000Z","shop_id":652,"video_url":null,"video_id":"","partner_commission":"5.00","vaope_commission":"3.00","vaope_commission_type":4,"sale_comission":"0.00","is_stock":true,"fecha_evento":"2028-10-31","hora_evento":"16:17:00","link_grupo_cerrado":null,"address":null,"location_id":null,"croquis":null,"status":1,"can_be_sold":true,"correlative_count":20,"group_tickets":1,"add_ticket_image":null,"is_comision_scaled":0,"ticketing_fotter_text":null,"ticketing_fotter_img":null,"ticketing_super_img":null,"payment_flow":"interactive","is_landing_page":false,"sale_fee_zone":false,"max_by_client":100,"show_in_home":1,"is_nameable":false,"product_fee_id":null,"status_repayment":0,"children_allowed":0,"children_age":18,"svg_map_id":0,"type_map":1,"priority":4,"requires_queue":0,"gen_ticket_after_sale":1,"is_by_zone":0,"send_to_wsp":null,"product_images":[],"product_terms":[],"category":{"id":2,"name":"Conciertos","title_header":null,"slug":"conciertos","parent_id":0,"position":1,"poster":"2-1757454285.jpg","poster_header":null,"active":true,"description":"Disfruta de los mejores eventos de salsa, rock, cumbia y m\u00c3\u00a1s. Revisa los eventos pr\u00c3\u00b3ximos en un solo click.","deleted_at":null,"created_at":"2021-07-30T22:19:37.000000Z","updated_at":"2026-02-23T16:40:17.000000Z","color":"blue","is_highlight":0},"artists":[],"location":null,"product_fees":[{"id":"3635","position":0,"name":"WhatsApp Flotante","description":"Eventos finalizados","button_text":"COMPRAR AHORA","button_color":"orange","is_featured":0,"color_background_feature":null,"color_text_feature":null,"active":true,"is_default":true,"init_at":"2026-05-04 16:18 pm","finished_at":"2028-09-30 16:18 pm","vaope_commission_type":4,"segments_to_payment_id":null,"manage_fee_columns":false,"product_terms":[]}],"svg_map":null,"landing_items":[{"id":4788,"product_id":3542,"item_type":"TARIFARIO","name":"COMPRAR AHORA","content":"{\u0022textPrimary\u0022:\u0022text-black\u0022,\u0022textSecondary\u0022:\u0022text-black\u0022,\u0022descriptionColor\u0022:\u0022text-black\u0022,\u0022priceColor\u0022:\u0022text-black\u0022,\u0022border\u0022:\u0022border-gray-300\u0022}","description":null,"term_conditions":null,"order_at":1,"active":true,"created_by":4790,"updated_by":4790,"created_at":"2026-05-04T21:17:29.000000Z","updated_at":"2026-05-04T21:17:29.000000Z","deleted_at":null,"animation_class":"bg-white","product_term_parent_id":0,"btn_is_available":1,"product_term_parent_id_2":0}],"product_detail":{"id":3399,"product_id":3542,"pd_prices_img":"null","pd_svg_container":"null","created_at":"2026-05-05T07:17:29.000000Z","updated_at":"2026-06-05T06:00:25.000000Z","deleted_at":"0000-00-00 00:00:00","amount_pending_deposit":"829.60","landing_bg_image":"null","landing_bg_color":"null","landing_text_color":"null"},"shop":{"id":652,"shop_category_id":1,"type_doc":"RUC","ruc":"20821404269","slug":"sonic-entertainment-sac","name":"Abad-Vela","business_name":"Quiroz, Monta\u00f1o y Lomeli y Asoc. S.A.C.","commission":10,"logo":null,"banner":null,"description":"Ab accusantium quidem ab sint est modi vitae. Sed sunt ea velit corrupti. Ab cum rem quam quod.","district_id":"130111","address":"Paseo Gast\u00e9lum, 2, 2\u00ba A, 91577, As Espinosa","condition":"HABIDO","dnifile_path":null,"status":"ACTIVO","phone":"900183194","email":"652_eva.tirado@tapia.com","email_secondary":null,"website":"https:\/\/www.armas.com","is_delivery":true,"is_show_in_ticket":1,"is_to_collect":1,"latitude":null,"longitude":null,"shapes":[],"delivery_cost":0,"visa_merchant_id":"true","visa_user":"true","visa_pwd":"true","active":true,"deleted_at":null,"created_at":"2025-06-02T15:04:43.000000Z","updated_at":"2025-06-02T15:04:43.000000Z","opening_hour_from":null,"opening_hour_to":null,"opening_days":null,"banco":null,"tipo_cuenta":"AHORRO_SOLES","numero_cuenta":"ES9626481592798872969109","cci":"03118135500912492018","nombre_representante_legal":"Ver\u00f3nica Adame","dni_representante_legal":"69823259","facebook_pixel":null,"executive_id":5,"created_by":1,"updated_by":1,"priority":4,"check_organizador_special":1,"is_commission_to_client":false},"dates":[],"count_down":null}' :user=""\n
                                            :auth="false"\n
                                            :queue="false"\n
                                            :providers=[{&quot;name&quot;:&quot;google&quot;,&quot;label&quot;:&quot;Google&quot;},{&quot;name&quot;:&quot;facebook&quot;,&quot;label&quot;:&quot;Facebook&quot;}]>\n
                                        </pricing-table>\n
                                    </div>\n
                                    <div class="buy-button"></div>\n
                                </div>\n
                            </div>\n
                                            \n
\n
                    \n
\n
\n
\n
                    \n
                    \n
                    <div\n
                        class="col-span-full lg:hidden bg-white rounded-[20px] lg:rounded-[32px] overflow-hidden z-10 p-5 mb-5">\n
                        <!-- Artists (Desktop) -->\n
                        <div class="my-4 block artists-section">\n
                            <h3 class="text-lg md:text-xl font-bold text-neutral-400 mb-4">\n
                                </h3>\n
                            <div class="grid grid-cols-2 sm:grid-cols-3 gap-3">\n
                                                            </div>\n
                        </div>\n
                                                    <!-- Accordions (Desktop) -->\n
                            <div class="block artists-section">\n
                                <div class="mx-auto w-full max-w-4xl md:py-10">\n
                                    <div aria-label="accordion-content" class="accordion-tutorial space-y-2">\n
                                        <!-- Accordion Item 1 -->\n
                                        <div x-data="{ open: false }" class="accordion-item">\n
                                            <label x-on:click="open = !open"\n
                                                class="accordion-header flex w-full cursor-pointer select-none items-center justify-between rounded-lg bg-neutral-100 p-4 hover:bg-neutral-300 transition-colors">\n
                                                <span class="text-base font-bold leading-tight text-gun-300">¡Así de fácil\n
                                                    se\n
                                                    compra en Vaope.com!</span>\n
                                                <svg xmlns="http://www.w3.org/2000/svg" fill="none"\n
                                                    viewBox="0 0 24 24" stroke="currentColor"\n
                                                    class="h-6 w-6 text-gun-300 transform transition-transform duration-300"\n
                                                    :class="{ 'rotate-180': open }">\n
                                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"\n
                                                        d="M19 9l-7 7-7-7">\n
                                                    </path>\n
                                                </svg>\n
                                            </label>\n
                                            <div x-show="open" x-transition:enter="transition ease-out duration-300"\n
                                                x-transition:enter-start="opacity-0 transform scale-y-90"\n
                                                x-transition:enter-end="opacity-100 transform scale-y-100"\n
                                                x-transition:leave="transition ease-in duration-300"\n
                                                x-transition:leave-start="opacity-100 transform scale-y-100"\n
                                                x-transition:leave-end="opacity-0 transform scale-y-90"\n
                                                class="accordion-body">\n
                                                <div class="space-y-4 p-4 text-sm leading-relaxed text-gun-300">\n
                                                    <div class="aspect-[16/9]">\n
                                                        <iframe width="100%" height="450"\n
                                                            src="https://www.youtube.com/embed/0e5XqsgJscU"\n
                                                            title="¿Cómo descargo mis entradas en Vaope.com?"\n
                                                            frameborder="0"\n
                                                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"\n
                                                            allowfullscreen="allowfullscreen">\n
                                                        </iframe>\n
                                                    </div>\n
                                                </div>\n
                                            </div>\n
                                        </div>\n
                                        <!-- Accordion Item 2 -->\n
                                        <div x-data="{ open: false }" class="accordion-item">\n
                                            <label x-on:click="open = !open"\n
                                                class="accordion-header flex w-full cursor-pointer select-none items-center justify-between rounded-lg bg-neutral-100 p-4 hover:bg-neutral-300 transition-colors">\n
                                                <span class="text-base font-bold leading-tight text-gun-300">¿Cómo descargo\n
                                                    mis\n
                                                    entradas?</span>\n
                                                <svg xmlns="http://www.w3.org/2000/svg" fill="none"\n
                                                    viewBox="0 0 24 24" stroke="currentColor"\n
                                                    class="h-6 w-6 text-gun-300 transform transition-transform duration-300"\n
                                                    :class="{ 'rotate-180': open }">\n
                                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"\n
                                                        d="M19 9l-7 7-7-7">\n
                                                    </path>\n
                                                </svg>\n
                                            </label>\n
                                            <div x-show="open" x-transition:enter="transition ease-out duration-300"\n
                                                x-transition:enter-start="opacity-0 transform scaNle-y-90"\n
                                                x-transition:enter-end="opacity-100 transform scale-y-100"\n
                                                x-transition:leave="transition ease-in duration-300"\n
                                                x-transition:leave-start="opacity-100 transform scale-y-100"\n
                                                x-transition:leave-end="opacity-0 transform scale-y-90"\n
                                                class="accordion-body">\n
                                                <div class="space-y-4 p-4 text-sm leading-relaxed text-gun-300">\n
                                                    <div class="aspect-[16/9]">\n
                                                        <iframe width="100%" height="450"\n
                                                            src="https://www.youtube.com/embed/ofet95626vs"\n
                                                            title="¿Cómo descargo mis entradas en Vaope.com?"\n
                                                            frameborder="0"\n
                                                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"\n
                                                            allowfullscreen="allowfullscreen">\n
                                                        </iframe>\n
                                                    </div>\n
                                                </div>\n
                                            </div>\n
                                        </div>\n
                                    </div>\n
                                </div>\n
                            </div>\n
                                                <style>\n
                            .accordion-body {\n
                                transform-origin: top;\n
                            }\n
                        </style>\n
                    </div>\n
                </div>\n
            </div>\n
        </div>\n
\n
        <!-- Mobile Buy Bar -->\n
        <section class="mobile-buy-bar">\n
            <mobile-buy-bar :event='{"id":3542,"category_id":2,"contract_id":908,"parent_id":0,"type_product_id":3,"home_group_id":1,"segment_id":null,"code":null,"title_small":"Prueba Comision 4 - Cliente (S\/ Adicional)","title_large":"\u00a1Te Esperamos!","slug":"prueba-comision-4","meta_description":null,"price_normal":20,"price_online":20,"price_partner":0,"stock":2111,"description":null,"conditions":null,"event_info":null,"poster":null,"poster_mobile":null,"storie":null,"cupon_expire_in":30,"sales_deadline":null,"to_deliver":false,"delivery_cost":"0.00","to_coupon":false,"active":true,"featured":false,"promotion":true,"deleted_at":null,"created_at":"2026-05-04T21:17:29.000000Z","updated_at":"2026-05-14T16:53:06.000000Z","shop_id":652,"video_url":null,"video_id":"","partner_commission":"5.00","vaope_commission":"3.00","vaope_commission_type":4,"sale_comission":"0.00","is_stock":true,"fecha_evento":"2028-10-31","hora_evento":"16:17:00","link_grupo_cerrado":null,"address":null,"location_id":null,"croquis":null,"status":1,"can_be_sold":true,"correlative_count":20,"group_tickets":1,"add_ticket_image":null,"is_comision_scaled":0,"ticketing_fotter_text":null,"ticketing_fotter_img":null,"ticketing_super_img":null,"payment_flow":"interactive","is_landing_page":false,"sale_fee_zone":false,"max_by_client":100,"show_in_home":1,"is_nameable":false,"product_fee_id":null,"status_repayment":0,"children_allowed":0,"children_age":18,"svg_map_id":0,"type_map":1,"priority":4,"requires_queue":0,"gen_ticket_after_sale":1,"is_by_zone":0,"send_to_wsp":null,"product_images":[],"product_terms":[],"category":{"id":2,"name":"Conciertos","title_header":null,"slug":"conciertos","parent_id":0,"position":1,"poster":"2-1757454285.jpg","poster_header":null,"active":true,"description":"Disfruta de los mejores eventos de salsa, rock, cumbia y m\u00c3\u00a1s. Revisa los eventos pr\u00c3\u00b3ximos en un solo click.","deleted_at":null,"created_at":"2021-07-30T22:19:37.000000Z","updated_at":"2026-02-23T16:40:17.000000Z","color":"blue","is_highlight":0},"artists":[],"location":null,"product_fees":[{"id":"3635","position":0,"name":"WhatsApp Flotante","description":"Eventos finalizados","button_text":"COMPRAR AHORA","button_color":"orange","is_featured":0,"color_background_feature":null,"color_text_feature":null,"active":true,"is_default":true,"init_at":"2026-05-04 16:18 pm","finished_at":"2028-09-30 16:18 pm","vaope_commission_type":4,"segments_to_payment_id":null,"manage_fee_columns":false,"product_terms":[]}],"svg_map":null,"landing_items":[{"id":4788,"product_id":3542,"item_type":"TARIFARIO","name":"COMPRAR AHORA","content":"{\u0022textPrimary\u0022:\u0022text-black\u0022,\u0022textSecondary\u0022:\u0022text-black\u0022,\u0022descriptionColor\u0022:\u0022text-black\u0022,\u0022priceColor\u0022:\u0022text-black\u0022,\u0022border\u0022:\u0022border-gray-300\u0022}","description":null,"term_conditions":null,"order_at":1,"active":true,"created_by":4790,"updated_by":4790,"created_at":"2026-05-04T21:17:29.000000Z","updated_at":"2026-05-04T21:17:29.000000Z","deleted_at":null,"animation_class":"bg-white","product_term_parent_id":0,"btn_is_available":1,"product_term_parent_id_2":0}],"product_detail":{"id":3399,"product_id":3542,"pd_prices_img":"null","pd_svg_container":"null","created_at":"2026-05-05T07:17:29.000000Z","updated_at":"2026-06-05T06:00:25.000000Z","deleted_at":"0000-00-00 00:00:00","amount_pending_deposit":"829.60","landing_bg_image":"null","landing_bg_color":"null","landing_text_color":"null"},"shop":{"id":652,"shop_category_id":1,"type_doc":"RUC","ruc":"20821404269","slug":"sonic-entertainment-sac","name":"Abad-Vela","business_name":"Quiroz, Monta\u00f1o y Lomeli y Asoc. S.A.C.","commission":10,"logo":null,"banner":null,"description":"Ab accusantium quidem ab sint est modi vitae. Sed sunt ea velit corrupti. Ab cum rem quam quod.","district_id":"130111","address":"Paseo Gast\u00e9lum, 2, 2\u00ba A, 91577, As Espinosa","condition":"HABIDO","dnifile_path":null,"status":"ACTIVO","phone":"900183194","email":"652_eva.tirado@tapia.com","email_secondary":null,"website":"https:\/\/www.armas.com","is_delivery":true,"is_show_in_ticket":1,"is_to_collect":1,"latitude":null,"longitude":null,"shapes":[],"delivery_cost":0,"visa_merchant_id":"true","visa_user":"true","visa_pwd":"true","active":true,"deleted_at":null,"created_at":"2025-06-02T15:04:43.000000Z","updated_at":"2025-06-02T15:04:43.000000Z","opening_hour_from":null,"opening_hour_to":null,"opening_days":null,"banco":null,"tipo_cuenta":"AHORRO_SOLES","numero_cuenta":"ES9626481592798872969109","cci":"03118135500912492018","nombre_representante_legal":"Ver\u00f3nica Adame","dni_representante_legal":"69823259","facebook_pixel":null,"executive_id":5,"created_by":1,"updated_by":1,"priority":4,"check_organizador_special":1,"is_commission_to_client":false},"dates":[],"count_down":null}' :user='null'\n
                :providers=[{&quot;name&quot;:&quot;google&quot;,&quot;label&quot;:&quot;Google&quot;},{&quot;name&quot;:&quot;facebook&quot;,&quot;label&quot;:&quot;Facebook&quot;}] />\n
        </section>\n
            </main>\n
        \n
                    <footer class="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="w-auto h-4" alt="Logo vaope">\n
\n
            <div class="text-body text-white">\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="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="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>\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", 'detalle-evento');\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
"""