{"id":28,"date":"2026-05-21T14:01:26","date_gmt":"2026-05-21T14:01:26","guid":{"rendered":"http:\/\/diksqpd.cluster100.hosting.ovh.net\/?page_id=28"},"modified":"2026-05-26T22:03:53","modified_gmt":"2026-05-26T22:03:53","slug":"contacto","status":"publish","type":"page","link":"https:\/\/wearesenti.com\/en\/contacto\/","title":{"rendered":"Contact"},"content":{"rendered":"<div class=\"section-wrapper \" style=\"--color-text: #111111; --color-back: #E20722\">\n\t<div class=\"senti-section wp-block-senti-blocks-senti-section\">\n\n\t\t<div class=\"senti-section__background\">\n\t\t\t\t\t<\/div>\n\n\t\t\n\t\t<div class=\"senti-section__inner\">\n\n\t\t\t\n\t\t\t\t\t\t\t<h2 class=\"senti-section__title\">\u00bfSabes c\u00f3mo te percibe tu cliente ahora mismo?<\/h2>\n\t\t\t\n\t\t\t\t\t\t\t<h3 class=\"senti-section__subtitle\">Si tienes esa pregunta, ya est\u00e1s en el punto de partida correcto. En 30 minutos sabemos si tiene sentido trabajar juntos.<\/h3>\n\t\t\t\n\t\t\t\n\t\t\t<div class=\"senti-section__body\">\n\t\t\t\t\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">    <style>\n        .section-wrapper {\n            height: initial;\n            padding-top: 5rem;\n            min-height: 100dvh;\n        }\n        .contact-panel {\n            margin: 2rem 0;\n            font-size: 2rem;\n            line-height: 1.5;\n            .contact-err { display: none; }\n            .contact-field.has-error .contact-err { \n                display: inline;\n                font-size: .75rem;\n                position: absolute;\n                transform: translateX(-115%);\n             }\n            .contact-field.has-error input { background: white; border-radius: 4px; }            \n            input { \n                border-bottom: 2px dotted var(--bg);\n                padding-left: .5rem;\n                margin-left: -.5rem;\n                &::placeholder {\n                    color: inherit;\n                }\n            }\n            @media (max-width: 992px) {\n                font-size: 1.5rem;\n            }\n        }\n        .contact-hint { font-size: 1.25rem; display:block; margin: 2rem 0; }\n        .contact-tabs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1rem;\n        }\n    <\/style>\n    <div class=\"contact-forms-wrap\">\n\n        <!-- Tab navigation -->\n        <nav class=\"contact-tabs\" role=\"tablist\" aria-label=\"Tipo de consulta\">\n            <button class=\"contact-tab\" role=\"tab\" aria-selected=\"true\"  aria-controls=\"panel-percepcion\"  data-target=\"percepcion\">Mapear percepci\u00f3n<\/button>\n            <button class=\"contact-tab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"panel-diagnostico\" data-target=\"diagnostico\">Diagn\u00f3stico<\/button>\n            <button class=\"contact-tab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"panel-experiencia\" data-target=\"experiencia\">Dise\u00f1o de experiencia<\/button>\n            <button class=\"contact-tab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"panel-hola\"        data-target=\"hola\">Di hola<\/button>\n        <\/nav>\n\n        <!-- Form 1: Mapear percepci\u00f3n -->\n        <div class=\"contact-panel\" id=\"panel-percepcion\" role=\"tabpanel\" style=\"display:none;\">\n            <form class=\"contact-letter\" novalidate data-form-type=\"percepcion\">\n                <div class=\"contact-letter-body\">\n                    <p>\n                        Hola, me llamo\n                        <span class=\"contact-field\" id=\"wrap-nombre-1\">\n                            <input class=\"f-nombre\" type=\"text\" name=\"nombre\" placeholder=\"tu nombre\" autocomplete=\"off\" aria-label=\"Tu nombre\">\n                            <span class=\"contact-err\">Campo obligatorio<\/span>\n                        <\/span>\n                        de\n                        <span class=\"contact-field\" id=\"wrap-empresa-1\">\n                            <input class=\"f-empresa\" type=\"text\" name=\"empresa\" placeholder=\"tu empresa\" autocomplete=\"off\" aria-label=\"Tu empresa\">\n                            <span class=\"contact-err\">Campo obligatorio<\/span>\n                        <\/span>\n                        y nos gustar\u00eda contactar con vosotros para entender c\u00f3mo est\u00e1 siendo percibida nuestra marca. Pod\u00e9is contactar conmigo en\n                        <span class=\"contact-field\" id=\"wrap-email-1\">\n                            <input class=\"f-email\" type=\"email\" name=\"email\" placeholder=\"tu@email.com\" autocomplete=\"email\" aria-label=\"Tu email\">\n                            <span class=\"contact-err\">Email no v\u00e1lido<\/span>\n                        <\/span>,\n                    <\/p>\n                    <p>Muy atentamente,<\/p>\n                <\/div>\n                <div class=\"contact-signature\">\n                    <span class=\"contact-sig-name\" id=\"sig-1\">\u2014<\/span>\n                <\/div>\n                <input type=\"hidden\" name=\"form_type\" value=\"percepcion\">\n                <input type=\"hidden\" id=\"contacto_nonce\" name=\"contacto_nonce\" value=\"9478987a9d\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/28\" \/>                <div class=\"contact-footer\">\n                    <span class=\"contact-hint\">Solo usaremos tu email para responderte.<\/span>\n                    <button type=\"submit\" class=\"contact-submit\">Enviar<\/button>\n                <\/div>\n            <\/form>\n            <p class=\"contact-success\" id=\"ok-1\" style=\"display:none;\">Gracias \u2014 en breve nos ponemos en contacto contigo.<\/p>\n        <\/div>\n\n        <!-- Form 2: Diagn\u00f3stico -->\n        <div class=\"contact-panel\" id=\"panel-diagnostico\" role=\"tabpanel\" style=\"display:none;\">\n            <form class=\"contact-letter\" novalidate data-form-type=\"diagnostico\">\n                <div class=\"contact-letter-body\">\n                    <p>\n                        Hola, me llamo\n                        <span class=\"contact-field\" id=\"wrap-nombre-2\">\n                            <input class=\"f-nombre\" type=\"text\" name=\"nombre\" placeholder=\"tu nombre\" autocomplete=\"off\" aria-label=\"Tu nombre\">\n                            <span class=\"contact-err\">Campo obligatorio<\/span>\n                        <\/span>\n                        de\n                        <span class=\"contact-field\" id=\"wrap-empresa-2\">\n                            <input class=\"f-empresa\" type=\"text\" name=\"empresa\" placeholder=\"tu empresa\" autocomplete=\"off\" aria-label=\"Tu empresa\">\n                            <span class=\"contact-err\">Campo obligatorio<\/span>\n                        <\/span>\n                        y nos gustar\u00eda contactar con vosotros para detectar d\u00f3nde perdemos conexi\u00f3n con nuestros clientes. Pod\u00e9is contactar conmigo en\n                        <span class=\"contact-field\" id=\"wrap-email-2\">\n                            <input class=\"f-email\" type=\"email\" name=\"email\" placeholder=\"tu@email.com\" autocomplete=\"email\" aria-label=\"Tu email\">\n                            <span class=\"contact-err\">Email no v\u00e1lido<\/span>\n                        <\/span>,\n                    <\/p>\n                    <p>Muy atentamente,<\/p>\n                <\/div>\n                <div class=\"contact-signature\">\n                    <span class=\"contact-sig-name\" id=\"sig-2\">\u2014<\/span>\n                <\/div>\n                <input type=\"hidden\" name=\"form_type\" value=\"diagnostico\">\n                <input type=\"hidden\" id=\"contacto_nonce\" name=\"contacto_nonce\" value=\"9478987a9d\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/28\" \/>                <div class=\"contact-footer\">\n                    <span class=\"contact-hint\">Solo usaremos tu email para responderte.<\/span>\n                    <button type=\"submit\" class=\"contact-submit\">Enviar<\/button>\n                <\/div>\n            <\/form>\n            <p class=\"contact-success\" id=\"ok-2\" style=\"display:none;\">Gracias \u2014 en breve nos ponemos en contacto contigo.<\/p>\n        <\/div>\n\n        <!-- Form 3: Dise\u00f1o de experiencia -->\n        <div class=\"contact-panel\" id=\"panel-experiencia\" role=\"tabpanel\" style=\"display:none;\">\n            <form class=\"contact-letter\" novalidate data-form-type=\"experiencia\">\n                <div class=\"contact-letter-body\">\n                    <p>\n                        Hola, me llamo\n                        <span class=\"contact-field\" id=\"wrap-nombre-3\">\n                            <input class=\"f-nombre\" type=\"text\" name=\"nombre\" placeholder=\"tu nombre\" autocomplete=\"off\" aria-label=\"Tu nombre\">\n                            <span class=\"contact-err\">Campo obligatorio<\/span>\n                        <\/span>\n                        de\n                        <span class=\"contact-field\" id=\"wrap-empresa-3\">\n                            <input class=\"f-empresa\" type=\"text\" name=\"empresa\" placeholder=\"tu empresa\" autocomplete=\"off\" aria-label=\"Tu empresa\">\n                            <span class=\"contact-err\">Campo obligatorio<\/span>\n                        <\/span>\n                        y nos gustar\u00eda contactar con vosotros para dise\u00f1ar o redise\u00f1ar lo que nuestros clientes sienten. Pod\u00e9is contactar conmigo en\n                        <span class=\"contact-field\" id=\"wrap-email-3\">\n                            <input class=\"f-email\" type=\"email\" name=\"email\" placeholder=\"tu@email.com\" autocomplete=\"email\" aria-label=\"Tu email\">\n                            <span class=\"contact-err\">Email no v\u00e1lido<\/span>\n                        <\/span>,\n                    <\/p>\n                    <p>Muy atentamente,<\/p>\n                <\/div>\n                <div class=\"contact-signature\">\n                    <span class=\"contact-sig-name\" id=\"sig-3\">\u2014<\/span>\n                <\/div>\n                <input type=\"hidden\" name=\"form_type\" value=\"experiencia\">\n                <input type=\"hidden\" id=\"contacto_nonce\" name=\"contacto_nonce\" value=\"9478987a9d\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/28\" \/>                <div class=\"contact-footer\">\n                    <span class=\"contact-hint\">Solo usaremos tu email para responderte.<\/span>\n                    <button type=\"submit\" class=\"contact-submit\">Enviar<\/button>\n                <\/div>\n            <\/form>\n            <p class=\"contact-success\" id=\"ok-3\" style=\"display:none;\">Gracias \u2014 en breve nos ponemos en contacto contigo.<\/p>\n        <\/div>\n\n        <!-- Form 4: Di hola -->\n        <div class=\"contact-panel\" id=\"panel-hola\" role=\"tabpanel\" style=\"display:none;\">\n            <form class=\"contact-letter\" novalidate data-form-type=\"hola\">\n                <div class=\"contact-letter-body\">\n                    <p>\n                        Hola, me llamo\n                        <span class=\"contact-field\" id=\"wrap-nombre-4\">\n                            <input class=\"f-nombre\" type=\"text\" name=\"nombre\" placeholder=\"tu nombre\" autocomplete=\"off\" aria-label=\"Tu nombre\">\n                            <span class=\"contact-err\">Campo obligatorio<\/span>\n                        <\/span>\n                        y quer\u00eda deciros que\n                        <span class=\"contact-field\" id=\"wrap-comment-4\">\n                            <input class=\"f-comment\" type=\"text\" name=\"comentario\" placeholder=\"tu mensaje\" autocomplete=\"off\" aria-label=\"Tu mensaje\">\n                            <span class=\"contact-err\">Campo obligatorio<\/span>\n                        <\/span>.\n                        Pod\u00e9is contactar conmigo en\n                        <span class=\"contact-field\" id=\"wrap-email-4\">\n                            <input class=\"f-email\" type=\"email\" name=\"email\" placeholder=\"tu@email.com\" autocomplete=\"email\" aria-label=\"Tu email\">\n                            <span class=\"contact-err\">Email no v\u00e1lido<\/span>\n                        <\/span>,\n                    <\/p>\n                    <p>Muy atentamente,<\/p>\n                <\/div>\n                <div class=\"contact-signature\">\n                    <span class=\"contact-sig-name\" id=\"sig-4\">\u2014<\/span>\n                <\/div>\n                <input type=\"hidden\" name=\"form_type\" value=\"hola\">\n                <input type=\"hidden\" id=\"contacto_nonce\" name=\"contacto_nonce\" value=\"9478987a9d\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/28\" \/>                <div class=\"contact-footer\">\n                    <span class=\"contact-hint\">Solo usaremos tu email para responderte.<\/span>\n                    <button type=\"submit\" class=\"contact-submit\">Enviar<\/button>\n                <\/div>\n            <\/form>\n            <p class=\"contact-success\" id=\"ok-4\" style=\"display:none;\">Gracias \u2014 en breve nos ponemos en contacto contigo.<\/p>\n        <\/div>\n\n    <\/div><!-- \/contact-forms-wrap -->\n\n    <script>\n    (function () {\n\n        \/\/ \u2500\u2500 Tab switching + hash routing \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n        const tabs   = document.querySelectorAll('.contact-tab');\n        const panels = document.querySelectorAll('.contact-panel');\n\n        function activateTab(target) {\n            tabs.forEach(t => {\n                const on = t.dataset.target === target;\n                t.classList.toggle('active', on);\n                t.setAttribute('aria-selected', on);\n            });\n            panels.forEach(p => {\n                const on = p.id === 'panel-' + target;\n                p.style.display = on ? 'block' : 'none';\n                p.classList.toggle('active', on);\n            });\n            history.replaceState(null, '', '#' + target);\n        }\n\n        tabs.forEach(tab => tab.addEventListener('click', () => activateTab(tab.dataset.target)));\n\n        \/\/ Restore from URL hash on load\n        const hash = location.hash.replace('#', '');\n        const valid = ['percepcion', 'diagnostico', 'experiencia', 'hola'];\n        if (hash && valid.includes(hash)) activateTab(hash);\n\n\n        \/\/ \u2500\u2500 Live signature + shared field sync \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n        const sharedFields = ['nombre', 'empresa', 'email'];\n        sharedFields.forEach(name => {\n            const inputs = document.querySelectorAll(`form.contact-letter input[name=\"${name}\"]`);\n            inputs.forEach(input => {\n                input.addEventListener('input', () => {\n                    inputs.forEach((other, i) => {\n                        other.value = input.value;\n                        other.classList.toggle('has-value', input.value.trim() !== '');\n                        if (name === 'nombre') {\n                            const sig = document.getElementById('sig-' + (i + 1));\n                            if (sig) sig.textContent = input.value.trim() || '\u2014';\n                        }\n                    });\n                });\n            });\n        });\n\n        \/\/ \u2500\u2500 Validation \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n        const emailRE = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n\n        function validateField(input) {\n            const wrap = input.closest('.contact-field');\n            if (!wrap) return true;\n            const valid = input.type === 'email'\n                ? emailRE.test(input.value.trim())\n                : input.value.trim() !== '';\n            wrap.classList.toggle('has-error', !valid);\n            return valid;\n        }\n\n        document.querySelectorAll('.contact-field input').forEach(input => {\n            input.addEventListener('blur', () => { if (input.value.trim()) validateField(input); });\n        });\n\n\n        \/\/ \u2500\u2500 Submission \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n        document.querySelectorAll('form.contact-letter').forEach((form, i) => {\n            form.addEventListener('submit', async function (e) {\n                e.preventDefault();\n\n                const inputs = form.querySelectorAll('.contact-field input');\n                let allValid = true;\n                inputs.forEach(inp => { if (!validateField(inp)) allValid = false; });\n                if (!allValid) return;\n\n                const btn = form.querySelector('.contact-submit');\n                btn.disabled = true;\n                btn.textContent = 'Enviando\u2026';\n\n                try {\n                    const res = await fetch('https:\/\/wearesenti.com\/en\/wp-json\/contacto\/v1\/enviar', {\n                        method: 'POST',\n                        body: new FormData(form),\n                        headers: { 'X-WP-Nonce': '41f851730c' }\n                    });\n                    const json = await res.json();\n\n                    if (json.success) {\n                        form.style.display = 'none';\n                        const ok = document.getElementById('ok-' + (i + 1));\n                        if (ok) ok.style.display = 'block';\n                    } else {\n                        btn.disabled = false;\n                        btn.textContent = 'Enviar';\n                        alert(json.message || 'Ha ocurrido un error. Int\u00e9ntalo de nuevo.');\n                    }\n                } catch (err) {\n                    btn.disabled = false;\n                    btn.textContent = 'Enviar';\n                    alert('No se ha podido enviar. Comprueba tu conexi\u00f3n e int\u00e9ntalo de nuevo.');\n                }\n            });\n        });\n\n    })();\n    <\/script>\n\n    \n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n\n\t\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wearesenti.com\/en\/wp-json\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wearesenti.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wearesenti.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wearesenti.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wearesenti.com\/en\/wp-json\/wp\/v2\/comments?post=28"}],"version-history":[{"count":10,"href":"https:\/\/wearesenti.com\/en\/wp-json\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":161,"href":"https:\/\/wearesenti.com\/en\/wp-json\/wp\/v2\/pages\/28\/revisions\/161"}],"wp:attachment":[{"href":"https:\/\/wearesenti.com\/en\/wp-json\/wp\/v2\/media?parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}