{"id":502,"date":"2026-03-22T17:32:53","date_gmt":"2026-03-22T17:32:53","guid":{"rendered":"https:\/\/stadiaorg.com\/?page_id=502"},"modified":"2026-03-30T13:18:45","modified_gmt":"2026-03-30T13:18:45","slug":"user-challenge","status":"publish","type":"page","link":"https:\/\/stadiaorg.com\/es\/user-challenge\/","title":{"rendered":"Usuario-Coincidencia"},"content":{"rendered":"\n<section style=\"font-family:Arial, Helvetica, sans-serif; color:#1b2230; max-width:1100px; margin:0 auto; padding:60px 20px 60px;\">\n\n  <!-- BLOCCO GATE -->\n  <div id=\"um-gate\" style=\"display:none;\">\n    <div style=\"\n      max-width:760px;\n      margin:40px auto 0;\n      background:#ffffff;\n      border:1px solid #e4e7f0;\n      border-radius:28px;\n      padding:38px 30px;\n      box-shadow:0 16px 38px rgba(21,30,60,0.07);\n      text-align:center;\n    \">\n      <div style=\"\n        display:inline-block;\n        padding:8px 12px;\n        border-radius:999px;\n        background:#efeefe;\n        color:#6a5cff;\n        font-size:12px;\n        font-weight:700;\n        letter-spacing:.06em;\n        text-transform:uppercase;\n        margin-bottom:16px;\n      \">\n        User Match\n      <\/div>\n\n      <h1 style=\"\n        font-size:44px;\n        line-height:1.1;\n        margin:0 0 14px;\n        letter-spacing:-1px;\n      \">\n        Nothing to match yet\n      <\/h1>\n\n      <p style=\"\n        font-size:18px;\n        color:#5f6b85;\n        line-height:1.7;\n        max-width:680px;\n        margin:0 auto 18px;\n      \">\n        The system can only reveal meaningful matches after you actively enter the learning path.\n      <\/p>\n\n      <p style=\"\n        font-size:16px;\n        color:#7a859d;\n        line-height:1.7;\n        max-width:680px;\n        margin:0 auto 28px;\n      \">\n        First complete your assessment or leave a trace in Live World. Without your active presence, User Match cannot generate real results.\n      <\/p>\n\n      <div style=\"display:flex; gap:12px; justify-content:center; flex-wrap:wrap;\">\n        <a href=\"\/assessment\/\" style=\"\n          display:inline-flex;\n          align-items:center;\n          justify-content:center;\n          min-height:52px;\n          padding:14px 28px;\n          background:#6a5cff;\n          color:#ffffff;\n          border-radius:14px;\n          font-size:17px;\n          font-weight:700;\n          text-decoration:none;\n          box-shadow:0 10px 24px rgba(106,92,255,0.24);\n        \">\n          Start your assessment\n        <\/a>\n\n        <a href=\"\/live-world\/\" style=\"\n          display:inline-flex;\n          align-items:center;\n          justify-content:center;\n          min-height:52px;\n          padding:14px 28px;\n          border:1px solid #d9dfeb;\n          background:#ffffff;\n          color:#1b2230;\n          border-radius:14px;\n          font-size:17px;\n          font-weight:700;\n          text-decoration:none;\n        \">\n          Leave a trace\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- CONTENUTO NORMALE USER MATCH -->\n  <div id=\"um-content\" style=\"display:none;\">\n\n    <div style=\"\n      background:linear-gradient(180deg, #faf9ff 0%, #ffffff 100%);\n      border:1px solid #e4e7f0;\n      border-radius:30px;\n      padding:38px 30px;\n      box-shadow:0 16px 38px rgba(21,30,60,0.07);\n    \">\n      <div style=\"\n        display:inline-block;\n        padding:8px 12px;\n        border-radius:999px;\n        background:#efeefe;\n        color:#6a5cff;\n        font-size:12px;\n        font-weight:700;\n        letter-spacing:.06em;\n        text-transform:uppercase;\n        margin-bottom:16px;\n      \">\n        User Match\n      <\/div>\n\n      <h1 style=\"\n        font-size:50px;\n        line-height:1.06;\n        margin:0 0 16px;\n        letter-spacing:-1.4px;\n      \">\n        People like you\n      <\/h1>\n\n      <p style=\"\n        font-size:20px;\n        color:#5f6b85;\n        line-height:1.7;\n        max-width:800px;\n        margin:0 0 18px;\n      \">\n        This is where the system begins to reflect similarity, shared direction, and nearby human presence.\n      <\/p>\n\n      <p style=\"\n        font-size:16px;\n        color:#7a859d;\n        line-height:1.7;\n        max-width:800px;\n        margin:0 0 26px;\n      \">\n        User Match does not invent resonance. It reveals what becomes visible when your stage and your traces begin to connect with others.\n      <\/p>\n\n      <div style=\"display:flex;gap:12px;flex-wrap:wrap;\">\n        <a href=\"\/live-world\/\" style=\"\n          display:inline-flex;\n          align-items:center;\n          justify-content:center;\n          min-height:52px;\n          padding:14px 28px;\n          background:#6a5cff;\n          color:#ffffff;\n          border-radius:14px;\n          font-size:17px;\n          font-weight:700;\n          text-decoration:none;\n          box-shadow:0 10px 24px rgba(106,92,255,0.24);\n        \">\n          Add another trace\n        <\/a>\n\n        <a href=\"\/participation\/\" style=\"\n          display:inline-flex;\n          align-items:center;\n          justify-content:center;\n          min-height:52px;\n          padding:14px 28px;\n          border:1px solid #d9dfeb;\n          background:#ffffff;\n          color:#1b2230;\n          border-radius:14px;\n          font-size:17px;\n          font-weight:700;\n          text-decoration:none;\n        \">\n          Continue your path\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <div style=\"\n      display:grid;\n      grid-template-columns:repeat(3,1fr);\n      gap:20px;\n      margin-top:34px;\n    \">\n      <div style=\"\n        background:#ffffff;\n        border:1px solid #d9dfeb;\n        border-radius:22px;\n        padding:26px;\n        box-shadow:0 12px 30px rgba(21,30,60,0.06);\n      \">\n        <div style=\"font-size:13px; color:#7a859d; text-transform:uppercase; letter-spacing:.06em; margin-bottom:10px;\">\n          Your current stage\n        <\/div>\n        <div id=\"um-stage\" style=\"font-size:24px; font-weight:700; line-height:1.3; margin-bottom:10px;\">\n          Visitor\n        <\/div>\n        <p style=\"margin:0; color:#5f6b85; line-height:1.7;\">\n          The system starts from your visible position.\n        <\/p>\n      <\/div>\n\n      <div style=\"\n        background:#ffffff;\n        border:1px solid #d9dfeb;\n        border-radius:22px;\n        padding:26px;\n        box-shadow:0 12px 30px rgba(21,30,60,0.06);\n      \">\n        <div style=\"font-size:13px; color:#7a859d; text-transform:uppercase; letter-spacing:.06em; margin-bottom:10px;\">\n          Your latest mood\n        <\/div>\n        <div id=\"um-mood\" style=\"font-size:24px; font-weight:700; line-height:1.3; margin-bottom:10px;\">\n          Unknown\n        <\/div>\n        <p style=\"margin:0; color:#5f6b85; line-height:1.7;\">\n          Shared emotional tone can open the first sense of connection.\n        <\/p>\n      <\/div>\n\n      <div style=\"\n        background:#ffffff;\n        border:1px solid #d9dfeb;\n        border-radius:22px;\n        padding:26px;\n        box-shadow:0 12px 30px rgba(21,30,60,0.06);\n      \">\n        <div style=\"font-size:13px; color:#7a859d; text-transform:uppercase; letter-spacing:.06em; margin-bottom:10px;\">\n          Latest trace\n        <\/div>\n        <div id=\"um-trace-preview\" style=\"font-size:20px; font-weight:700; line-height:1.4; margin-bottom:10px;\">\n          No trace yet\n        <\/div>\n        <p style=\"margin:0; color:#5f6b85; line-height:1.7;\">\n          What you make visible can now be reflected back by the system.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div style=\"\n      margin-top:60px;\n      background:#f8f7ff;\n      border:1px solid #e4e7f0;\n      border-radius:26px;\n      padding:34px 28px;\n      box-shadow:0 12px 30px rgba(21,30,60,0.06);\n    \">\n      <div style=\"\n        display:inline-block;\n        padding:8px 12px;\n        border-radius:999px;\n        background:#efeefe;\n        color:#6a5cff;\n        font-size:12px;\n        font-weight:700;\n        letter-spacing:.06em;\n        text-transform:uppercase;\n        margin-bottom:16px;\n      \">\n        People like you\n      <\/div>\n\n      <h2 style=\"\n        font-size:36px;\n        line-height:1.15;\n        margin:0 0 14px;\n        letter-spacing:-1px;\n      \">\n        Similar presence may now begin to appear\n      <\/h2>\n\n      <p style=\"\n        font-size:18px;\n        color:#5f6b85;\n        line-height:1.7;\n        margin:0 0 24px;\n      \">\n        These are not final answers. They are early signs of similarity, proximity, and meaningful alignment.\n      <\/p>\n\n      <div id=\"um-matches\" style=\"\n        display:grid;\n        grid-template-columns:repeat(3,1fr);\n        gap:18px;\n      \"><\/div>\n    <\/div>\n\n    <div style=\"\n      margin-top:60px;\n      background:#111626;\n      color:#ffffff;\n      border-radius:28px;\n      padding:38px 28px;\n      box-shadow:0 16px 38px rgba(10,16,30,0.18);\n    \">\n      <div style=\"max-width:760px; margin:0 auto; text-align:center;\">\n        <div style=\"\n          display:inline-block;\n          padding:8px 12px;\n          border-radius:999px;\n          background:rgba(255,255,255,0.08);\n          color:#b8bfff;\n          font-size:12px;\n          font-weight:700;\n          letter-spacing:.06em;\n          text-transform:uppercase;\n          margin-bottom:16px;\n        \">\n          Next movement\n        <\/div>\n\n        <h2 style=\"\n          font-size:38px;\n          line-height:1.15;\n          margin:0 0 14px;\n          letter-spacing:-1px;\n          color:#ffffff;\n        \">\n          Match is only meaningful if you keep moving\n        <\/h2>\n\n        <p style=\"\n          font-size:18px;\n          color:#c9d1e6;\n          line-height:1.7;\n          max-width:760px;\n          margin:0 auto 28px;\n        \">\n          Similarity becomes useful only when it helps you clarify what to do next, what to deepen, and what direction deserves attention.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n@media (max-width: 980px){\n  section[style*=\"max-width:1100px\"] div[style*=\"grid-template-columns:repeat(3,1fr)\"]{\n    grid-template-columns:1fr !important;\n  }\n\n  section[style*=\"max-width:1100px\"] h1{\n    font-size:42px !important;\n    line-height:1.12 !important;\n  }\n\n  section[style*=\"max-width:1100px\"] h2{\n    font-size:30px !important;\n    line-height:1.18 !important;\n  }\n\n  section[style*=\"max-width:1100px\"] h3{\n    font-size:20px !important;\n  }\n}\n<\/style>\n\n<script>\n(function(){\n  function loadPosts(){\n    try{\n      return JSON.parse(localStorage.getItem(\"lw_posts\") || \"[]\");\n    }catch(e){\n      return [];\n    }\n  }\n\n  function getStage(){\n    try{\n      return localStorage.getItem(\"sv_stage\") || \"\";\n    }catch(e){\n      return \"\";\n    }\n  }\n\n  function getMoodLabel(mood){\n    const map = {\n      reflection: \"Reflection\",\n      transition: \"Transition\",\n      connection: \"Connection\",\n      clarity: \"Clarity\",\n      anguish: \"Anguish\"\n    };\n    return map[mood] || \"Unknown\";\n  }\n\n  function escapeHtml(str){\n    return (str || \"\")\n      .replace(\/&\/g, \"&amp;\")\n      .replace(\/<\/g, \"&lt;\")\n      .replace(\/>\/g, \"&gt;\");\n  }\n\n  function shortText(text, max){\n    if(!text) return \"No trace yet\";\n    if(text.length <= max) return text;\n    return text.slice(0, max).trim() + \"...\";\n  }\n\n  function matchCard(name, stage, mood, text){\n    return `\n      <div style=\"\n        background:#ffffff;\n        border:1px solid #d9dfeb;\n        border-radius:22px;\n        padding:24px 22px;\n        box-shadow:0 10px 24px rgba(21,30,60,0.06);\n      \">\n        <div style=\"font-size:13px; color:#7a859d; text-transform:uppercase; letter-spacing:.06em; margin-bottom:10px;\">\n          Similar signal\n        <\/div>\n        <div style=\"font-size:20px; font-weight:700; line-height:1.35; margin-bottom:8px;\">\n          ${escapeHtml(name || \"Visitor\")}\n        <\/div>\n        <div style=\"font-size:14px; color:#6a5cff; font-weight:700; margin-bottom:10px;\">\n          ${escapeHtml(stage || \"Visitor\")} \u2022 ${escapeHtml(mood || \"Unknown\")}\n        <\/div>\n        <p style=\"margin:0; color:#5f6b85; line-height:1.7;\">\n          ${escapeHtml(shortText(text || \"\", 110))}\n        <\/p>\n      <\/div>\n    `;\n  }\n\n  const stage = getStage();\n  const posts = loadPosts();\n  const hasTrace = Array.isArray(posts) && posts.length > 0;\n  const hasStage = !!stage;\n\n  const gate = document.getElementById(\"um-gate\");\n  const content = document.getElementById(\"um-content\");\n\n  if(!hasStage && !hasTrace){\n    gate.style.display = \"block\";\n    content.style.display = \"none\";\n    return;\n  }\n\n  gate.style.display = \"none\";\n  content.style.display = \"block\";\n\n  const latest = hasTrace ? posts[posts.length - 1] : null;\n  const latestMood = latest ? getMoodLabel(latest.mood || \"\") : \"Unknown\";\n  const latestText = latest ? shortText(latest.text || \"\", 90) : \"No trace yet\";\n\n  const stageEl = document.getElementById(\"um-stage\");\n  const moodEl = document.getElementById(\"um-mood\");\n  const traceEl = document.getElementById(\"um-trace-preview\");\n  const matchesEl = document.getElementById(\"um-matches\");\n\n  if(stageEl) stageEl.textContent = hasStage ? stage : \"Visitor\";\n  if(moodEl) moodEl.textContent = latestMood;\n  if(traceEl) traceEl.textContent = latestText;\n\n  let matches = [];\n\n  if(hasTrace){\n    const latestMoodRaw = latest.mood || \"\";\n    matches = posts\n      .slice(0, -1)\n      .filter(function(post){\n        return (post.mood || \"\") === latestMoodRaw;\n      })\n      .slice(-3)\n      .reverse();\n  }\n\n  if(matchesEl){\n    if(matches.length){\n      matchesEl.innerHTML = matches.map(function(post){\n        return matchCard(\n          post.name || \"Visitor\",\n          post.stage || \"Visitor\",\n          getMoodLabel(post.mood || \"\"),\n          post.text || \"\"\n        );\n      }).join(\"\");\n    } else {\n      matchesEl.innerHTML = [\n        matchCard(\"Nearby path\", hasStage ? stage : \"Visitor\", latestMood, \"A similar developmental signal may appear as soon as more traces become visible.\"),\n        matchCard(\"Emerging similarity\", hasStage ? stage : \"Visitor\", latestMood, \"The system begins with weak signals before stronger resonance can be identified.\"),\n        matchCard(\"Possible match\", hasStage ? stage : \"Visitor\", latestMood, \"Keep participating. More visible traces create more meaningful results.\")\n      ].join(\"\");\n    }\n  }\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>User Match Nothing to match yet The system can only reveal meaningful matches after you actively enter the learning path. First complete your assessment or leave a trace in Live World. Without your active presence, User Match cannot generate real results. Start your assessment Leave a trace User Match People like you This is where [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-502","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stadiaorg.com\/es\/wp-json\/wp\/v2\/pages\/502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stadiaorg.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stadiaorg.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stadiaorg.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stadiaorg.com\/es\/wp-json\/wp\/v2\/comments?post=502"}],"version-history":[{"count":10,"href":"https:\/\/stadiaorg.com\/es\/wp-json\/wp\/v2\/pages\/502\/revisions"}],"predecessor-version":[{"id":655,"href":"https:\/\/stadiaorg.com\/es\/wp-json\/wp\/v2\/pages\/502\/revisions\/655"}],"wp:attachment":[{"href":"https:\/\/stadiaorg.com\/es\/wp-json\/wp\/v2\/media?parent=502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}