{"id":3152,"date":"2025-06-28T21:12:43","date_gmt":"2025-06-28T21:12:43","guid":{"rendered":"https:\/\/espacio360.info\/?page_id=3152"},"modified":"2025-08-14T08:56:51","modified_gmt":"2025-08-14T08:56:51","slug":"pruebas","status":"publish","type":"page","link":"https:\/\/espacio360.info\/en\/pruebas\/","title":{"rendered":"Pruebas"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3152\" class=\"elementor elementor-3152\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3bae3f8 e-con-full e-flex e-con e-parent\" data-id=\"3bae3f8\" data-element_type=\"container\" data-e-type=\"container\" id=\"test-simulator1\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e281e4 elementor-widget elementor-widget-html\" data-id=\"9e281e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"test-simulator1\" class=\"simulator-step\">\r\n  <div class=\"simulator-container text-center\">\r\n    <!-- T\u00edtulo grande: usar ID #no-theme-text -->\r\n    <h2 id=\"no-theme-text\" class=\"simulator-title mb-3\">\r\n      Encuentra la opci\u00f3n ideal para tu capacitaci\u00f3n\r\n    <\/h2>\r\n\r\n    <!-- Texto descriptivo: usar ID #no-theme-text2 -->\r\n    <p id=\"no-theme-text2\" class=\"simulator-description mb-4\">\r\n      Este breve simulador te ayudar\u00e1 a identificar qu\u00e9 herramienta, producto o enfoque se alinea mejor con lo que tu organizaci\u00f3n necesita.<br><br>\r\n      Toma menos de un minuto.<br>\r\n      No necesitas datos personales para comenzar.\r\n    <\/p>\r\n\r\n    <!-- Bot\u00f3n: tambi\u00e9n usar ID #no-theme-text2 -->\r\n    <button id=\"start-testsim\" class=\"btn btn-primary simulator-button mx-auto d-block no-theme-text2\">\r\n  Comenzar simulador\r\n<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* Centrar el bot\u00f3n dentro del contenedor *\/\r\n  .simulator-button {\r\n    \/* Si quieres estilos adicionales para el bot\u00f3n, aqu\u00ed puedes agregarlos *\/\r\n  }\r\n\r\n  \/* El contenedor ya tiene text-center para centrar texto y botones *\/\r\n\r\n  \/* Forzar color negro en light mode como fallback *\/\r\n  #test-simulator1,\r\n  #test-simulator1 h2,\r\n  #test-simulator1 p,\r\n  #test-simulator1 button {\r\n    color: #000 !important;\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-292b7b1 e-flex e-con-boxed e-con e-parent\" data-id=\"292b7b1\" data-element_type=\"container\" data-e-type=\"container\" id=\"test-simulator2\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-801b164 elementor-widget elementor-widget-html\" data-id=\"801b164\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"test-simulator2\" class=\"simulator-step\">\r\n  <div class=\"simulator-container\">\r\n    <!-- T\u00edtulo grande: usar ID #no-theme-text -->\r\n    <h3 id=\"no-theme-text\" class=\"simulator-title mb-4\">\r\n      Selecciona las opciones que aplican:\r\n    <\/h3>\r\n\r\n    <!-- Opciones tipo switch -->\r\n    <div class=\"simulator-option form-check form-switch mb-3\">\r\n      <input class=\"form-check-input sim2-option\" type=\"checkbox\" value=\"1\" id=\"sim2opt1\">\r\n      <label id=\"no-theme-text2\" class=\"form-check-label\" for=\"sim2opt1\">Opci\u00f3n 1<\/label>\r\n    <\/div>\r\n    <div class=\"simulator-option form-check form-switch mb-3\">\r\n      <input class=\"form-check-input sim2-option\" type=\"checkbox\" value=\"1\" id=\"sim2opt2\">\r\n      <label id=\"no-theme-text2\" class=\"form-check-label\" for=\"sim2opt2\">Opci\u00f3n 2<\/label>\r\n    <\/div>\r\n    <div class=\"simulator-option form-check form-switch mb-3\">\r\n      <input class=\"form-check-input sim2-option\" type=\"checkbox\" value=\"1\" id=\"sim2opt3\">\r\n      <label id=\"no-theme-text2\" class=\"form-check-label\" for=\"sim2opt3\">Opci\u00f3n 3<\/label>\r\n    <\/div>\r\n    <div class=\"simulator-option form-check form-switch mb-3\">\r\n      <input class=\"form-check-input sim2-option\" type=\"checkbox\" value=\"1\" id=\"sim2opt4\">\r\n      <label id=\"no-theme-text2\" class=\"form-check-label\" for=\"sim2opt4\">Opci\u00f3n 4<\/label>\r\n    <\/div>\r\n    <div class=\"simulator-option form-check form-switch mb-3\">\r\n      <input class=\"form-check-input sim2-option\" type=\"checkbox\" value=\"1\" id=\"sim2opt5\">\r\n      <label id=\"no-theme-text2\" class=\"form-check-label\" for=\"sim2opt5\">Opci\u00f3n 5<\/label>\r\n    <\/div>\r\n    <div class=\"simulator-option form-check form-switch mb-3\">\r\n      <input class=\"form-check-input sim2-option\" type=\"checkbox\" value=\"1\" id=\"sim2opt6\">\r\n      <label id=\"no-theme-text2\" class=\"form-check-label\" for=\"sim2opt6\">Opci\u00f3n 6<\/label>\r\n    <\/div>\r\n    <div class=\"simulator-option form-check form-switch mb-4\">\r\n      <input class=\"form-check-input sim2-option\" type=\"checkbox\" value=\"1\" id=\"sim2opt7\">\r\n      <label id=\"no-theme-text2\" class=\"form-check-label\" for=\"sim2opt7\">Opci\u00f3n 7<\/label>\r\n    <\/div>\r\n\r\n    <!-- Bot\u00f3n para continuar: usar ID #no-theme-text2 -->\r\n    <div class=\"simulator-button-wrapper\">\r\n      <button id=\"next-to-sim3\" class=\"btn btn-primary simulator-next no-theme-text2\">Continuar<\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* Forzar color negro como fallback en light mode *\/\r\n  #test-simulator2,\r\n  #test-simulator2 h3,\r\n  #test-simulator2 label,\r\n  #test-simulator2 button {\r\n    color: #000 !important;\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-261acc2 e-flex e-con-boxed e-con e-parent\" data-id=\"261acc2\" data-element_type=\"container\" data-e-type=\"container\" id=\"test-simulator3\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67e7fb5 elementor-widget elementor-widget-html\" data-id=\"67e7fb5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"test-simulator3\" class=\"simulator-step\">\r\n  <div class=\"simulator-container\">\r\n    <!-- T\u00edtulo grande: usar ID #no-theme-text -->\r\n    <h3 id=\"no-theme-text\" class=\"simulator-title\">Selecciona solo una opci\u00f3n:<\/h3>\r\n\r\n    <!-- Opciones \u00fanicas -->\r\n    <div class=\"simulator-option\">\r\n      <input class=\"form-check-input sim3-option\" type=\"checkbox\" value=\"1\" id=\"sim3opt1\">\r\n      <label id=\"no-theme-text2\" class=\"form-check-label\" for=\"sim3opt1\">Opci\u00f3n 1<\/label>\r\n    <\/div>\r\n    <div class=\"simulator-option\">\r\n      <input class=\"form-check-input sim3-option\" type=\"checkbox\" value=\"2\" id=\"sim3opt2\">\r\n      <label id=\"no-theme-text2\" class=\"form-check-label\" for=\"sim3opt2\">Opci\u00f3n 2<\/label>\r\n    <\/div>\r\n    <div class=\"simulator-option\">\r\n      <input class=\"form-check-input sim3-option\" type=\"checkbox\" value=\"3\" id=\"sim3opt3\">\r\n      <label id=\"no-theme-text2\" class=\"form-check-label\" for=\"sim3opt3\">Opci\u00f3n 3<\/label>\r\n    <\/div>\r\n    <div class=\"simulator-option\">\r\n      <input class=\"form-check-input sim3-option\" type=\"checkbox\" value=\"4\" id=\"sim3opt4\">\r\n      <label id=\"no-theme-text2\" class=\"form-check-label\" for=\"sim3opt4\">Opci\u00f3n 4<\/label>\r\n    <\/div>\r\n    <div class=\"simulator-option\">\r\n      <input class=\"form-check-input sim3-option\" type=\"checkbox\" value=\"5\" id=\"sim3opt5\">\r\n      <label id=\"no-theme-text2\" class=\"form-check-label\" for=\"sim3opt5\">Opci\u00f3n 5<\/label>\r\n    <\/div>\r\n    <div class=\"simulator-option\">\r\n      <input class=\"form-check-input sim3-option\" type=\"checkbox\" value=\"6\" id=\"sim3opt6\">\r\n      <label id=\"no-theme-text2\" class=\"form-check-label\" for=\"sim3opt6\">Opci\u00f3n 6<\/label>\r\n    <\/div>\r\n\r\n    <!-- Bot\u00f3n para continuar: usar ID #no-theme-text2 -->\r\n    <div class=\"simulator-button-wrapper\">\r\n      <button id=\"next-to-sim4\" class=\"btn btn-primary simulator-next no-theme-text2\">Continuar<\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* Color negro como fallback en light mode *\/\r\n  #test-simulator3,\r\n  #test-simulator3 h3,\r\n  #test-simulator3 label,\r\n  #test-simulator3 button {\r\n    color: #000 !important;\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2217c67 e-flex e-con-boxed e-con e-parent\" data-id=\"2217c67\" data-element_type=\"container\" data-e-type=\"container\" id=\"test-simulator4\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-387df95 elementor-widget elementor-widget-html\" data-id=\"387df95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"test-simulator4\" class=\"simulator-step\">\r\n  <div class=\"simulator-container\">\r\n    <!-- T\u00edtulo grande: usar ID #no-theme-text -->\r\n    <h3 id=\"no-theme-text\" class=\"simulator-title\">Selecciona solo una opci\u00f3n:<\/h3>\r\n\r\n    <!-- Opciones -->\r\n    <div class=\"simulator-option\">\r\n      <input class=\"form-check-input sim4-option\" type=\"checkbox\" value=\"1\" id=\"sim4opt1\">\r\n      <label id=\"no-theme-text2\" class=\"form-check-label\" for=\"sim4opt1\">Opci\u00f3n 1<\/label>\r\n    <\/div>\r\n    <div class=\"simulator-option\">\r\n      <input class=\"form-check-input sim4-option\" type=\"checkbox\" value=\"2\" id=\"sim4opt2\">\r\n      <label id=\"no-theme-text2\" class=\"form-check-label\" for=\"sim4opt2\">Opci\u00f3n 2<\/label>\r\n    <\/div>\r\n    <div class=\"simulator-option\">\r\n      <input class=\"form-check-input sim4-option\" type=\"checkbox\" value=\"3\" id=\"sim4opt3\">\r\n      <label id=\"no-theme-text2\" class=\"form-check-label\" for=\"sim4opt3\">Opci\u00f3n 3<\/label>\r\n    <\/div>\r\n    <div class=\"simulator-option\">\r\n      <input class=\"form-check-input sim4-option\" type=\"checkbox\" value=\"4\" id=\"sim4opt4\">\r\n      <label id=\"no-theme-text2\" class=\"form-check-label\" for=\"sim4opt4\">Opci\u00f3n 4<\/label>\r\n    <\/div>\r\n    <div class=\"simulator-option\">\r\n      <input class=\"form-check-input sim4-option\" type=\"checkbox\" value=\"5\" id=\"sim4opt5\">\r\n      <label id=\"no-theme-text2\" class=\"form-check-label\" for=\"sim4opt5\">Opci\u00f3n 5<\/label>\r\n    <\/div>\r\n    <div class=\"simulator-option\">\r\n      <input class=\"form-check-input sim4-option\" type=\"checkbox\" value=\"6\" id=\"sim4opt6\">\r\n      <label id=\"no-theme-text2\" class=\"form-check-label\" for=\"sim4opt6\">Opci\u00f3n 6<\/label>\r\n    <\/div>\r\n    <div class=\"simulator-option\">\r\n      <input class=\"form-check-input sim4-option\" type=\"checkbox\" value=\"7\" id=\"sim4opt7\">\r\n      <label id=\"no-theme-text2\" class=\"form-check-label\" for=\"sim4opt7\">Opci\u00f3n 7<\/label>\r\n    <\/div>\r\n    <div class=\"simulator-option\">\r\n      <input class=\"form-check-input sim4-option\" type=\"checkbox\" value=\"8\" id=\"sim4opt8\">\r\n      <label id=\"no-theme-text2\" class=\"form-check-label\" for=\"sim4opt8\">Opci\u00f3n 8<\/label>\r\n    <\/div>\r\n\r\n    <!-- Bot\u00f3n para continuar: usar ID #no-theme-text2 -->\r\n    <div class=\"simulator-button-wrapper\">\r\n      <button id=\"next-to-sim5\" class=\"btn btn-primary simulator-next no-theme-text2\">Continuar<\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* Color negro como fallback en light mode *\/\r\n  #test-simulator4,\r\n  #test-simulator4 h3,\r\n  #test-simulator4 label,\r\n  #test-simulator4 button {\r\n    color: #000 !important;\r\n  }\r\n\r\n  .btn.btn-primary {\r\n    background-color: #007bff;\r\n    color: #FFFFFF !important;\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dab2962 e-flex e-con-boxed e-con e-parent\" data-id=\"dab2962\" data-element_type=\"container\" data-e-type=\"container\" id=\"test-simulator5\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d00ab8 elementor-widget elementor-widget-html\" data-id=\"5d00ab8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"test-simulator5\" class=\"simulator-step\">\r\n  <div class=\"simulator-container\">\r\n    <!-- T\u00edtulo grande: usar ID #no-theme-text -->\r\n    <h3 id=\"no-theme-text\" class=\"simulator-title\">Selecciona solo una opci\u00f3n:<\/h3>\r\n\r\n    <!-- Opciones -->\r\n    <div class=\"simulator-option\">\r\n      <input class=\"form-check-input sim5-option\" type=\"checkbox\" value=\"1\" id=\"sim5opt1\">\r\n      <label id=\"no-theme-text2\" class=\"form-check-label\" for=\"sim5opt1\">Opci\u00f3n 1<\/label>\r\n    <\/div>\r\n    <div class=\"simulator-option\">\r\n      <input class=\"form-check-input sim5-option\" type=\"checkbox\" value=\"2\" id=\"sim5opt2\">\r\n      <label id=\"no-theme-text2\" class=\"form-check-label\" for=\"sim5opt2\">Opci\u00f3n 2<\/label>\r\n    <\/div>\r\n    <div class=\"simulator-option\">\r\n      <input class=\"form-check-input sim5-option\" type=\"checkbox\" value=\"3\" id=\"sim5opt3\">\r\n      <label id=\"no-theme-text2\" class=\"form-check-label\" for=\"sim5opt3\">Opci\u00f3n 3<\/label>\r\n    <\/div>\r\n    <div class=\"simulator-option\">\r\n      <input class=\"form-check-input sim5-option\" type=\"checkbox\" value=\"4\" id=\"sim5opt4\">\r\n      <label id=\"no-theme-text2\" class=\"form-check-label\" for=\"sim5opt4\">Opci\u00f3n 4<\/label>\r\n    <\/div>\r\n    <div class=\"simulator-option\">\r\n      <input class=\"form-check-input sim5-option\" type=\"checkbox\" value=\"5\" id=\"sim5opt5\">\r\n      <label id=\"no-theme-text2\" class=\"form-check-label\" for=\"sim5opt5\">Opci\u00f3n 5<\/label>\r\n    <\/div>\r\n\r\n    <!-- Bot\u00f3n para continuar: usar ID #no-theme-text2 -->\r\n    <div class=\"simulator-button-wrapper\">\r\n      <button id=\"next-to-sim6\" class=\"btn btn-primary simulator-next no-theme-text2\">Ver resultados<\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* Color negro como fallback en light mode *\/\r\n  #test-simulator5,\r\n  #test-simulator5 h3,\r\n  #test-simulator5 label,\r\n  #test-simulator5 button {\r\n    color: #000 !important;\r\n  }\r\n\r\n  \/* Opcional: fondo azul y texto blanco *\/\r\n  #test-simulator5 .btn.btn-primary {\r\n    background-color: #007bff;\r\n    color: #FFFFFF !important;\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-674f2cf e-flex e-con-boxed e-con e-parent\" data-id=\"674f2cf\" data-element_type=\"container\" data-e-type=\"container\" id=\"test-simulator6\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a22c17 elementor-widget elementor-widget-html\" data-id=\"1a22c17\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"test-simulator6\" class=\"simulator-step\">\r\n  <div class=\"simulator-container text-center\">\r\n    <!-- T\u00edtulo grande -->\r\n    <h3 id=\"no-theme-text\" class=\"simulator-title mb-3\">Tu resultado:<\/h3>\r\n\r\n    <!-- Texto del resultado -->\r\n    <div id=\"simulator-result\" class=\"simulator-result-text mb-4 no-theme-text2\"><\/div>\r\n\r\n    <!-- Bot\u00f3n -->\r\n    <a id=\"simulator-link\" href=\"#\" target=\"_blank\" class=\"btn btn-primary simulator-next no-theme-text2\">Leer m\u00e1s<\/a>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* Color negro por defecto en light mode *\/\r\n  #test-simulator6,\r\n  #test-simulator6 h3,\r\n  #test-simulator6 .simulator-result-text,\r\n  #test-simulator6 a {\r\n    color: #000 !important;\r\n  }\r\n\r\n  \/* Bot\u00f3n con fondo azul y texto blanco *\/\r\n  #test-simulator6 .btn.btn-primary {\r\n    background-color: #007bff;\r\n    color: #FFF !important;\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d05d946 e-flex e-con-boxed e-con e-parent\" data-id=\"d05d946\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-957555a elementor-widget elementor-widget-html\" data-id=\"957555a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Bootstrap CSS -->\r\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.2\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n\r\n<!-- Bootstrap JS Bundle (opcional) -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.2\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-900da1c elementor-widget elementor-widget-html\" data-id=\"900da1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\n  \/\/ Inicializar puntaje global\r\n  window.totalScore = 0;\r\n\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    \/\/ Ocultar todos menos el primero al cargar\r\n    for (let i = 2; i <= 6; i++) {\r\n      const el = document.getElementById(\"test-simulator\" + i);\r\n      if (el) el.style.display = \"none\";\r\n    }\r\n\r\n    \/\/ Funci\u00f3n para manejar selecci\u00f3n \u00fanica (radio-like) para clases sim3-option, sim4-option, sim5-option\r\n    function setupSingleSelection(className) {\r\n      const options = document.querySelectorAll(\".\" + className);\r\n      options.forEach(option => {\r\n        option.addEventListener(\"change\", function () {\r\n          if (this.checked) {\r\n            options.forEach(el => {\r\n              if (el !== this) el.checked = false;\r\n            });\r\n          }\r\n        });\r\n      });\r\n    }\r\n\r\n    setupSingleSelection(\"sim3-option\");\r\n    setupSingleSelection(\"sim4-option\");\r\n    setupSingleSelection(\"sim5-option\");\r\n\r\n    \/\/ Bot\u00f3n start-testsim (pasar de simulador1 a simulador2)\r\n    const startBtn = document.getElementById(\"start-testsim\");\r\n    if (startBtn) {\r\n      startBtn.addEventListener(\"click\", () => {\r\n        document.getElementById(\"test-simulator1\").style.display = \"none\";\r\n        document.getElementById(\"test-simulator2\").style.display = \"block\";\r\n      });\r\n    }\r\n\r\n    \/\/ Bot\u00f3n next-to-sim3 (pasar de simulador2 a simulador3 y sumar checkbox sim2-option)\r\n    const next2Btn = document.getElementById(\"next-to-sim3\");\r\n    if (next2Btn) {\r\n      next2Btn.addEventListener(\"click\", () => {\r\n        const checkboxes = document.querySelectorAll(\"#test-simulator2 .sim2-option\");\r\n        checkboxes.forEach(cb => {\r\n          if (cb.checked) window.totalScore += parseInt(cb.value);\r\n        });\r\n        document.getElementById(\"test-simulator2\").style.display = \"none\";\r\n        document.getElementById(\"test-simulator3\").style.display = \"block\";\r\n      });\r\n    }\r\n\r\n    \/\/ Bot\u00f3n next-to-sim4 (pasar de simulador3 a simulador4 y sumar \u00fanica opci\u00f3n sim3-option)\r\n    const next3Btn = document.getElementById(\"next-to-sim4\");\r\n    if (next3Btn) {\r\n      next3Btn.addEventListener(\"click\", () => {\r\n        const selected = document.querySelector(\"#test-simulator3 .sim3-option:checked\");\r\n        if (selected) window.totalScore += parseInt(selected.value);\r\n        document.getElementById(\"test-simulator3\").style.display = \"none\";\r\n        document.getElementById(\"test-simulator4\").style.display = \"block\";\r\n      });\r\n    }\r\n\r\n    \/\/ Bot\u00f3n next-to-sim5 (pasar de simulador4 a simulador5 y sumar \u00fanica opci\u00f3n sim4-option)\r\n    const next4Btn = document.getElementById(\"next-to-sim5\");\r\n    if (next4Btn) {\r\n      next4Btn.addEventListener(\"click\", () => {\r\n        const selected = document.querySelector(\"#test-simulator4 .sim4-option:checked\");\r\n        if (selected) window.totalScore += parseInt(selected.value);\r\n        document.getElementById(\"test-simulator4\").style.display = \"none\";\r\n        document.getElementById(\"test-simulator5\").style.display = \"block\";\r\n      });\r\n    }\r\n\r\n    \/\/ Bot\u00f3n next-to-sim6 (pasar de simulador5 a simulador6, sumar \u00fanica opci\u00f3n sim5-option y mostrar resultado)\r\n    const next5Btn = document.getElementById(\"next-to-sim6\");\r\n    if (next5Btn) {\r\n      next5Btn.addEventListener(\"click\", () => {\r\n        const selected = document.querySelector(\"#test-simulator5 .sim5-option:checked\");\r\n        if (selected) window.totalScore += parseInt(selected.value);\r\n        document.getElementById(\"test-simulator5\").style.display = \"none\";\r\n        document.getElementById(\"test-simulator6\").style.display = \"block\";\r\n\r\n        mostrarResultado();\r\n      });\r\n    }\r\n\r\n    \/\/ Funci\u00f3n para mostrar resultado final seg\u00fan totalScore\r\n    function mostrarResultado() {\r\n      const score = window.totalScore || 0;\r\n      const resultElement = document.getElementById(\"simulator-result\");\r\n      const linkElement = document.getElementById(\"simulator-link\");\r\n      let resultData = {};\r\n\r\n      if (score <= 5) {\r\n        resultData = { name: \"Lesson360\", url: \"https:\/\/espacio360.info\/lesson360\/\" };\r\n      } else if (score <= 10) {\r\n        resultData = { name: \"Moodle360\", url: \"https:\/\/espacio360.info\/moodle360\/\" };\r\n      } else if (score <= 15) {\r\n        resultData = { name: \"Video Learning\", url: \"https:\/\/espacio360.info\/videolearning\/\" };\r\n      } else {\r\n        resultData = { name: \"Coaching360\", url: \"https:\/\/espacio360.info\/coaching360\/\" };\r\n      }\r\n\r\n      if (resultElement) resultElement.textContent = resultData.name;\r\n      if (linkElement) linkElement.href = resultData.url;\r\n    }\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f84174 elementor-widget elementor-widget-html\" data-id=\"2f84174\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  \/* Fondo oscuro por defecto para simular modo oscuro *\/\r\n  body {\r\n    background-color: #000;\r\n    font-family: Arial, sans-serif;\r\n  }\r\n\r\n  \/* Contenedores principales del simulador *\/\r\n  .simulator-step {\r\n    display: none;\r\n    min-height: 100vh;\r\n    width: 100%;\r\n    color: white;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding-top: 100px; \/* Asegura espacio debajo del header global *\/\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Contenedor interno centrado *\/\r\n  .simulator-container {\r\n    width: 100%;\r\n    max-width: 700px;\r\n    padding: 2rem;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* T\u00edtulos *\/\r\n  .simulator-title {\r\n    font-size: 60px;\r\n    font-weight: 700;\r\n    color: white;\r\n    line-height: 50px;\r\n    padding-bottom: 30px;\r\n  }\r\n\r\n  \/* Texto del resultado, opciones y botones *\/\r\n  .no-theme-text2 {\r\n    font-size: 25px;\r\n    font-weight: 500;\r\n    font-family: Arial, sans-serif;\r\n    color: white;\r\n  }\r\n\r\n  \/* Opciones (checkboxes y switches) *\/\r\n  .form-check-label {\r\n    font-size: 25px;\r\n    font-weight: 500;\r\n    font-family: Arial, sans-serif;\r\n    color: white;\r\n    margin-left: 10px;\r\n    line-height: 10px;\r\n    padding-bottom: 30px;\r\n  }\r\n\r\n  #test-simulator2 .form-check-label {\r\n    margin-left: -25rem; \/* Ajusta a tu gusto, por ejemplo 0.3rem o menos *\/\r\n    vertical-align: middle; \/* Alinear verticalmente *\/\r\n  }\r\n\r\n  \/* Botones *\/\r\n  .btn-primary {\r\n    font-size: 25px;\r\n    font-weight: 500;\r\n    font-family: Arial, sans-serif;\r\n    padding: 12px 30px;\r\n    margin-top: 30px;\r\n    background-color: white;\r\n    color: black;\r\n    border: none;\r\n    transition: background-color 0.3s ease, color 0.3s ease;\r\n  }\r\n\r\n  .btn-primary:hover,\r\n  .btn-primary:focus {\r\n    background-color: orange;\r\n    color: white;\r\n  }\r\n\r\n  \/* Estilos para los switches *\/\r\n  .form-check-input[type=\"checkbox\"] {\r\n    width: 3rem;\r\n    height: 1.5rem;\r\n    background-color: white;\r\n    border: 1px solid white;\r\n    cursor: pointer;\r\n    transition: background-color 0.3s, border-color 0.3s;\r\n  }\r\n\r\n  .form-check-input:checked {\r\n    background-color: orange;\r\n    border-color: orange;\r\n  }\r\n\r\n  \/* Centrado vertical con espacio superior para el header *\/\r\n  html, body {\r\n    margin: 0;\r\n    padding: 0;\r\n    height: 100%;\r\n  }\r\n\r\n  \/* ===== Reactividad seg\u00fan el tema ===== *\/\r\n  html[data-theme-mode=\"dark_mode\"] .no-theme-text {\r\n    color: #FB7C00 !important; \/* T\u00edtulos *\/\r\n  }\r\n\r\n  html[data-theme-mode=\"dark_mode\"] .no-theme-text2 {\r\n    color: #FFF !important;     \/* Texto del resultado, opciones y botones *\/\r\n    font-family: Arial, sans-serif !important;\r\n    font-size: 25px !important;\r\n    font-weight: 500 !important;\r\n  }\r\n\r\n  html[data-theme-mode=\"dark_mode\"] .no-theme-text3 {\r\n    color: #f0f0f0 !important;  \/* Otros textos secundarios *\/\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1dd91a22 e-flex e-con-boxed e-con e-parent\" data-id=\"1dd91a22\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58b3ffdd elementor-widget elementor-widget-html\" data-id=\"58b3ffdd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.11.3\/font\/bootstrap-icons.css\">\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-508077af elementor-widget elementor-widget-html\" data-id=\"508077af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"theme-toggle-button\" style=\"display: none;\">\r\n  <i id=\"theme-icon\" class=\"bi bi-moon-fill\"><\/i>\r\n<\/div>\r\n\r\n<style>\r\n  #theme-toggle-button {\r\n    position: fixed;\r\n    bottom: 40px;\r\n    right: 40px;\r\n    z-index: 9999;\r\n    width: 55px;\r\n    height: 55px;\r\n    background-color: rgba(0, 0, 0, 0.6);\r\n    backdrop-filter: blur(5px);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 28px;\r\n    cursor: pointer;\r\n    user-select: none;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);\r\n  }\r\n\r\n  \/* Hover animado *\/\r\n  #theme-toggle-button:hover {\r\n    transform: scale(1.15) rotate(10deg);\r\n    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35);\r\n  }\r\n\r\n  \/* Tema claro: fondo claro, icono negro *\/\r\n  html[data-theme-mode=\"light_mode\"] #theme-toggle-button {\r\n    background-color: rgba(255, 255, 255, 0.8);\r\n  }\r\n  html[data-theme-mode=\"light_mode\"] #theme-icon {\r\n    color: #2c2d49;\r\n  }\r\n\r\n  \/* Tema oscuro: fondo oscuro, icono blanco *\/\r\n  html[data-theme-mode=\"dark_mode\"] #theme-toggle-button {\r\n    background-color: rgba(44, 45, 73, 0.8);\r\n  }\r\n  html[data-theme-mode=\"dark_mode\"] #theme-icon {\r\n    color: #f5c000;\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function () {\r\n    const html = document.documentElement;\r\n    const button = document.getElementById(\"theme-toggle-button\");\r\n    const icon = document.getElementById(\"theme-icon\");\r\n\r\n    \/\/ Mostrar solo si no es la p\u00e1gina de inicio\r\n    const isHomePage = window.location.pathname === \"\/\";\r\n    if (!isHomePage) {\r\n      button.style.display = \"flex\";\r\n    }\r\n\r\n    \/\/ Obtener tema guardado o por defecto light_mode\r\n    let storedTheme = localStorage.getItem(\"data-theme-mode\");\r\n    if (!storedTheme) {\r\n      storedTheme = \"light_mode\";\r\n      localStorage.setItem(\"data-theme-mode\", storedTheme);\r\n    }\r\n\r\n    html.setAttribute(\"data-theme-mode\", storedTheme);\r\n    actualizarIcono(storedTheme);\r\n\r\n    \/\/ Cambiar tema al hacer clic\r\n    button.addEventListener(\"click\", function () {\r\n      const current = html.getAttribute(\"data-theme-mode\");\r\n      const nuevo = current === \"light_mode\" ? \"dark_mode\" : \"light_mode\";\r\n      html.setAttribute(\"data-theme-mode\", nuevo);\r\n      localStorage.setItem(\"data-theme-mode\", nuevo);\r\n      actualizarIcono(nuevo);\r\n    });\r\n\r\n    \/\/ Cambiar icono de Bootstrap seg\u00fan el tema\r\n    function actualizarIcono(theme) {\r\n      if (theme === \"light_mode\") {\r\n        icon.className = \"bi bi-moon-fill\";\r\n      } else {\r\n        icon.className = \"bi bi-sun-fill\";\r\n      }\r\n    }\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a420fc9 elementor-widget elementor-widget-html\" data-id=\"5a420fc9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style> \r\n  \/* Solo aplicar cuando el modo sea oscuro *\/\r\n  html[data-theme-mode=\"dark_mode\"] #no-theme-text {\r\n    color: #FB7C00 !important;\r\n  }\r\n\r\n  html[data-theme-mode=\"dark_mode\"] #no-theme-text2 {\r\n    color: #FFF !important;\r\n  }\r\n\r\n  html[data-theme-mode=\"dark_mode\"] #no-theme-text3 {\r\n    color: #f0f0f0 !important;\r\n  }\r\n\r\n    html[data-theme-mode=\"dark_mode\"] #simulator-result.no-theme-text2 {\r\n        color: #FFF !important;\r\n    }\r\n  \r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Encuentra la opci\u00f3n ideal para tu capacitaci\u00f3n Este breve simulador te ayudar\u00e1 a identificar qu\u00e9 herramienta, producto o enfoque se alinea mejor con lo que tu organizaci\u00f3n necesita. Toma menos de un minuto. No necesitas datos personales para comenzar. Comenzar simulador Selecciona las opciones que aplican: Opci\u00f3n 1 Opci\u00f3n 2 Opci\u00f3n 3 Opci\u00f3n 4 Opci\u00f3n [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-3152","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/espacio360.info\/en\/wp-json\/wp\/v2\/pages\/3152","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/espacio360.info\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/espacio360.info\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/espacio360.info\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/espacio360.info\/en\/wp-json\/wp\/v2\/comments?post=3152"}],"version-history":[{"count":117,"href":"https:\/\/espacio360.info\/en\/wp-json\/wp\/v2\/pages\/3152\/revisions"}],"predecessor-version":[{"id":5719,"href":"https:\/\/espacio360.info\/en\/wp-json\/wp\/v2\/pages\/3152\/revisions\/5719"}],"wp:attachment":[{"href":"https:\/\/espacio360.info\/en\/wp-json\/wp\/v2\/media?parent=3152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}