"""
<!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://crimson-prague-xkwa4mv9llgt.on-vapor.com/artista/los-shapis" />\n
    <meta property="og:url" content="https://crimson-prague-xkwa4mv9llgt.on-vapor.com/artista/los-shapis">\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>Los Shapis - 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://crimson-prague-xkwa4mv9llgt.on-vapor.com",\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="" />\n
    <meta property="og:site_name" content="Vaope.com">\n
    <meta property="og:title" content="Los Shapis - Vaope.com" />\n
    <meta property="og:type" content="website" />\n
    <meta property="og:description" content="En Vaope.com podrás comprar tus entradas para los mejores eventos musicales, conciertos, eventos deportivos y mucho más de forma rápida, segura y confiable." />\n
    <meta property="og:image" content="https://dev-tuentrada-r2.vaope.com/vaope/public/artists/320-SHAPIS-ICONO.jpg" />\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="Los Shapis - Vaope.com" />\n
    <meta property="twitter:description" content="En Vaope.com podrás comprar tus entradas para los mejores eventos musicales, conciertos, eventos deportivos y mucho más de forma rápida, segura y confiable." />\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/223caea8-3365-4914-a095-4504c4406f78/build/assets/vaope-BymRXKPm.css" /><link rel="preload" as="style" href="https://d37s5lagol0ra1.cloudfront.net/223caea8-3365-4914-a095-4504c4406f78/build/assets/app-Du4zTUuV.css" /><link rel="modulepreload" href="https://d37s5lagol0ra1.cloudfront.net/223caea8-3365-4914-a095-4504c4406f78/build/assets/app-D2POhRLs.js" /><link rel="modulepreload" href="https://d37s5lagol0ra1.cloudfront.net/223caea8-3365-4914-a095-4504c4406f78/build/assets/vendor-C-NuG2ov.js" /><link rel="modulepreload" href="https://d37s5lagol0ra1.cloudfront.net/223caea8-3365-4914-a095-4504c4406f78/build/assets/v-calendar-CQ_UTV8-.js" /><link rel="modulepreload" href="https://d37s5lagol0ra1.cloudfront.net/223caea8-3365-4914-a095-4504c4406f78/build/assets/vue-Cq-Q3Y6A.js" /><link rel="stylesheet" href="https://d37s5lagol0ra1.cloudfront.net/223caea8-3365-4914-a095-4504c4406f78/build/assets/vaope-BymRXKPm.css" /><link rel="stylesheet" href="https://d37s5lagol0ra1.cloudfront.net/223caea8-3365-4914-a095-4504c4406f78/build/assets/app-Du4zTUuV.css" /><script type="module" src="https://d37s5lagol0ra1.cloudfront.net/223caea8-3365-4914-a095-4504c4406f78/build/assets/app-D2POhRLs.js"></script>    \n
    <script type="text/javascript" async>\n
    window.APP_THEME = 'vaope';\n
    window.COMPANY_LEGAL_NAME = 'COLABORATIVA SAC';\n
    window.CONTACT_EMAIL = 'contacto@vaope.com';\n
    window.WHATSAPP_FLOATING = {"url":"https:\/\/vaope.info\/WhatsApp","number":"51961614021","position":"bottom-right"};\n
    window.WHATSAPP_GENERAL = {"url":"https:\/\/vaope.info\/WhatsApp1212","number":"51961614021","text":"Hola, necesito ayuda"};\n
    window.IS_HOME_PAGE = false;\n
    window.queueWaitingRoomUrl = 'https://cola-virtual.vaope-qa.online';\n
    window.queueApiBaseUrl = 'https://cola-virtual.vaope-qa.online';\n
    window.INSURANCE_PRODUCT_ID = '5357';\n
</script>\n
\n
\n
\n
\n
\n
    \n
                        <!-- Meta Pixel Code -->\n
<script>\n
// Desactiva el auto-tracking rebelde de PageView en SPAs (Vue/React)\n
window.fbq = window.fbq || function() { (window.fbq.q = window.fbq.q || []).push(arguments) };\n
fbq.disablePushState = true; \n
!function(f,b,e,v,n,t,s)\n
{if(f.fbq && f.fbq.version)return;n=f.fbq=function(){n.callMethod?\n
n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n
n.queue=[];t=b.createElement(e);t.async=!0;\n
t.src=v;s=b.getElementsByTagName(e)[0];\n
s.parentNode.insertBefore(t,s)}(window, document,'script',\n
'https://connect.facebook.net/en_US/fbevents.js');\n
fbq('init', '833192177369961');\n
// Condicionamos el PageView manual usando nuestra variable del frontend\n
if (window.IS_HOME_PAGE) {\n
    fbq('track', 'PageView');\n
}\n
</script>\n
<noscript><img height="1" width="1" style="display:none"\n
src="https://www.facebook.com/tr?id=833192177369961&ev=PageView&noscript=1"\n
/></noscript>\n
<!-- End Meta Pixel Code -->\n
                    <script defer src="https://www.googletagmanager.com/gtag/js?id=G-2DGYLS3JK5"></script>\n
                    <script type="text/javascript" defer>\n
    window.dataLayer = window.dataLayer || [];\n
    function gtag() { dataLayer.push(arguments); }\n
    gtag("js", new Date());\n
    gtag("config", "G-2DGYLS3JK5");\n
</script>\n
                    <script type="text/javascript" async>\n
    (function(h,o,t,j,a,r){\n
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};\n
        h._hjSettings={hjid:2545690,hjsv:6};\n
        a=o.getElementsByTagName("head")[0];\n
        r=o.createElement("script");r.async=1;\n
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;\n
        a.appendChild(r);\n
    })(window,document,"https://static.hotjar.com/c/hotjar-",".js?sv=");\n
</script>\n
                    <script>\n
    !function(w,d,t){\n
        w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];\n
        ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConsent"];\n
        ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};\n
        for(var i=0;i<ttq.methods.length;i++) ttq.setAndDefer(ttq,ttq.methods[i]);\n
        ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++) ttq.setAndDefer(e,ttq.methods[n]);return e};\n
        ttq.load=function(e,n){\n
            var r="https://analytics.tiktok.com/i18n/pixel/events.js",o=n&&n.partner;\n
            ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};\n
            n=document.createElement("script");n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;\n
            e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)\n
        };\n
        ttq.load('CRQ9BI3C77UECGAB9US0');ttq.page();\n
    }(window,document,'ttq');\n
</script>\n
                    <script type="text/javascript">\n
    (function () {\n
        // Meta recomienda 7 días para fbc\n
        var FBC_MAX_AGE_DAYS = 7;\n
        var FBP_MAX_AGE_DAYS = 90;\n
\n
        function setCookie(name, value, days) {\n
            var d = new Date();\n
            d.setTime(d.getTime() + (days * 24 * 60 * 60 * 1000));\n
            var expires = "expires=" + d.toUTCString();\n
            document.cookie = name + "=" + encodeURIComponent(value) + ";" + expires + ";path=/;SameSite=Lax";\n
        }\n
\n
        function deleteCookie(name) {\n
            document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/";\n
        }\n
\n
        function getCookie(name) {\n
            var match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));\n
            return match ? decodeURIComponent(match[2]) : null;\n
        }\n
\n
        // devuelve {ts, value} o null si es inválido.\n
        function parseFbCookie(value) {\n
            if (!value || typeof value !== 'string') return null;\n
            var m = value.match(/^fb\.(\d+)\.(\d+)\.(.+)$/);\n
            if (!m) return null;\n
            var ts = parseInt(m[2], 10);\n
            if (!ts || isNaN(ts)) return null;\n
            return { ts: ts, value: value };\n
        }\n
\n
        function isFresh(ts, maxAgeDays) {\n
            var ageMs = Date.now() - ts;\n
            return ageMs >= 0 && ageMs <= maxAgeDays * 24 * 60 * 60 * 1000;\n
        }\n
\n
        function ensureFbp() {\n
            var raw = getCookie('_fbp');\n
            var parsed = parseFbCookie(raw);\n
            if (parsed && isFresh(parsed.ts, FBP_MAX_AGE_DAYS)) {\n
                return parsed.value;\n
            }\n
            // Regenerar si no existe, está malformado o vencido\n
            var ts = Date.now();\n
            var rand = Math.floor(Math.random() * 1e10);\n
            var fbp = 'fb.1.' + ts + '.' + rand;\n
            setCookie('_fbp', fbp, 180);\n
            return fbp;\n
        }\n
\n
        function ensureFbc() {\n
            // Si hay fbclid nuevo en la URL, siempre se sobrescribe.\n
            var params = new URLSearchParams(window.location.search);\n
            var fbclid = params.get('fbclid');\n
            if (fbclid) {\n
                var ts = Date.now();\n
                var fbc = 'fb.1.' + ts + '.' + fbclid;\n
                setCookie('_fbc', fbc, 90);\n
                return fbc;\n
            }\n
            // Si no hay fbclid en URL: usar la cookie SOLO si es válida y nueva.\n
            var parsed = parseFbCookie(getCookie('_fbc'));\n
            if (parsed && isFresh(parsed.ts, FBC_MAX_AGE_DAYS)) {\n
                return parsed.value;\n
            }\n
            // Cookie vieja/inválida → limpiar y devolver null para que el backend NO envíe fbc al CAPI.\n
            if (parsed) {\n
                deleteCookie('_fbc');\n
            }\n
            return null;\n
        }\n
\n
        function genEventId() {\n
            try {\n
                if (window.crypto && window.crypto.randomUUID) {\n
                    return window.crypto.randomUUID();\n
                }\n
            } catch (e) {}\n
            return 'evt_' + Date.now().toString(36) + '_' + Math.random().toString(36).slice(2, 10);\n
        }\n
\n
        window.__fbp = ensureFbp();\n
        window.__fbc = ensureFbc(); // puede ser null\n
        window.genEventId = genEventId;\n
        window.__pageViewEventId = genEventId();\n
    })();\n
</script>\n
            \n
    \n
    \n
    \n
    \n
    \n
    </head>\n
\n
<body class="antialiased text-neutral-600 bg-background relative">\n
    \n
                \n
    <div id="app" class="flex flex-col min-h-dvh">\n
        <div class="">\n
            <alert-system />\n
        </div>\n
                                <header class="relative sticky top-0 z-50 bg-secondary-blue-200">\n
    <div class="container flex items-stretch gap-x-4 md:gap-x-11 h-17">\n
        <div class="flex items-center gap-x-1.5 shrink-0">\n
            <button type="button" id="menu-toggle" data-open="false"\n
                class="md:hidden shrink-0 size-8 inline-flex text-neutral-50 items-center justify-center data-[open=true]:[&>.menu]:hidden data-[open=true]:[&>.close]:block data-[open=false]:[&>.menu]:block data-[open=false]:[&>.close]:hidden">\n
                <span class="sr-only">Abrir menú</span>\n
                <icons icon="menu" class="size-6 menu"></icons>\n
                <icons icon="close" class="size-6 close"></icons>\n
            </button>\n
            <a href="/" class="'shrink-0 py-2 focus-within:outline-0 focus:outline-0">\n
                <img src="https://dmzrrl140sxva.cloudfront.net/vaope/assets/brand/logo-white.svg" class='h-auto w-28' decoding="async" fetchpriority="high"\n
                    alt="vaope">\n
            </a>\n
        </div>\n
        <nav class="max-md:hidden flex items-stretch gap-x-4">\n
            <ul class="flex flex-col md:flex-row md:gap-x-4"><li class="relative group flex items-stretch" ><a href="#" \n
                    class="text-body text-neutral-50 p-3 cursor-pointer block flex items-center"\n
                    data-url="/centro-ayuda"\n
                    data-target="link"\n
                    data-label="Centro de ayuda">Centro de ayuda</a></li><li class="relative group flex items-stretch" ><a href="#" \n
                    class="text-body text-neutral-50 p-3 cursor-pointer block flex items-center"\n
                    data-url="/crear-evento"\n
                    data-target="_self"\n
                    data-label="Publica tu evento">Publica tu evento</a></li></ul>        </nav>\n
        <div class="ml-auto flex items-center gap-2 text-white">\n
            <mobile-search :cities='{"15":{"name":"Lima","slug":"lima","districts":[{"name":"Anc\u00f3n","slug":"ancon"},{"name":"Ate","slug":"ate"},{"name":"Barranco","slug":"barranco"},{"name":"Chorrillos","slug":"chorrillos"},{"name":"Comas","slug":"comas"},{"name":"Independencia","slug":"independencia"},{"name":"La Molina","slug":"la-molina"},{"name":"Lima","slug":"lima"},{"name":"Lince","slug":"lince"},{"name":"Los Olivos","slug":"los-olivos"},{"name":"Lurin","slug":"lurin"},{"name":"Magdalena del Mar","slug":"magdalena-del-mar"},{"name":"Miraflores","slug":"miraflores"},{"name":"Puente Piedra","slug":"puente-piedra"},{"name":"San Borja","slug":"san-borja"},{"name":"San Juan de Lurigancho","slug":"san-juan-de-lurigancho"},{"name":"San Mart\u00edn de Porres","slug":"san-martin-de-porres"},{"name":"San Vicente de Ca\u00f1ete","slug":"san-vicente-de-canete"},{"name":"Santa Anita","slug":"santa-anita"},{"name":"Santiago de Surco","slug":"santiago-de-surco"},{"name":"Villa Mar\u00eda del Triunfo","slug":"villa-maria-del-triunfo"}],"events":74},"12":{"name":"Jun\u00edn","slug":"junin","districts":[{"name":"Chilca","slug":"chilca"},{"name":"El Tambo","slug":"el-tambo"},{"name":"Huancayo","slug":"huancayo"},{"name":"Tarma","slug":"tarma"}],"events":10},"23":{"name":"Tacna","slug":"tacna","districts":[{"name":"Tacna","slug":"tacna"}],"events":10},"4":{"name":"Arequipa","slug":"arequipa","districts":[{"name":"Arequipa","slug":"arequipa"},{"name":"Cerro Colorado","slug":"cerro-colorado"},{"name":"Jos\u00e9 Luis Bustamante y Rivero","slug":"jose-luis-bustamante-y-rivero"}],"events":7},"11":{"name":"Ica","slug":"ica","districts":[{"name":"Ica","slug":"ica"},{"name":"Los Aquijes","slug":"los-aquijes"},{"name":"Pisco","slug":"pisco"}],"events":7},"16":{"name":"Loreto","slug":"loreto","districts":[{"name":"Iquitos","slug":"iquitos"}],"events":5},"7":{"name":"Callao","slug":"callao","districts":[{"name":"Bellavista","slug":"bellavista"},{"name":"Callao","slug":"callao"},{"name":"Ventanilla","slug":"ventanilla"}],"events":4},"8":{"name":"Cusco","slug":"cusco","districts":[{"name":"Cusco","slug":"cusco"},{"name":"Wanchaq","slug":"wanchaq"}],"events":4},"20":{"name":"Piura","slug":"piura","districts":[{"name":"Chulucanas","slug":"chulucanas"},{"name":"La Matanza","slug":"la-matanza"},{"name":"Piura","slug":"piura"},{"name":"Sullana","slug":"sullana"}],"events":4},"3":{"name":"Apur\u00edmac","slug":"apurimac","districts":[{"name":"Abancay","slug":"abancay"},{"name":"Andahuaylas","slug":"andahuaylas"}],"events":3},"5":{"name":"Ayacucho","slug":"ayacucho","districts":[{"name":"Ayacucho","slug":"ayacucho"}],"events":3},"14":{"name":"Lambayeque","slug":"lambayeque","districts":[{"name":"Chiclayo","slug":"chiclayo"},{"name":"Chongoyape","slug":"chongoyape"},{"name":"Jos\u00e9 Leonardo Ortiz","slug":"jose-leonardo-ortiz"}],"events":3},"18":{"name":"Moquegua","slug":"moquegua","districts":[{"name":"Ilo","slug":"ilo"},{"name":"Moquegua","slug":"moquegua"}],"events":3},"21":{"name":"Puno","slug":"puno","districts":[{"name":"Juliaca","slug":"juliaca"}],"events":3},"2":{"name":"\u00c1ncash","slug":"ancash","districts":[{"name":"Chimbote","slug":"chimbote"}],"events":2},"6":{"name":"Cajamarca","slug":"cajamarca","districts":[{"name":"Cajamarca","slug":"cajamarca"}],"events":2},"9":{"name":"Huancavelica","slug":"huancavelica","districts":[{"name":"Huancavelica","slug":"huancavelica"}],"events":1},"10":{"name":"Hu\u00e1nuco","slug":"huanuco","districts":[{"name":"Huanuco","slug":"huanuco"}],"events":1},"13":{"name":"La Libertad","slug":"la-libertad","districts":[{"name":"Trujillo","slug":"trujillo"}],"events":1},"17":{"name":"Madre de Dios","slug":"madre-de-dios","districts":[{"name":"Tambopata","slug":"tambopata"}],"events":1},"19":{"name":"Pasco","slug":"pasco","districts":[{"name":"Chaupimarca","slug":"chaupimarca"}],"events":1},"22":{"name":"San Mart\u00edn","slug":"san-martin","districts":[{"name":"Tarapoto","slug":"tarapoto"}],"events":1}}' default-value="artista">\n
            </mobile-search>\n
            <user-menu></user-menu>\n
            <input type="hidden" name="_token" value="xBZRVrhhqdF5C9xFKyvRHNN8i06GQZnhSkBtibod" autocomplete="off">            <form id="logout-form" action="https://crimson-prague-xkwa4mv9llgt.on-vapor.com/logout" method="POST" class="hidden"></form>\n
        </div>\n
    </div>\n
    <div id="mobile-menu" role="listbox"\n
        class="absolute p-4 inset-x-0 top-full bg-white shadow-md md:hidden hidden z-[1000]">\n
        <ul class="flex flex-col gap-y-2"><li><a href="#" \n
                    class="text-neutral-700 py-2 block"\n
                    data-url="/centro-ayuda"\n
                    data-target="link"\n
                    data-label="Centro de ayuda">Centro de ayuda</a></li><li><a href="#" \n
                    class="text-neutral-700 py-2 block"\n
                    data-url="/crear-evento"\n
                    data-target="_self"\n
                    data-label="Publica tu evento">Publica tu evento</a></li></ul>    </div>\n
</header>\n
\n
\n
<!--\n
    <Modal\n
        ref="guestModal"\n
        :closeOnClickOutside="false"\n
        :closeOnEscape="true"\n
        :showCloseButton="true"\n
        content-class="max-w-sm md:max-w-md w-full p-0"\n
    >\n
\n
    </Modal>\n
-->\n
\n
\n
<script>\n
    //import Modal from "@/components/reusable/Modal.vue";\n
    function openModal(label, url) {\n
        alert('Modal: ' + label);\n
    }\n
\n
    function openOffcanvas(label, url) {\n
        alert('Offcanvas: ' + label);\n
    }\n
\n
    function handleMenuClick(event) {\n
        event.preventDefault();\n
        const el = event.currentTarget;\n
        const target = el.getAttribute('data-target');\n
        const url = el.getAttribute('data-url');\n
        const label = el.getAttribute('data-label');\n
        switch (target) {\n
            case 'link':\n
                if (url && url !== '#') {\n
                    window.location.href = url;\n
                }\n
                break;\n
            case 'blank':\n
                if (url && url !== '#') {\n
                    window.open(url, '_blank');\n
                }\n
                break;\n
            case 'modal':\n
                openModal(label, url);\n
                break;\n
            case 'offcanvas':\n
                openOffcanvas(label, url);\n
                break;\n
            case 'submenu':\n
                const parentLi = el.closest('li');\n
                const submenu = parentLi.querySelector('ul');\n
                if (submenu) {\n
                    submenu.classList.toggle('hidden');\n
                }\n
                break;\n
            default:\n
                console.warn('Target no reconocido:', target);\n
                if (url && url !== '#') {\n
                    window.location.href = url;\n
                }\n
        }\n
    }\n
\n
    document.addEventListener('DOMContentLoaded', function() {\n
        const menuLinks = document.querySelectorAll('a[data-target]');\n
\n
        menuLinks.forEach(link => {\n
            link.removeEventListener('click', handleMenuClick);\n
            link.addEventListener('click', handleMenuClick);\n
        });\n
    });\n
\n
    document.addEventListener('DOMContentLoaded', function() {\n
        const menuToggle = document.getElementById('menu-toggle');\n
        const mobileMenu = document.getElementById('mobile-menu');\n
        const userDropdownToggle = document.getElementById('user-dropdown-toggle');\n
        const userDropdown = document.getElementById('user-dropdown');\n
\n
        // Toggle mobile menu\n
        menuToggle.addEventListener('click', function() {\n
            mobileMenu.classList.toggle('hidden');\n
            const isOpen = this.getAttribute('data-open') === 'true';\n
            this.setAttribute('data-open', !isOpen);\n
        });\n
\n
        // Toggle user dropdown\n
        if (userDropdownToggle && userDropdown) {\n
            userDropdownToggle.addEventListener('click', function() {\n
                userDropdown.classList.toggle('hidden');\n
                const isOpen = userDropdownToggle.getAttribute('data-open') === 'true';\n
                menuToggle.setAttribute('data-open', !isOpen);\n
            });\n
        }\n
\n
        // Close dropdown when clicking outside\n
        document.addEventListener('click', function(event) {\n
            if (userDropdown && userDropdownToggle) {\n
                if (!userDropdown.contains(event.target) && !userDropdownToggle.contains(event\n
                        .target)) {\n
                    userDropdown.classList.add('hidden');\n
                    menuToggle.setAttribute('data-open', false);\n
                }\n
            }\n
        });\n
\n
        document.querySelectorAll('.toggle-submenu').forEach(btn => {\n
            btn.addEventListener('click', function() {\n
                const targetId = btn.dataset.target;\n
                const submenu = document.getElementById(targetId);\n
                if (submenu) {\n
                    submenu.classList.toggle('hidden');\n
                    btn.querySelector('svg').classList.toggle('rotate-180'); // icono gira\n
                }\n
            });\n
        });\n
\n
        document.querySelectorAll('li[data-submenu]').forEach(li => {\n
            li.addEventListener('mouseenter', () => {\n
                const subMenuId = li.dataset.submenu;\n
                document.getElementById(subMenuId).classList.remove('hidden');\n
            });\n
            li.addEventListener('mouseleave', () => {\n
                const subMenuId = li.dataset.submenu;\n
                document.getElementById(subMenuId).classList.add('hidden');\n
            });\n
        });\n
    });\n
</script>\n
\n
<style>\n
    ul li div {\n
        transition: opacity 0.2s ease, transform 0.2s ease;\n
    }\n
\n
    ul li div.hidden {\n
        opacity: 0;\n
        transform: translateY(-5px);\n
        pointer-events: none;\n
    }\n
\n
    ul li div:not(.hidden) {\n
        opacity: 1;\n
        transform: translateY(0);\n
        pointer-events: auto;\n
    }\n
</style>\n
                <main class="flex-1">\n
                <header class="relative h-[400px] sm:h-[503.2px] bg-neutral-100">\n
        <div aria-hidden="true" role="hero" class="absolute inset-0 overflow-clip z-[1]">\n
            <div class="absolute pointer-events-none inset-0 scale-110 md:scale-110 ">\n
                \n
                <img src="https://dev-tuentrada-r2.vaope.com/vaope/public/artists/8789-SHAPIS-BANNER-ARTISTA.jpg?w=1600" 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;;" alt="Imagen de fondo del evento" class="w-full h-full scale-125 absolute top-1/2 -translate-y-1/2 -z-[1] object-center pointer-events-none blur-[48px] sm:blur-[72px]" src="https://dev-tuentrada-r2.vaope.com/vaope/public/artists/8789-SHAPIS-BANNER-ARTISTA.jpg?w=1600" alt="Imagen de fondo del evento" decoding="async" loading="lazy">\n
                \n
                <img src="https://dev-tuentrada-r2.vaope.com/vaope/public/artists/320-SHAPIS-ICONO.jpg" 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;;" alt="Imagen principal del evento" class="size-full relative z-[1] object-contain object-center pointer-events-none sm:hidden" src="https://dev-tuentrada-r2.vaope.com/vaope/public/artists/320-SHAPIS-ICONO.jpg" alt="Imagen principal del evento" decoding="async" loading="lazy">\n
                \n
                <img src="https://dev-tuentrada-r2.vaope.com/vaope/public/artists/8789-SHAPIS-BANNER-ARTISTA.jpg?w=1600" 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;;" alt="Imagen principal del evento" class="w-full h-full max-w-[1920px] relative left-1/2 -translate-x-1/2 z-[1] object-cover object-center pointer-events-none max-sm:hidden" src="https://dev-tuentrada-r2.vaope.com/vaope/public/artists/8789-SHAPIS-BANNER-ARTISTA.jpg?w=1600" alt="Imagen principal del evento" decoding="async" loading="lazy">\n
            </div>\n
        </div>\n
        <div class="hidden sm:container sm:relative sm:z-[3] sm:h-full sm:flex sm:items-end ">\n
            <div class="flex items-end relative gap-6">\n
                <img src="https://dev-tuentrada-r2.vaope.com/vaope/public/artists/320-SHAPIS-ICONO.jpg?w=150" 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;;" alt="Los Shapis" class="size-32 sm:size-40 shrink-0 rounded-lg absolute top-1/2 mt-4 -translate-y-1/2 object-center object-cover aspect-square border-2 border-white sm:hidden" src="https://dev-tuentrada-r2.vaope.com/vaope/public/artists/320-SHAPIS-ICONO.jpg?w=150" decoding="async" loading="lazy" alt="Los Shapis">\n
            </div>\n
        </div>\n
    </header>\n
    <section>\n
        <div\n
            class="container py-12 grid lg:gap-8 xl:gap-12 lg:grid-cols-[1fr_--spacing(72)] xl:grid-cols-[1fr_--spacing(96)]">\n
            <section x-data="{\n
                activeTab: 'events',\n
                init() {\n
                    if (window.matchMedia('(min-width: 1024px)').matches) {\n
                        this.activeTab = 'events';\n
                    }\n
                    window.addEventListener('resize', () => {\n
                        if (window.matchMedia('(min-width: 1024px)').matches) {\n
                            this.activeTab = 'events';\n
                        }\n
                    });\n
                }\n
            }" init="init()">\n
                <header class="max-sm:mt-6 max-lg:mt-9">\n
                    <div role="tablist" class="flex items-center gap-1 px-1.5 lg:hidden">\n
                        <button type="button" role="tab" x-bind:aria-selected="activeTab == 'events' ? true : false"\n
                            x-on:click="activeTab = 'events'"\n
                            class="whitespace-nowrap text-body font-semibold inline-flex items-center justify-center rounded-t-lg p-3"\n
                            x-bind:class="{\n
                                'bg-secondary-blue-500 text-neutral-50 shadow-[0px_4px_8px_--alpha(var(--color-secondary-blue-200)/30%)]': activeTab ==\n
                                    'events',\n
                                'bg-transparent text-neutral-500 shadow-none hover:bg-secondary-blue-100/30': activeTab !=\n
                                    'events'\n
                            }">\n
                            Eventos\n
                        </button>\n
                        <button type="button" role="tab" x-bind:aria-selected="activeTab == 'about' ? true : false"\n
                            x-on:click="activeTab = 'about'"\n
                            class="whitespace-nowrap text-body font-semibold text-neutral-500 bg-transparent inline-flex items-center justify-center rounded-t-lg p-3 hover:bg-secondary-blue-100/30 transition-colors duration-200"\n
                            x-bind:class="{\n
                                'bg-secondary-blue-500 text-neutral-50 shadow-[0px_4px_8px_--alpha(var(--color-secondary-blue-200)/30%)]': activeTab ==\n
                                    'about',\n
                                'bg-transparent text-neutral-500 shadow-none hover:bg-secondary-blue-100/30': activeTab !=\n
                                    'about'\n
                            }">Sobre\n
                            el artista\n
                        </button>\n
                    </div>\n
                    <h2 class="text-heading-h3 font-bold text-neutral-500 max-lg:hidden">Entradas para Los Shapis</h2>\n
                </header>\n
                <div x-show="activeTab == 'events'" class="mt-4" role="tabpanel">\n
                    <div class="grid gap-2">\n
                        <div class="text-neutral-500 text-body"><span\n
                                class="font-semibold">3\n
                                Eventos</span> en total\n
                        </div>\n
                                                    <article\n
                                class="group grid grid-cols-[auto_1fr_auto] gap-2 sm:gap-4 items-center p-2 sm:p-4 bg-white hover:bg-white/80 transition-colors duration-200 rounded-lg border border-primary-100">\n
                                <a href="https://crimson-prague-xkwa4mv9llgt.on-vapor.com/eventos/folklore/festival-de-la-chicha-en-juliaca"\n
                                    class="shrink-0 w-24 md:size-32 block focus:outline-none">\n
                                                                        <source media="(min-width: 640px)"\n
                                        srcset="https://dev-tuentrada-r2.vaope.com/vaope/public/products/5243/9340-GRILLA-FESTIVAL-DE-LA.jpeg?w=150&amp;h=150&amp;fit=crop" />\n
                                    <source media="(max-width: 641px)"\n
                                        srcset="https://dev-tuentrada-r2.vaope.com/vaope/public/products/5243/8773-WEB-FESTIVAL-DE-LA.jpeg" />\n
                                    <img src="https://dev-tuentrada-r2.vaope.com/vaope/public/products/5243/9340-GRILLA-FESTIVAL-DE-LA.jpeg?w=150&amp;amp;h=150&amp;amp;fit=crop" onerror="this.onerror=null; this.style.objectFit=&#039;contain&#039;; this.style.background=&#039;white&#039;; console.log(&#039;Error cargando imagen:&#039;, this.src); this.src=&#039;https://dmzrrl140sxva.cloudfront.net/vaope/assets/brand/image-fallback-square.png&#039;;" alt="Imagen de Festival de la Chicha en JULIACA" class="rounded-md aspect-square object-cover object-center size-full" src="https://dev-tuentrada-r2.vaope.com/vaope/public/products/5243/9340-GRILLA-FESTIVAL-DE-LA.jpeg?w=150&amp;h=150&amp;fit=crop" alt="Imagen de Festival de la Chicha en JULIACA" loading="lazy" decoding="async" isSquare="isSquare">\n
                                </a>\n
                                <div class="space-y-1.5">\n
                                    <h2\n
                                        class="text-body font-medium text-neutral-600 group-hover:text-primary-400 transition-colors duration-200">\n
                                        <a href="https://crimson-prague-xkwa4mv9llgt.on-vapor.com/eventos/folklore/festival-de-la-chicha-en-juliaca"\n
                                            class="line-clamp-2">\n
                                            Festival de la Chicha en JULIACA\n
                                        </a>\n
                                    </h2>\n
                                    <div\n
                                        class="inline-flex items-center gap-x-1 whitespace-nowrap tabular-nums text-subtitle 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
                                                                                    05/09/2026\n
                                            •\n
                                            5:00 PM\n
                                                                            </div>\n
                                    <p class="text-body text-neutral-300 font-semibold">Los Shapis</p>\n
                                    <p class="text-subtitle text-neutral-300">Rose Salon de Espéctaculos, JULIACA - PUNO</p>\n
                                </div>\n
                                <div class="h-full flex flex-col items-end justify-between gap-2">\n
                                    <favorite-button :id="5243" title="Festival de la Chicha en JULIACA"\n
                                        button-class="static" tooltip-position="left"></favorite-button>\n
                                    <div class="hidden lg:flex flex-col gap-1 items-center">\n
                                        <a href="https://crimson-prague-xkwa4mv9llgt.on-vapor.com/eventos/folklore/festival-de-la-chicha-en-juliaca"\n
                                            class="btn btn-sm btn-primary">\n
                                            Ver entradas\n
                                        </a>\n
                                        <span class="text-subtitle text-neutral-500">Desde S/.\n
                                            50.00</span>\n
                                    </div>\n
                                </div>\n
                            </article>\n
                                                    <article\n
                                class="group grid grid-cols-[auto_1fr_auto] gap-2 sm:gap-4 items-center p-2 sm:p-4 bg-white hover:bg-white/80 transition-colors duration-200 rounded-lg border border-primary-100">\n
                                <a href="https://crimson-prague-xkwa4mv9llgt.on-vapor.com/eventos/folklore/festival-de-la-chicha-en-arequipa"\n
                                    class="shrink-0 w-24 md:size-32 block focus:outline-none">\n
                                                                        <source media="(min-width: 640px)"\n
                                        srcset="https://dev-tuentrada-r2.vaope.com/vaope/public/products/5245/6709-GRILLA-FESTIVAL-.jpeg?w=150&amp;h=150&amp;fit=crop" />\n
                                    <source media="(max-width: 641px)"\n
                                        srcset="https://dev-tuentrada-r2.vaope.com/vaope/public/products/5245/5898-WEB-FESTIVAL-DE-.jpeg" />\n
                                    <img src="https://dev-tuentrada-r2.vaope.com/vaope/public/products/5245/6709-GRILLA-FESTIVAL-.jpeg?w=150&amp;amp;h=150&amp;amp;fit=crop" onerror="this.onerror=null; this.style.objectFit=&#039;contain&#039;; this.style.background=&#039;white&#039;; console.log(&#039;Error cargando imagen:&#039;, this.src); this.src=&#039;https://dmzrrl140sxva.cloudfront.net/vaope/assets/brand/image-fallback-square.png&#039;;" alt="Imagen de Festival de la Chicha en AREQUIPA" class="rounded-md aspect-square object-cover object-center size-full" src="https://dev-tuentrada-r2.vaope.com/vaope/public/products/5245/6709-GRILLA-FESTIVAL-.jpeg?w=150&amp;h=150&amp;fit=crop" alt="Imagen de Festival de la Chicha en AREQUIPA" loading="lazy" decoding="async" isSquare="isSquare">\n
                                </a>\n
                                <div class="space-y-1.5">\n
                                    <h2\n
                                        class="text-body font-medium text-neutral-600 group-hover:text-primary-400 transition-colors duration-200">\n
                                        <a href="https://crimson-prague-xkwa4mv9llgt.on-vapor.com/eventos/folklore/festival-de-la-chicha-en-arequipa"\n
                                            class="line-clamp-2">\n
                                            Festival de la Chicha en AREQUIPA\n
                                        </a>\n
                                    </h2>\n
                                    <div\n
                                        class="inline-flex items-center gap-x-1 whitespace-nowrap tabular-nums text-subtitle 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
                                                                                    06/09/2026\n
                                            •\n
                                            3:00 PM\n
                                                                            </div>\n
                                    <p class="text-body text-neutral-300 font-semibold">Los Shapis</p>\n
                                    <p class="text-subtitle text-neutral-300">Explanada del Palacio Metropolitano de Bellas Artes, Av. Parra 204 Cercado - AREQUIPA</p>\n
                                </div>\n
                                <div class="h-full flex flex-col items-end justify-between gap-2">\n
                                    <favorite-button :id="5245" title="Festival de la Chicha en AREQUIPA"\n
                                        button-class="static" tooltip-position="left"></favorite-button>\n
                                    <div class="hidden lg:flex flex-col gap-1 items-center">\n
                                        <a href="https://crimson-prague-xkwa4mv9llgt.on-vapor.com/eventos/folklore/festival-de-la-chicha-en-arequipa"\n
                                            class="btn btn-sm btn-primary">\n
                                            Ver entradas\n
                                        </a>\n
                                        <span class="text-subtitle text-neutral-500">Desde S/.\n
                                            50.00</span>\n
                                    </div>\n
                                </div>\n
                            </article>\n
                                                    <article\n
                                class="group grid grid-cols-[auto_1fr_auto] gap-2 sm:gap-4 items-center p-2 sm:p-4 bg-white hover:bg-white/80 transition-colors duration-200 rounded-lg border border-primary-100">\n
                                <a href="https://crimson-prague-xkwa4mv9llgt.on-vapor.com/eventos/cumbia/festival-de-la-chicha-en-tacna"\n
                                    class="shrink-0 w-24 md:size-32 block focus:outline-none">\n
                                                                        <source media="(min-width: 640px)"\n
                                        srcset="https://dev-tuentrada-r2.vaope.com/vaope/public/products/5244/6121-GRILLA-FESTIVALg.jpeg?w=150&amp;h=150&amp;fit=crop" />\n
                                    <source media="(max-width: 641px)"\n
                                        srcset="https://dev-tuentrada-r2.vaope.com/vaope/public/products/5244/2905-WEB-FESTIVAL-.jpeg" />\n
                                    <img src="https://dev-tuentrada-r2.vaope.com/vaope/public/products/5244/6121-GRILLA-FESTIVALg.jpeg?w=150&amp;amp;h=150&amp;amp;fit=crop" onerror="this.onerror=null; this.style.objectFit=&#039;contain&#039;; this.style.background=&#039;white&#039;; console.log(&#039;Error cargando imagen:&#039;, this.src); this.src=&#039;https://dmzrrl140sxva.cloudfront.net/vaope/assets/brand/image-fallback-square.png&#039;;" alt="Imagen de Festival de la Chicha en TACNA" class="rounded-md aspect-square object-cover object-center size-full" src="https://dev-tuentrada-r2.vaope.com/vaope/public/products/5244/6121-GRILLA-FESTIVALg.jpeg?w=150&amp;h=150&amp;fit=crop" alt="Imagen de Festival de la Chicha en TACNA" loading="lazy" decoding="async" isSquare="isSquare">\n
                                </a>\n
                                <div class="space-y-1.5">\n
                                    <h2\n
                                        class="text-body font-medium text-neutral-600 group-hover:text-primary-400 transition-colors duration-200">\n
                                        <a href="https://crimson-prague-xkwa4mv9llgt.on-vapor.com/eventos/cumbia/festival-de-la-chicha-en-tacna"\n
                                            class="line-clamp-2">\n
                                            Festival de la Chicha en TACNA\n
                                        </a>\n
                                    </h2>\n
                                    <div\n
                                        class="inline-flex items-center gap-x-1 whitespace-nowrap tabular-nums text-subtitle 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/09/2026\n
                                            •\n
                                            5:00 PM\n
                                                                            </div>\n
                                    <p class="text-body text-neutral-300 font-semibold">Los Shapis</p>\n
                                    <p class="text-subtitle text-neutral-300">Fundo Chololo, TACNA</p>\n
                                </div>\n
                                <div class="h-full flex flex-col items-end justify-between gap-2">\n
                                    <favorite-button :id="5244" title="Festival de la Chicha en TACNA"\n
                                        button-class="static" tooltip-position="left"></favorite-button>\n
                                    <div class="hidden lg:flex flex-col gap-1 items-center">\n
                                        <a href="https://crimson-prague-xkwa4mv9llgt.on-vapor.com/eventos/cumbia/festival-de-la-chicha-en-tacna"\n
                                            class="btn btn-sm btn-primary">\n
                                            Ver entradas\n
                                        </a>\n
                                        <span class="text-subtitle text-neutral-500">Desde S/.\n
                                            50.00</span>\n
                                    </div>\n
                                </div>\n
                            </article>\n
                                            </div>\n
                                    </div>\n
                <div x-show="activeTab == 'about'" class="mt-4" role="tabpanel" x-cloak>\n
                    <article class="bg-white rounded-3xl overflow-clip">\n
                        <div class="p-4 space-y-3">\n
                            \n
                            <header>\n
                                <h3 class="text-lg text-neutral-500 font-semibold">\n
                                    Los Shapis</h3>\n
                            </header>\n
                                                        <footer class="space-y-3">\n
                                                                <div class="flex items-center gap-3">\n
                                                                                                                                                                                </div>\n
                            </footer>\n
                        </div>\n
                    </article>\n
                </div>\n
            </section>\n
            <section class="lg:-translate-y-[--spacing(24)] relative z-10">\n
                <article class="max-lg:hidden bg-white rounded-3xl overflow-clip drop-shadow-md">\n
                    <img src="https://dev-tuentrada-r2.vaope.com/vaope/public/artists/320-SHAPIS-ICONO.jpg" 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;;" alt="Imagen del artista Los Shapis" class="w-full object-cover object-center" src="https://dev-tuentrada-r2.vaope.com/vaope/public/artists/320-SHAPIS-ICONO.jpg" alt="Imagen del artista Los Shapis" decoding="async" loading="lazy">\n
                    <div class="py-5 px-3 space-y-3">\n
                        <header>\n
                            <h3 class="text-body xl:text-heading-h4 text-neutral-500 font-semibold">\n
                                Los Shapis</h3>\n
                        </header>\n
                                                \n
                        <footer class="space-y-3">\n
                                                        <div class="flex items-center gap-3">\n
                                                                                                                                                            </div>\n
                        </footer>\n
                    </div>\n
                </article>\n
            </section>\n
        </div>\n
    </section>\n
            </main>\n
        \n
                    <footer class="relative bg-secondary-blue-400">\n
    <section class="container pt-16 grid md:grid-cols-[auto_1fr_auto] gap-8">\n
        <div class="space-y-3">\n
            \n
            <img src="https://dmzrrl140sxva.cloudfront.net/vaope/assets/brand/logo-white.svg" class="h-auto w-28" alt="Logo vaope">\n
\n
            <div class="text-body text-white">\n
                                    <div class="text-subtitle">\n
                        Habla, vao&#039;?\n
                    </div>\n
                            </div>\n
\n
        </div>\n
        <div class="grid grid-cols-2 md:flex md:justify-evenly gap-8">\n
            <div class="flex flex-col gap-3 text-white">\n
                <p class="text-body font-semibold">Empresa</p>\n
                                    <a href="#" data-url="/crear-evento" data-target="_self"\n
                        data-label="Crea tu evento" class="text-subtitle hover:text-primary-300">\n
                        Crea tu evento\n
                    </a>\n
                                    <a href="#" data-url="/blog" data-target="_self"\n
                        data-label="Blog" class="text-subtitle hover:text-primary-300">\n
                        Blog\n
                    </a>\n
                            </div>\n
            <div class="flex flex-col gap-3 text-white">\n
                <p class="text-body font-semibold">Legal</p>\n
                                    <a href="#" data-url="/politicas-cookies" data-target="_self"\n
                        data-label="Política de cookies" class="text-subtitle hover:text-primary-300">\n
                        Política de cookies\n
                    </a>\n
                                    <a href="#" data-url="/politicas-privacidad" data-target="_self"\n
                        data-label="Políticas de Privacidad" class="text-subtitle hover:text-primary-300">\n
                        Políticas de Privacidad\n
                    </a>\n
                                    <a href="#" data-url="/terminos-condiciones" data-target="_self"\n
                        data-label="Términos y condiciones" class="text-subtitle hover:text-primary-300">\n
                        Términos y condiciones\n
                    </a>\n
                            </div>\n
            <div class="space-y-3 text-white max-md:col-span-2 max-md:grid max-md:grid-cols-2">\n
                <div class="flex flex-col gap-3">\n
                    <p class="text-body font-semibold">Ayuda</p>\n
                                            <a href="#" data-url="/centro-ayuda" data-target="_self"\n
                            data-label="Centro de ayuda" class="text-subtitle hover:text-primary-300">\n
                            Centro de ayuda\n
                        </a>\n
                                            <a href="#" data-url="/contacto" data-target="link"\n
                            data-label="Contactanos" class="text-subtitle hover:text-primary-300">\n
                            Contactanos\n
                        </a>\n
                                        <a href="https://crimson-prague-xkwa4mv9llgt.on-vapor.com/libro-reclamaciones">\n
                        <img src="https://dmzrrl140sxva.cloudfront.net/general/libro-reclamaciones.svg"\n
                            alt="libro de reclamaciones" class="w-auto h-14">\n
                    </a>\n
                </div>\n
\n
            </div>\n
        </div>\n
        <div class="flex flex-col gap-3 text-white">\n
            <p class="text-body font-semibold">Redes sociales</p>\n
            <div class="flex gap-x-2.5">\n
                                    <a href="https://www.instagram.com/vaope.oficial/" target="_blank" rel="noopener" class="p-2 inline-flex">\n
                        <icons icon="instagram" class="size-6"></icons>\n
                    </a>\n
                                    <a href="https://www.youtube.com/@vaope.oficial" target="_blank" rel="noopener" class="p-2 inline-flex">\n
                        <icons icon="youtube" class="size-6"></icons>\n
                    </a>\n
                                    <a href="https://www.facebook.com/Vaopeee/" target="_blank" rel="noopener" class="p-2 inline-flex">\n
                        <icons icon="facebook" class="size-6"></icons>\n
                    </a>\n
                                    <a href="https://www.tiktok.com/@vaope.com" target="_blank" rel="noopener" class="p-2 inline-flex">\n
                        <icons icon="tiktok" class="size-6"></icons>\n
                    </a>\n
                            </div>\n
        </div>\n
    </section>\n
    <div class="container flex py-6 flex-col text-subtitle font-medium text-white">\n
        <span>© 2026 Vaope.com\n
        </span>\n
        <span>Todos los derechos reservados</span>\n
    </div>\n
</footer>\n
\n
<script>\n
    function handleMenuClick(event) {\n
        event.preventDefault();\n
\n
        const el = event.currentTarget;\n
        const target = el.dataset.target;\n
        const url = el.dataset.url;\n
        const label = el.dataset.label;\n
\n
        switch (target) {\n
            case 'link':\n
                if (url && url !== '#') {\n
                    window.location.href = url;\n
                }\n
                break;\n
\n
            case 'blank':\n
                if (url && url !== '#') {\n
                    window.open(url, '_blank');\n
                }\n
                break;\n
\n
            case 'modal':\n
                openModal(label, url);\n
                break;\n
\n
            case 'offcanvas':\n
                openOffcanvas(label, url);\n
                break;\n
\n
            case 'submenu':\n
                const parent = el.closest('li');\n
                const submenu = parent?.querySelector('ul');\n
                if (submenu) submenu.classList.toggle('hidden');\n
                break;\n
\n
            default:\n
                if (url && url !== '#') {\n
                    window.location.href = url;\n
                }\n
        }\n
    }\n
\n
    document.addEventListener('DOMContentLoaded', function() {\n
        const menuLinks = document.querySelectorAll('a[data-target]');\n
\n
        menuLinks.forEach(link => {\n
            link.removeEventListener('click', handleMenuClick);\n
            link.addEventListener('click', handleMenuClick);\n
        });\n
    });\n
</script>\n
                <div aria-hidden="true" class="hidden">\n
                            <div class="fill-error-500"></div>\n
                            <div class="fill-blue-500"></div>\n
                            <div class="fill-green-500"></div>\n
                            <div class="fill-yellow-500"></div>\n
                            <div class="fill-primary-500"></div>\n
                            <div class="fill-pink-500"></div>\n
                            <div class="fill-indigo-500"></div>\n
                            <div class="fill-neutral-500"></div>\n
                            <div class="fill-black"></div>\n
                            <div class="fill-white"></div>\n
                            <div class="fill-sky-500"></div>\n
                            <div class="fill-orange-500"></div>\n
                            <div class="fill-neutral-100"></div>\n
                            <div class="fill-[#E8E8EA]"></div>\n
                            <div class="bg-error-500"></div>\n
                            <div class="bg-blue-500"></div>\n
                            <div class="bg-green-500"></div>\n
                            <div class="bg-yellow-500"></div>\n
                            <div class="bg-primary-500"></div>\n
                            <div class="bg-pink-500"></div>\n
                            <div class="bg-purple-500"></div>\n
                            <div class="bg-indigo-500"></div>\n
                            <div class="bg-neutral-500"></div>\n
                            <div class="bg-black"></div>\n
                            <div class="bg-white"></div>\n
                            <div class="bg-sky-500"></div>\n
                            <div class="bg-orange-500"></div>\n
                            <div class="bg-sky-200"></div>\n
                            <div class="bg-orange-200"></div>\n
                            <div class="bg-purple-200"></div>\n
                            <div class="bg-pink-200"></div>\n
                            <div class="bg-red-200"></div>\n
                            <div class="bg-yellow-200"></div>\n
                            <div class="bg-green-200"></div>\n
                            <div class="bg-blue-200"></div>\n
                            <div class="fill-purple-500"></div>\n
                            <div class="bg-yellow-400"></div>\n
                            <div class="bg-orange-400"></div>\n
                            <div class="hover:bg-orange-600"></div>\n
                            <div class="bg-red-400"></div>\n
                            <div class="hover:bg-red-400"></div>\n
                            <div class="bg-red-600"></div>\n
                            <div class="hover:bg-red-600"></div>\n
                            <div class="bg-green-400"></div>\n
                            <div class="hover:bg-green-400"></div>\n
                            <div class="bg-green-600"></div>\n
                            <div class="hover:bg-green-600"></div>\n
                            <div class="bg-blue-400"></div>\n
                            <div class="hover:bg-blue-400"></div>\n
                            <div class="bg-blue-600"></div>\n
                            <div class="hover:bg-blue-600"></div>\n
                            <div class="hover:bg-yellow-400"></div>\n
                            <div class="bg-yellow-600"></div>\n
                            <div class="hover:bg-yellow-600"></div>\n
                            <div class="bg-purple-400"></div>\n
                            <div class="hover:bg-purple-400"></div>\n
                            <div class="bg-purple-600"></div>\n
                            <div class="hover:bg-purple-600"></div>\n
                            <div class="hover:bg-orange-400"></div>\n
                            <div class="bg-orange-600"></div>\n
                            <div class="bg-gray-400"></div>\n
                            <div class="hover:bg-gray-400"></div>\n
                            <div class="bg-gray-600"></div>\n
                            <div class="hover:bg-gray-600"></div>\n
                            <div class="hover:bg-black"></div>\n
                            <div class="bg-transparent"></div>\n
                            <div class="bg-gray-300"></div>\n
                            <div class="bg-gray-500"></div>\n
                            <div class="bg-gray-700"></div>\n
                            <div class="bg-red-500"></div>\n
                            <div class="bg-red-700"></div>\n
                            <div class="bg-blue-700"></div>\n
                            <div class="bg-green-700"></div>\n
                            <div class="bg-purple-700"></div>\n
                            <div class="text-white"></div>\n
                            <div class="text-black"></div>\n
                            <div class="text-gray-300"></div>\n
                            <div class="text-gray-500"></div>\n
                            <div class="text-gray-700"></div>\n
                            <div class="text-red-500"></div>\n
                            <div class="text-red-600"></div>\n
                            <div class="text-red-700"></div>\n
                            <div class="text-blue-500"></div>\n
                            <div class="text-blue-600"></div>\n
                            <div class="text-blue-700"></div>\n
                            <div class="text-green-500"></div>\n
                            <div class="text-green-600"></div>\n
                            <div class="text-green-700"></div>\n
                            <div class="text-yellow-500"></div>\n
                            <div class="text-yellow-600"></div>\n
                            <div class="text-yellow-700"></div>\n
                            <div class="border-transparent"></div>\n
                            <div class="border-white"></div>\n
                            <div class="border-black"></div>\n
                            <div class="border-neutral-300"></div>\n
                            <div class="border-neutral-500"></div>\n
                            <div class="border-neutral-700"></div>\n
                            <div class="border-red-500"></div>\n
                            <div class="border-red-600"></div>\n
                            <div class="border-red-700"></div>\n
                            <div class="border-blue-500"></div>\n
                            <div class="border-blue-600"></div>\n
                            <div class="border-blue-700"></div>\n
                            <div class="border-green-500"></div>\n
                            <div class="border-green-600"></div>\n
                            <div class="border-green-700"></div>\n
                            <div class="bg-vaope-sky"></div>\n
                            <div class="bg-vaope-purple"></div>\n
                            <div class="bg-vaope-pink"></div>\n
                            <div class="bg-vaope-yellow"></div>\n
                            <div class="bg-vaope-green"></div>\n
                            <div class="bg-vaope-sky-blue"></div>\n
                            <div class="bg-vaope-indigo"></div>\n
                            <div class="bg-vaope-cyan"></div>\n
                            <div class="bg-vaope-orange"></div>\n
                            <div class="bg-vaope-light-green"></div>\n
                            <div class="bg-vaope-blue"></div>\n
                            <div class="bg-vaope-red"></div>\n
                            <div class="bg-vaope-brown"></div>\n
                            <div class="bg-vaope-maroon"></div>\n
                            <div class="bg-vaope-gray"></div>\n
                            <div class="bg-vaope-light-gray"></div>\n
                            <div class="bg-vaope-gold"></div>\n
                            <div class="border-vaope-sky"></div>\n
                            <div class="border-vaope-purple"></div>\n
                            <div class="border-vaope-pink"></div>\n
                            <div class="border-vaope-yellow"></div>\n
                            <div class="border-vaope-green"></div>\n
                            <div class="border-vaope-sky-blue"></div>\n
                            <div class="border-vaope-indigo"></div>\n
                            <div class="border-vaope-cyan"></div>\n
                            <div class="border-vaope-orange"></div>\n
                            <div class="border-vaope-light-green"></div>\n
                            <div class="border-vaope-blue"></div>\n
                            <div class="border-vaope-red"></div>\n
                            <div class="border-vaope-brown"></div>\n
                            <div class="border-vaope-maroon"></div>\n
                            <div class="border-vaope-gray"></div>\n
                            <div class="border-vaope-light-gray"></div>\n
                            <div class="border-vaope-gold"></div>\n
                            <div class="fill-vaope-sky"></div>\n
                            <div class="fill-vaope-purple"></div>\n
                            <div class="fill-vaope-pink"></div>\n
                            <div class="fill-vaope-yellow"></div>\n
                            <div class="fill-vaope-green"></div>\n
                            <div class="fill-vaope-sky-blue"></div>\n
                            <div class="fill-vaope-indigo"></div>\n
                            <div class="fill-vaope-cyan"></div>\n
                            <div class="fill-vaope-orange"></div>\n
                            <div class="fill-vaope-light-green"></div>\n
                            <div class="fill-vaope-blue"></div>\n
                            <div class="fill-vaope-red"></div>\n
                            <div class="fill-vaope-brown"></div>\n
                            <div class="fill-vaope-maroon"></div>\n
                            <div class="fill-vaope-gray"></div>\n
                            <div class="fill-vaope-light-gray"></div>\n
                            <div class="fill-vaope-gold"></div>\n
                            <div class="fill-gray-800!"></div>\n
                    </div>\n
        <cookies-modal></cookies-modal>\n
                    <wsp-icon />\n
            </div> \n
\n
    <script>\n
        // Guardar el nombre de la ruta de Laravel en localStorage\n
        localStorage.setItem("laravelRouteName", 'artista');\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
"""