Test Vocacional Extendido (RIASEC)<\/title>\n <style>\n :root {\n --primary: #2563eb;\n --secondary: #64748b;\n --bg: #f8fafc;\n --card: #ffffff;\n --option-bg: #f1f5f9;\n --option-hover: #e2e8f0;\n --text-main: #1e293b;\n }\n\n body {\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n background-color: var(--bg);\n color: var(--text-main);\n margin: 0;\n padding: 20px;\n line-height: 1.6;\n }\n\n .test-container {\n max-width: 900px;\n margin: 0 auto;\n background: var(--card);\n padding: 40px;\n border-radius: 16px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.05);\n }\n\n h1 { text-align: center; color: var(--primary); margin-bottom: 10px; }\n p.subtitle { text-align: center; color: var(--secondary); margin-bottom: 40px; }\n\n \/* Estilo de la Pregunta *\/\n .question-item {\n margin-bottom: 30px;\n padding-bottom: 25px;\n border-bottom: 1px solid #e2e8f0;\n }\n\n .question-text {\n font-size: 1.15rem;\n font-weight: 600;\n margin-bottom: 15px;\n display: block;\n }\n\n \/* Estilo de las Opciones (Sin n\u00fameros) *\/\n .options-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 10px;\n }\n\n .options-grid label {\n cursor: pointer;\n position: relative;\n }\n\n .options-grid input[type=\"radio\"] {\n position: absolute;\n opacity: 0; \/* Ocultar el radio button nativo *\/\n }\n\n .option-box {\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 12px 5px;\n background: var(--option-bg);\n border-radius: 8px;\n font-size: 0.9rem;\n font-weight: 500;\n color: var(--secondary);\n transition: all 0.2s ease;\n border: 2px solid transparent;\n height: 100%;\n }\n\n .options-grid label:hover .option-box {\n background: var(--option-hover);\n transform: translateY(-2px);\n }\n\n \/* Estados Seleccionados *\/\n .options-grid input[type=\"radio\"]:checked + .option-box {\n background: var(--primary);\n color: white;\n border-color: var(--primary);\n box-shadow: 0 4px 6px rgba(37, 99, 235, 0.2);\n }\n\n \/* Bot\u00f3n Calcular *\/\n .btn-action {\n display: block;\n width: 100%;\n max-width: 300px;\n margin: 40px auto 0;\n padding: 15px;\n background-color: var(--primary);\n color: white;\n font-size: 1.1rem;\n font-weight: bold;\n text-transform: uppercase;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: background 0.3s;\n }\n .btn-action:hover { background-color: #1d4ed8; }\n\n \/* Resultados *\/\n #resultado-seccion {\n display: none;\n margin-top: 40px;\n padding: 30px;\n background: #eff6ff;\n border-radius: 12px;\n border: 1px solid #bfdbfe;\n }\n\n .result-header { text-align: center; margin-bottom: 20px; }\n .code-badge {\n background: var(--primary);\n color: white;\n padding: 5px 15px;\n border-radius: 20px;\n font-size: 1.5rem;\n font-weight: bold;\n }\n\n .career-box {\n background: white;\n padding: 20px;\n border-radius: 8px;\n margin-top: 15px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.05);\n }\n\n \/* Responsive m\u00f3vil *\/\n @media (max-width: 600px) {\n .options-grid { grid-template-columns: 1fr; } \/* Apilar opciones en m\u00f3vil *\/\n .option-box { padding: 10px; justify-content: flex-start; padding-left: 20px; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"test-container\">\n <h1>Descubre tu Vocaci\u00f3n<\/h1>\n <p class=\"subtitle\">Selecciona qu\u00e9 tanto te interesa cada actividad. No hay respuestas incorrectas.<\/p>\n\n <form id=\"vocationalForm\">\n <div id=\"quiz-content\"><\/div>\n <button type=\"button\" class=\"btn-action\" onclick=\"calcular()\">Ver mis Resultados<\/button>\n <\/form>\n\n <div id=\"resultado-seccion\">\n <div class=\"result-header\">\n <h2>Tu Perfil Profesional<\/h2>\n <span id=\"result-code\" class=\"code-badge\">—<\/span>\n <\/div>\n <div id=\"result-desc\"><\/div>\n <div class=\"career-box\">\n <h3>Carreras Recomendadas:<\/h3>\n <p id=\"result-careers\"><\/p>\n <\/div>\n <button type=\"button\" class=\"btn-action\" style=\"margin-top:20px; background:#64748b;\" onclick=\"location.reload()\">Realizar de nuevo<\/button>\n <\/div>\n<\/div>\n\n<script>\n \/* --- 1. CONFIGURACI\u00d3N: Preguntas (5 por \u00e1rea = 30 total) --- *\/\n \/* Categor\u00edas: R=Realista, I=Investigador, A=Art\u00edstico, S=Social, E=Emprendedor, C=Convencional *\/\n const bancoPreguntas = [\n \/\/ Realista\n { t: \"Reparar electrodom\u00e9sticos o motores.\", c: \"R\" },\n { t: \"Usar herramientas para trabajar madera o metal.\", c: \"R\" },\n { t: \"Cultivar plantas o cuidar jardines.\", c: \"R\" },\n { t: \"Ensamblar componentes de computadoras.\", c: \"R\" },\n { t: \"Hacer actividades f\u00edsicas al aire libre.\", c: \"R\" },\n \/\/ Investigador\n { t: \"Leer libros o art\u00edculos cient\u00edficos.\", c: \"I\" },\n { t: \"Resolver acertijos l\u00f3gicos o matem\u00e1ticos.\", c: \"I\" },\n { t: \"Analizar el por qu\u00e9 ocurren los fen\u00f3menos naturales.\", c: \"I\" },\n { t: \"Trabajar en un laboratorio haciendo experimentos.\", c: \"I\" },\n { t: \"Investigar tendencias y datos estad\u00edsticos.\", c: \"I\" },\n \/\/ Art\u00edstico\n { t: \"Dibujar, pintar o hacer esculturas.\", c: \"A\" },\n { t: \"Tocar un instrumento musical o cantar.\", c: \"A\" },\n { t: \"Dise\u00f1ar logotipos, ropa o decoraci\u00f3n.\", c: \"A\" },\n { t: \"Escribir cuentos, poes\u00eda o guiones.\", c: \"A\" },\n { t: \"Actuar en obras de teatro o hacer videos creativos.\", c: \"A\" },\n \/\/ Social\n { t: \"Ayudar a personas con problemas personales.\", c: \"S\" },\n { t: \"Ense\u00f1ar a ni\u00f1os o adultos a aprender algo nuevo.\", c: \"S\" },\n { t: \"Hacer voluntariado en comunidades.\", c: \"S\" },\n { t: \"Cuidar enfermos o ancianos.\", c: \"S\" },\n { t: \"Organizar eventos para divertir a la gente.\", c: \"S\" },\n \/\/ Emprendedor\n { t: \"Vender productos o servicios a clientes.\", c: \"E\" },\n { t: \"Dirigir un equipo de trabajo o ser jefe.\", c: \"E\" },\n { t: \"Convencer a otros de apoyar tus ideas.\", c: \"E\" },\n { t: \"Emprender tu propio negocio.\", c: \"E\" },\n { t: \"Dar discursos o presentaciones en p\u00fablico.\", c: \"E\" },\n \/\/ Convencional\n { t: \"Llevar la contabilidad o finanzas.\", c: \"C\" },\n { t: \"Organizar archivos y documentos en orden alfab\u00e9tico.\", c: \"C\" },\n { t: \"Seguir rutinas y horarios establecidos.\", c: \"C\" },\n { t: \"Trabajar con hojas de c\u00e1lculo (Excel).\", c: \"C\" },\n { t: \"Verificar que se cumplan las reglas y normas.\", c: \"C\" }\n ];\n\n \/* --- 2. GENERACI\u00d3N DEL HTML --- *\/\n const contenedor = document.getElementById(\"quiz-content\");\n \n \/\/ Escala de respuestas (Texto visible vs Valor interno)\n const opciones = [\n { txt: \"Me desagrada mucho\", val: 1 },\n { txt: \"No me gusta\", val: 2 },\n { txt: \"Indiferente\", val: 3 },\n { txt: \"Me gusta\", val: 4 },\n { txt: \"Me encanta\", val: 5 }\n ];\n\n \/\/ Barajar preguntas (Shuffle) para que no salgan en orden R-I-A-S-E-C\n const preguntasMezcladas = bancoPreguntas.sort(() => Math.random() - 0.5);\n\n preguntasMezcladas.forEach((p, index) => {\n let opcionesHTML = \"\";\n opciones.forEach(opt => {\n opcionesHTML += `\n <label>\n <input type=\"radio\" name=\"p_${index}\" value=\"${opt.val}\" data-cat=\"${p.c}\" required>\n <div class=\"option-box\">${opt.txt}<\/div>\n <\/label>\n `;\n });\n\n const html = `\n <div class=\"question-item\">\n <span class=\"question-text\">${index + 1}. ${p.t}<\/span>\n <div class=\"options-grid\">\n ${opcionesHTML}\n <\/div>\n <\/div>\n `;\n contenedor.innerHTML += html;\n });\n\n \/* --- 3. BASE DE DATOS DE RESULTADOS --- *\/\n const definiciones = {\n 'R': { t: \"Realista\", d: \"Te orientas a la acci\u00f3n y al trabajo con objetos, m\u00e1quinas o animales. Prefieres ver resultados tangibles.\", job: \"Ingenier\u00eda Civil, Mec\u00e1nica, Arquitectura, Agronom\u00eda, Gastronom\u00eda, Piloto, Veterinaria.\" },\n 'I': { t: \"Investigador\", d: \"Te apasiona el an\u00e1lisis, la l\u00f3gica y el descubrimiento. Prefieres trabajar con ideas y resolver problemas complejos.\", job: \"Ciencias (F\u00edsica, Qu\u00edmica, Biolog\u00eda), Desarrollo de Software, Medicina, Econom\u00eda, Matem\u00e1ticas.\" },\n 'A': { t: \"Art\u00edstico\", d: \"Eres creativo e intuitivo. Te gusta expresarte a trav\u00e9s de formas, colores, sonidos o palabras.\", job: \"Dise\u00f1o Gr\u00e1fico, Artes Visuales, M\u00fasica, Comunicaci\u00f3n, Publicidad, Dise\u00f1o de Modas, Escritura.\" },\n 'S': { t: \"Social\", d: \"Tu fortaleza es la empat\u00eda y la comunicaci\u00f3n. Te sientes realizado ayudando, ense\u00f1ando o cuidando a otros.\", job: \"Psicolog\u00eda, Docencia (Maestro), Enfermer\u00eda, Trabajo Social, Recursos Humanos, Turismo.\" },\n 'E': { t: \"Emprendedor\", d: \"Eres l\u00edder por naturaleza. Te gusta persuadir, gestionar proyectos y alcanzar metas organizacionales.\", job: \"Administraci\u00f3n de Empresas, Derecho, Marketing, Negocios Internacionales, Pol\u00edtica, Gerencia.\" },\n 'C': { t: \"Convencional\", d: \"Valoras el orden, la precisi\u00f3n y la eficiencia. Te desenvuelves bien gestionando datos y procesos.\", job: \"Contadur\u00eda, Finanzas, Log\u00edstica, Bibliotecolog\u00eda, Administraci\u00f3n P\u00fablica, Auditor\u00eda.\" }\n };\n\n \/* --- 4. L\u00d3GICA DE C\u00c1LCULO --- *\/\n function calcular() {\n let puntajes = { R:0, I:0, A:0, S:0, E:0, C:0 };\n let respondidas = 0;\n const total = preguntasMezcladas.length;\n\n \/\/ Recorrer inputs seleccionados\n const inputs = document.querySelectorAll('input[type=\"radio\"]:checked');\n \n inputs.forEach(inp => {\n const cat = inp.getAttribute('data-cat');\n const val = parseInt(inp.value);\n puntajes[cat] += val;\n respondidas++;\n });\n\n \/\/ Validar que todo est\u00e9 contestado\n if(respondidas < total) {\n alert(`Has respondido ${respondidas} de ${total} preguntas. Por favor completa el test.`);\n return;\n }\n\n \/\/ Ordenar categor\u00edas\n const ranking = Object.entries(puntajes)\n .sort((a, b) => b[1] - a[1]); \/\/ Orden descendente\n\n \/\/ Obtener Top 2\n const top1 = ranking[0][0]; \/\/ Letra ganadora\n const top2 = ranking[1][0]; \/\/ Segunda letra\n\n const perfil1 = definiciones[top1];\n const perfil2 = definiciones[top2];\n\n \/\/ Mostrar en pantalla\n document.getElementById('result-code').innerText = `${top1} - ${top2}`; \/\/ Ejemplo: S - A\n \n document.getElementById('result-desc').innerHTML = `\n <p><strong>Tu perfil dominante es ${perfil1.t}:<\/strong> ${perfil1.d}<\/p>\n <p><strong>Tu perfil secundario es ${perfil2.t}:<\/strong> ${perfil2.d}<\/p>\n `;\n \n document.getElementById('result-careers').innerText = \n `${perfil1.job}, ${perfil2.job}`;\n\n \/\/ Visualizar secci\u00f3n\n document.getElementById('resultado-seccion').style.display = 'block';\n document.getElementById('vocationalForm').style.display = 'none'; \/\/ Ocultar formulario para limpiar vista\n window.scrollTo({ top: 0, behavior: 'smooth' });\n }\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Test Vocacional Extendido (RIASEC) Descubre tu Vocaci\u00f3n Selecciona qu\u00e9 tanto te interesa cada actividad. No hay respuestas incorrectas. Ver mis Resultados Tu Perfil Profesional — Carreras Recomendadas: Realizar de nuevo<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Test Vocacional Extendido (RIASEC)<\/title>\n <style>\n :root {\n --primary: #2563eb;\n --secondary: #64748b;\n --bg: #f8fafc;\n --card: #ffffff;\n --option-bg: #f1f5f9;\n --option-hover: #e2e8f0;\n --text-main: #1e293b;\n }\n\n body {\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n background-color: var(--bg);\n color: var(--text-main);\n margin: 0;\n padding: 20px;\n line-height: 1.6;\n }\n\n .test-container {\n max-width: 900px;\n margin: 0 auto;\n background: var(--card);\n padding: 40px;\n border-radius: 16px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.05);\n }\n\n h1 { text-align: center; color: var(--primary); margin-bottom: 10px; }\n p.subtitle { text-align: center; color: var(--secondary); margin-bottom: 40px; }\n\n \/* Estilo de la Pregunta *\/\n .question-item {\n margin-bottom: 30px;\n padding-bottom: 25px;\n border-bottom: 1px solid #e2e8f0;\n }\n\n .question-text {\n font-size: 1.15rem;\n font-weight: 600;\n margin-bottom: 15px;\n display: block;\n }\n\n \/* Estilo de las Opciones (Sin n\u00fameros) *\/\n .options-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 10px;\n }\n\n .options-grid label {\n cursor: pointer;\n position: relative;\n }\n\n .options-grid input[type=\"radio\"] {\n position: absolute;\n opacity: 0; \/* Ocultar el radio button nativo *\/\n }\n\n .option-box {\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 12px 5px;\n background: var(--option-bg);\n border-radius: 8px;\n font-size: 0.9rem;\n font-weight: 500;\n color: var(--secondary);\n transition: all 0.2s ease;\n border: 2px solid transparent;\n height: 100%;\n }\n\n .options-grid label:hover .option-box {\n background: var(--option-hover);\n transform: translateY(-2px);\n }\n\n \/* Estados Seleccionados *\/\n .options-grid input[type=\"radio\"]:checked + .option-box {\n background: var(--primary);\n color: white;\n border-color: var(--primary);\n box-shadow: 0 4px 6px rgba(37, 99, 235, 0.2);\n }\n\n \/* Bot\u00f3n Calcular *\/\n .btn-action {\n display: block;\n width: 100%;\n max-width: 300px;\n margin: 40px auto 0;\n padding: 15px;\n background-color: var(--primary);\n color: white;\n font-size: 1.1rem;\n font-weight: bold;\n text-transform: uppercase;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: background 0.3s;\n }\n .btn-action:hover { background-color: #1d4ed8; }\n\n \/* Resultados *\/\n #resultado-seccion {\n display: none;\n margin-top: 40px;\n padding: 30px;\n background: #eff6ff;\n border-radius: 12px;\n border: 1px solid #bfdbfe;\n }\n\n .result-header { text-align: center; margin-bottom: 20px; }\n .code-badge {\n background: var(--primary);\n color: white;\n padding: 5px 15px;\n border-radius: 20px;\n font-size: 1.5rem;\n font-weight: bold;\n }\n\n .career-box {\n background: white;\n padding: 20px;\n border-radius: 8px;\n margin-top: 15px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.05);\n }\n\n \/* Responsive m\u00f3vil *\/\n @media (max-width: 600px) {\n .options-grid { grid-template-columns: 1fr; } \/* Apilar opciones en m\u00f3vil *\/\n .option-box { padding: 10px; justify-content: flex-start; padding-left: 20px; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"test-container\">\n <h1>Descubre tu Vocaci\u00f3n<\/h1>\n <p class=\"subtitle\">Selecciona qu\u00e9 tanto te interesa cada actividad. No hay respuestas incorrectas.<\/p>\n\n <form id=\"vocationalForm\">\n <div id=\"quiz-content\"><\/div>\n <button type=\"button\" class=\"btn-action\" onclick=\"calcular()\">Ver mis Resultados<\/button>\n <\/form>\n\n <div id=\"resultado-seccion\">\n <div class=\"result-header\">\n <h2>Tu Perfil Profesional<\/h2>\n <span id=\"result-code\" class=\"code-badge\">---<\/span>\n <\/div>\n <div id=\"result-desc\"><\/div>\n <div class=\"career-box\">\n <h3>Carreras Recomendadas:<\/h3>\n <p id=\"result-careers\"><\/p>\n <\/div>\n <button type=\"button\" class=\"btn-action\" style=\"margin-top:20px; background:#64748b;\" onclick=\"location.reload()\">Realizar de nuevo<\/button>\n <\/div>\n<\/div>\n\n<script>\n \/* --- 1. CONFIGURACI\u00d3N: Preguntas (5 por \u00e1rea = 30 total) --- *\/\n \/* Categor\u00edas: R=Realista, I=Investigador, A=Art\u00edstico, S=Social, E=Emprendedor, C=Convencional *\/\n const bancoPreguntas = [\n \/\/ Realista\n { t: \"Reparar electrodom\u00e9sticos o motores.\", c: \"R\" },\n { t: \"Usar herramientas para trabajar madera o metal.\", c: \"R\" },\n { t: \"Cultivar plantas o cuidar jardines.\", c: \"R\" },\n { t: \"Ensamblar componentes de computadoras.\", c: \"R\" },\n { t: \"Hacer actividades f\u00edsicas al aire libre.\", c: \"R\" },\n \/\/ Investigador\n { t: \"Leer libros o art\u00edculos cient\u00edficos.\", c: \"I\" },\n { t: \"Resolver acertijos l\u00f3gicos o matem\u00e1ticos.\", c: \"I\" },\n { t: \"Analizar el por qu\u00e9 ocurren los fen\u00f3menos naturales.\", c: \"I\" },\n { t: \"Trabajar en un laboratorio haciendo experimentos.\", c: \"I\" },\n { t: \"Investigar tendencias y datos estad\u00edsticos.\", c: \"I\" },\n \/\/ Art\u00edstico\n { t: \"Dibujar, pintar o hacer esculturas.\", c: \"A\" },\n { t: \"Tocar un instrumento musical o cantar.\", c: \"A\" },\n { t: \"Dise\u00f1ar logotipos, ropa o decoraci\u00f3n.\", c: \"A\" },\n { t: \"Escribir cuentos, poes\u00eda o guiones.\", c: \"A\" },\n { t: \"Actuar en obras de teatro o hacer videos creativos.\", c: \"A\" },\n \/\/ Social\n { t: \"Ayudar a personas con problemas personales.\", c: \"S\" },\n { t: \"Ense\u00f1ar a ni\u00f1os o adultos a aprender algo nuevo.\", c: \"S\" },\n { t: \"Hacer voluntariado en comunidades.\", c: \"S\" },\n { t: \"Cuidar enfermos o ancianos.\", c: \"S\" },\n { t: \"Organizar eventos para divertir a la gente.\", c: \"S\" },\n \/\/ Emprendedor\n { t: \"Vender productos o servicios a clientes.\", c: \"E\" },\n { t: \"Dirigir un equipo de trabajo o ser jefe.\", c: \"E\" },\n { t: \"Convencer a otros de apoyar tus ideas.\", c: \"E\" },\n { t: \"Emprender tu propio negocio.\", c: \"E\" },\n { t: \"Dar discursos o presentaciones en p\u00fablico.\", c: \"E\" },\n \/\/ Convencional\n { t: \"Llevar la contabilidad o finanzas.\", c: \"C\" },\n { t: \"Organizar archivos y documentos en orden alfab\u00e9tico.\", c: \"C\" },\n { t: \"Seguir rutinas y horarios establecidos.\", c: \"C\" },\n { t: \"Trabajar con hojas de c\u00e1lculo (Excel).\", c: \"C\" },\n { t: \"Verificar que se cumplan las reglas y normas.\", c: \"C\" }\n ];\n\n \/* --- 2. GENERACI\u00d3N DEL HTML --- *\/\n const contenedor = document.getElementById(\"quiz-content\");\n \n \/\/ Escala de respuestas (Texto visible vs Valor interno)\n const opciones = [\n { txt: \"Me desagrada mucho\", val: 1 },\n { txt: \"No me gusta\", val: 2 },\n { txt: \"Indiferente\", val: 3 },\n { txt: \"Me gusta\", val: 4 },\n { txt: \"Me encanta\", val: 5 }\n ];\n\n \/\/ Barajar preguntas (Shuffle) para que no salgan en orden R-I-A-S-E-C\n const preguntasMezcladas = bancoPreguntas.sort(() => Math.random() - 0.5);\n\n preguntasMezcladas.forEach((p, index) => {\n let opcionesHTML = \"\";\n opciones.forEach(opt => {\n opcionesHTML += `\n <label>\n <input type=\"radio\" name=\"p_${index}\" value=\"${opt.val}\" data-cat=\"${p.c}\" required>\n <div class=\"option-box\">${opt.txt}<\/div>\n <\/label>\n `;\n });\n\n const html = `\n <div class=\"question-item\">\n <span class=\"question-text\">${index + 1}. ${p.t}<\/span>\n <div class=\"options-grid\">\n ${opcionesHTML}\n <\/div>\n <\/div>\n `;\n contenedor.innerHTML += html;\n });\n\n \/* --- 3. BASE DE DATOS DE RESULTADOS --- *\/\n const definiciones = {\n 'R': { t: \"Realista\", d: \"Te orientas a la acci\u00f3n y al trabajo con objetos, m\u00e1quinas o animales. Prefieres ver resultados tangibles.\", job: \"Ingenier\u00eda Civil, Mec\u00e1nica, Arquitectura, Agronom\u00eda, Gastronom\u00eda, Piloto, Veterinaria.\" },\n 'I': { t: \"Investigador\", d: \"Te apasiona el an\u00e1lisis, la l\u00f3gica y el descubrimiento. Prefieres trabajar con ideas y resolver problemas complejos.\", job: \"Ciencias (F\u00edsica, Qu\u00edmica, Biolog\u00eda), Desarrollo de Software, Medicina, Econom\u00eda, Matem\u00e1ticas.\" },\n 'A': { t: \"Art\u00edstico\", d: \"Eres creativo e intuitivo. Te gusta expresarte a trav\u00e9s de formas, colores, sonidos o palabras.\", job: \"Dise\u00f1o Gr\u00e1fico, Artes Visuales, M\u00fasica, Comunicaci\u00f3n, Publicidad, Dise\u00f1o de Modas, Escritura.\" },\n 'S': { t: \"Social\", d: \"Tu fortaleza es la empat\u00eda y la comunicaci\u00f3n. Te sientes realizado ayudando, ense\u00f1ando o cuidando a otros.\", job: \"Psicolog\u00eda, Docencia (Maestro), Enfermer\u00eda, Trabajo Social, Recursos Humanos, Turismo.\" },\n 'E': { t: \"Emprendedor\", d: \"Eres l\u00edder por naturaleza. Te gusta persuadir, gestionar proyectos y alcanzar metas organizacionales.\", job: \"Administraci\u00f3n de Empresas, Derecho, Marketing, Negocios Internacionales, Pol\u00edtica, Gerencia.\" },\n 'C': { t: \"Convencional\", d: \"Valoras el orden, la precisi\u00f3n y la eficiencia. Te desenvuelves bien gestionando datos y procesos.\", job: \"Contadur\u00eda, Finanzas, Log\u00edstica, Bibliotecolog\u00eda, Administraci\u00f3n P\u00fablica, Auditor\u00eda.\" }\n };\n\n \/* --- 4. L\u00d3GICA DE C\u00c1LCULO --- *\/\n function calcular() {\n let puntajes = { R:0, I:0, A:0, S:0, E:0, C:0 };\n let respondidas = 0;\n const total = preguntasMezcladas.length;\n\n \/\/ Recorrer inputs seleccionados\n const inputs = document.querySelectorAll('input[type=\"radio\"]:checked');\n \n inputs.forEach(inp => {\n const cat = inp.getAttribute('data-cat');\n const val = parseInt(inp.value);\n puntajes[cat] += val;\n respondidas++;\n });\n\n \/\/ Validar que todo est\u00e9 contestado\n if(respondidas < total) {\n alert(`Has respondido ${respondidas} de ${total} preguntas. Por favor completa el test.`);\n return;\n }\n\n \/\/ Ordenar categor\u00edas\n const ranking = Object.entries(puntajes)\n .sort((a, b) => b[1] - a[1]); \/\/ Orden descendente\n\n \/\/ Obtener Top 2\n const top1 = ranking[0][0]; \/\/ Letra ganadora\n const top2 = ranking[1][0]; \/\/ Segunda letra\n\n const perfil1 = definiciones[top1];\n const perfil2 = definiciones[top2];\n\n \/\/ Mostrar en pantalla\n document.getElementById('result-code').innerText = `${top1} - ${top2}`; \/\/ Ejemplo: S - A\n \n document.getElementById('result-desc').innerHTML = `\n <p><strong>Tu perfil dominante es ${perfil1.t}:<\/strong> ${perfil1.d}<\/p>\n <p><strong>Tu perfil secundario es ${perfil2.t}:<\/strong> ${perfil2.d}<\/p>\n `;\n \n document.getElementById('result-careers').innerText = \n `${perfil1.job}, ${perfil2.job}`;\n\n \/\/ Visualizar secci\u00f3n\n document.getElementById('resultado-seccion').style.display = 'block';\n document.getElementById('vocationalForm').style.display = 'none'; \/\/ Ocultar formulario para limpiar vista\n window.scrollTo({ top: 0, behavior: 'smooth' });\n }\n<\/script>\n\n<\/body>\n<\/html>\n","_et_gb_content_width":"","footnotes":""},"class_list":["post-290","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/uvhm.site\/2026\/wp-json\/wp\/v2\/pages\/290","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uvhm.site\/2026\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uvhm.site\/2026\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uvhm.site\/2026\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uvhm.site\/2026\/wp-json\/wp\/v2\/comments?post=290"}],"version-history":[{"count":7,"href":"https:\/\/uvhm.site\/2026\/wp-json\/wp\/v2\/pages\/290\/revisions"}],"predecessor-version":[{"id":301,"href":"https:\/\/uvhm.site\/2026\/wp-json\/wp\/v2\/pages\/290\/revisions\/301"}],"wp:attachment":[{"href":"https:\/\/uvhm.site\/2026\/wp-json\/wp\/v2\/media?parent=290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":290,"date":"2025-12-15T05:31:59","date_gmt":"2025-12-15T05:31:59","guid":{"rendered":"https:\/\/uvhm.site\/2026\/?page_id=290"},"modified":"2025-12-15T05:50:54","modified_gmt":"2025-12-15T05:50:54","slug":"vocacion","status":"publish","type":"page","link":"https:\/\/uvhm.site\/2026\/vocacion\/","title":{"rendered":"Test vocacional de UVHM"},"content":{"rendered":"\n\n\n\n \n \n Test Vocacional Extendido (RIASEC)<\/title>\n <style>\n :root {\n --primary: #2563eb;\n --secondary: #64748b;\n --bg: #f8fafc;\n --card: #ffffff;\n --option-bg: #f1f5f9;\n --option-hover: #e2e8f0;\n --text-main: #1e293b;\n }\n\n body {\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n background-color: var(--bg);\n color: var(--text-main);\n margin: 0;\n padding: 20px;\n line-height: 1.6;\n }\n\n .test-container {\n max-width: 900px;\n margin: 0 auto;\n background: var(--card);\n padding: 40px;\n border-radius: 16px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.05);\n }\n\n h1 { text-align: center; color: var(--primary); margin-bottom: 10px; }\n p.subtitle { text-align: center; color: var(--secondary); margin-bottom: 40px; }\n\n \/* Estilo de la Pregunta *\/\n .question-item {\n margin-bottom: 30px;\n padding-bottom: 25px;\n border-bottom: 1px solid #e2e8f0;\n }\n\n .question-text {\n font-size: 1.15rem;\n font-weight: 600;\n margin-bottom: 15px;\n display: block;\n }\n\n \/* Estilo de las Opciones (Sin n\u00fameros) *\/\n .options-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 10px;\n }\n\n .options-grid label {\n cursor: pointer;\n position: relative;\n }\n\n .options-grid input[type=\"radio\"] {\n position: absolute;\n opacity: 0; \/* Ocultar el radio button nativo *\/\n }\n\n .option-box {\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 12px 5px;\n background: var(--option-bg);\n border-radius: 8px;\n font-size: 0.9rem;\n font-weight: 500;\n color: var(--secondary);\n transition: all 0.2s ease;\n border: 2px solid transparent;\n height: 100%;\n }\n\n .options-grid label:hover .option-box {\n background: var(--option-hover);\n transform: translateY(-2px);\n }\n\n \/* Estados Seleccionados *\/\n .options-grid input[type=\"radio\"]:checked + .option-box {\n background: var(--primary);\n color: white;\n border-color: var(--primary);\n box-shadow: 0 4px 6px rgba(37, 99, 235, 0.2);\n }\n\n \/* Bot\u00f3n Calcular *\/\n .btn-action {\n display: block;\n width: 100%;\n max-width: 300px;\n margin: 40px auto 0;\n padding: 15px;\n background-color: var(--primary);\n color: white;\n font-size: 1.1rem;\n font-weight: bold;\n text-transform: uppercase;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: background 0.3s;\n }\n .btn-action:hover { background-color: #1d4ed8; }\n\n \/* Resultados *\/\n #resultado-seccion {\n display: none;\n margin-top: 40px;\n padding: 30px;\n background: #eff6ff;\n border-radius: 12px;\n border: 1px solid #bfdbfe;\n }\n\n .result-header { text-align: center; margin-bottom: 20px; }\n .code-badge {\n background: var(--primary);\n color: white;\n padding: 5px 15px;\n border-radius: 20px;\n font-size: 1.5rem;\n font-weight: bold;\n }\n\n .career-box {\n background: white;\n padding: 20px;\n border-radius: 8px;\n margin-top: 15px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.05);\n }\n\n \/* Responsive m\u00f3vil *\/\n @media (max-width: 600px) {\n .options-grid { grid-template-columns: 1fr; } \/* Apilar opciones en m\u00f3vil *\/\n .option-box { padding: 10px; justify-content: flex-start; padding-left: 20px; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"test-container\">\n <h1>Descubre tu Vocaci\u00f3n<\/h1>\n <p class=\"subtitle\">Selecciona qu\u00e9 tanto te interesa cada actividad. No hay respuestas incorrectas.<\/p>\n\n <form id=\"vocationalForm\">\n <div id=\"quiz-content\"><\/div>\n <button type=\"button\" class=\"btn-action\" onclick=\"calcular()\">Ver mis Resultados<\/button>\n <\/form>\n\n <div id=\"resultado-seccion\">\n <div class=\"result-header\">\n <h2>Tu Perfil Profesional<\/h2>\n <span id=\"result-code\" class=\"code-badge\">—<\/span>\n <\/div>\n <div id=\"result-desc\"><\/div>\n <div class=\"career-box\">\n <h3>Carreras Recomendadas:<\/h3>\n <p id=\"result-careers\"><\/p>\n <\/div>\n <button type=\"button\" class=\"btn-action\" style=\"margin-top:20px; background:#64748b;\" onclick=\"location.reload()\">Realizar de nuevo<\/button>\n <\/div>\n<\/div>\n\n<script>\n \/* --- 1. CONFIGURACI\u00d3N: Preguntas (5 por \u00e1rea = 30 total) --- *\/\n \/* Categor\u00edas: R=Realista, I=Investigador, A=Art\u00edstico, S=Social, E=Emprendedor, C=Convencional *\/\n const bancoPreguntas = [\n \/\/ Realista\n { t: \"Reparar electrodom\u00e9sticos o motores.\", c: \"R\" },\n { t: \"Usar herramientas para trabajar madera o metal.\", c: \"R\" },\n { t: \"Cultivar plantas o cuidar jardines.\", c: \"R\" },\n { t: \"Ensamblar componentes de computadoras.\", c: \"R\" },\n { t: \"Hacer actividades f\u00edsicas al aire libre.\", c: \"R\" },\n \/\/ Investigador\n { t: \"Leer libros o art\u00edculos cient\u00edficos.\", c: \"I\" },\n { t: \"Resolver acertijos l\u00f3gicos o matem\u00e1ticos.\", c: \"I\" },\n { t: \"Analizar el por qu\u00e9 ocurren los fen\u00f3menos naturales.\", c: \"I\" },\n { t: \"Trabajar en un laboratorio haciendo experimentos.\", c: \"I\" },\n { t: \"Investigar tendencias y datos estad\u00edsticos.\", c: \"I\" },\n \/\/ Art\u00edstico\n { t: \"Dibujar, pintar o hacer esculturas.\", c: \"A\" },\n { t: \"Tocar un instrumento musical o cantar.\", c: \"A\" },\n { t: \"Dise\u00f1ar logotipos, ropa o decoraci\u00f3n.\", c: \"A\" },\n { t: \"Escribir cuentos, poes\u00eda o guiones.\", c: \"A\" },\n { t: \"Actuar en obras de teatro o hacer videos creativos.\", c: \"A\" },\n \/\/ Social\n { t: \"Ayudar a personas con problemas personales.\", c: \"S\" },\n { t: \"Ense\u00f1ar a ni\u00f1os o adultos a aprender algo nuevo.\", c: \"S\" },\n { t: \"Hacer voluntariado en comunidades.\", c: \"S\" },\n { t: \"Cuidar enfermos o ancianos.\", c: \"S\" },\n { t: \"Organizar eventos para divertir a la gente.\", c: \"S\" },\n \/\/ Emprendedor\n { t: \"Vender productos o servicios a clientes.\", c: \"E\" },\n { t: \"Dirigir un equipo de trabajo o ser jefe.\", c: \"E\" },\n { t: \"Convencer a otros de apoyar tus ideas.\", c: \"E\" },\n { t: \"Emprender tu propio negocio.\", c: \"E\" },\n { t: \"Dar discursos o presentaciones en p\u00fablico.\", c: \"E\" },\n \/\/ Convencional\n { t: \"Llevar la contabilidad o finanzas.\", c: \"C\" },\n { t: \"Organizar archivos y documentos en orden alfab\u00e9tico.\", c: \"C\" },\n { t: \"Seguir rutinas y horarios establecidos.\", c: \"C\" },\n { t: \"Trabajar con hojas de c\u00e1lculo (Excel).\", c: \"C\" },\n { t: \"Verificar que se cumplan las reglas y normas.\", c: \"C\" }\n ];\n\n \/* --- 2. GENERACI\u00d3N DEL HTML --- *\/\n const contenedor = document.getElementById(\"quiz-content\");\n \n \/\/ Escala de respuestas (Texto visible vs Valor interno)\n const opciones = [\n { txt: \"Me desagrada mucho\", val: 1 },\n { txt: \"No me gusta\", val: 2 },\n { txt: \"Indiferente\", val: 3 },\n { txt: \"Me gusta\", val: 4 },\n { txt: \"Me encanta\", val: 5 }\n ];\n\n \/\/ Barajar preguntas (Shuffle) para que no salgan en orden R-I-A-S-E-C\n const preguntasMezcladas = bancoPreguntas.sort(() => Math.random() - 0.5);\n\n preguntasMezcladas.forEach((p, index) => {\n let opcionesHTML = \"\";\n opciones.forEach(opt => {\n opcionesHTML += `\n <label>\n <input type=\"radio\" name=\"p_${index}\" value=\"${opt.val}\" data-cat=\"${p.c}\" required>\n <div class=\"option-box\">${opt.txt}<\/div>\n <\/label>\n `;\n });\n\n const html = `\n <div class=\"question-item\">\n <span class=\"question-text\">${index + 1}. ${p.t}<\/span>\n <div class=\"options-grid\">\n ${opcionesHTML}\n <\/div>\n <\/div>\n `;\n contenedor.innerHTML += html;\n });\n\n \/* --- 3. BASE DE DATOS DE RESULTADOS --- *\/\n const definiciones = {\n 'R': { t: \"Realista\", d: \"Te orientas a la acci\u00f3n y al trabajo con objetos, m\u00e1quinas o animales. Prefieres ver resultados tangibles.\", job: \"Ingenier\u00eda Civil, Mec\u00e1nica, Arquitectura, Agronom\u00eda, Gastronom\u00eda, Piloto, Veterinaria.\" },\n 'I': { t: \"Investigador\", d: \"Te apasiona el an\u00e1lisis, la l\u00f3gica y el descubrimiento. Prefieres trabajar con ideas y resolver problemas complejos.\", job: \"Ciencias (F\u00edsica, Qu\u00edmica, Biolog\u00eda), Desarrollo de Software, Medicina, Econom\u00eda, Matem\u00e1ticas.\" },\n 'A': { t: \"Art\u00edstico\", d: \"Eres creativo e intuitivo. Te gusta expresarte a trav\u00e9s de formas, colores, sonidos o palabras.\", job: \"Dise\u00f1o Gr\u00e1fico, Artes Visuales, M\u00fasica, Comunicaci\u00f3n, Publicidad, Dise\u00f1o de Modas, Escritura.\" },\n 'S': { t: \"Social\", d: \"Tu fortaleza es la empat\u00eda y la comunicaci\u00f3n. Te sientes realizado ayudando, ense\u00f1ando o cuidando a otros.\", job: \"Psicolog\u00eda, Docencia (Maestro), Enfermer\u00eda, Trabajo Social, Recursos Humanos, Turismo.\" },\n 'E': { t: \"Emprendedor\", d: \"Eres l\u00edder por naturaleza. Te gusta persuadir, gestionar proyectos y alcanzar metas organizacionales.\", job: \"Administraci\u00f3n de Empresas, Derecho, Marketing, Negocios Internacionales, Pol\u00edtica, Gerencia.\" },\n 'C': { t: \"Convencional\", d: \"Valoras el orden, la precisi\u00f3n y la eficiencia. Te desenvuelves bien gestionando datos y procesos.\", job: \"Contadur\u00eda, Finanzas, Log\u00edstica, Bibliotecolog\u00eda, Administraci\u00f3n P\u00fablica, Auditor\u00eda.\" }\n };\n\n \/* --- 4. L\u00d3GICA DE C\u00c1LCULO --- *\/\n function calcular() {\n let puntajes = { R:0, I:0, A:0, S:0, E:0, C:0 };\n let respondidas = 0;\n const total = preguntasMezcladas.length;\n\n \/\/ Recorrer inputs seleccionados\n const inputs = document.querySelectorAll('input[type=\"radio\"]:checked');\n \n inputs.forEach(inp => {\n const cat = inp.getAttribute('data-cat');\n const val = parseInt(inp.value);\n puntajes[cat] += val;\n respondidas++;\n });\n\n \/\/ Validar que todo est\u00e9 contestado\n if(respondidas < total) {\n alert(`Has respondido ${respondidas} de ${total} preguntas. Por favor completa el test.`);\n return;\n }\n\n \/\/ Ordenar categor\u00edas\n const ranking = Object.entries(puntajes)\n .sort((a, b) => b[1] - a[1]); \/\/ Orden descendente\n\n \/\/ Obtener Top 2\n const top1 = ranking[0][0]; \/\/ Letra ganadora\n const top2 = ranking[1][0]; \/\/ Segunda letra\n\n const perfil1 = definiciones[top1];\n const perfil2 = definiciones[top2];\n\n \/\/ Mostrar en pantalla\n document.getElementById('result-code').innerText = `${top1} - ${top2}`; \/\/ Ejemplo: S - A\n \n document.getElementById('result-desc').innerHTML = `\n <p><strong>Tu perfil dominante es ${perfil1.t}:<\/strong> ${perfil1.d}<\/p>\n <p><strong>Tu perfil secundario es ${perfil2.t}:<\/strong> ${perfil2.d}<\/p>\n `;\n \n document.getElementById('result-careers').innerText = \n `${perfil1.job}, ${perfil2.job}`;\n\n \/\/ Visualizar secci\u00f3n\n document.getElementById('resultado-seccion').style.display = 'block';\n document.getElementById('vocationalForm').style.display = 'none'; \/\/ Ocultar formulario para limpiar vista\n window.scrollTo({ top: 0, behavior: 'smooth' });\n }\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Test Vocacional Extendido (RIASEC) Descubre tu Vocaci\u00f3n Selecciona qu\u00e9 tanto te interesa cada actividad. No hay respuestas incorrectas. Ver mis Resultados Tu Perfil Profesional — Carreras Recomendadas: Realizar de nuevo<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Test Vocacional Extendido (RIASEC)<\/title>\n <style>\n :root {\n --primary: #2563eb;\n --secondary: #64748b;\n --bg: #f8fafc;\n --card: #ffffff;\n --option-bg: #f1f5f9;\n --option-hover: #e2e8f0;\n --text-main: #1e293b;\n }\n\n body {\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n background-color: var(--bg);\n color: var(--text-main);\n margin: 0;\n padding: 20px;\n line-height: 1.6;\n }\n\n .test-container {\n max-width: 900px;\n margin: 0 auto;\n background: var(--card);\n padding: 40px;\n border-radius: 16px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.05);\n }\n\n h1 { text-align: center; color: var(--primary); margin-bottom: 10px; }\n p.subtitle { text-align: center; color: var(--secondary); margin-bottom: 40px; }\n\n \/* Estilo de la Pregunta *\/\n .question-item {\n margin-bottom: 30px;\n padding-bottom: 25px;\n border-bottom: 1px solid #e2e8f0;\n }\n\n .question-text {\n font-size: 1.15rem;\n font-weight: 600;\n margin-bottom: 15px;\n display: block;\n }\n\n \/* Estilo de las Opciones (Sin n\u00fameros) *\/\n .options-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 10px;\n }\n\n .options-grid label {\n cursor: pointer;\n position: relative;\n }\n\n .options-grid input[type=\"radio\"] {\n position: absolute;\n opacity: 0; \/* Ocultar el radio button nativo *\/\n }\n\n .option-box {\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 12px 5px;\n background: var(--option-bg);\n border-radius: 8px;\n font-size: 0.9rem;\n font-weight: 500;\n color: var(--secondary);\n transition: all 0.2s ease;\n border: 2px solid transparent;\n height: 100%;\n }\n\n .options-grid label:hover .option-box {\n background: var(--option-hover);\n transform: translateY(-2px);\n }\n\n \/* Estados Seleccionados *\/\n .options-grid input[type=\"radio\"]:checked + .option-box {\n background: var(--primary);\n color: white;\n border-color: var(--primary);\n box-shadow: 0 4px 6px rgba(37, 99, 235, 0.2);\n }\n\n \/* Bot\u00f3n Calcular *\/\n .btn-action {\n display: block;\n width: 100%;\n max-width: 300px;\n margin: 40px auto 0;\n padding: 15px;\n background-color: var(--primary);\n color: white;\n font-size: 1.1rem;\n font-weight: bold;\n text-transform: uppercase;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: background 0.3s;\n }\n .btn-action:hover { background-color: #1d4ed8; }\n\n \/* Resultados *\/\n #resultado-seccion {\n display: none;\n margin-top: 40px;\n padding: 30px;\n background: #eff6ff;\n border-radius: 12px;\n border: 1px solid #bfdbfe;\n }\n\n .result-header { text-align: center; margin-bottom: 20px; }\n .code-badge {\n background: var(--primary);\n color: white;\n padding: 5px 15px;\n border-radius: 20px;\n font-size: 1.5rem;\n font-weight: bold;\n }\n\n .career-box {\n background: white;\n padding: 20px;\n border-radius: 8px;\n margin-top: 15px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.05);\n }\n\n \/* Responsive m\u00f3vil *\/\n @media (max-width: 600px) {\n .options-grid { grid-template-columns: 1fr; } \/* Apilar opciones en m\u00f3vil *\/\n .option-box { padding: 10px; justify-content: flex-start; padding-left: 20px; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"test-container\">\n <h1>Descubre tu Vocaci\u00f3n<\/h1>\n <p class=\"subtitle\">Selecciona qu\u00e9 tanto te interesa cada actividad. No hay respuestas incorrectas.<\/p>\n\n <form id=\"vocationalForm\">\n <div id=\"quiz-content\"><\/div>\n <button type=\"button\" class=\"btn-action\" onclick=\"calcular()\">Ver mis Resultados<\/button>\n <\/form>\n\n <div id=\"resultado-seccion\">\n <div class=\"result-header\">\n <h2>Tu Perfil Profesional<\/h2>\n <span id=\"result-code\" class=\"code-badge\">---<\/span>\n <\/div>\n <div id=\"result-desc\"><\/div>\n <div class=\"career-box\">\n <h3>Carreras Recomendadas:<\/h3>\n <p id=\"result-careers\"><\/p>\n <\/div>\n <button type=\"button\" class=\"btn-action\" style=\"margin-top:20px; background:#64748b;\" onclick=\"location.reload()\">Realizar de nuevo<\/button>\n <\/div>\n<\/div>\n\n<script>\n \/* --- 1. CONFIGURACI\u00d3N: Preguntas (5 por \u00e1rea = 30 total) --- *\/\n \/* Categor\u00edas: R=Realista, I=Investigador, A=Art\u00edstico, S=Social, E=Emprendedor, C=Convencional *\/\n const bancoPreguntas = [\n \/\/ Realista\n { t: \"Reparar electrodom\u00e9sticos o motores.\", c: \"R\" },\n { t: \"Usar herramientas para trabajar madera o metal.\", c: \"R\" },\n { t: \"Cultivar plantas o cuidar jardines.\", c: \"R\" },\n { t: \"Ensamblar componentes de computadoras.\", c: \"R\" },\n { t: \"Hacer actividades f\u00edsicas al aire libre.\", c: \"R\" },\n \/\/ Investigador\n { t: \"Leer libros o art\u00edculos cient\u00edficos.\", c: \"I\" },\n { t: \"Resolver acertijos l\u00f3gicos o matem\u00e1ticos.\", c: \"I\" },\n { t: \"Analizar el por qu\u00e9 ocurren los fen\u00f3menos naturales.\", c: \"I\" },\n { t: \"Trabajar en un laboratorio haciendo experimentos.\", c: \"I\" },\n { t: \"Investigar tendencias y datos estad\u00edsticos.\", c: \"I\" },\n \/\/ Art\u00edstico\n { t: \"Dibujar, pintar o hacer esculturas.\", c: \"A\" },\n { t: \"Tocar un instrumento musical o cantar.\", c: \"A\" },\n { t: \"Dise\u00f1ar logotipos, ropa o decoraci\u00f3n.\", c: \"A\" },\n { t: \"Escribir cuentos, poes\u00eda o guiones.\", c: \"A\" },\n { t: \"Actuar en obras de teatro o hacer videos creativos.\", c: \"A\" },\n \/\/ Social\n { t: \"Ayudar a personas con problemas personales.\", c: \"S\" },\n { t: \"Ense\u00f1ar a ni\u00f1os o adultos a aprender algo nuevo.\", c: \"S\" },\n { t: \"Hacer voluntariado en comunidades.\", c: \"S\" },\n { t: \"Cuidar enfermos o ancianos.\", c: \"S\" },\n { t: \"Organizar eventos para divertir a la gente.\", c: \"S\" },\n \/\/ Emprendedor\n { t: \"Vender productos o servicios a clientes.\", c: \"E\" },\n { t: \"Dirigir un equipo de trabajo o ser jefe.\", c: \"E\" },\n { t: \"Convencer a otros de apoyar tus ideas.\", c: \"E\" },\n { t: \"Emprender tu propio negocio.\", c: \"E\" },\n { t: \"Dar discursos o presentaciones en p\u00fablico.\", c: \"E\" },\n \/\/ Convencional\n { t: \"Llevar la contabilidad o finanzas.\", c: \"C\" },\n { t: \"Organizar archivos y documentos en orden alfab\u00e9tico.\", c: \"C\" },\n { t: \"Seguir rutinas y horarios establecidos.\", c: \"C\" },\n { t: \"Trabajar con hojas de c\u00e1lculo (Excel).\", c: \"C\" },\n { t: \"Verificar que se cumplan las reglas y normas.\", c: \"C\" }\n ];\n\n \/* --- 2. GENERACI\u00d3N DEL HTML --- *\/\n const contenedor = document.getElementById(\"quiz-content\");\n \n \/\/ Escala de respuestas (Texto visible vs Valor interno)\n const opciones = [\n { txt: \"Me desagrada mucho\", val: 1 },\n { txt: \"No me gusta\", val: 2 },\n { txt: \"Indiferente\", val: 3 },\n { txt: \"Me gusta\", val: 4 },\n { txt: \"Me encanta\", val: 5 }\n ];\n\n \/\/ Barajar preguntas (Shuffle) para que no salgan en orden R-I-A-S-E-C\n const preguntasMezcladas = bancoPreguntas.sort(() => Math.random() - 0.5);\n\n preguntasMezcladas.forEach((p, index) => {\n let opcionesHTML = \"\";\n opciones.forEach(opt => {\n opcionesHTML += `\n <label>\n <input type=\"radio\" name=\"p_${index}\" value=\"${opt.val}\" data-cat=\"${p.c}\" required>\n <div class=\"option-box\">${opt.txt}<\/div>\n <\/label>\n `;\n });\n\n const html = `\n <div class=\"question-item\">\n <span class=\"question-text\">${index + 1}. ${p.t}<\/span>\n <div class=\"options-grid\">\n ${opcionesHTML}\n <\/div>\n <\/div>\n `;\n contenedor.innerHTML += html;\n });\n\n \/* --- 3. BASE DE DATOS DE RESULTADOS --- *\/\n const definiciones = {\n 'R': { t: \"Realista\", d: \"Te orientas a la acci\u00f3n y al trabajo con objetos, m\u00e1quinas o animales. Prefieres ver resultados tangibles.\", job: \"Ingenier\u00eda Civil, Mec\u00e1nica, Arquitectura, Agronom\u00eda, Gastronom\u00eda, Piloto, Veterinaria.\" },\n 'I': { t: \"Investigador\", d: \"Te apasiona el an\u00e1lisis, la l\u00f3gica y el descubrimiento. Prefieres trabajar con ideas y resolver problemas complejos.\", job: \"Ciencias (F\u00edsica, Qu\u00edmica, Biolog\u00eda), Desarrollo de Software, Medicina, Econom\u00eda, Matem\u00e1ticas.\" },\n 'A': { t: \"Art\u00edstico\", d: \"Eres creativo e intuitivo. Te gusta expresarte a trav\u00e9s de formas, colores, sonidos o palabras.\", job: \"Dise\u00f1o Gr\u00e1fico, Artes Visuales, M\u00fasica, Comunicaci\u00f3n, Publicidad, Dise\u00f1o de Modas, Escritura.\" },\n 'S': { t: \"Social\", d: \"Tu fortaleza es la empat\u00eda y la comunicaci\u00f3n. Te sientes realizado ayudando, ense\u00f1ando o cuidando a otros.\", job: \"Psicolog\u00eda, Docencia (Maestro), Enfermer\u00eda, Trabajo Social, Recursos Humanos, Turismo.\" },\n 'E': { t: \"Emprendedor\", d: \"Eres l\u00edder por naturaleza. Te gusta persuadir, gestionar proyectos y alcanzar metas organizacionales.\", job: \"Administraci\u00f3n de Empresas, Derecho, Marketing, Negocios Internacionales, Pol\u00edtica, Gerencia.\" },\n 'C': { t: \"Convencional\", d: \"Valoras el orden, la precisi\u00f3n y la eficiencia. Te desenvuelves bien gestionando datos y procesos.\", job: \"Contadur\u00eda, Finanzas, Log\u00edstica, Bibliotecolog\u00eda, Administraci\u00f3n P\u00fablica, Auditor\u00eda.\" }\n };\n\n \/* --- 4. L\u00d3GICA DE C\u00c1LCULO --- *\/\n function calcular() {\n let puntajes = { R:0, I:0, A:0, S:0, E:0, C:0 };\n let respondidas = 0;\n const total = preguntasMezcladas.length;\n\n \/\/ Recorrer inputs seleccionados\n const inputs = document.querySelectorAll('input[type=\"radio\"]:checked');\n \n inputs.forEach(inp => {\n const cat = inp.getAttribute('data-cat');\n const val = parseInt(inp.value);\n puntajes[cat] += val;\n respondidas++;\n });\n\n \/\/ Validar que todo est\u00e9 contestado\n if(respondidas < total) {\n alert(`Has respondido ${respondidas} de ${total} preguntas. Por favor completa el test.`);\n return;\n }\n\n \/\/ Ordenar categor\u00edas\n const ranking = Object.entries(puntajes)\n .sort((a, b) => b[1] - a[1]); \/\/ Orden descendente\n\n \/\/ Obtener Top 2\n const top1 = ranking[0][0]; \/\/ Letra ganadora\n const top2 = ranking[1][0]; \/\/ Segunda letra\n\n const perfil1 = definiciones[top1];\n const perfil2 = definiciones[top2];\n\n \/\/ Mostrar en pantalla\n document.getElementById('result-code').innerText = `${top1} - ${top2}`; \/\/ Ejemplo: S - A\n \n document.getElementById('result-desc').innerHTML = `\n <p><strong>Tu perfil dominante es ${perfil1.t}:<\/strong> ${perfil1.d}<\/p>\n <p><strong>Tu perfil secundario es ${perfil2.t}:<\/strong> ${perfil2.d}<\/p>\n `;\n \n document.getElementById('result-careers').innerText = \n `${perfil1.job}, ${perfil2.job}`;\n\n \/\/ Visualizar secci\u00f3n\n document.getElementById('resultado-seccion').style.display = 'block';\n document.getElementById('vocationalForm').style.display = 'none'; \/\/ Ocultar formulario para limpiar vista\n window.scrollTo({ top: 0, behavior: 'smooth' });\n }\n<\/script>\n\n<\/body>\n<\/html>\n","_et_gb_content_width":"","footnotes":""},"class_list":["post-290","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/uvhm.site\/2026\/wp-json\/wp\/v2\/pages\/290","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uvhm.site\/2026\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uvhm.site\/2026\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uvhm.site\/2026\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uvhm.site\/2026\/wp-json\/wp\/v2\/comments?post=290"}],"version-history":[{"count":7,"href":"https:\/\/uvhm.site\/2026\/wp-json\/wp\/v2\/pages\/290\/revisions"}],"predecessor-version":[{"id":301,"href":"https:\/\/uvhm.site\/2026\/wp-json\/wp\/v2\/pages\/290\/revisions\/301"}],"wp:attachment":[{"href":"https:\/\/uvhm.site\/2026\/wp-json\/wp\/v2\/media?parent=290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}