"""
<!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/highlights" />\n
    <meta property="og:url" content="https://vaope.vaope-qa.online/eventos/highlights">\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>Vaope.com- Todos los Eventos</title>\n
\n
            <script type="application/ld+json">\n
        {\n
            "@context": "https://schema.org",\n
            "@type": "WebSite",\n
            "name": "",\n
            "alternateName": "Vaope.com",\n
            "url": "https://vaope.vaope-qa.online",\n
            "logo":"",\n
            "contactPoint" : [ {\n
            "@type" : "ContactPoint",\n
            "contactType" : "Customer Service",\n
            "areaServed":"PE",\n
            "availableLanguage" : ["Spanish"] } ]\n
        }\n
        </script>\n
    \n
    <meta name="facebook-domain-verification" content="v0rwnzmhed5484q5h5u7t1s7ykjebc" />\n
    <meta name="description" content="Vao a los mejores eventos con toda la mancha. Compra tus entradas de forma facil y segura en Vaope.com" />\n
    <meta property="og:site_name" content="Vaope.com">\n
    <meta property="og:title" content="Vaope.com- Todos los Eventos" />\n
    <meta property="og:type" content="website" />\n
    <meta property="og:description" content="Vao a los mejores eventos con toda la mancha. Compra tus entradas de forma facil y segura en Vaope.com" />\n
    <meta property="og:image" content="https://dmzrrl140sxva.cloudfront.net/vaope/assets/brand/logo-og.png" />\n
    <meta property="og:url" content="https://vaope.vaope-qa.online" />\n
    <meta property="twitter:domain" content="https://vaope.vaope-qa.online" />\n
    <meta property="twitter:title" content="Vaope.com- Todos los Eventos" />\n
    <meta property="twitter:description" content="Vao a los mejores eventos con toda la mancha. Compra tus entradas de forma facil y segura en Vaope.com" />\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
\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
    \n
    \n
    \n
    \n
    \n
</head>\n
\n
<body class="antialiased text-neutral-600 bg-background relative">\n
    \n
                \n
    <div id="app" class="flex flex-col min-h-dvh">\n
        <div class="">\n
            <alert-system />\n
        </div>\n
                                <header class="relative sticky top-0 z-50 bg-secondary-blue-200">\n
    <div class="container flex items-stretch 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="DBX1ahRe8iF3uSYCntWZxtwgRgOZdx0InG6AXUTh" 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
                <section class="container py-6 md:py-12 space-y-6 md:space-y-8">\n
        <header class="space-y-8">\n
                        <a href="/"\n
                class="inline-flex gap-x-1.5 text-primary-200 items-center whitespace-nowrap text-subtitle md:text-body font-semibold">\n
                <icons icon="arrow-left" class="size-6"></icons>\n
                Regresar al inicio\n
            </a>\n
            <div class="flex items-center gap-2 flex-wrap">\n
                <h1\n
                    class="first-letter:uppercase text-body text-balance md:text-heading-h4 font-bold flex items-center flex-wrap">\n
                    Todos los Eventos\n
                                                        </h1>\n
                                    <div class="md:ml-auto shrink-0 flex items-center">\n
                        <select-departaments :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}}'\n
                            default-value="eventos"\n
                            placeholder="Todas las ciudades"></select-departaments>\n
                    </div>\n
                            </div>\n
        </header>\n
        <section class="grid grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-x-2 gap-y-4 md:gap-x-7 md:gap-y-3">\n
                                                <article\n
    class="w-full bg-neutral-50 border-[1.5px] border-neutral-100 relative h-full rounded">\n
    <div class="relative sm:p-2">\n
        <a href="https://vaope.vaope-qa.online/eventos/conciertos/prueba-comision-1" class="group block relative z-1 w-full max-h-[328px] aspect-square">\n
            <div class="absolute inset-0 flex items-center justify-center bg-primary-100/50 opacity-0 transition-opacity duration-200 group-hover:opacity-100 rounded-sm">\n
                <div role="button" class="btn btn-sm btn-primary">\n
                    <icons icon="ticket" class="size-6"></icons>\n
                    Comprar\n
                </div>\n
            </div>\n
            <picture>\n
                <source media="(min-width: 1020px)" srcset="https://dmzrrl140sxva.cloudfront.net/vaope/assets/default/imageDefault2.jpg">\n
                <source media="(max-width: 1021px)" srcset="https://dmzrrl140sxva.cloudfront.net/vaope/assets/default/imageDefault2.jpg">\n
                <img src="https://dmzrrl140sxva.cloudfront.net/vaope/assets/default/imageDefault2.jpg" 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-square.png&#039;;this.closest(&#039;picture&#039;).querySelectorAll(&#039;source&#039;).forEach(s =&gt; s.removeAttribute(&#039;srcset&#039;));" alt="Prueba comision 1 - Organizador Flat" class="w-full h-full object-cover object-center rounded-sm" src="https://dmzrrl140sxva.cloudfront.net/vaope/assets/default/imageDefault2.jpg" alt="Prueba comision 1 - Organizador Flat" loading="lazy" decoding="async" isPicture="isPicture" isSquare="isSquare">\n
            </picture>\n
        </a>\n
        <favorite-button :id="3539" title="Prueba comision 1 - Organizador Flat"></favorite-button>\n
    </div>\n
    <div class="space-y-2 p-2">\n
        <div class="flex flex-wrap items-center gap-2">\n
            <div\n
                class="inline-flex items-center gap-x-1 whitespace-nowrap tabular-nums text-caption leading-none font-medium px-1 py-0.5 text-primary-200 bg-primary-50 rounded-full">\n
                <icons icon="calendar" class="size-4"></icons>\n
                27/01/2029\n
                •\n
                3:58 PM\n
            </div>\n
                            <div aria-label="Categoría: Conciertos"\n
                    class="inline-flex items-center gap-x-1 whitespace-nowrap ring ring-neutral-100 text-caption leading-none font-medium px-1 py-0.5 text-neutral-400 bg-transparent rounded-full">\n
                    Conciertos\n
                </div>\n
                    </div>\n
        <header class="flex flex-col gap-1.5">\n
            <h2 class="text-neutral-500 text-body font-bold line-clamp-1">\n
                Prueba comision 1 - Organizador Flat\n
            </h2>\n
            <p class="text-neutral-300 text-subtitle font-medium line-clamp-1">\n
                </p>\n
\n
                            <p class="text-neutral-500 text-subtitle font-medium">\n
                    Desde\n
                    S/30.00\n
                </p>\n
                    </header>\n
    </div>\n
</article>\n
                                    </section>\n
                    <footer class="flex items-center justify-center">\n
                                <nav aria-label="pagination">\n
                    <ul class="flex items-center gap-x-1">\n
                        <li>\n
                            <a href="https://vaope.vaope-qa.online/eventos/highlights?page=5" aria-label="anterior" class="flex items-center justify-center size-8 rounded-lg bg-transparent hover:bg-neutral-100/50 transition-colors duration-200 text-primary-200">\n
                                <icons icon="chevron-left" class="size-4"></icons>\n
                                <span class="sr-only">Anterior</span>\n
                            </a>\n
                        </li>\n
                                                    <li>\n
                                <a href="https://vaope.vaope-qa.online/eventos/highlights?page=1"\n
                                    class="tabular-nums flex items-center justify-center size-8 rounded-lg text-neutral-600 bg-transparent hover:bg-neutral-100/50 transition-colors duration-200">1</a>\n
                            </li>\n
                                                            <li>\n
                                    <span aria-hidden="true"\n
                                        class="text-nuetral-600 font-bold text-body flex items-end justify-center size-8 rounded-lg">\n
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"\n
                                            viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"\n
                                            stroke-linecap="round" stroke-linejoin="round" class="size-6">\n
                                            <circle cx="12" cy="12" r="1" />\n
                                            <circle cx="19" cy="12" r="1" />\n
                                            <circle cx="5" cy="12" r="1" />\n
                                        </svg>\n
                                        <span class="sr-only">Más páginas</span>\n
                                    </span>\n
                                </li>\n
                                                                                                        <li>\n
                                <a href="https://vaope.vaope-qa.online/eventos/highlights?page=4"\n
                                                                        class="tabular-nums flex items-center justify-center size-8 rounded-lg hover:bg-neutral-100/50 transition-colors duration-200 text-neutral-600 bg-transparent">\n
                                    4</a>\n
                            </li>\n
                                                    <li>\n
                                <a href="https://vaope.vaope-qa.online/eventos/highlights?page=5"\n
                                                                        class="tabular-nums flex items-center justify-center size-8 rounded-lg hover:bg-neutral-100/50 transition-colors duration-200 text-neutral-600 bg-transparent">\n
                                    5</a>\n
                            </li>\n
                                                    <li>\n
                                <a href="https://vaope.vaope-qa.online/eventos/highlights?page=6"\n
                                     aria-current="page"                                     class="tabular-nums flex items-center justify-center size-8 rounded-lg hover:bg-neutral-100/50 transition-colors duration-200 bg-primary-200 text-white pointer-events-none">\n
                                    6</a>\n
                            </li>\n
                                                                        <li>\n
                            <a href="" aria-label="Siguiente" class="flex items-center justify-center size-8 rounded-lg bg-transparent hover:bg-neutral-100/50 transition-colors duration-200 pointer-events-none text-neutral-200">\n
                                <icons icon="chevron-right" class="size-4"></icons>\n
                                <span class="sr-only">Siguiente</span>\n
                            </a>\n
                        </li>\n
                    </ul>\n
                </nav>\n
            </footer>\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", 'all.events');\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
"""