"""
<!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/riot-arcane-colleen-9" />\n
    <meta property="og:url" content="https://vaope.vaope-qa.online/eventos/conciertos/riot-arcane-colleen-9">\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>Riot Arcane - Colleen :9 - 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="Ejemplo de Sumilla - " />\n
    <meta property="og:site_name" content="Vaope.com">\n
    <meta property="og:title" content="Riot Arcane - Colleen :9 - Vaope.com" />\n
    <meta property="og:type" content="event" />\n
    <meta property="og:description" content="Ejemplo de Sumilla - " />\n
    <meta property="og:image" content="https://dev-tuentrada-r2.vaope.com/vaope/public/products/5052/?w=800" />\n
    <meta property="og:url" content="https://vaope.vaope-qa.online/eventos/conciertos/riot-arcane-colleen-9" />\n
    <meta property="twitter:domain" content="https://vaope.vaope-qa.online" />\n
    <meta property="twitter:title" content="Riot Arcane - Colleen :9 - Vaope.com" />\n
    <meta property="twitter:description" content="Ejemplo de Sumilla - " />\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/9c3f7542-1e64-46bd-8fe4-a5be164c19dd/build/assets/vaope-D2_Q5lNf.css" /><link rel="preload" as="style" href="https://d37s5lagol0ra1.cloudfront.net/9c3f7542-1e64-46bd-8fe4-a5be164c19dd/build/assets/app-Du4zTUuV.css" /><link rel="modulepreload" href="https://d37s5lagol0ra1.cloudfront.net/9c3f7542-1e64-46bd-8fe4-a5be164c19dd/build/assets/app-BDD1CwXJ.js" /><link rel="modulepreload" href="https://d37s5lagol0ra1.cloudfront.net/9c3f7542-1e64-46bd-8fe4-a5be164c19dd/build/assets/vendor-C-NuG2ov.js" /><link rel="modulepreload" href="https://d37s5lagol0ra1.cloudfront.net/9c3f7542-1e64-46bd-8fe4-a5be164c19dd/build/assets/v-calendar-CQ_UTV8-.js" /><link rel="modulepreload" href="https://d37s5lagol0ra1.cloudfront.net/9c3f7542-1e64-46bd-8fe4-a5be164c19dd/build/assets/vue-Cq-Q3Y6A.js" /><link rel="stylesheet" href="https://d37s5lagol0ra1.cloudfront.net/9c3f7542-1e64-46bd-8fe4-a5be164c19dd/build/assets/vaope-D2_Q5lNf.css" /><link rel="stylesheet" href="https://d37s5lagol0ra1.cloudfront.net/9c3f7542-1e64-46bd-8fe4-a5be164c19dd/build/assets/app-Du4zTUuV.css" /><script type="module" src="https://d37s5lagol0ra1.cloudfront.net/9c3f7542-1e64-46bd-8fe4-a5be164c19dd/build/assets/app-BDD1CwXJ.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\/WhatsApp","number":"51961614021","text":"Hola, necesito ayuda"};\n
    window.IS_HOME_PAGE = false;\n
    window.queueWaitingRoomUrl = 'https://d2hrx6yjl5kq2n.cloudfront.net';\n
    window.queueApiBaseUrl = 'https://d2hrx6yjl5kq2n.cloudfront.net';\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": "Riot Arcane - Colleen :9",\n
    "image": "https://dev-tuentrada-r2.vaope.com/vaope/public/products/5052/",\n
    "startDate": "2026-08-24",\n
    "endDate": "2026-08-24",\n
    "description": " Ejemplo de Sumilla",\n
    "url": "https://vaope.vaope-qa.online/api/notify-external",\n
    "offers": []\n
}\n
    </script>\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Ã\u{AD}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Ã\u{AD}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
        <meta name="twitter:card" content="event">\n
    <meta property="og:event:start_time" content="2026-08-24">\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="">\n
    <meta property="product:price:currency" content="PEN">\n
    <meta property="product:retailer_item_id" content="5052">\n
    <meta property="product:item_group_id" content="5052">\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": "Riot Arcane - Colleen :9",\n
    "image": "https://dev-tuentrada-r2.vaope.com/vaope/public/products/5052/",\n
    "startDate": "2026-08-24",\n
    "endDate": "2026-08-24",\n
    "description": " Ejemplo de Sumilla",\n
    "url": "https://vaope.vaope-qa.online/api/notify-external",\n
    "offers": []\n
}\n
        </script>\n
    \n
    \n
        <script>\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
            function executeViewContent() {\n
                const eventId = genEventId();\n
\n
                if (window.fbq) {\n
                    fbq('track', 'ViewContent', {\n
                        content_type: 'product',\n
                        content_ids: ['5052']\n
                    }, { eventID: eventId });\n
                }\n
\n
                // Enviar ViewContent por CAPI\n
                const payload = {\n
                    event_name: "ViewContent",\n
                    event_id: eventId,\n
                    content_ids: ["5052"],\n
                    content_type: "product",\n
                    value: 0,\n
                    currency: "PEN",\n
                    content_name: "Riot Arcane - Colleen :9",\n
                    contents: [{\n
                        id: "5052",\n
                        quantity: 1,\n
                        item_price: 0\n
                    }],\n
                    use_referer_as_url: false,\n
                    client_ip_address: '34.229.52.119',\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', executeViewContent);\n
            } else {\n
                executeViewContent();\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 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="/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":"Ate","slug":"ate"},{"name":"Barranco","slug":"barranco"},{"name":"Comas","slug":"comas"},{"name":"El Agustino","slug":"el-agustino"},{"name":"Huaral","slug":"huaral"},{"name":"Independencia","slug":"independencia"},{"name":"Jes\u00e3\u0161s Mar\u00e3\u008dA","slug":"jesus-maria"},{"name":"La Molina","slug":"la-molina"},{"name":"La Victoria","slug":"la-victoria"},{"name":"Lima","slug":"lima"},{"name":"Lince","slug":"lince"},{"name":"Los Olivos","slug":"los-olivos"},{"name":"Lurigancho","slug":"lurigancho"},{"name":"Lurin","slug":"lurin"},{"name":"Magdalena del Mar","slug":"magdalena-del-mar"},{"name":"Miraflores","slug":"miraflores"},{"name":"Puente Piedra","slug":"puente-piedra"},{"name":"R\u00e3\u008dMac","slug":"rimac"},{"name":"San Juan de Lurigancho","slug":"san-juan-de-lurigancho"},{"name":"San Mart\u00e3\u008dN de Porres","slug":"san-martin-de-porres"},{"name":"Santa Anita","slug":"santa-anita"},{"name":"Villa el Salvador","slug":"villa-el-salvador"},{"name":"Villa Mar\u00e3\u008dA del Triunfo","slug":"villa-maria-del-triunfo"}],"events":84},"4":{"name":"Arequipa","slug":"arequipa","districts":[{"name":"Arequipa","slug":"arequipa"},{"name":"Jos\u00e9 Luis Bustamante y Rivero","slug":"jose-luis-bustamante-y-rivero"}],"events":11},"20":{"name":"Piura","slug":"piura","districts":[{"name":"Chulucanas","slug":"chulucanas"},{"name":"La Matanza","slug":"la-matanza"},{"name":"La Uni\u00e3\u201cN","slug":"la-union"},{"name":"Piura","slug":"piura"},{"name":"Sechura","slug":"sechura"},{"name":"Sullana","slug":"sullana"},{"name":"Talara","slug":"talara"}],"events":10},"12":{"name":"Jun\u00e3\u008dN","slug":"junin","districts":[{"name":"Chilca","slug":"chilca"},{"name":"Huancayo","slug":"huancayo"},{"name":"Tarma","slug":"tarma"}],"events":7},"14":{"name":"Lambayeque","slug":"lambayeque","districts":[{"name":"Chiclayo","slug":"chiclayo"},{"name":"Ferre\u00e3\u2018afe","slug":"ferrenafe"},{"name":"Jos\u00e3\u2030 Leonardo Ortiz","slug":"jose-leonardo-ortiz"},{"name":"Monsefu","slug":"monsefu"},{"name":"Motupe","slug":"motupe"}],"events":7},"6":{"name":"Cajamarca","slug":"cajamarca","districts":[{"name":"Cajamarca","slug":"cajamarca"},{"name":"Celend\u00e3\u008dN","slug":"celendin"}],"events":5},"13":{"name":"La Libertad","slug":"la-libertad","districts":[{"name":"La Esperanza","slug":"la-esperanza"},{"name":"Pacanga","slug":"pacanga"},{"name":"Santiago de Cao","slug":"santiago-de-cao"},{"name":"Trujillo","slug":"trujillo"}],"events":5},"8":{"name":"Cusco","slug":"cusco","districts":[{"name":"Cusco","slug":"cusco"},{"name":"San Sebastian","slug":"san-sebastian"},{"name":"Santa Ana","slug":"santa-ana"}],"events":4},"11":{"name":"Ica","slug":"ica","districts":[{"name":"Ica","slug":"ica"}],"events":4},"23":{"name":"Tacna","slug":"tacna","districts":[{"name":"Pocollay","slug":"pocollay"},{"name":"Tacna","slug":"tacna"}],"events":4},"2":{"name":"\u00c3\u0081Ncash","slug":"ancash","districts":[{"name":"Chimbote","slug":"chimbote"}],"events":3},"5":{"name":"Ayacucho","slug":"ayacucho","districts":[{"name":"Ayacucho","slug":"ayacucho"}],"events":3},"7":{"name":"Callao","slug":"callao","districts":[{"name":"Callao","slug":"callao"},{"name":"Ventanilla","slug":"ventanilla"}],"events":3},"16":{"name":"Loreto","slug":"loreto","districts":[{"name":"Iquitos","slug":"iquitos"}],"events":2},"18":{"name":"Moquegua","slug":"moquegua","districts":[{"name":"Moquegua","slug":"moquegua"}],"events":2},"21":{"name":"Puno","slug":"puno","districts":[{"name":"Juliaca","slug":"juliaca"}],"events":2},"24":{"name":"Tumbes","slug":"tumbes","districts":[{"name":"Corrales","slug":"corrales"},{"name":"Tumbes","slug":"tumbes"}],"events":2},"3":{"name":"Apur\u00e3\u008dMac","slug":"apurimac","districts":[{"name":"Andahuaylas","slug":"andahuaylas"}],"events":1},"10":{"name":"Hu\u00e3\u0081Nuco","slug":"huanuco","districts":[{"name":"Huanuco","slug":"huanuco"}],"events":1},"19":{"name":"Pasco","slug":"pasco","districts":[{"name":"Villa Rica","slug":"villa-rica"}],"events":1},"25":{"name":"Ucayali","slug":"ucayali","districts":[{"name":"Calleria","slug":"calleria"}],"events":1}}' default-value="api">\n
            </mobile-search>\n
            <user-menu></user-menu>\n
            <input type="hidden" name="_token" value="" 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="/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
                <!-- 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://dev-tuentrada-r2.vaope.com/vaope/public/products/5052/'); 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://dev-tuentrada-r2.vaope.com/vaope/public/products/5052/?w=1700">\n
                    <source media="(max-width: 767px)" srcset="https://dev-tuentrada-r2.vaope.com/vaope/public/products/5052/?w=1000">\n
                    <img src="https://dev-tuentrada-r2.vaope.com/vaope/public/products/5052/?w=1700" 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.png&#039;;this.closest(&#039;picture&#039;).querySelectorAll(&#039;source&#039;).forEach(s =&gt; s.removeAttribute(&#039;srcset&#039;));" alt="Riot Arcane - Colleen :9" class="mx-auto md:min-w-7xl h-full max-h-[416px] rounded-[36px]" src="https://dev-tuentrada-r2.vaope.com/vaope/public/products/5052/?w=1700" alt="Riot Arcane - Colleen :9" 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="5052" title="Riot Arcane - Colleen :9" 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
                                                                                                <div class="flex flex-col leading-tight">\n
                                        <div class="flex items-baseline justify-center gap-1">\n
                                            <span\n
                                                class="text-xl md:text-3xl font-bold">24</span>\n
                                            <span\n
                                                class="text-lg md:text-1xl font-bold">AGO</span>\n
                                        </div>\n
                                        <span class="text-lg md:text-2xl font-bold">al</span>\n
                                        <div class="flex items-baseline justify-center gap-1 mt-1">\n
                                            <span\n
                                                class="text-xl md:text-3xl font-bold">26</span>\n
                                            <span\n
                                                class="text-lg md:text-1xl font-bold">AGO</span>\n
                                        </div>\n
                                    </div>\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":5052,"category_id":2,"contract_id":1097,"parent_id":0,"type_product_id":3,"home_group_id":1,"position":14,"segment_id":null,"code":null,"title_small":"Riot Arcane - Colleen :9","title_large":"Ejemplo de Sumilla","slug":"riot-arcane-colleen-9","meta_description":null,"price_normal":0,"price_online":null,"price_partner":0,"stock":2000,"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":true,"promotion":false,"deleted_at":null,"created_at":"2026-08-24T17:58:09.000000Z","updated_at":"2026-08-24T18:02:40.000000Z","shop_id":786,"video_url":null,"video_id":"","partner_commission":"5.00","vaope_commission":"0.00","vaope_commission_type":1,"sale_comission":"0.00","is_stock":true,"fecha_evento":"2026-08-24","hora_evento":"03:46:00","fecha_fin_evento":"2026-08-26","hora_fin_evento":"23:56:00","link_grupo_cerrado":null,"address":null,"location_id":null,"croquis":null,"status":1,"can_be_sold":true,"correlative_count":0,"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":"default","is_landing_page":false,"sale_fee_zone":true,"max_by_client":10,"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":9,"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-31T03:19:37.000000Z","updated_at":"2026-06-23T10:29:21.000000Z","color":"blue","is_highlight":0},"artists":[],"location":null,"product_fees":[{"id":"7536","position":0,"name":"Tarifa A","description":null,"button_text":null,"button_color":"vaope-indigo","is_featured":0,"color_background_feature":null,"color_text_feature":null,"active":false,"is_default":false,"init_at":"2026-08-24 11:01 am","finished_at":"2026-08-24 23:01 pm","vaope_commission_type":1,"segments_to_payment_id":null,"manage_fee_columns":false,"product_terms":[]}],"svg_map":null,"landing_items":[{"id":6583,"product_id":5052,"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":1,"updated_by":1,"created_at":"2026-08-24T17:58:09.000000Z","updated_at":"2026-08-24T17:58:09.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":4910,"product_id":5052,"pd_prices_img":null,"pd_svg_container":null,"created_at":"2026-08-24T22:58:09.000000Z","updated_at":"2026-08-24T22:58:09.000000Z","deleted_at":null,"amount_pending_deposit":"0.00","landing_bg_image":null,"landing_bg_image_desktop":null,"landing_bg_color":null,"landing_text_color":null},"shop":{"id":786,"shop_category_id":1,"type_doc":"DNI","ruc":"20035694425","slug":"victoria-karin-carhuachin-ramirez","name":"Aguado y Sanz","business_name":"Viajes Lemus-Barrientos S.A.C.","commission":10,"logo":null,"banner":null,"description":"Sapiente velit et explicabo tenetur eos. Aut maxime porro cumque incidunt numquam maiores veniam.","district_id":"150101","address":"Camino Luna, 8, 16\u00ba E, 04242, Escamilla de las Torres","condition":null,"dnifile_path":null,"status":null,"phone":"917223446","email":"786_hugo79@lucio.com","email_secondary":null,"website":"https:\/\/www.costa.com.es","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-11-04T03:34:30.000000Z","updated_at":"2025-11-04T03:34:30.000000Z","opening_hour_from":null,"opening_hour_to":null,"opening_days":null,"banco":null,"tipo_cuenta":"AHORRO_SOLES","numero_cuenta":"ES2846955398908512474120","cci":"54471685432483518769","nombre_representante_legal":"Sr. Javier Guerrero Tercero","dni_representante_legal":"79088531","facebook_pixel":null,"executive_id":1,"created_by":1,"updated_by":1,"priority":4,"check_organizador_special":0,"is_commission_to_client":false},"dates":[],"count_down":null,"additional_services":[]}' :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
                            Riot Arcane - Colleen :9\n
                        </h2>\n
                        <p class="mt-3 text-base md:text-lg text-neutral-400">\n
                            Ejemplo de Sumilla</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
                                        Lunes 24 de agosto de 2026 - miércoles 26 de agosto de 2026\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
                                        3:46 AM</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":48046,"line_1":null,"line_2":null,"type":1,"product_id":5052,"product_fee_id":7536,"is_sale_web":true,"active":true,"stock":1000,"capacity":1000,"tipo":"GENERAL","color":"bg-primary-200","manage_fee_columns":false,"precios":{"nombre":"Tarifa A","precio":80},"precio_referencial":{"nombre":"Tarifa A","precio":80},"featured":{"nombre":"Tarifa A","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":48047,"line_1":null,"line_2":null,"type":1,"product_id":5052,"product_fee_id":7536,"is_sale_web":true,"active":true,"stock":1000,"capacity":1000,"tipo":"OCCIDENTE","color":"bg-primary-200","manage_fee_columns":false,"precios":{"nombre":"Tarifa A","precio":100},"precio_referencial":{"nombre":"Tarifa A","precio":100},"featured":{"nombre":"Tarifa A","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}]'\n
                                                :price-types='[]'\n
                                                :event='{"id":5052,"category_id":2,"contract_id":1097,"parent_id":0,"type_product_id":3,"home_group_id":1,"position":14,"segment_id":null,"code":null,"title_small":"Riot Arcane - Colleen :9","title_large":"Ejemplo de Sumilla","slug":"riot-arcane-colleen-9","meta_description":null,"price_normal":0,"price_online":null,"price_partner":0,"stock":2000,"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":true,"promotion":false,"deleted_at":null,"created_at":"2026-08-24T17:58:09.000000Z","updated_at":"2026-08-24T18:02:40.000000Z","shop_id":786,"video_url":null,"video_id":"","partner_commission":"5.00","vaope_commission":"0.00","vaope_commission_type":1,"sale_comission":"0.00","is_stock":true,"fecha_evento":"2026-08-24","hora_evento":"03:46:00","fecha_fin_evento":"2026-08-26","hora_fin_evento":"23:56:00","link_grupo_cerrado":null,"address":null,"location_id":null,"croquis":null,"status":1,"can_be_sold":true,"correlative_count":0,"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":"default","is_landing_page":false,"sale_fee_zone":true,"max_by_client":10,"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":9,"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-31T03:19:37.000000Z","updated_at":"2026-06-23T10:29:21.000000Z","color":"blue","is_highlight":0},"artists":[],"location":null,"product_fees":[{"id":"7536","position":0,"name":"Tarifa A","description":null,"button_text":null,"button_color":"vaope-indigo","is_featured":0,"color_background_feature":null,"color_text_feature":null,"active":false,"is_default":false,"init_at":"2026-08-24 11:01 am","finished_at":"2026-08-24 23:01 pm","vaope_commission_type":1,"segments_to_payment_id":null,"manage_fee_columns":false,"product_terms":[]}],"svg_map":null,"landing_items":[{"id":6583,"product_id":5052,"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":1,"updated_by":1,"created_at":"2026-08-24T17:58:09.000000Z","updated_at":"2026-08-24T17:58:09.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":4910,"product_id":5052,"pd_prices_img":null,"pd_svg_container":null,"created_at":"2026-08-24T22:58:09.000000Z","updated_at":"2026-08-24T22:58:09.000000Z","deleted_at":null,"amount_pending_deposit":"0.00","landing_bg_image":null,"landing_bg_image_desktop":null,"landing_bg_color":null,"landing_text_color":null},"shop":{"id":786,"shop_category_id":1,"type_doc":"DNI","ruc":"20035694425","slug":"victoria-karin-carhuachin-ramirez","name":"Aguado y Sanz","business_name":"Viajes Lemus-Barrientos S.A.C.","commission":10,"logo":null,"banner":null,"description":"Sapiente velit et explicabo tenetur eos. Aut maxime porro cumque incidunt numquam maiores veniam.","district_id":"150101","address":"Camino Luna, 8, 16\u00ba E, 04242, Escamilla de las Torres","condition":null,"dnifile_path":null,"status":null,"phone":"917223446","email":"786_hugo79@lucio.com","email_secondary":null,"website":"https:\/\/www.costa.com.es","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-11-04T03:34:30.000000Z","updated_at":"2025-11-04T03:34:30.000000Z","opening_hour_from":null,"opening_hour_to":null,"opening_days":null,"banco":null,"tipo_cuenta":"AHORRO_SOLES","numero_cuenta":"ES2846955398908512474120","cci":"54471685432483518769","nombre_representante_legal":"Sr. Javier Guerrero Tercero","dni_representante_legal":"79088531","facebook_pixel":null,"executive_id":1,"created_by":1,"updated_by":1,"priority":4,"check_organizador_special":0,"is_commission_to_client":false},"dates":[],"count_down":null,"additional_services":[]}' :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":5052,"category_id":2,"contract_id":1097,"parent_id":0,"type_product_id":3,"home_group_id":1,"position":14,"segment_id":null,"code":null,"title_small":"Riot Arcane - Colleen :9","title_large":"Ejemplo de Sumilla","slug":"riot-arcane-colleen-9","meta_description":null,"price_normal":0,"price_online":null,"price_partner":0,"stock":2000,"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":true,"promotion":false,"deleted_at":null,"created_at":"2026-08-24T17:58:09.000000Z","updated_at":"2026-08-24T18:02:40.000000Z","shop_id":786,"video_url":null,"video_id":"","partner_commission":"5.00","vaope_commission":"0.00","vaope_commission_type":1,"sale_comission":"0.00","is_stock":true,"fecha_evento":"2026-08-24","hora_evento":"03:46:00","fecha_fin_evento":"2026-08-26","hora_fin_evento":"23:56:00","link_grupo_cerrado":null,"address":null,"location_id":null,"croquis":null,"status":1,"can_be_sold":true,"correlative_count":0,"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":"default","is_landing_page":false,"sale_fee_zone":true,"max_by_client":10,"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":9,"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-31T03:19:37.000000Z","updated_at":"2026-06-23T10:29:21.000000Z","color":"blue","is_highlight":0},"artists":[],"location":null,"product_fees":[{"id":"7536","position":0,"name":"Tarifa A","description":null,"button_text":null,"button_color":"vaope-indigo","is_featured":0,"color_background_feature":null,"color_text_feature":null,"active":false,"is_default":false,"init_at":"2026-08-24 11:01 am","finished_at":"2026-08-24 23:01 pm","vaope_commission_type":1,"segments_to_payment_id":null,"manage_fee_columns":false,"product_terms":[]}],"svg_map":null,"landing_items":[{"id":6583,"product_id":5052,"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":1,"updated_by":1,"created_at":"2026-08-24T17:58:09.000000Z","updated_at":"2026-08-24T17:58:09.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":4910,"product_id":5052,"pd_prices_img":null,"pd_svg_container":null,"created_at":"2026-08-24T22:58:09.000000Z","updated_at":"2026-08-24T22:58:09.000000Z","deleted_at":null,"amount_pending_deposit":"0.00","landing_bg_image":null,"landing_bg_image_desktop":null,"landing_bg_color":null,"landing_text_color":null},"shop":{"id":786,"shop_category_id":1,"type_doc":"DNI","ruc":"20035694425","slug":"victoria-karin-carhuachin-ramirez","name":"Aguado y Sanz","business_name":"Viajes Lemus-Barrientos S.A.C.","commission":10,"logo":null,"banner":null,"description":"Sapiente velit et explicabo tenetur eos. Aut maxime porro cumque incidunt numquam maiores veniam.","district_id":"150101","address":"Camino Luna, 8, 16\u00ba E, 04242, Escamilla de las Torres","condition":null,"dnifile_path":null,"status":null,"phone":"917223446","email":"786_hugo79@lucio.com","email_secondary":null,"website":"https:\/\/www.costa.com.es","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-11-04T03:34:30.000000Z","updated_at":"2025-11-04T03:34:30.000000Z","opening_hour_from":null,"opening_hour_to":null,"opening_days":null,"banco":null,"tipo_cuenta":"AHORRO_SOLES","numero_cuenta":"ES2846955398908512474120","cci":"54471685432483518769","nombre_representante_legal":"Sr. Javier Guerrero Tercero","dni_representante_legal":"79088531","facebook_pixel":null,"executive_id":1,"created_by":1,"updated_by":1,"priority":4,"check_organizador_special":0,"is_commission_to_client":false},"dates":[],"count_down":null,"additional_services":[]}' :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="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!\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
                                    <a href="#" data-url="/contacto" data-target="link"\n
                        data-label="Contactanos" class="text-subtitle hover:text-primary-300">\n
                        Contactanos\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Ã\u{AD}tica de cookies" class="text-subtitle hover:text-primary-300">\n
                        PolÃ\u{AD}tica de cookies\n
                    </a>\n
                                    <a href="#" data-url="/politicas-privacidad" data-target="_self"\n
                        data-label="PolÃ\u{AD}ticas de Privacidad" class="text-subtitle hover:text-primary-300">\n
                        PolÃ\u{AD}ticas de Privacidad\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="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="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", 'generate.external');\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
"""