{"id":75,"date":"2026-01-21T23:00:34","date_gmt":"2026-01-21T23:00:34","guid":{"rendered":"https:\/\/easarte.com\/?page_id=75"},"modified":"2026-02-04T05:17:44","modified_gmt":"2026-02-04T05:17:44","slug":"acceso-umbrales","status":"publish","type":"page","link":"https:\/\/easarte.com\/en\/acceso-umbrales\/","title":{"rendered":"Acceso UMBRA|ES"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"75\" class=\"elementor elementor-75\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-695632b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"695632b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1082059\" data-id=\"1082059\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3af585c elementor-widget elementor-widget-shortcode\" data-id=\"3af585c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><script src=\"https:\/\/unpkg.com\/html5-qrcode\" type=\"text\/javascript\"><\/script>\n    <style>\n        @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@200;300;400;500;600;700;800&display=swap\");\n        .umbra-card { font-family: \"Montserrat\", sans-serif; max-width: 500px; margin: 40px auto; background: #ffffff; box-shadow: 0 20px 60px rgba(0,0,0,0.04); border-radius: 0px; overflow: visible; border: 1px solid #f0f0f0; position:relative; }\n        .umbra-header { background-color: #ffffff; color: #000; padding: 50px 40px 30px 40px; display: flex; flex-direction: column; justify-content: center; text-align: left; }\n        .feria-row { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; }\n        .feria-bar { width: 1px; height: 16px; background: #000; display: block; } \n        .feria-sub { font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: #000; font-weight: 500; }\n        .logo-row { display: flex; align-items: center; gap: 12px; margin-bottom: 30px; }\n        .logo-text { font-size: 44px; font-weight: 200; letter-spacing: 6px; line-height: 1; color: #000; }\n        .logo-bold { font-weight: 300; }\n        .logo-separator { height: 42px; width: 1px; background: #000; display: block; }\n        .page-title { font-size: 26px; font-weight: 300; letter-spacing: 3px; text-transform: uppercase; margin: 0; color: #000; margin-top: 10px; }\n        .umbra-body { padding: 40px; position: relative; }\n        .input-wrapper { position: relative; margin-bottom: 30px; }\n        .umbra-input { width: 100%; padding: 20px 20px; border: 1px solid #000; border-radius: 0px; font-size: 15px; margin: 0; box-sizing: border-box; outline: none; background: #fff; font-family: \"Montserrat\", sans-serif; color: #000; font-weight: 400; }\n        .umbra-input::placeholder { color: #999; font-weight: 300; text-transform: uppercase; font-size: 12px; letter-spacing: 2px;}\n        .umbra-input:focus { background: #fafafa; }\n        .btn-scan { width: 100%; background: #ffffff !important; color: #000000 !important; padding: 22px; border: 1px solid #000000 !important; border-radius: 0px !important; cursor: pointer; font-size: 14px; font-weight: 500; display: flex; align-items: center; justify-content: center; gap: 15px; text-transform: uppercase; letter-spacing: 3px; transition: all 0.2s; box-sizing: border-box; margin-bottom: 25px; }\n        .btn-scan:hover { background: #f9f9f9 !important; }\n        .btn-solid { width: 100%; background: #000000 !important; color: #ffffff !important; padding: 22px; border: 1px solid #000000 !important; border-radius: 0px !important; font-weight: 500; cursor: pointer; text-transform: uppercase; letter-spacing: 3px; font-size: 14px; transition: all 0.2s; display: block; text-align: center; text-decoration: none; box-sizing: border-box; }\n        .btn-solid:hover { background: #333 !important; border-color: #333 !important; color: #fff !important; }\n        .divider-text { margin: 0 0 20px 0; text-align: center; color: #999; font-size: 11px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; }\n        #reader { width: 100%; margin-bottom: 30px; display:none; border-radius: 0px; overflow: hidden; border: 1px solid #000; }\n        .info-card { text-align:center; border-top:1px solid #eee; padding-top:40px; margin-top: 20px; }\n        .user-name { margin:0; font-size: 28px; font-weight: 300; color:#000; text-transform: uppercase; letter-spacing: 2px; line-height: 1.3; }\n        .user-email { color:#666; margin:15px 0 40px; font-size: 14px; font-weight: 400; font-family: monospace; }\n        .tag-pill { display: inline-block; padding: 8px 16px; border: 1px solid #ddd; font-size: 11px; margin: 5px; color: #666; background: #fff; text-transform: uppercase; font-weight: 600; letter-spacing: 2px; }\n        .status-msg { padding: 20px; margin-bottom: 30px; font-size: 14px; font-weight: 500; text-transform: uppercase; letter-spacing: 2px; text-align: center; border: 1px solid #000; background: #fff; color: #000; border-radius: 0px;}\n        .status-success { background: #000; color: #fff; }\n        #searchResults { position: absolute; top: 100%; left: 0; width: 100%; background: #fff; border: 1px solid #000; border-top: none; z-index: 999; display: none; max-height: 250px; overflow-y: auto; box-shadow: 0 20px 40px rgba(0,0,0,0.05); }\n        .search-item { padding: 20px; border-bottom: 1px solid #f0f0f0; cursor: pointer; transition: background 0.2s; text-align: left;}\n        .search-item:hover { background: #000; color: #fff; }\n        .search-item:hover .search-name, .search-item:hover .search-email { color: #fff; }\n        .search-name { display: block; font-weight: 500; color: #000; font-size: 14px; text-transform: uppercase; letter-spacing: 1px;}\n        .search-email { display: block; font-size: 12px; color: #888; margin-top: 5px; }\n    <\/style><div class=\"umbra-card\">\n    <div class=\"umbra-header\">\n        <div class=\"feria-row\"><span class=\"feria-bar\"><\/span><span class=\"feria-sub\">ART FAIR<\/span><\/div>\n        <div class=\"logo-row\"><span class=\"logo-text\">UMBRA<\/span><span class=\"logo-separator\"><\/span><span class=\"logo-text logo-bold\">ES<\/span><\/div>\n        <h1 class=\"page-title\">VERIFICADOR DE ACCESO<\/h1>\n    <\/div>\n    <div class=\"umbra-body\">\n        <div id=\"reader\"><\/div>\n        <form method=\"get\" id=\"searchForm\" autocomplete=\"off\" action=\"\">\n            <button type=\"button\" class=\"btn-scan\" onclick=\"startScanner()\"><span>\ud83d\udcf7<\/span> ESCANEAR PASE (QR)<\/button>\n            <div class=\"divider-text\">\u2014 O MANUALMENTE \u2014<\/div>\n            <div class=\"input-wrapper\">\n                <input type=\"text\" id=\"asistenteInput\" name=\"asistente\" class=\"umbra-input\" placeholder=\"BUSCAR POR NOMBRE O EMAIL...\" onkeyup=\"doLiveSearch(this.value)\">\n                <div id=\"searchResults\"><\/div>\n            <\/div>\n            <button type=\"submit\" class=\"btn-solid\">VERIFICAR ACCESO<\/button>\n        <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form><\/div><\/div>\n    <script>\n    let searchTimeout;\n    function doLiveSearch(term) {\n        const resultsDiv = document.getElementById(\"searchResults\");\n        if (term.length < 3) { resultsDiv.style.display = \"none\"; return; }\n        clearTimeout(searchTimeout);\n        searchTimeout = setTimeout(() => {\n            const formData = new FormData();\n            formData.append(\"action\", \"taquilla_simple_search\");\n            formData.append(\"term\", term);\n            fetch(\"https:\/\/easarte.com\/wp-admin\/admin-ajax.php\", { method: \"POST\", body: formData })\n            .then(response => response.text())\n            .then(html => {\n                if(html.trim() !== \"\") { resultsDiv.innerHTML = html; resultsDiv.style.display = \"block\"; } \n                else { resultsDiv.style.display = \"none\"; }\n            });\n        }, 300);\n    }\n    function selectUser(email) {\n        document.getElementById(\"asistenteInput\").value = email;\n        document.getElementById(\"searchResults\").style.display = \"none\";\n    }\n    document.addEventListener(\"click\", function(e) {\n        if (!e.target.closest(\".input-wrapper\")) { document.getElementById(\"searchResults\").style.display = \"none\"; }\n    });\n    function startScanner() {\n        const reader = document.getElementById(\"reader\");\n        reader.style.display = \"block\";\n        const html5QrCode = new Html5Qrcode(\"reader\");\n        html5QrCode.start({ facingMode: \"environment\" }, { fps: 10, qrbox: { width: 250, height: 250 } },\n            (decodedText) => {\n                document.getElementById(\"asistenteInput\").value = decodedText;\n                html5QrCode.stop().then(() => {\n                    reader.style.display = \"none\";\n                    document.getElementById(\"searchForm\").submit();\n                });\n            },\n            (errorMessage) => {}\n        ).catch(err => { alert(\"Error c\u00e1mara\"); reader.style.display = \"none\"; });\n    }\n    <\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-75","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/pages\/75","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/comments?post=75"}],"version-history":[{"count":22,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/pages\/75\/revisions"}],"predecessor-version":[{"id":868,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/pages\/75\/revisions\/868"}],"wp:attachment":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/media?parent=75"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}