{"id":1516,"date":"2026-06-16T22:30:46","date_gmt":"2026-06-16T20:30:46","guid":{"rendered":"https:\/\/econoky.com\/test-psicofinanciero\/"},"modified":"2026-06-18T23:16:25","modified_gmt":"2026-06-18T21:16:25","slug":"test-psicofinanciero","status":"publish","type":"page","link":"https:\/\/econoky.com\/en\/test-psicofinanciero\/","title":{"rendered":"Financial Health Report"},"content":{"rendered":"<div x-data=\"psychofinancialTest()\" x-cloak class=\"tw-max-w-3xl tw-mx-auto tw-px-4 tw-py-10\">\n\n    <!-- ===== Vista: loading ===== -->\n    <div x-show=\"view === 'loading'\" class=\"tw-flex tw-items-center tw-justify-center tw-py-16\">\n        <span class=\"tw-text-gray-500\">Loading test\u2026<\/span>\n    <\/div>\n\n    <!-- ===== Vista: no_access (paywall) ===== -->\n    <!-- x-if: se elimina del DOM cuando no est\u00e1 activa para que page.getByText() de\n         Playwright resuelva exactamente un elemento (sin strict-mode violation). -->\n    <template x-if=\"view === 'no_access'\">\n    <section class=\"tw-mt-2 tw-space-y-6\">\n        <div class=\"tw-bg-white tw-border tw-border-gray-200 tw-shadow-sm tw-rounded-md tw-p-8 tw-space-y-6\">\n\n                <!-- Cabecera de la caja: cita + autor -->\n    <div class=\"tw-text-center tw-border-b tw-border-gray-200 tw-pb-6\">\n        <p class=\"tw-italic tw-text-gray-700\" x-text=\"intro && ('&quot;' + intro.quote_text + '&quot;')\"><\/p>\n        <p class=\"tw-text-sm tw-text-gray-500 tw-uppercase tw-tracking-wide tw-mt-2\" x-text=\"intro && intro.quote_author\"><\/p>\n    <\/div>\n\n    <div class=\"tw-space-y-4\">\n        <template x-for=\"(p, i) in (intro ? intro.paragraphs : [])\" :key=\"i\">\n            <p class=\"econoky-p\" x-text=\"p\"><\/p>\n        <\/template>\n    <\/div>\n\n    <!-- Estructura del test (con iconos por parte) -->\n    <div class=\"tw-bg-econoky-purple\/5 tw-border tw-border-econoky-purple\/20 tw-rounded-md tw-p-6 tw-space-y-4\">\n        <h3 class=\"econoky-h3 tw-text-econoky-purple\">Test structure<\/h3>\n        <div class=\"tw-space-y-4\">\n            <template x-for=\"(s, i) in (intro ? intro.structure : [])\" :key=\"i\">\n                <div class=\"tw-flex tw-items-start tw-gap-3\">\n                    <span class=\"tw-flex-shrink-0 tw-text-econoky-purple tw-mt-0.5\" aria-hidden=\"true\">\n                        <!-- Parte 1 \u2014 libro abierto -->\n                        <template x-if=\"s.part === 1\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"tw-w-5 tw-h-5\">\n                                <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path>\n                                <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path>\n                            <\/svg>\n                        <\/template>\n                        <!-- Parte 2 \u2014 cerebro\/decisi\u00f3n -->\n                        <template x-if=\"s.part === 2\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"tw-w-5 tw-h-5\">\n                                <path d=\"M9.5 2A2.5 2.5 0 0 1 12 4.5v15a2.5 2.5 0 0 1-4.96.44 2.5 2.5 0 0 1-2.96-3.08 3 3 0 0 1-.34-5.58 2.5 2.5 0 0 1 1.32-4.24 2.5 2.5 0 0 1 1.98-3A2.5 2.5 0 0 1 9.5 2Z\"><\/path>\n                                <path d=\"M14.5 2A2.5 2.5 0 0 0 12 4.5v15a2.5 2.5 0 0 0 4.96.44 2.5 2.5 0 0 0 2.96-3.08 3 3 0 0 0 .34-5.58 2.5 2.5 0 0 0-1.32-4.24 2.5 2.5 0 0 0-1.98-3A2.5 2.5 0 0 0 14.5 2Z\"><\/path>\n                            <\/svg>\n                        <\/template>\n                        <!-- Parte 3 \u2014 coraz\u00f3n -->\n                        <template x-if=\"s.part === 3\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"tw-w-5 tw-h-5\">\n                                <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path>\n                            <\/svg>\n                        <\/template>\n                    <\/span>\n                    <div>\n                        <p class=\"tw-font-semibold tw-text-gray-900\" x-text=\"s.title\"><\/p>\n                        <p class=\"tw-text-sm tw-text-gray-600\" x-text=\"s.description\"><\/p>\n                    <\/div>\n                <\/div>\n            <\/template>\n        <\/div>\n    <\/div>\n\n            <!-- Bloque de adquisici\u00f3n -->\n            <div class=\"tw-bg-econoky-blue-light\/10 tw-border tw-border-econoky-blue-light\/30 tw-rounded-md tw-p-6 tw-text-center tw-space-y-4\">\n                <p class=\"tw-text-xs tw-uppercase tw-tracking-wide tw-text-gray-500\">\n                    One-time paid access                <\/p>\n                <p class=\"tw-text-4xl tw-font-bold tw-text-econoky-blue-dark\" x-text=\"price\"><\/p>\n\n                <!-- Copy seg\u00fan login: si no est\u00e1 logado, invita a registrarse (Free) antes de comprar -->\n                <template x-if=\"!isLoggedIn\">\n                    <p class=\"econoky-p tw-text-sm\">\n                        To purchase the test you need an account. Sign up for free and complete the purchase in the next step.                    <\/p>\n                <\/template>\n\n                <div class=\"tw-flex tw-justify-center tw-pt-1\">\n                    <a :href=\"purchaseUrl\" class=\"econoky-button-primary-default econoky-button-primary-enabled tw-inline-flex !tw-text-white\">\n                        <span>Get access<\/span>\n                    <\/a>\n                <\/div>\n\n                <p class=\"tw-text-xs tw-text-gray-500\">\n                    Have an access code? You&#039;ll be able to apply it in the next step.                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n    <\/template>\n\n    <!-- ===== Vista: intro ===== -->\n    <!-- x-if: se elimina del DOM cuando no est\u00e1 activa (mismo motivo que no_access). -->\n    <template x-if=\"view === 'intro'\">\n    <section class=\"tw-mt-2 tw-space-y-6\">\n        <div class=\"tw-bg-white tw-border tw-border-gray-200 tw-shadow-sm tw-rounded-md tw-p-8 tw-space-y-6\">\n\n                <!-- Cabecera de la caja: cita + autor -->\n    <div class=\"tw-text-center tw-border-b tw-border-gray-200 tw-pb-6\">\n        <p class=\"tw-italic tw-text-gray-700\" x-text=\"intro && ('&quot;' + intro.quote_text + '&quot;')\"><\/p>\n        <p class=\"tw-text-sm tw-text-gray-500 tw-uppercase tw-tracking-wide tw-mt-2\" x-text=\"intro && intro.quote_author\"><\/p>\n    <\/div>\n\n    <div class=\"tw-space-y-4\">\n        <template x-for=\"(p, i) in (intro ? intro.paragraphs : [])\" :key=\"i\">\n            <p class=\"econoky-p\" x-text=\"p\"><\/p>\n        <\/template>\n    <\/div>\n\n    <!-- Estructura del test (con iconos por parte) -->\n    <div class=\"tw-bg-econoky-purple\/5 tw-border tw-border-econoky-purple\/20 tw-rounded-md tw-p-6 tw-space-y-4\">\n        <h3 class=\"econoky-h3 tw-text-econoky-purple\">Test structure<\/h3>\n        <div class=\"tw-space-y-4\">\n            <template x-for=\"(s, i) in (intro ? intro.structure : [])\" :key=\"i\">\n                <div class=\"tw-flex tw-items-start tw-gap-3\">\n                    <span class=\"tw-flex-shrink-0 tw-text-econoky-purple tw-mt-0.5\" aria-hidden=\"true\">\n                        <!-- Parte 1 \u2014 libro abierto -->\n                        <template x-if=\"s.part === 1\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"tw-w-5 tw-h-5\">\n                                <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path>\n                                <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path>\n                            <\/svg>\n                        <\/template>\n                        <!-- Parte 2 \u2014 cerebro\/decisi\u00f3n -->\n                        <template x-if=\"s.part === 2\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"tw-w-5 tw-h-5\">\n                                <path d=\"M9.5 2A2.5 2.5 0 0 1 12 4.5v15a2.5 2.5 0 0 1-4.96.44 2.5 2.5 0 0 1-2.96-3.08 3 3 0 0 1-.34-5.58 2.5 2.5 0 0 1 1.32-4.24 2.5 2.5 0 0 1 1.98-3A2.5 2.5 0 0 1 9.5 2Z\"><\/path>\n                                <path d=\"M14.5 2A2.5 2.5 0 0 0 12 4.5v15a2.5 2.5 0 0 0 4.96.44 2.5 2.5 0 0 0 2.96-3.08 3 3 0 0 0 .34-5.58 2.5 2.5 0 0 0-1.32-4.24 2.5 2.5 0 0 0-1.98-3A2.5 2.5 0 0 0 14.5 2Z\"><\/path>\n                            <\/svg>\n                        <\/template>\n                        <!-- Parte 3 \u2014 coraz\u00f3n -->\n                        <template x-if=\"s.part === 3\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"tw-w-5 tw-h-5\">\n                                <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path>\n                            <\/svg>\n                        <\/template>\n                    <\/span>\n                    <div>\n                        <p class=\"tw-font-semibold tw-text-gray-900\" x-text=\"s.title\"><\/p>\n                        <p class=\"tw-text-sm tw-text-gray-600\" x-text=\"s.description\"><\/p>\n                    <\/div>\n                <\/div>\n            <\/template>\n        <\/div>\n    <\/div>\n\n            <!-- Nota destacada de cierre -->\n            <div class=\"tw-bg-econoky-blue-light\/10 tw-border-l-4 tw-border-econoky-blue-light tw-rounded-md tw-p-5\">\n                <p class=\"tw-text-sm tw-italic tw-text-econoky-blue-dark tw-leading-relaxed\" x-text=\"intro && intro.closing\"><\/p>\n            <\/div>\n\n            <div class=\"tw-flex tw-justify-center tw-pt-2\">\n                <button type=\"button\" @click=\"startTest()\"\n                        class=\"econoky-button-primary-default econoky-button-primary-enabled\">\n                    Start the test                <\/button>\n            <\/div>\n        <\/div>\n    <\/section>\n    <\/template>\n\n    <!-- ===== Vista: continue_bridge ===== -->\n    <section x-show=\"view === 'continue_bridge'\" x-cloak class=\"tw-mt-8 tw-space-y-6\">\n        <div class=\"tw-bg-econoky-blue-light\/10 tw-border tw-border-econoky-blue-light\/30 tw-shadow-sm tw-rounded-md tw-p-8 tw-text-center\">\n            <h2 class=\"econoky-h2 tw-text-econoky-blue-dark tw-mb-2\">You have a test in progress<\/h2>\n            <p class=\"econoky-p tw-mb-6\">\n                You are on question <span x-text=\"nextQuestionIndex\"><\/span> of 45.            <\/p>\n            <div class=\"tw-flex tw-flex-col sm:tw-flex-row tw-gap-3 tw-justify-center\">\n                <button type=\"button\" @click=\"continueFromBridge()\"\n                        class=\"econoky-button-primary-default econoky-button-primary-enabled\">\n                    Continue                <\/button>\n                <button type=\"button\" @click=\"view = 'intro'\"\n                        class=\"econoky-button-secondary\">\n                    View introduction                <\/button>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ===== Vista: part_bridge ===== -->\n    <section x-show=\"view === 'part_bridge'\" x-cloak class=\"tw-mt-8 tw-space-y-6\">\n        <div class=\"tw-bg-econoky-purple\/5 tw-border tw-border-econoky-purple\/20 tw-shadow-md tw-rounded-md tw-p-8 tw-text-center\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                 class=\"tw-w-12 tw-h-12 tw-text-econoky-green tw-mx-auto tw-mb-4\" aria-hidden=\"true\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n            <\/svg>\n            <h2 class=\"econoky-h2 tw-text-econoky-purple tw-mb-2\">\n                You have finished Part <span x-text=\"bridgeFromPart\"><\/span>            <\/h2>\n            <p class=\"econoky-p tw-mb-2\" x-text=\"bridgeCompletedTitle\"><\/p>\n            <p class=\"tw-text-sm tw-text-gray-600 tw-mb-6\" x-text=\"bridgeNextTitle\"><\/p>\n            <button type=\"button\" @click=\"continueFromBridge()\"\n                    class=\"econoky-button-primary-default econoky-button-primary-enabled\">\n                Start part <span x-text=\"bridgeFromPart + 1\"><\/span>            <\/button>\n\n            <div class=\"tw-mt-6 tw-text-left\">\n                <button type=\"button\" @click=\"goBack()\"\n                        class=\"econoky-button-auxiliary-leading-icon tw-inline-flex\">\n                    <svg viewbox=\"0 0 20 20\" fill=\"currentColor\" class=\"tw-w-4 tw-h-4\" aria-hidden=\"true\">\n                        <path fill-rule=\"evenodd\" d=\"M12.79 5.23a.75.75 0 010 1.06L9.06 10l3.73 3.71a.75.75 0 11-1.06 1.06l-4.24-4.24a.75.75 0 010-1.06l4.24-4.24a.75.75 0 011.06 0z\" clip-rule=\"evenodd\" \/>\n                    <\/svg>\n                    Previous                <\/button>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ===== Vista: question ===== -->\n    <section x-show=\"view === 'question'\" x-cloak class=\"tw-mt-8 tw-space-y-6\">\n\n        <!-- Encabezado: parte, contexto local, progreso global -->\n        <div>\n            <h2 class=\"econoky-h3 tw-text-econoky-purple\" x-text=\"currentPartLabel\"><\/h2>\n            <p class=\"tw-text-sm tw-text-gray-600 tw-mt-1\" x-text=\"currentSubtitle\"><\/p>\n\n            <div class=\"tw-w-full tw-bg-gray-200 tw-rounded-full tw-h-3 tw-mt-4\">\n                <div class=\"tw-bg-econoky-blue-light tw-h-3 tw-rounded-full tw-transition-all\"\n                     :style=\"`width: ${progressPercentage}%`\"><\/div>\n            <\/div>\n            <div class=\"tw-flex tw-justify-between tw-text-sm tw-text-gray-600 tw-mt-2\">\n                <span>\n                    Question <span x-text=\"currentStep\"><\/span> of <span>45<\/span>                <\/span>\n                <span>\n                    <span x-text=\"progressPercentage\"><\/span>% completed                <\/span>\n            <\/div>\n        <\/div>\n\n        <!-- Tarjeta de pregunta -->\n        <div class=\"tw-bg-white tw-border tw-border-gray-200 tw-shadow-sm tw-rounded-md tw-p-8\">\n            <h3 class=\"tw-text-lg tw-font-medium tw-text-gray-900 tw-mb-6\" x-text=\"currentQuestion && currentQuestion.text\"><\/h3>\n\n            <fieldset class=\"tw-border-0 tw-p-0 tw-m-0 tw-space-y-3\">\n                <legend class=\"tw-sr-only\" x-text=\"currentQuestion && currentQuestion.text\"><\/legend>\n                <template x-for=\"(opt, idx) in (currentQuestion ? currentQuestion.options : [])\" :key=\"idx\">\n                    <label :for=\"`psy_q${currentStep}_opt${idx}`\"\n                           class=\"tw-flex tw-items-center tw-w-full tw-text-left tw-p-4 tw-border-2 tw-rounded-lg tw-cursor-pointer tw-transition-colors tw-duration-150 hover:tw-border-econoky-blue-light hover:tw-bg-econoky-blue-light\/10 active:tw-border-econoky-blue-light active:tw-bg-econoky-blue-light\/30 focus-within:tw-ring-2 focus-within:tw-ring-econoky-blue-light focus-within:tw-ring-offset-2\"\n                           :class=\"isOptionSelected(idx) ? 'tw-border-econoky-blue-light tw-bg-econoky-blue-light\/30' : 'tw-border-gray-200 tw-bg-white'\">\n                        <input type=\"radio\"\n                               :id=\"`psy_q${currentStep}_opt${idx}`\"\n                               :name=\"`psy_q${currentStep}`\"\n                               :value=\"idx\"\n                               :checked=\"isOptionSelected(idx)\"\n                               @click=\"selectOption(idx)\"\n                               data-role=\"option-input\"\n                               class=\"tw-sr-only\">\n                        <span class=\"tw-flex tw-flex-1 tw-items-center tw-justify-between tw-gap-3\">\n                            <template x-if=\"currentQuestion && currentQuestion.kind === 'scenario_abcde'\">\n                                <span class=\"tw-flex tw-items-center tw-gap-3\">\n                                    <span class=\"tw-font-bold tw-text-econoky-purple\" x-text=\"`${String.fromCharCode(65 + idx)})`\"><\/span>\n                                    <span class=\"tw-text-gray-900 tw-font-medium\" x-text=\"opt.text\"><\/span>\n                                <\/span>\n                            <\/template>\n                            <template x-if=\"currentQuestion && currentQuestion.kind !== 'scenario_abcde'\">\n                                <span class=\"tw-text-gray-900 tw-font-medium\" x-text=\"opt.text\"><\/span>\n                            <\/template>\n                        <\/span>\n                    <\/label>\n                <\/template>\n            <\/fieldset>\n        <\/div>\n\n        <!-- Pie: navegaci\u00f3n -->\n        <div class=\"tw-flex tw-justify-between\">\n            <button type=\"button\" @click=\"goBack()\"\n                    class=\"econoky-button-auxiliary-leading-icon tw-inline-flex\">\n                <svg viewbox=\"0 0 20 20\" fill=\"currentColor\" class=\"tw-w-4 tw-h-4\" aria-hidden=\"true\">\n                    <path fill-rule=\"evenodd\" d=\"M12.79 5.23a.75.75 0 010 1.06L9.06 10l3.73 3.71a.75.75 0 11-1.06 1.06l-4.24-4.24a.75.75 0 010-1.06l4.24-4.24a.75.75 0 011.06 0z\" clip-rule=\"evenodd\" \/>\n                <\/svg>\n                Previous            <\/button>\n            <button type=\"button\" @click=\"goNext()\"\n                    :disabled=\"!canAdvance\"\n                    :class=\"canAdvance ? 'econoky-button-primary-enabled' : 'econoky-button-primary-disabled'\"\n                    class=\"econoky-button-primary-default\">\n                <span x-text=\"nextLabel\"><\/span>\n            <\/button>\n        <\/div>\n    <\/section>\n\n    <!-- ===== Vista: result ===== -->\n    <section x-show=\"view === 'result'\" x-cloak class=\"tw-mt-8 tw-space-y-8\">\n\n        <!-- 1) Tarjeta principal \u2014 perfil dominante (resultado de la Parte 2).\n             Sin r\u00f3tulo \"Parte 2\": el informe no numera las partes, porque el perfil\n             (Parte 2) encabeza el informe y la numeraci\u00f3n quedar\u00eda desordenada. -->\n        <div class=\"tw-bg-econoky-blue-light\/5 tw-border-2 tw-border-econoky-blue-light tw-rounded-md tw-p-8\">\n            <div class=\"tw-flex tw-items-center tw-gap-4 tw-mb-4\">\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                     class=\"tw-w-12 tw-h-12 tw-text-econoky-blue-dark\" aria-hidden=\"true\">\n                    <path d=\"M6 9H4.5a2.5 2.5 0 010-5H6\"><\/path>\n                    <path d=\"M18 9h1.5a2.5 2.5 0 000-5H18\"><\/path>\n                    <path d=\"M4 22h16\"><\/path>\n                    <path d=\"M10 14.66V17c0 .55.47.98.97 1.21C12.15 18.75 13 20.24 13 22\"><\/path>\n                    <path d=\"M14 14.66V17c0 .55-.47.98-.97 1.21C11.85 18.75 11 20.24 11 22\"><\/path>\n                    <path d=\"M18 2H6v7a6 6 0 0012 0V2z\"><\/path>\n                <\/svg>\n                <div>\n                    <h2 class=\"econoky-h2 tw-text-econoky-blue-dark\">Your financial profile<\/h2>\n                    <p class=\"tw-text-xl tw-font-semibold tw-text-econoky-blue-dark\" x-text=\"result && result.part2.dominant_profile.label\"><\/p>\n                <\/div>\n            <\/div>\n            <p class=\"econoky-p tw-mb-6\" x-text=\"result && result.part2.dominant_profile.description\"><\/p>\n\n            <div class=\"tw-grid md:tw-grid-cols-2 tw-gap-6\">\n                <div>\n                    <h3 class=\"econoky-h3 tw-text-gray-900 tw-mb-3\">Common mistakes<\/h3>\n                    <ul class=\"tw-space-y-2\">\n                        <template x-for=\"(err, i) in (result ? result.part2.dominant_profile.errors : [])\" :key=\"i\">\n                            <li class=\"tw-flex tw-items-start tw-gap-2\">\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                     class=\"tw-w-5 tw-h-5 tw-text-econoky-red tw-flex-shrink-0 tw-mt-0.5\" aria-hidden=\"true\">\n                                    <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                                    <line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"><\/line>\n                                    <line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"><\/line>\n                                <\/svg>\n                                <span class=\"tw-text-gray-700 tw-text-sm\" x-text=\"err\"><\/span>\n                            <\/li>\n                        <\/template>\n                    <\/ul>\n                <\/div>\n                <div>\n                    <h3 class=\"econoky-h3 tw-text-gray-900 tw-mb-3\">Recommendations<\/h3>\n                    <ul class=\"tw-space-y-2\">\n                        <template x-for=\"(rec, i) in (result ? result.part2.dominant_profile.recommendations : [])\" :key=\"i\">\n                            <li class=\"tw-flex tw-items-start tw-gap-2\">\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                     class=\"tw-w-5 tw-h-5 tw-text-econoky-green tw-flex-shrink-0 tw-mt-0.5\" aria-hidden=\"true\">\n                                    <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                                    <polyline points=\"8 12 11 15 16 9\"><\/polyline>\n                                <\/svg>\n                                <span class=\"tw-text-gray-700 tw-text-sm\" x-text=\"rec\"><\/span>\n                            <\/li>\n                        <\/template>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- 2) Tarjeta \u2014 Parte 1: factores -->\n        <div class=\"tw-bg-white tw-border tw-shadow-sm tw-rounded-md tw-p-8\">\n            <h3 class=\"econoky-h3 tw-text-econoky-purple tw-mb-4\">Your invisible architecture<\/h3>\n            <div class=\"tw-space-y-4\">\n                <template x-for=\"f in (result ? result.part1.factors : [])\" :key=\"f.key\">\n                    <div>\n                        <div class=\"tw-flex tw-justify-between tw-items-center tw-mb-1\">\n                            <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\" x-text=\"f.label\"><\/span>\n                            <div class=\"tw-flex tw-items-center tw-gap-3\">\n                                <span class=\"tw-text-sm tw-font-semibold tw-text-gray-900\">\n                                    <span x-text=\"f.score\"><\/span>\/<span x-text=\"f.max\"><\/span>\n                                <\/span>\n                                <span class=\"tw-text-xs tw-px-2 tw-py-1 tw-rounded-full\"\n                                      :class=\"{                                          'tw-bg-econoky-green\/20 tw-text-econoky-green': f.level_key === 'high',                                          'tw-bg-econoky-yellow\/20 tw-text-econoky-yellow': f.level_key === 'medium',                                          'tw-bg-econoky-red\/20 tw-text-econoky-red':       f.level_key === 'low'                                      }\"\n                                      x-text=\"f.level_label\"><\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"tw-w-full tw-bg-gray-200 tw-rounded-full tw-h-2\">\n                            <div class=\"tw-h-2 tw-rounded-full\"\n                                 :class=\"{                                     'tw-bg-econoky-green':  f.level_key === 'high',                                     'tw-bg-econoky-yellow': f.level_key === 'medium',                                     'tw-bg-econoky-red':    f.level_key === 'low'                                 }\"\n                                 :style=\"`width: ${(f.score \/ f.max) * 100}%`\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/template>\n            <\/div>\n        <\/div>\n\n        <!-- 3) Tarjeta \u2014 Parte 3: creencias limitantes.\n             La tarjeta se renderiza SIEMPRE (antes desaparec\u00eda entera con 0 creencias y la\n             Parte 3 quedaba sin representaci\u00f3n en el informe); lo que cambia es su contenido.\n             Se usa x-if y no x-show para que el estado inactivo no quede en el DOM. -->\n        <div class=\"tw-bg-white tw-border tw-shadow-sm tw-rounded-md tw-p-8\">\n            <h3 class=\"econoky-h3 tw-text-econoky-purple tw-mb-4\">What you believe without knowing it<\/h3>\n\n            <!-- 3a) Con creencias limitantes: aviso + frases destacadas. -->\n            <template x-if=\"result && result.part3.limiting_beliefs_count > 0\">\n                <div class=\"tw-bg-gradient-to-br tw-from-econoky-red\/5 tw-to-econoky-yellow\/10 tw-border-2 tw-border-econoky-red\/30 tw-rounded-lg tw-p-6\">\n                    <div class=\"tw-flex tw-items-start tw-gap-4 tw-mb-5\">\n                        <span class=\"tw-flex tw-items-center tw-justify-center tw-w-12 tw-h-12 tw-rounded-full tw-bg-econoky-red\/15 tw-text-econoky-red tw-flex-shrink-0\" aria-hidden=\"true\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"tw-w-6 tw-h-6\">\n                                <path d=\"M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"><\/path>\n                                <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"><\/line>\n                                <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line>\n                            <\/svg>\n                        <\/span>\n                        <div>\n                            <h4 class=\"econoky-h3 tw-text-econoky-red tw-mb-1\">Beliefs that need attention<\/h4>\n                            <p class=\"tw-text-sm tw-text-gray-700 tw-leading-relaxed\">\n                                You scored 4 or 5 on <span class=\"tw-font-semibold tw-text-econoky-red\" x-text=\"result && result.part3.limiting_beliefs_count\"><\/span> statement(s). These beliefs may be shaping your relationship with money.                            <\/p>\n                            <ul class=\"tw-grid tw-gap-3 sm:tw-grid-cols-2 tw-mt-5\">\n                                <template x-for=\"p in (result ? result.part3.highlighted_phrases : [])\" :key=\"p.phrase_id\">\n                                    <li class=\"tw-bg-white tw-rounded-md tw-p-4 tw-shadow-sm tw-border tw-border-econoky-red\/20 tw-flex tw-items-start tw-gap-3\">\n                                        <span class=\"tw-flex tw-items-center tw-justify-center tw-w-7 tw-h-7 tw-rounded-full tw-bg-econoky-red\/15 tw-text-econoky-red tw-text-xs tw-font-bold tw-flex-shrink-0\"\n                                              x-text=\"p.phrase_id\"><\/span>\n                                        <p class=\"tw-text-sm tw-text-gray-800 tw-leading-relaxed tw-italic\" x-text=\"`&quot;${p.text}&quot;`\"><\/p>\n                                    <\/li>\n                                <\/template>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/template>\n\n            <!-- 3b) Sin creencias limitantes: estado vac\u00edo en positivo (la parte sigue informando). -->\n            <template x-if=\"result && result.part3.limiting_beliefs_count === 0\">\n                <div class=\"tw-bg-econoky-green\/5 tw-border-2 tw-border-econoky-green\/30 tw-rounded-lg tw-p-6\">\n                    <div class=\"tw-flex tw-items-start tw-gap-4\">\n                        <span class=\"tw-flex tw-items-center tw-justify-center tw-w-12 tw-h-12 tw-rounded-full tw-bg-econoky-green\/20 tw-text-econoky-green tw-flex-shrink-0\" aria-hidden=\"true\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"tw-w-6 tw-h-6\">\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                                <polyline points=\"8 12 11 15 16 9\"><\/polyline>\n                            <\/svg>\n                        <\/span>\n                        <div>\n                            <h4 class=\"econoky-h3 tw-text-econoky-green tw-mb-1\">No limiting beliefs flagged<\/h4>\n                            <p class=\"tw-text-sm tw-text-gray-700 tw-leading-relaxed\">\n                                You did not score 4 or 5 on any of the 10 projective statements. No beliefs appear to be clearly shaping your relationship with money.                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/template>\n        <\/div>\n\n        <!-- 4) Acciones \u2014 s\u00f3lo en estado editable -->\n        <div x-show=\"state === 'editable'\" class=\"tw-space-y-4\">\n            <!-- 4a) Usuario est\u00e1ndar: cuenta atr\u00e1s de la ventana de 48h. -->\n            <div x-show=\"!editWindowBypassed\" class=\"tw-bg-econoky-blue-light\/10 tw-border tw-border-econoky-blue-light\/30 tw-rounded-md tw-p-6\">\n                <div class=\"tw-flex tw-items-start tw-gap-4\">\n                    <span class=\"tw-flex tw-items-center tw-justify-center tw-w-12 tw-h-12 tw-rounded-full tw-bg-econoky-blue-light\/15 tw-text-econoky-blue-dark tw-flex-shrink-0\" aria-hidden=\"true\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"tw-w-6 tw-h-6\">\n                            <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n                            <path d=\"M12 7v5l3 2\"><\/path>\n                        <\/svg>\n                    <\/span>\n                    <div class=\"tw-flex-1 tw-space-y-3\">\n                        <p class=\"tw-text-base tw-font-semibold tw-text-econoky-blue-dark\">\n                            You still have time to review                        <\/p>\n                        <div>\n                            <p class=\"tw-text-xs tw-uppercase tw-tracking-wide tw-text-gray-500\">\n                                Available until                            <\/p>\n                            <p class=\"tw-text-2xl tw-font-bold tw-text-econoky-blue-dark tw-leading-tight\" x-text=\"editableUntilLocal\"><\/p>\n                            <p class=\"tw-text-xs tw-text-gray-500 tw-mt-1\">\n                                (Madrid time)                            <\/p>\n                        <\/div>\n                        <p class=\"tw-text-sm tw-text-gray-600\">\n                            After that date the result will be locked in and you will no longer be able to modify your answers.                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <!-- 4b) Admin\/staff: edici\u00f3n sin plazo (bypass de la ventana de 48h). -->\n            <div x-show=\"editWindowBypassed\" x-cloak class=\"tw-bg-econoky-blue-light\/10 tw-border tw-border-econoky-blue-light\/30 tw-rounded-md tw-p-6\">\n                <div class=\"tw-flex tw-items-start tw-gap-4\">\n                    <span class=\"tw-flex tw-items-center tw-justify-center tw-w-12 tw-h-12 tw-rounded-full tw-bg-econoky-blue-light\/15 tw-text-econoky-blue-dark tw-flex-shrink-0\" aria-hidden=\"true\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"tw-w-6 tw-h-6\">\n                            <path d=\"M12 20h9\"><\/path>\n                            <path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4Z\"><\/path>\n                        <\/svg>\n                    <\/span>\n                    <div class=\"tw-flex-1 tw-space-y-3\">\n                        <p class=\"tw-text-base tw-font-semibold tw-text-econoky-blue-dark\">\n                            Unlimited editing time                        <\/p>\n                        <p class=\"tw-text-sm tw-text-gray-600\">\n                            As an administrator you can review and modify this test&#039;s answers at any time, with no 48-hour deadline.                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"tw-text-center\">\n                <button type=\"button\" @click=\"reviewAnswers()\"\n                        class=\"econoky-button-primary-default econoky-button-primary-enabled\">\n                    Review your answers                <\/button>\n            <\/div>\n        <\/div>\n\n    <\/section>\n\n    <!-- ===== Pie: aviso de propiedad intelectual (visible pero discreto) ===== -->\n    <footer class=\"tw-mt-10 tw-pt-4 tw-border-t tw-border-gray-200\">\n        <p class=\"tw-text-xs tw-leading-relaxed tw-text-gray-400 tw-text-center tw-max-w-2xl tw-mx-auto\">\n            \u00a9 ECONOKY SL, 2026. Financial test protected as an original creation and intangible asset of ECONOKY SL. Any copying, reproduction, adaptation, distribution, commercial use or incorporation into tools, training courses, platforms or artificial intelligence systems without express written authorization is prohibited. All rights reserved.        <\/p>\n    <\/footer>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"","protected":false},"author":13,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pmpro_default_level":"","footnotes":""},"class_list":["post-1516","page","type-page","status-publish","hentry","pmpro-level-required","pmpro-level-2","pmpro-level-1","pmpro-level-3","pmpro-has-access"],"_links":{"self":[{"href":"https:\/\/econoky.com\/en\/wp-json\/wp\/v2\/pages\/1516","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/econoky.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/econoky.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/econoky.com\/en\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/econoky.com\/en\/wp-json\/wp\/v2\/comments?post=1516"}],"version-history":[{"count":3,"href":"https:\/\/econoky.com\/en\/wp-json\/wp\/v2\/pages\/1516\/revisions"}],"predecessor-version":[{"id":1535,"href":"https:\/\/econoky.com\/en\/wp-json\/wp\/v2\/pages\/1516\/revisions\/1535"}],"wp:attachment":[{"href":"https:\/\/econoky.com\/en\/wp-json\/wp\/v2\/media?parent=1516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}