Evaluación de Liderazgo Ejecutivo | eTrainers.org<\/title>\n<style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);\n color: #e2e8f0; min-height: 100vh; padding: 20px;\n }\n .container { max-width: 860px; margin: 0 auto; }\n .header { text-align: center; padding: 40px 20px 30px; margin-bottom: 30px; }\n .header .badge {\n display: inline-block; background: linear-gradient(135deg, #d97706, #b45309);\n color: white; padding: 6px 16px; border-radius: 20px; font-size: 12px;\n font-weight: 600; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 16px;\n }\n .header h1 {\n font-size: 26px; font-weight: 700;\n background: linear-gradient(135deg, #fbbf24, #f59e0b);\n -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 10px;\n }\n .header p { color: #94a3b8; font-size: 15px; max-width: 620px; margin: 0 auto; line-height: 1.6; }\n .info-section {\n background: #1e293b; border: 1px solid #334155; border-radius: 16px;\n padding: 28px 32px; margin-bottom: 24px;\n }\n .info-section label { font-size: 14px; font-weight: 600; color: #f1f5f9; display: block; margin-bottom: 8px; }\n .info-section input {\n width: 100%; padding: 12px 16px; background: #0f172a; border: 1px solid #334155;\n border-radius: 10px; color: #e2e8f0; font-family: inherit; font-size: 15px;\n transition: border-color 0.3s; margin-bottom: 16px;\n }\n .info-section input:focus { outline: none; border-color: #f59e0b; }\n .info-section .helper { font-size: 12px; color: #64748b; margin-top: -12px; margin-bottom: 16px; }\n .info-section .required-note { font-size: 11px; color: #f59e0b; margin-top: -12px; margin-bottom: 16px; }\n .progress-bar-container {\n background: #1e293b; border-radius: 12px; padding: 16px 24px;\n margin-bottom: 24px; border: 1px solid #334155;\n }\n .progress-info { display: flex; justify-content: space-between; margin-bottom: 8px; font-size: 13px; color: #94a3b8; }\n .progress-track { height: 8px; background: #334155; border-radius: 4px; overflow: hidden; }\n .progress-fill {\n height: 100%; background: linear-gradient(90deg, #d97706, #f59e0b);\n border-radius: 4px; transition: width 0.5s ease; width: 0%;\n }\n .question-card {\n background: #1e293b; border: 1px solid #334155; border-radius: 16px;\n padding: 32px; margin-bottom: 20px; transition: all 0.3s ease; display: none;\n }\n .question-card.active { display: block; }\n .question-card:hover { border-color: #475569; }\n .question-number {\n display: inline-block; background: linear-gradient(135deg, #d97706, #f59e0b);\n color: white; width: 32px; height: 32px; border-radius: 50%;\n text-align: center; line-height: 32px; font-size: 14px; font-weight: 600; margin-bottom: 12px;\n }\n .domain-label { font-size: 12px; color: #f59e0b; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; }\n .question-text { font-size: 17px; font-weight: 500; color: #f1f5f9; line-height: 1.6; margin-bottom: 24px; }\n .likert-scale { display: flex; gap: 8px; margin-bottom: 20px; flex-wrap: wrap; }\n .likert-option {\n flex: 1; min-width: 80px; text-align: center; padding: 14px 8px;\n border: 2px solid #334155; border-radius: 12px; cursor: pointer;\n transition: all 0.3s ease; background: #0f172a;\n }\n .likert-option:hover { border-color: #f59e0b; background: rgba(245, 158, 11, 0.1); }\n .likert-option.selected {\n border-color: #f59e0b;\n background: linear-gradient(135deg, rgba(217, 119, 6, 0.2), rgba(245, 158, 11, 0.2));\n box-shadow: 0 0 20px rgba(245, 158, 11, 0.15);\n }\n .likert-value { font-size: 22px; font-weight: 700; color: #fbbf24; display: block; margin-bottom: 4px; }\n .likert-label { font-size: 11px; color: #94a3b8; line-height: 1.3; }\n .comment-section { margin-top: 16px; }\n .comment-section label { font-size: 13px; color: #94a3b8; display: block; margin-bottom: 6px; }\n .comment-section textarea {\n width: 100%; padding: 12px 16px; background: #0f172a; border: 1px solid #334155;\n border-radius: 10px; color: #e2e8f0; font-family: inherit; font-size: 14px;\n resize: vertical; min-height: 60px; transition: border-color 0.3s;\n }\n .comment-section textarea:focus { outline: none; border-color: #f59e0b; }\n .nav-buttons { display: flex; justify-content: space-between; margin-top: 20px; gap: 12px; }\n .btn {\n padding: 12px 28px; border: none; border-radius: 10px; font-family: inherit;\n font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.3s ease;\n }\n .btn-secondary { background: #334155; color: #e2e8f0; }\n .btn-secondary:hover { background: #475569; }\n .btn-primary {\n background: linear-gradient(135deg, #d97706, #f59e0b); color: white;\n box-shadow: 0 4px 15px rgba(245, 158, 11, 0.3);\n }\n .btn-primary:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(245, 158, 11, 0.4); }\n .btn:disabled { opacity: 0.4; cursor: not-allowed; transform: none !important; }\n .results-container { display: none; }\n .results-container.active { display: block; }\n .results-header { text-align: center; padding: 30px 20px; margin-bottom: 24px; }\n .results-header h2 {\n font-size: 26px; font-weight: 700;\n background: linear-gradient(135deg, #fbbf24, #f59e0b);\n -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 8px;\n }\n .overall-score-card {\n background: linear-gradient(135deg, #3d2800, #4a2c00); border: 1px solid #f59e0b;\n border-radius: 16px; padding: 32px; text-align: center; margin-bottom: 24px;\n }\n .overall-score-value { font-size: 56px; font-weight: 700; color: #fbbf24; }\n .overall-score-label { font-size: 14px; color: #94a3b8; margin-top: 4px; }\n .start-here-card {\n background: linear-gradient(135deg, #1a2e1a, #0f2a1a); border: 1px solid #22c55e;\n border-radius: 16px; padding: 28px; margin-bottom: 24px;\n }\n .start-here-card h3 { color: #4ade80; font-size: 18px; margin-bottom: 12px; }\n .start-here-card .course-name { font-size: 20px; font-weight: 700; color: #f1f5f9; margin-bottom: 8px; }\n .start-here-card .course-reason { color: #94a3b8; font-size: 14px; line-height: 1.6; margin-bottom: 12px; }\n .start-here-card .objectives-list { list-style: none; padding: 0; }\n .start-here-card .objectives-list li {\n padding: 6px 0 6px 20px; position: relative; color: #cbd5e1; font-size: 13px; line-height: 1.5;\n }\n .start-here-card .objectives-list li::before {\n content: \"\\2713\"; position: absolute; left: 0; color: #4ade80; font-weight: 700;\n }\n .competency-row {\n background: #1e293b; border: 1px solid #334155; border-radius: 12px;\n padding: 20px 24px; margin-bottom: 12px; display: flex; align-items: center; gap: 20px; flex-wrap: wrap;\n }\n .competency-info { flex: 1; min-width: 200px; }\n .competency-name { font-weight: 600; font-size: 15px; color: #f1f5f9; margin-bottom: 4px; }\n .competency-course { font-size: 12px; color: #f59e0b; }\n .score-bar-container { flex: 1; min-width: 200px; display: flex; align-items: center; gap: 12px; }\n .score-bar-track { flex: 1; height: 10px; background: #334155; border-radius: 5px; overflow: hidden; }\n .score-bar-fill { height: 100%; border-radius: 5px; transition: width 1s ease; }\n .score-value { font-size: 18px; font-weight: 700; min-width: 40px; text-align: right; }\n .score-low { color: #ef4444; }\n .score-low .score-bar-fill { background: linear-gradient(90deg, #ef4444, #f97316); }\n .score-mid { color: #f59e0b; }\n .score-mid .score-bar-fill { background: linear-gradient(90deg, #f59e0b, #eab308); }\n .score-high { color: #22c55e; }\n .score-high .score-bar-fill { background: linear-gradient(90deg, #22c55e, #4ade80); }\n .recommendations-section { margin-top: 32px; }\n .recommendations-section h3 {\n font-size: 20px; font-weight: 700; color: #f1f5f9;\n margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid #334155;\n }\n .rec-card { background: #1e293b; border: 1px solid #334155; border-radius: 12px; padding: 24px; margin-bottom: 12px; }\n .rec-card .rec-priority {\n display: inline-block; padding: 3px 10px; border-radius: 6px; font-size: 11px;\n font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 8px;\n }\n .priority-high { background: rgba(239,68,68,0.2); color: #ef4444; }\n .priority-medium { background: rgba(245,158,11,0.2); color: #f59e0b; }\n .priority-low { background: rgba(34,197,94,0.2); color: #22c55e; }\n .rec-card h4 { font-size: 16px; color: #f1f5f9; margin-bottom: 6px; }\n .rec-card .rec-domain { font-size: 12px; color: #f59e0b; margin-bottom: 10px; }\n .rec-card .rec-objectives { list-style: none; padding: 0; }\n .rec-card .rec-objectives li {\n padding: 4px 0 4px 18px; position: relative; color: #94a3b8; font-size: 13px; line-height: 1.5;\n }\n .rec-card .rec-objectives li::before { content: \"\\2192\"; position: absolute; left: 0; color: #fbbf24; }\n .submission-status {\n text-align: center; padding: 12px; border-radius: 10px;\n margin-bottom: 16px; font-size: 13px; font-weight: 500;\n }\n .status-success { background: rgba(34,197,94,0.15); border: 1px solid #22c55e; color: #4ade80; }\n .status-error { background: rgba(239,68,68,0.15); border: 1px solid #ef4444; color: #f87171; }\n .status-sending { background: rgba(245,158,11,0.15); border: 1px solid #f59e0b; color: #fbbf24; }\n .print-btn {\n display: block; width: 100%; margin-top: 24px; padding: 16px;\n background: linear-gradient(135deg, #d97706, #f59e0b); color: white;\n border: none; border-radius: 12px; font-family: inherit; font-size: 16px;\n font-weight: 600; cursor: pointer; transition: all 0.3s;\n }\n .print-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(245, 158, 11, 0.4); }\n .footer { text-align: center; padding: 30px; color: #64748b; font-size: 13px; }\n @media print {\n body { background: white; color: #1e293b; padding: 20px; }\n .question-card, .nav-buttons, .print-btn, .progress-bar-container, .info-section, .submission-status { display: none !important; }\n .results-container { display: block !important; }\n .results-container * { color: #1e293b !important; -webkit-text-fill-color: #1e293b !important; }\n .overall-score-card, .start-here-card, .competency-row, .rec-card {\n background: #f8fafc !important; border-color: #cbd5e1 !important; break-inside: avoid;\n }\n .score-bar-track { background: #e2e8f0 !important; }\n }\n @media (max-width: 600px) {\n .likert-scale { flex-direction: column; }\n .likert-option { min-width: 100%; }\n .competency-row { flex-direction: column; align-items: stretch; }\n }\n<\/style>\n<\/head>\n<body>\n<div class=\"container\">\n <div class=\"header\">\n <div class=\"badge\">eTrainers.org<\/div>\n <h1>Evaluación de Liderazgo Ejecutivo<\/h1>\n <p>Esta evaluación está diseñada para gerentes senior y líderes ejecutivos. Califique cada declaración según qué tan bien describe sus comportamientos actuales de liderazgo. Su informe personalizado de competencias será enviado a su correo electrónico al completar la evaluación.<\/p>\n <\/div>\n <div class=\"info-section\" id=\"infoSection\">\n <label for=\"participantName\">Su Nombre<\/label>\n <input type=\"text\" id=\"participantName\" placeholder=\"Ingrese su nombre completo...\">\n <div class=\"helper\">Su nombre aparecerá en el informe de competencias.<\/div>\n <label for=\"participantEmail\">Su Correo Electrónico<\/label>\n <input type=\"email\" id=\"participantEmail\" placeholder=\"Ingrese su correo electrónico...\">\n <div class=\"required-note\">⚠ Requerido — Su informe de competencias será enviado a esta dirección.<\/div>\n <\/div>\n <div class=\"progress-bar-container\" id=\"progressSection\">\n <div class=\"progress-info\">\n <span id=\"progressLabel\">Pregunta 1 de 10<\/span>\n <span id=\"progressPercent\">0%<\/span>\n <\/div>\n <div class=\"progress-track\"><div class=\"progress-fill\" id=\"progressFill\"><\/div><\/div>\n <\/div>\n <div id=\"questionsContainer\"><\/div>\n <div class=\"nav-buttons\" id=\"navButtons\">\n <button class=\"btn btn-secondary\" id=\"prevBtn\" onclick=\"navigate(-1)\" disabled>← Anterior<\/button>\n <button class=\"btn btn-primary\" id=\"nextBtn\" onclick=\"navigate(1)\" disabled>Siguiente →<\/button>\n <\/div>\n <div class=\"results-container\" id=\"resultsContainer\"><\/div>\n <div class=\"footer\">\n © 2026 eTrainers.org Inc. | Biblioteca de Soluciones de Aprendizaje<br>\n Impulsado por el Currículo de Liderazgo de John Maxwell<br>\n info@etrainers.org | 469-677-8136\n <\/div>\n<\/div>\n<script>\nconst GOOGLE_SHEETS_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbyqOqYrliVX_KFvcSOxywnZMKT-faOG2gD9lh1qlpv3hf3AYVDbu0efi5xCO5EACSON\/exec';\nconst ASSESSMENT_TYPE = 'L\\u00edder Ejecutivo (Espa\\u00f1ol)';\n\nconst ASSESSMENT_DATA = [\n {\n id: \"reconocimiento_crisis\",\n domain: \"Definici\\u00f3n y Reconocimiento de Crisis\",\n question: \"Puedo identificar r\\u00e1pidamente cu\\u00e1ndo una situaci\\u00f3n ha escalado de un desaf\\u00edo rutinario a una crisis genuina, y tomo acci\\u00f3n inmediata y decisiva en lugar de esperar que se resuelva sola.\",\n course: \"Leading Through Crisis (John Maxwell)\",\n objectives: [\n \"Definir qu\\u00e9 constituye una crisis vs. un desaf\\u00edo rutinario\",\n \"Reconocer las se\\u00f1ales de advertencia y patrones de escalamiento\",\n \"Comprender el rol \\u00fanico del l\\u00edder durante momentos de crisis\"\n ]\n },\n {\n id: \"decisiones_presion\",\n domain: \"Toma de Decisiones Bajo Presi\\u00f3n\",\n question: \"Cuando enfrento decisiones de alto impacto con informaci\\u00f3n incompleta, mantengo la calma, recopilo los mejores datos disponibles y tomo decisiones oportunas que respaldo.\",\n course: \"Leading Through Crisis (John Maxwell)\",\n objectives: [\n \"Aplicar marcos de toma de decisiones estructurados bajo presi\\u00f3n\",\n \"Equilibrar la velocidad con la minuciosidad en situaciones de crisis\",\n \"Comunicar decisiones con confianza y transparencia\"\n ]\n },\n {\n id: \"combatir_distracciones\",\n domain: \"Combatir Distracciones y Mantener el Enfoque\",\n question: \"Mantengo el enfoque estrat\\u00e9gico en lo que m\\u00e1s importa, incluso cuando prioridades competidoras, ruido organizacional y urgencias diarias amenazan con desviar mi atenci\\u00f3n.\",\n course: \"Leading Through Crisis (John Maxwell)\",\n objectives: [\n \"Identificar y eliminar distracciones de liderazgo\",\n \"Mantener el enfoque en prioridades cr\\u00edticas durante la turbulencia\",\n \"Modelar atenci\\u00f3n disciplinada para la organizaci\\u00f3n\"\n ]\n },\n {\n id: \"caracter_adversidad\",\n domain: \"Car\\u00e1cter e Integridad en la Adversidad\",\n question: \"Lidero consistentemente con integridad y tomo decisiones \\u00e9ticas, incluso cuando hacer lo correcto es dif\\u00edcil, impopular o tiene un costo personal.\",\n course: \"High Road Leadership (John Maxwell)\",\n objectives: [\n \"Desarrollar cualidades de liderazgo de alto camino que inspiren confianza\",\n \"Navegar conflictos y adversidades con integridad\",\n \"Construir un legado de liderazgo basado en el car\\u00e1cter sobre la conveniencia\"\n ]\n },\n {\n id: \"liderazgo_visible\",\n domain: \"Liderazgo Visible y Presente\",\n question: \"Durante tiempos de incertidumbre o crisis, estoy visiblemente presente y accesible para mis equipos, proporcionando seguridad, direcci\\u00f3n y una mano firme.\",\n course: \"Leading Through Crisis (John Maxwell)\",\n objectives: [\n \"Comprender por qu\\u00e9 el liderazgo visible es cr\\u00edtico durante una crisis\",\n \"Practicar estar presente y accesible cuando los equipos necesitan orientaci\\u00f3n\",\n \"Proporcionar seguridad mientras se mantiene una comunicaci\\u00f3n honesta\"\n ]\n },\n {\n id: \"comunicacion_crisis\",\n domain: \"Comunicaci\\u00f3n de Crisis y Transparencia\",\n question: \"Me comunico abierta y transparentemente durante situaciones dif\\u00edciles, compartiendo lo que s\\u00e9, reconociendo lo que no s\\u00e9 y proporcionando actualizaciones regulares a todas las partes interesadas.\",\n course: \"Crisis Management\",\n objectives: [\n \"Identificar riesgos y desarrollar protocolos de comunicaci\\u00f3n de crisis\",\n \"Reconocer detonantes de escalamiento y responder apropiadamente\",\n \"Establecer canales de comunicaci\\u00f3n claros durante eventos de crisis\"\n ]\n },\n {\n id: \"liderazgo_etico\",\n domain: \"Liderazgo \\u00c9tico y de Alto Camino\",\n question: \"Elijo el camino alto en el liderazgo tratando a las personas con dignidad, dando m\\u00e1s de lo que tomo y colocando la salud a largo plazo de la organizaci\\u00f3n por encima de las ganancias a corto plazo.\",\n course: \"High Road Leadership (John Maxwell)\",\n objectives: [\n \"Practicar el liderazgo de alto camino en las interacciones diarias\",\n \"Construir relaciones de confianza en todos los niveles organizacionales\",\n \"Crear una cultura de dignidad, respeto y comportamiento \\u00e9tico\"\n ]\n },\n {\n id: \"liderazgo_intencional\",\n domain: \"Liderazgo Intencional y con Prop\\u00f3sito\",\n question: \"Lidero con prop\\u00f3sito claro e intencionalidad, asegurando que mis acciones diarias, prioridades y decisiones est\\u00e9n alineadas con mis valores fundamentales y la misi\\u00f3n de la organizaci\\u00f3n.\",\n course: \"Intentional Living (John Maxwell)\",\n objectives: [\n \"Definir el prop\\u00f3sito personal y alinear las acciones de liderazgo con \\u00e9l\",\n \"Vivir y liderar intencionalmente en lugar de reactivamente\",\n \"Crear un impacto significativo a trav\\u00e9s de decisiones diarias deliberadas\"\n ]\n },\n {\n id: \"cambio_transformacional\",\n domain: \"Liderando el Cambio Transformacional\",\n question: \"Promuevo activamente iniciativas transformacionales que crean un cambio positivo duradero en mi organizaci\\u00f3n y comunidad, incluso cuando el camino a seguir es incierto.\",\n course: \"Change Your World (John Maxwell)\",\n objectives: [\n \"Desarrollar una visi\\u00f3n para el cambio transformacional\",\n \"Construir coaliciones e inspirar a otros a unirse al esfuerzo de cambio\",\n \"Crear un impacto sostenible que trascienda el liderazgo individual\"\n ]\n },\n {\n id: \"resiliencia_adaptabilidad\",\n domain: \"Construyendo Resiliencia y Adaptabilidad Organizacional\",\n question: \"Construyo equipos resilientes y sistemas organizacionales que pueden absorber impactos, adaptarse a la disrupci\\u00f3n y emerger m\\u00e1s fuertes de la adversidad.\",\n course: \"Leading Through Crisis (John Maxwell)\",\n objectives: [\n \"Desarrollar estrategias de resiliencia personal y organizacional\",\n \"Crear sistemas adaptativos que respondan a la disrupci\\u00f3n\",\n \"Fomentar una cultura donde los contratiempos se conviertan en catalizadores de crecimiento\"\n ]\n }\n];\n\nlet currentQuestion = 0;\nlet answers = {};\nlet comments = {};\n\nfunction init() {\n const container = document.getElementById('questionsContainer');\n ASSESSMENT_DATA.forEach((q, i) => {\n const card = document.createElement('div');\n card.className = 'question-card' + (i === 0 ? ' active' : '');\n card.id = 'q' + i;\n card.innerHTML = `\n <div class=\"question-number\">${i + 1}<\/div>\n <div class=\"domain-label\">${q.domain}<\/div>\n <div class=\"question-text\">${q.question}<\/div>\n <div class=\"likert-scale\">\n ${[\n {v:1, l:\"Totalmente en Desacuerdo\"},\n {v:2, l:\"En Desacuerdo\"},\n {v:3, l:\"Neutral\"},\n {v:4, l:\"De Acuerdo\"},\n {v:5, l:\"Totalmente de Acuerdo\"}\n ].map(opt => `\n <div class=\"likert-option\" onclick=\"selectAnswer(${i}, ${opt.v}, this)\" data-value=\"${opt.v}\">\n <span class=\"likert-value\">${opt.v}<\/span>\n <span class=\"likert-label\">${opt.l}<\/span>\n <\/div>\n `).join('')}\n <\/div>\n <div class=\"comment-section\">\n <label>💬 Comentarios opcionales o contexto:<\/label>\n <textarea placeholder=\"Agregue notas sobre esta \\u00e1rea...\" onchange=\"comments[${i}]=this.value\"><\/textarea>\n <\/div>\n `;\n container.appendChild(card);\n });\n updateProgress();\n}\n\nfunction selectAnswer(qIndex, value, el) {\n answers[qIndex] = value;\n const card = document.getElementById('q' + qIndex);\n card.querySelectorAll('.likert-option').forEach(o => o.classList.remove('selected'));\n el.classList.add('selected');\n document.getElementById('nextBtn').disabled = false;\n}\n\nfunction navigate(dir) {\n if (dir === 1 && currentQuestion === 0) {\n const email = document.getElementById('participantEmail').value.trim();\n if (!email || !email.includes('@')) {\n alert('Por favor ingrese una direcci\\u00f3n de correo electr\\u00f3nico v\\u00e1lida para recibir su informe.');\n return;\n }\n }\n if (dir === 1 && answers[currentQuestion] === undefined) return;\n document.getElementById('q' + currentQuestion).classList.remove('active');\n currentQuestion += dir;\n if (currentQuestion >= ASSESSMENT_DATA.length) { showResults(); return; }\n document.getElementById('q' + currentQuestion).classList.add('active');\n document.getElementById('prevBtn').disabled = currentQuestion === 0;\n document.getElementById('nextBtn').disabled = answers[currentQuestion] === undefined;\n document.getElementById('nextBtn').innerHTML = currentQuestion === ASSESSMENT_DATA.length - 1 ? 'Ver Resultados →' : 'Siguiente →';\n updateProgress();\n}\n\nfunction updateProgress() {\n const pct = Math.round((currentQuestion \/ ASSESSMENT_DATA.length) * 100);\n document.getElementById('progressFill').style.width = pct + '%';\n document.getElementById('progressLabel').textContent = `Pregunta ${currentQuestion + 1} de ${ASSESSMENT_DATA.length}`;\n document.getElementById('progressPercent').textContent = pct + '%';\n}\n\nasync function sendResultsEmail(results, avgScore, topPriority) {\n if (GOOGLE_SHEETS_URL === 'YOUR_GOOGLE_APPS_SCRIPT_URL_HERE') return { success: false, reason: 'not_configured' };\n const participantName = document.getElementById('participantName').value.trim() || 'L\\u00edder Ejecutivo';\n const participantEmail = document.getElementById('participantEmail').value.trim();\n const allComments = ASSESSMENT_DATA.map((q, i) => {\n if (comments[i]) return `[${q.domain}]: ${comments[i]}`;\n return null;\n }).filter(c => c !== null).join(' | ');\n const getColor = (s) => s <= 2 ? '#ef4444' : s <= 3 ? '#f59e0b' : '#22c55e';\n const getLabel = (s) => s <= 2 ? 'Alta Prioridad' : s <= 3 ? 'Prioridad Media' : 'En Buen Camino';\n let emailHtml = `\n <div style=\"font-family:Arial,sans-serif;max-width:700px;margin:0 auto;background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;\">\n <div style=\"background:linear-gradient(135deg,#d97706,#f59e0b);padding:30px;text-align:center;\">\n <p style=\"color:rgba(255,255,255,0.8);font-size:12px;letter-spacing:1px;text-transform:uppercase;margin:0 0 8px;\">eTrainers.org<\/p>\n <h1 style=\"color:white;font-size:24px;margin:0;\">Evaluaci\\u00f3n de Liderazgo Ejecutivo<\/h1>\n <p style=\"color:rgba(255,255,255,0.9);font-size:14px;margin:8px 0 0;\">Informe de Competencias<\/p>\n <\/div>\n <div style=\"padding:30px;\">\n <p style=\"color:#475569;font-size:14px;margin:0 0 4px;\"><strong>Participante:<\/strong> ${participantName}<\/p>\n <p style=\"color:#475569;font-size:14px;margin:0 0 20px;\"><strong>Fecha:<\/strong> ${new Date().toLocaleDateString('es-MX',{year:'numeric',month:'long',day:'numeric'})}<\/p>\n <div style=\"background:#fffbeb;border:2px solid #f59e0b;border-radius:12px;padding:24px;text-align:center;margin-bottom:24px;\">\n <p style=\"font-size:48px;font-weight:700;color:#d97706;margin:0;\">${avgScore}<span style=\"font-size:20px;color:#94a3b8\">\/5.0<\/span><\/p>\n <p style=\"color:#92400e;font-size:13px;margin:4px 0 0;\">Puntuaci\\u00f3n General de Liderazgo Ejecutivo<\/p>\n <\/div>\n <div style=\"background:#f0fdf4;border:1px solid #22c55e;border-radius:12px;padding:20px;margin-bottom:24px;\">\n <h3 style=\"color:#16a34a;font-size:16px;margin:0 0 8px;\">🚀 Comience Aqu\\u00ed \\u2014 Su Prioridad #1<\/h3>\n <p style=\"font-size:18px;font-weight:700;color:#1e293b;margin:0 0 6px;\">${topPriority.course}<\/p>\n <p style=\"color:#475569;font-size:13px;margin:0 0 10px;\">Puntuaci\\u00f3n m\\u00e1s baja: <strong>${topPriority.score}\/5<\/strong> en <strong>${topPriority.domain}<\/strong><\/p>\n <ul style=\"margin:0;padding:0 0 0 20px;color:#475569;font-size:13px;\">\n ${topPriority.objectives.map(o => `<li style=\"margin:4px 0;\">${o}<\/li>`).join('')}\n <\/ul>\n <\/div>\n <h3 style=\"color:#1e293b;font-size:16px;border-bottom:1px solid #e2e8f0;padding-bottom:8px;margin:0 0 16px;\">Puntuaciones por Competencia<\/h3>`;\n results.forEach(r => {\n const pct = r.score * 20;\n const color = getColor(r.score);\n emailHtml += `\n <div style=\"margin-bottom:12px;padding:12px 16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;\">\n <div style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;\">\n <span style=\"font-weight:600;font-size:14px;color:#1e293b;\">${r.domain}<\/span>\n <span style=\"font-weight:700;font-size:16px;color:${color};\">${r.score}\/5<\/span>\n <\/div>\n <div style=\"height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;\">\n <div style=\"height:100%;width:${pct}%;background:${color};border-radius:4px;\"><\/div>\n <\/div>\n <p style=\"font-size:11px;color:#64748b;margin:4px 0 0;\">📖 ${r.course}<\/p>\n <\/div>`;\n });\n const recs = results.filter(r => r.score <= 3);\n if (recs.length > 0) {\n emailHtml += `<h3 style=\"color:#1e293b;font-size:16px;border-bottom:1px solid #e2e8f0;padding-bottom:8px;margin:24px 0 16px;\">Ruta de Aprendizaje Recomendada<\/h3>`;\n recs.forEach(r => {\n const label = getLabel(r.score);\n const color = getColor(r.score);\n emailHtml += `\n <div style=\"margin-bottom:12px;padding:16px;background:#f8fafc;border-radius:8px;border-left:4px solid ${color};\">\n <span style=\"display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;color:${color};background:rgba(0,0,0,0.05);text-transform:uppercase;margin-bottom:6px;\">${label}<\/span>\n <h4 style=\"font-size:15px;color:#1e293b;margin:4px 0;\">${r.course}<\/h4>\n <p style=\"font-size:12px;color:#64748b;margin:0 0 8px;\">${r.domain} \\u2014 Puntuaci\\u00f3n: ${r.score}\/5<\/p>\n <ul style=\"margin:0;padding:0 0 0 18px;color:#475569;font-size:12px;\">\n ${r.objectives.map(o => `<li style=\"margin:3px 0;\">${o}<\/li>`).join('')}\n <\/ul>\n <\/div>`;\n });\n }\n emailHtml += `\n <\/div>\n <div style=\"background:#f8fafc;padding:20px;text-align:center;border-top:1px solid #e2e8f0;\">\n <p style=\"color:#64748b;font-size:12px;margin:0;\">eTrainers.org Inc. | Biblioteca de Soluciones de Aprendizaje<\/p>\n <p style=\"color:#64748b;font-size:12px;margin:4px 0 0;\">Impulsado por el Curr\\u00edculo de Liderazgo de John Maxwell<\/p>\n <p style=\"color:#94a3b8;font-size:11px;margin:8px 0 0;\">info@etrainers.org | 469-677-8136<\/p>\n <\/div>\n <\/div>`;\n const payload = {\n timestamp: new Date().toISOString(), participantName, participantEmail,\n assessmentType: ASSESSMENT_TYPE, overallScore: avgScore,\n domains: results.map(r => ({ name: r.domain, score: r.score })),\n topPriorityCourse: topPriority.course, topPriorityDomain: topPriority.domain,\n comments: allComments, emailHtml, sendEmail: true\n };\n try {\n await fetch(GOOGLE_SHEETS_URL, { method: 'POST', mode: 'no-cors', headers: { 'Content-Type': 'application\/json' }, body: JSON.stringify(payload) });\n return { success: true };\n } catch (error) { return { success: false, reason: error.message }; }\n}\n\nfunction showResults() {\n document.getElementById('questionsContainer').style.display = 'none';\n document.getElementById('navButtons').style.display = 'none';\n document.getElementById('progressSection').style.display = 'none';\n document.getElementById('infoSection').style.display = 'none';\n const results = ASSESSMENT_DATA.map((q, i) => ({ ...q, score: answers[i] || 0, comment: comments[i] || '' })).sort((a, b) => a.score - b.score);\n const avgScore = (results.reduce((s, r) => s + r.score, 0) \/ results.length).toFixed(1);\n const lowest = results[0];\n const participantName = document.getElementById('participantName').value.trim();\n const participantEmail = document.getElementById('participantEmail').value.trim();\n const getScoreClass = (s) => s <= 2 ? 'score-low' : s <= 3 ? 'score-mid' : 'score-high';\n const getPriority = (s) => s <= 2 ? ['Alta Prioridad', 'priority-high'] : s <= 3 ? ['Prioridad Media', 'priority-medium'] : ['En Buen Camino', 'priority-low'];\n const rc = document.getElementById('resultsContainer');\n rc.className = 'results-container active';\n rc.innerHTML = `\n <div class=\"results-header\">\n <div class=\"badge\">Informe de Competencias Ejecutivas<\/div>\n <h2>Resultados de la Evaluaci\\u00f3n de Liderazgo Ejecutivo<\/h2>\n ${participantName ? `<p style=\"color:#f1f5f9;font-size:16px;font-weight:600;margin-bottom:4px;\">${participantName}<\/p>` : ''}\n <p style=\"color:#94a3b8;font-size:14px;\">Generado el ${new Date().toLocaleDateString('es-MX', {year:'numeric',month:'long',day:'numeric'})}<\/p>\n <\/div>\n <div id=\"submissionStatus\" class=\"submission-status status-sending\">✉ Enviando su informe de competencias a ${participantEmail}...<\/div>\n <div class=\"overall-score-card\">\n <div class=\"overall-score-value\">${avgScore}<span style=\"font-size:24px;color:#94a3b8\">\/5.0<\/span><\/div>\n <div class=\"overall-score-label\">Puntuaci\\u00f3n General de Liderazgo Ejecutivo<\/div>\n <\/div>\n <div class=\"start-here-card\">\n <h3>🚀 Comience Aqu\\u00ed — Su Prioridad #1<\/h3>\n <div class=\"course-name\">${lowest.course}<\/div>\n <div class=\"course-reason\">Su puntuaci\\u00f3n m\\u00e1s baja fue <strong>${lowest.score}\/5<\/strong> en <strong>${lowest.domain}<\/strong>. Este curso aborda directamente esta brecha y fortalecer\\u00e1 su liderazgo ejecutivo en esta \\u00e1rea cr\\u00edtica.<\/div>\n <ul class=\"objectives-list\">${lowest.objectives.map(o => `<li>${o}<\/li>`).join('')}<\/ul>\n <\/div>\n <h3 style=\"font-size:18px;font-weight:700;color:#f1f5f9;margin-bottom:16px;\">📊 Puntuaciones por Competencia<\/h3>\n ${results.map(r => `\n <div class=\"competency-row ${getScoreClass(r.score)}\">\n <div class=\"competency-info\">\n <div class=\"competency-name\">${r.domain}<\/div>\n <div class=\"competency-course\">📖 ${r.course}<\/div>\n <\/div>\n <div class=\"score-bar-container\">\n <div class=\"score-bar-track\"><div class=\"score-bar-fill\" style=\"width:${r.score * 20}%\"><\/div><\/div>\n <div class=\"score-value\">${r.score}\/5<\/div>\n <\/div>\n <\/div>\n `).join('')}\n <div class=\"recommendations-section\">\n <h3>📚 Ruta de Aprendizaje Recomendada<\/h3>\n ${results.filter(r => r.score <= 3).map(r => {\n const [label, cls] = getPriority(r.score);\n return `<div class=\"rec-card\"><span class=\"rec-priority ${cls}\">${label}<\/span><h4>${r.course}<\/h4><div class=\"rec-domain\">Competencia: ${r.domain} — Puntuaci\\u00f3n: ${r.score}\/5<\/div><ul class=\"rec-objectives\">${r.objectives.map(o => `<li>${o}<\/li>`).join('')}<\/ul><\/div>`;\n }).join('')}\n ${results.filter(r => r.score <= 3).length === 0 ? '<p style=\"color:#4ade80;padding:20px;\">🎉 \\u00a1Excepcional! Todas las competencias obtuvieron m\\u00e1s de 3. Est\\u00e1 liderando a un alto nivel.<\/p>' : ''}\n <\/div>\n <button class=\"print-btn\" onclick=\"window.print()\">🖨 Imprimir \/ Guardar como PDF<\/button>\n `;\n sendResultsEmail(results, avgScore, lowest).then(result => {\n const statusDiv = document.getElementById('submissionStatus');\n if (result.success) {\n statusDiv.className = 'submission-status status-success';\n statusDiv.innerHTML = '✅ Informe enviado exitosamente a <strong>' + participantEmail + '<\/strong> y <strong>etrainersdotorg@gmail.com<\/strong>';\n } else if (result.reason === 'not_configured') {\n statusDiv.className = 'submission-status status-error';\n statusDiv.innerHTML = '⚠ Servicio de correo no configurado. Use el bot\\u00f3n de imprimir.';\n } else {\n statusDiv.className = 'submission-status status-error';\n statusDiv.innerHTML = '⚠ No se pudo enviar el correo. Use el bot\\u00f3n de imprimir.';\n }\n });\n}\n\ninit();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Evaluación de Liderazgo Ejecutivo | eTrainers.org eTrainers.org Evaluación de Liderazgo Ejecutivo Esta evaluación está diseñada para gerentes senior y líderes ejecutivos. Califique cada declaración según qué tan bien describe sus comportamientos actuales de liderazgo. Su informe personalizado de competencias será enviado a su correo electrónico al completar la evaluación. Su Nombre Su nombre aparecerá en […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-53","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/etrainers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/pages\/53","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etrainers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/etrainers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/etrainers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/etrainers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/comments?post=53"}],"version-history":[{"count":1,"href":"https:\/\/etrainers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/pages\/53\/revisions"}],"predecessor-version":[{"id":54,"href":"https:\/\/etrainers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/pages\/53\/revisions\/54"}],"wp:attachment":[{"href":"https:\/\/etrainers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/media?parent=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":53,"date":"2026-04-26T02:32:52","date_gmt":"2026-04-26T02:32:52","guid":{"rendered":"https:\/\/etrainers.org\/wordpress\/?page_id=53"},"modified":"2026-04-26T02:32:52","modified_gmt":"2026-04-26T02:32:52","slug":"el-spanish","status":"publish","type":"page","link":"https:\/\/etrainers.org\/wordpress\/index.php\/el-spanish\/","title":{"rendered":"EL – Spanish"},"content":{"rendered":"\n\n\n\n\n\n\nEvaluación de Liderazgo Ejecutivo | eTrainers.org<\/title>\n<style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);\n color: #e2e8f0; min-height: 100vh; padding: 20px;\n }\n .container { max-width: 860px; margin: 0 auto; }\n .header { text-align: center; padding: 40px 20px 30px; margin-bottom: 30px; }\n .header .badge {\n display: inline-block; background: linear-gradient(135deg, #d97706, #b45309);\n color: white; padding: 6px 16px; border-radius: 20px; font-size: 12px;\n font-weight: 600; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 16px;\n }\n .header h1 {\n font-size: 26px; font-weight: 700;\n background: linear-gradient(135deg, #fbbf24, #f59e0b);\n -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 10px;\n }\n .header p { color: #94a3b8; font-size: 15px; max-width: 620px; margin: 0 auto; line-height: 1.6; }\n .info-section {\n background: #1e293b; border: 1px solid #334155; border-radius: 16px;\n padding: 28px 32px; margin-bottom: 24px;\n }\n .info-section label { font-size: 14px; font-weight: 600; color: #f1f5f9; display: block; margin-bottom: 8px; }\n .info-section input {\n width: 100%; padding: 12px 16px; background: #0f172a; border: 1px solid #334155;\n border-radius: 10px; color: #e2e8f0; font-family: inherit; font-size: 15px;\n transition: border-color 0.3s; margin-bottom: 16px;\n }\n .info-section input:focus { outline: none; border-color: #f59e0b; }\n .info-section .helper { font-size: 12px; color: #64748b; margin-top: -12px; margin-bottom: 16px; }\n .info-section .required-note { font-size: 11px; color: #f59e0b; margin-top: -12px; margin-bottom: 16px; }\n .progress-bar-container {\n background: #1e293b; border-radius: 12px; padding: 16px 24px;\n margin-bottom: 24px; border: 1px solid #334155;\n }\n .progress-info { display: flex; justify-content: space-between; margin-bottom: 8px; font-size: 13px; color: #94a3b8; }\n .progress-track { height: 8px; background: #334155; border-radius: 4px; overflow: hidden; }\n .progress-fill {\n height: 100%; background: linear-gradient(90deg, #d97706, #f59e0b);\n border-radius: 4px; transition: width 0.5s ease; width: 0%;\n }\n .question-card {\n background: #1e293b; border: 1px solid #334155; border-radius: 16px;\n padding: 32px; margin-bottom: 20px; transition: all 0.3s ease; display: none;\n }\n .question-card.active { display: block; }\n .question-card:hover { border-color: #475569; }\n .question-number {\n display: inline-block; background: linear-gradient(135deg, #d97706, #f59e0b);\n color: white; width: 32px; height: 32px; border-radius: 50%;\n text-align: center; line-height: 32px; font-size: 14px; font-weight: 600; margin-bottom: 12px;\n }\n .domain-label { font-size: 12px; color: #f59e0b; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; }\n .question-text { font-size: 17px; font-weight: 500; color: #f1f5f9; line-height: 1.6; margin-bottom: 24px; }\n .likert-scale { display: flex; gap: 8px; margin-bottom: 20px; flex-wrap: wrap; }\n .likert-option {\n flex: 1; min-width: 80px; text-align: center; padding: 14px 8px;\n border: 2px solid #334155; border-radius: 12px; cursor: pointer;\n transition: all 0.3s ease; background: #0f172a;\n }\n .likert-option:hover { border-color: #f59e0b; background: rgba(245, 158, 11, 0.1); }\n .likert-option.selected {\n border-color: #f59e0b;\n background: linear-gradient(135deg, rgba(217, 119, 6, 0.2), rgba(245, 158, 11, 0.2));\n box-shadow: 0 0 20px rgba(245, 158, 11, 0.15);\n }\n .likert-value { font-size: 22px; font-weight: 700; color: #fbbf24; display: block; margin-bottom: 4px; }\n .likert-label { font-size: 11px; color: #94a3b8; line-height: 1.3; }\n .comment-section { margin-top: 16px; }\n .comment-section label { font-size: 13px; color: #94a3b8; display: block; margin-bottom: 6px; }\n .comment-section textarea {\n width: 100%; padding: 12px 16px; background: #0f172a; border: 1px solid #334155;\n border-radius: 10px; color: #e2e8f0; font-family: inherit; font-size: 14px;\n resize: vertical; min-height: 60px; transition: border-color 0.3s;\n }\n .comment-section textarea:focus { outline: none; border-color: #f59e0b; }\n .nav-buttons { display: flex; justify-content: space-between; margin-top: 20px; gap: 12px; }\n .btn {\n padding: 12px 28px; border: none; border-radius: 10px; font-family: inherit;\n font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.3s ease;\n }\n .btn-secondary { background: #334155; color: #e2e8f0; }\n .btn-secondary:hover { background: #475569; }\n .btn-primary {\n background: linear-gradient(135deg, #d97706, #f59e0b); color: white;\n box-shadow: 0 4px 15px rgba(245, 158, 11, 0.3);\n }\n .btn-primary:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(245, 158, 11, 0.4); }\n .btn:disabled { opacity: 0.4; cursor: not-allowed; transform: none !important; }\n .results-container { display: none; }\n .results-container.active { display: block; }\n .results-header { text-align: center; padding: 30px 20px; margin-bottom: 24px; }\n .results-header h2 {\n font-size: 26px; font-weight: 700;\n background: linear-gradient(135deg, #fbbf24, #f59e0b);\n -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 8px;\n }\n .overall-score-card {\n background: linear-gradient(135deg, #3d2800, #4a2c00); border: 1px solid #f59e0b;\n border-radius: 16px; padding: 32px; text-align: center; margin-bottom: 24px;\n }\n .overall-score-value { font-size: 56px; font-weight: 700; color: #fbbf24; }\n .overall-score-label { font-size: 14px; color: #94a3b8; margin-top: 4px; }\n .start-here-card {\n background: linear-gradient(135deg, #1a2e1a, #0f2a1a); border: 1px solid #22c55e;\n border-radius: 16px; padding: 28px; margin-bottom: 24px;\n }\n .start-here-card h3 { color: #4ade80; font-size: 18px; margin-bottom: 12px; }\n .start-here-card .course-name { font-size: 20px; font-weight: 700; color: #f1f5f9; margin-bottom: 8px; }\n .start-here-card .course-reason { color: #94a3b8; font-size: 14px; line-height: 1.6; margin-bottom: 12px; }\n .start-here-card .objectives-list { list-style: none; padding: 0; }\n .start-here-card .objectives-list li {\n padding: 6px 0 6px 20px; position: relative; color: #cbd5e1; font-size: 13px; line-height: 1.5;\n }\n .start-here-card .objectives-list li::before {\n content: \"\\2713\"; position: absolute; left: 0; color: #4ade80; font-weight: 700;\n }\n .competency-row {\n background: #1e293b; border: 1px solid #334155; border-radius: 12px;\n padding: 20px 24px; margin-bottom: 12px; display: flex; align-items: center; gap: 20px; flex-wrap: wrap;\n }\n .competency-info { flex: 1; min-width: 200px; }\n .competency-name { font-weight: 600; font-size: 15px; color: #f1f5f9; margin-bottom: 4px; }\n .competency-course { font-size: 12px; color: #f59e0b; }\n .score-bar-container { flex: 1; min-width: 200px; display: flex; align-items: center; gap: 12px; }\n .score-bar-track { flex: 1; height: 10px; background: #334155; border-radius: 5px; overflow: hidden; }\n .score-bar-fill { height: 100%; border-radius: 5px; transition: width 1s ease; }\n .score-value { font-size: 18px; font-weight: 700; min-width: 40px; text-align: right; }\n .score-low { color: #ef4444; }\n .score-low .score-bar-fill { background: linear-gradient(90deg, #ef4444, #f97316); }\n .score-mid { color: #f59e0b; }\n .score-mid .score-bar-fill { background: linear-gradient(90deg, #f59e0b, #eab308); }\n .score-high { color: #22c55e; }\n .score-high .score-bar-fill { background: linear-gradient(90deg, #22c55e, #4ade80); }\n .recommendations-section { margin-top: 32px; }\n .recommendations-section h3 {\n font-size: 20px; font-weight: 700; color: #f1f5f9;\n margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid #334155;\n }\n .rec-card { background: #1e293b; border: 1px solid #334155; border-radius: 12px; padding: 24px; margin-bottom: 12px; }\n .rec-card .rec-priority {\n display: inline-block; padding: 3px 10px; border-radius: 6px; font-size: 11px;\n font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 8px;\n }\n .priority-high { background: rgba(239,68,68,0.2); color: #ef4444; }\n .priority-medium { background: rgba(245,158,11,0.2); color: #f59e0b; }\n .priority-low { background: rgba(34,197,94,0.2); color: #22c55e; }\n .rec-card h4 { font-size: 16px; color: #f1f5f9; margin-bottom: 6px; }\n .rec-card .rec-domain { font-size: 12px; color: #f59e0b; margin-bottom: 10px; }\n .rec-card .rec-objectives { list-style: none; padding: 0; }\n .rec-card .rec-objectives li {\n padding: 4px 0 4px 18px; position: relative; color: #94a3b8; font-size: 13px; line-height: 1.5;\n }\n .rec-card .rec-objectives li::before { content: \"\\2192\"; position: absolute; left: 0; color: #fbbf24; }\n .submission-status {\n text-align: center; padding: 12px; border-radius: 10px;\n margin-bottom: 16px; font-size: 13px; font-weight: 500;\n }\n .status-success { background: rgba(34,197,94,0.15); border: 1px solid #22c55e; color: #4ade80; }\n .status-error { background: rgba(239,68,68,0.15); border: 1px solid #ef4444; color: #f87171; }\n .status-sending { background: rgba(245,158,11,0.15); border: 1px solid #f59e0b; color: #fbbf24; }\n .print-btn {\n display: block; width: 100%; margin-top: 24px; padding: 16px;\n background: linear-gradient(135deg, #d97706, #f59e0b); color: white;\n border: none; border-radius: 12px; font-family: inherit; font-size: 16px;\n font-weight: 600; cursor: pointer; transition: all 0.3s;\n }\n .print-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(245, 158, 11, 0.4); }\n .footer { text-align: center; padding: 30px; color: #64748b; font-size: 13px; }\n @media print {\n body { background: white; color: #1e293b; padding: 20px; }\n .question-card, .nav-buttons, .print-btn, .progress-bar-container, .info-section, .submission-status { display: none !important; }\n .results-container { display: block !important; }\n .results-container * { color: #1e293b !important; -webkit-text-fill-color: #1e293b !important; }\n .overall-score-card, .start-here-card, .competency-row, .rec-card {\n background: #f8fafc !important; border-color: #cbd5e1 !important; break-inside: avoid;\n }\n .score-bar-track { background: #e2e8f0 !important; }\n }\n @media (max-width: 600px) {\n .likert-scale { flex-direction: column; }\n .likert-option { min-width: 100%; }\n .competency-row { flex-direction: column; align-items: stretch; }\n }\n<\/style>\n<\/head>\n<body>\n<div class=\"container\">\n <div class=\"header\">\n <div class=\"badge\">eTrainers.org<\/div>\n <h1>Evaluación de Liderazgo Ejecutivo<\/h1>\n <p>Esta evaluación está diseñada para gerentes senior y líderes ejecutivos. Califique cada declaración según qué tan bien describe sus comportamientos actuales de liderazgo. Su informe personalizado de competencias será enviado a su correo electrónico al completar la evaluación.<\/p>\n <\/div>\n <div class=\"info-section\" id=\"infoSection\">\n <label for=\"participantName\">Su Nombre<\/label>\n <input type=\"text\" id=\"participantName\" placeholder=\"Ingrese su nombre completo...\">\n <div class=\"helper\">Su nombre aparecerá en el informe de competencias.<\/div>\n <label for=\"participantEmail\">Su Correo Electrónico<\/label>\n <input type=\"email\" id=\"participantEmail\" placeholder=\"Ingrese su correo electrónico...\">\n <div class=\"required-note\">⚠ Requerido — Su informe de competencias será enviado a esta dirección.<\/div>\n <\/div>\n <div class=\"progress-bar-container\" id=\"progressSection\">\n <div class=\"progress-info\">\n <span id=\"progressLabel\">Pregunta 1 de 10<\/span>\n <span id=\"progressPercent\">0%<\/span>\n <\/div>\n <div class=\"progress-track\"><div class=\"progress-fill\" id=\"progressFill\"><\/div><\/div>\n <\/div>\n <div id=\"questionsContainer\"><\/div>\n <div class=\"nav-buttons\" id=\"navButtons\">\n <button class=\"btn btn-secondary\" id=\"prevBtn\" onclick=\"navigate(-1)\" disabled>← Anterior<\/button>\n <button class=\"btn btn-primary\" id=\"nextBtn\" onclick=\"navigate(1)\" disabled>Siguiente →<\/button>\n <\/div>\n <div class=\"results-container\" id=\"resultsContainer\"><\/div>\n <div class=\"footer\">\n © 2026 eTrainers.org Inc. | Biblioteca de Soluciones de Aprendizaje<br>\n Impulsado por el Currículo de Liderazgo de John Maxwell<br>\n info@etrainers.org | 469-677-8136\n <\/div>\n<\/div>\n<script>\nconst GOOGLE_SHEETS_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbyqOqYrliVX_KFvcSOxywnZMKT-faOG2gD9lh1qlpv3hf3AYVDbu0efi5xCO5EACSON\/exec';\nconst ASSESSMENT_TYPE = 'L\\u00edder Ejecutivo (Espa\\u00f1ol)';\n\nconst ASSESSMENT_DATA = [\n {\n id: \"reconocimiento_crisis\",\n domain: \"Definici\\u00f3n y Reconocimiento de Crisis\",\n question: \"Puedo identificar r\\u00e1pidamente cu\\u00e1ndo una situaci\\u00f3n ha escalado de un desaf\\u00edo rutinario a una crisis genuina, y tomo acci\\u00f3n inmediata y decisiva en lugar de esperar que se resuelva sola.\",\n course: \"Leading Through Crisis (John Maxwell)\",\n objectives: [\n \"Definir qu\\u00e9 constituye una crisis vs. un desaf\\u00edo rutinario\",\n \"Reconocer las se\\u00f1ales de advertencia y patrones de escalamiento\",\n \"Comprender el rol \\u00fanico del l\\u00edder durante momentos de crisis\"\n ]\n },\n {\n id: \"decisiones_presion\",\n domain: \"Toma de Decisiones Bajo Presi\\u00f3n\",\n question: \"Cuando enfrento decisiones de alto impacto con informaci\\u00f3n incompleta, mantengo la calma, recopilo los mejores datos disponibles y tomo decisiones oportunas que respaldo.\",\n course: \"Leading Through Crisis (John Maxwell)\",\n objectives: [\n \"Aplicar marcos de toma de decisiones estructurados bajo presi\\u00f3n\",\n \"Equilibrar la velocidad con la minuciosidad en situaciones de crisis\",\n \"Comunicar decisiones con confianza y transparencia\"\n ]\n },\n {\n id: \"combatir_distracciones\",\n domain: \"Combatir Distracciones y Mantener el Enfoque\",\n question: \"Mantengo el enfoque estrat\\u00e9gico en lo que m\\u00e1s importa, incluso cuando prioridades competidoras, ruido organizacional y urgencias diarias amenazan con desviar mi atenci\\u00f3n.\",\n course: \"Leading Through Crisis (John Maxwell)\",\n objectives: [\n \"Identificar y eliminar distracciones de liderazgo\",\n \"Mantener el enfoque en prioridades cr\\u00edticas durante la turbulencia\",\n \"Modelar atenci\\u00f3n disciplinada para la organizaci\\u00f3n\"\n ]\n },\n {\n id: \"caracter_adversidad\",\n domain: \"Car\\u00e1cter e Integridad en la Adversidad\",\n question: \"Lidero consistentemente con integridad y tomo decisiones \\u00e9ticas, incluso cuando hacer lo correcto es dif\\u00edcil, impopular o tiene un costo personal.\",\n course: \"High Road Leadership (John Maxwell)\",\n objectives: [\n \"Desarrollar cualidades de liderazgo de alto camino que inspiren confianza\",\n \"Navegar conflictos y adversidades con integridad\",\n \"Construir un legado de liderazgo basado en el car\\u00e1cter sobre la conveniencia\"\n ]\n },\n {\n id: \"liderazgo_visible\",\n domain: \"Liderazgo Visible y Presente\",\n question: \"Durante tiempos de incertidumbre o crisis, estoy visiblemente presente y accesible para mis equipos, proporcionando seguridad, direcci\\u00f3n y una mano firme.\",\n course: \"Leading Through Crisis (John Maxwell)\",\n objectives: [\n \"Comprender por qu\\u00e9 el liderazgo visible es cr\\u00edtico durante una crisis\",\n \"Practicar estar presente y accesible cuando los equipos necesitan orientaci\\u00f3n\",\n \"Proporcionar seguridad mientras se mantiene una comunicaci\\u00f3n honesta\"\n ]\n },\n {\n id: \"comunicacion_crisis\",\n domain: \"Comunicaci\\u00f3n de Crisis y Transparencia\",\n question: \"Me comunico abierta y transparentemente durante situaciones dif\\u00edciles, compartiendo lo que s\\u00e9, reconociendo lo que no s\\u00e9 y proporcionando actualizaciones regulares a todas las partes interesadas.\",\n course: \"Crisis Management\",\n objectives: [\n \"Identificar riesgos y desarrollar protocolos de comunicaci\\u00f3n de crisis\",\n \"Reconocer detonantes de escalamiento y responder apropiadamente\",\n \"Establecer canales de comunicaci\\u00f3n claros durante eventos de crisis\"\n ]\n },\n {\n id: \"liderazgo_etico\",\n domain: \"Liderazgo \\u00c9tico y de Alto Camino\",\n question: \"Elijo el camino alto en el liderazgo tratando a las personas con dignidad, dando m\\u00e1s de lo que tomo y colocando la salud a largo plazo de la organizaci\\u00f3n por encima de las ganancias a corto plazo.\",\n course: \"High Road Leadership (John Maxwell)\",\n objectives: [\n \"Practicar el liderazgo de alto camino en las interacciones diarias\",\n \"Construir relaciones de confianza en todos los niveles organizacionales\",\n \"Crear una cultura de dignidad, respeto y comportamiento \\u00e9tico\"\n ]\n },\n {\n id: \"liderazgo_intencional\",\n domain: \"Liderazgo Intencional y con Prop\\u00f3sito\",\n question: \"Lidero con prop\\u00f3sito claro e intencionalidad, asegurando que mis acciones diarias, prioridades y decisiones est\\u00e9n alineadas con mis valores fundamentales y la misi\\u00f3n de la organizaci\\u00f3n.\",\n course: \"Intentional Living (John Maxwell)\",\n objectives: [\n \"Definir el prop\\u00f3sito personal y alinear las acciones de liderazgo con \\u00e9l\",\n \"Vivir y liderar intencionalmente en lugar de reactivamente\",\n \"Crear un impacto significativo a trav\\u00e9s de decisiones diarias deliberadas\"\n ]\n },\n {\n id: \"cambio_transformacional\",\n domain: \"Liderando el Cambio Transformacional\",\n question: \"Promuevo activamente iniciativas transformacionales que crean un cambio positivo duradero en mi organizaci\\u00f3n y comunidad, incluso cuando el camino a seguir es incierto.\",\n course: \"Change Your World (John Maxwell)\",\n objectives: [\n \"Desarrollar una visi\\u00f3n para el cambio transformacional\",\n \"Construir coaliciones e inspirar a otros a unirse al esfuerzo de cambio\",\n \"Crear un impacto sostenible que trascienda el liderazgo individual\"\n ]\n },\n {\n id: \"resiliencia_adaptabilidad\",\n domain: \"Construyendo Resiliencia y Adaptabilidad Organizacional\",\n question: \"Construyo equipos resilientes y sistemas organizacionales que pueden absorber impactos, adaptarse a la disrupci\\u00f3n y emerger m\\u00e1s fuertes de la adversidad.\",\n course: \"Leading Through Crisis (John Maxwell)\",\n objectives: [\n \"Desarrollar estrategias de resiliencia personal y organizacional\",\n \"Crear sistemas adaptativos que respondan a la disrupci\\u00f3n\",\n \"Fomentar una cultura donde los contratiempos se conviertan en catalizadores de crecimiento\"\n ]\n }\n];\n\nlet currentQuestion = 0;\nlet answers = {};\nlet comments = {};\n\nfunction init() {\n const container = document.getElementById('questionsContainer');\n ASSESSMENT_DATA.forEach((q, i) => {\n const card = document.createElement('div');\n card.className = 'question-card' + (i === 0 ? ' active' : '');\n card.id = 'q' + i;\n card.innerHTML = `\n <div class=\"question-number\">${i + 1}<\/div>\n <div class=\"domain-label\">${q.domain}<\/div>\n <div class=\"question-text\">${q.question}<\/div>\n <div class=\"likert-scale\">\n ${[\n {v:1, l:\"Totalmente en Desacuerdo\"},\n {v:2, l:\"En Desacuerdo\"},\n {v:3, l:\"Neutral\"},\n {v:4, l:\"De Acuerdo\"},\n {v:5, l:\"Totalmente de Acuerdo\"}\n ].map(opt => `\n <div class=\"likert-option\" onclick=\"selectAnswer(${i}, ${opt.v}, this)\" data-value=\"${opt.v}\">\n <span class=\"likert-value\">${opt.v}<\/span>\n <span class=\"likert-label\">${opt.l}<\/span>\n <\/div>\n `).join('')}\n <\/div>\n <div class=\"comment-section\">\n <label>💬 Comentarios opcionales o contexto:<\/label>\n <textarea placeholder=\"Agregue notas sobre esta \\u00e1rea...\" onchange=\"comments[${i}]=this.value\"><\/textarea>\n <\/div>\n `;\n container.appendChild(card);\n });\n updateProgress();\n}\n\nfunction selectAnswer(qIndex, value, el) {\n answers[qIndex] = value;\n const card = document.getElementById('q' + qIndex);\n card.querySelectorAll('.likert-option').forEach(o => o.classList.remove('selected'));\n el.classList.add('selected');\n document.getElementById('nextBtn').disabled = false;\n}\n\nfunction navigate(dir) {\n if (dir === 1 && currentQuestion === 0) {\n const email = document.getElementById('participantEmail').value.trim();\n if (!email || !email.includes('@')) {\n alert('Por favor ingrese una direcci\\u00f3n de correo electr\\u00f3nico v\\u00e1lida para recibir su informe.');\n return;\n }\n }\n if (dir === 1 && answers[currentQuestion] === undefined) return;\n document.getElementById('q' + currentQuestion).classList.remove('active');\n currentQuestion += dir;\n if (currentQuestion >= ASSESSMENT_DATA.length) { showResults(); return; }\n document.getElementById('q' + currentQuestion).classList.add('active');\n document.getElementById('prevBtn').disabled = currentQuestion === 0;\n document.getElementById('nextBtn').disabled = answers[currentQuestion] === undefined;\n document.getElementById('nextBtn').innerHTML = currentQuestion === ASSESSMENT_DATA.length - 1 ? 'Ver Resultados →' : 'Siguiente →';\n updateProgress();\n}\n\nfunction updateProgress() {\n const pct = Math.round((currentQuestion \/ ASSESSMENT_DATA.length) * 100);\n document.getElementById('progressFill').style.width = pct + '%';\n document.getElementById('progressLabel').textContent = `Pregunta ${currentQuestion + 1} de ${ASSESSMENT_DATA.length}`;\n document.getElementById('progressPercent').textContent = pct + '%';\n}\n\nasync function sendResultsEmail(results, avgScore, topPriority) {\n if (GOOGLE_SHEETS_URL === 'YOUR_GOOGLE_APPS_SCRIPT_URL_HERE') return { success: false, reason: 'not_configured' };\n const participantName = document.getElementById('participantName').value.trim() || 'L\\u00edder Ejecutivo';\n const participantEmail = document.getElementById('participantEmail').value.trim();\n const allComments = ASSESSMENT_DATA.map((q, i) => {\n if (comments[i]) return `[${q.domain}]: ${comments[i]}`;\n return null;\n }).filter(c => c !== null).join(' | ');\n const getColor = (s) => s <= 2 ? '#ef4444' : s <= 3 ? '#f59e0b' : '#22c55e';\n const getLabel = (s) => s <= 2 ? 'Alta Prioridad' : s <= 3 ? 'Prioridad Media' : 'En Buen Camino';\n let emailHtml = `\n <div style=\"font-family:Arial,sans-serif;max-width:700px;margin:0 auto;background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;\">\n <div style=\"background:linear-gradient(135deg,#d97706,#f59e0b);padding:30px;text-align:center;\">\n <p style=\"color:rgba(255,255,255,0.8);font-size:12px;letter-spacing:1px;text-transform:uppercase;margin:0 0 8px;\">eTrainers.org<\/p>\n <h1 style=\"color:white;font-size:24px;margin:0;\">Evaluaci\\u00f3n de Liderazgo Ejecutivo<\/h1>\n <p style=\"color:rgba(255,255,255,0.9);font-size:14px;margin:8px 0 0;\">Informe de Competencias<\/p>\n <\/div>\n <div style=\"padding:30px;\">\n <p style=\"color:#475569;font-size:14px;margin:0 0 4px;\"><strong>Participante:<\/strong> ${participantName}<\/p>\n <p style=\"color:#475569;font-size:14px;margin:0 0 20px;\"><strong>Fecha:<\/strong> ${new Date().toLocaleDateString('es-MX',{year:'numeric',month:'long',day:'numeric'})}<\/p>\n <div style=\"background:#fffbeb;border:2px solid #f59e0b;border-radius:12px;padding:24px;text-align:center;margin-bottom:24px;\">\n <p style=\"font-size:48px;font-weight:700;color:#d97706;margin:0;\">${avgScore}<span style=\"font-size:20px;color:#94a3b8\">\/5.0<\/span><\/p>\n <p style=\"color:#92400e;font-size:13px;margin:4px 0 0;\">Puntuaci\\u00f3n General de Liderazgo Ejecutivo<\/p>\n <\/div>\n <div style=\"background:#f0fdf4;border:1px solid #22c55e;border-radius:12px;padding:20px;margin-bottom:24px;\">\n <h3 style=\"color:#16a34a;font-size:16px;margin:0 0 8px;\">🚀 Comience Aqu\\u00ed \\u2014 Su Prioridad #1<\/h3>\n <p style=\"font-size:18px;font-weight:700;color:#1e293b;margin:0 0 6px;\">${topPriority.course}<\/p>\n <p style=\"color:#475569;font-size:13px;margin:0 0 10px;\">Puntuaci\\u00f3n m\\u00e1s baja: <strong>${topPriority.score}\/5<\/strong> en <strong>${topPriority.domain}<\/strong><\/p>\n <ul style=\"margin:0;padding:0 0 0 20px;color:#475569;font-size:13px;\">\n ${topPriority.objectives.map(o => `<li style=\"margin:4px 0;\">${o}<\/li>`).join('')}\n <\/ul>\n <\/div>\n <h3 style=\"color:#1e293b;font-size:16px;border-bottom:1px solid #e2e8f0;padding-bottom:8px;margin:0 0 16px;\">Puntuaciones por Competencia<\/h3>`;\n results.forEach(r => {\n const pct = r.score * 20;\n const color = getColor(r.score);\n emailHtml += `\n <div style=\"margin-bottom:12px;padding:12px 16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;\">\n <div style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;\">\n <span style=\"font-weight:600;font-size:14px;color:#1e293b;\">${r.domain}<\/span>\n <span style=\"font-weight:700;font-size:16px;color:${color};\">${r.score}\/5<\/span>\n <\/div>\n <div style=\"height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;\">\n <div style=\"height:100%;width:${pct}%;background:${color};border-radius:4px;\"><\/div>\n <\/div>\n <p style=\"font-size:11px;color:#64748b;margin:4px 0 0;\">📖 ${r.course}<\/p>\n <\/div>`;\n });\n const recs = results.filter(r => r.score <= 3);\n if (recs.length > 0) {\n emailHtml += `<h3 style=\"color:#1e293b;font-size:16px;border-bottom:1px solid #e2e8f0;padding-bottom:8px;margin:24px 0 16px;\">Ruta de Aprendizaje Recomendada<\/h3>`;\n recs.forEach(r => {\n const label = getLabel(r.score);\n const color = getColor(r.score);\n emailHtml += `\n <div style=\"margin-bottom:12px;padding:16px;background:#f8fafc;border-radius:8px;border-left:4px solid ${color};\">\n <span style=\"display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;color:${color};background:rgba(0,0,0,0.05);text-transform:uppercase;margin-bottom:6px;\">${label}<\/span>\n <h4 style=\"font-size:15px;color:#1e293b;margin:4px 0;\">${r.course}<\/h4>\n <p style=\"font-size:12px;color:#64748b;margin:0 0 8px;\">${r.domain} \\u2014 Puntuaci\\u00f3n: ${r.score}\/5<\/p>\n <ul style=\"margin:0;padding:0 0 0 18px;color:#475569;font-size:12px;\">\n ${r.objectives.map(o => `<li style=\"margin:3px 0;\">${o}<\/li>`).join('')}\n <\/ul>\n <\/div>`;\n });\n }\n emailHtml += `\n <\/div>\n <div style=\"background:#f8fafc;padding:20px;text-align:center;border-top:1px solid #e2e8f0;\">\n <p style=\"color:#64748b;font-size:12px;margin:0;\">eTrainers.org Inc. | Biblioteca de Soluciones de Aprendizaje<\/p>\n <p style=\"color:#64748b;font-size:12px;margin:4px 0 0;\">Impulsado por el Curr\\u00edculo de Liderazgo de John Maxwell<\/p>\n <p style=\"color:#94a3b8;font-size:11px;margin:8px 0 0;\">info@etrainers.org | 469-677-8136<\/p>\n <\/div>\n <\/div>`;\n const payload = {\n timestamp: new Date().toISOString(), participantName, participantEmail,\n assessmentType: ASSESSMENT_TYPE, overallScore: avgScore,\n domains: results.map(r => ({ name: r.domain, score: r.score })),\n topPriorityCourse: topPriority.course, topPriorityDomain: topPriority.domain,\n comments: allComments, emailHtml, sendEmail: true\n };\n try {\n await fetch(GOOGLE_SHEETS_URL, { method: 'POST', mode: 'no-cors', headers: { 'Content-Type': 'application\/json' }, body: JSON.stringify(payload) });\n return { success: true };\n } catch (error) { return { success: false, reason: error.message }; }\n}\n\nfunction showResults() {\n document.getElementById('questionsContainer').style.display = 'none';\n document.getElementById('navButtons').style.display = 'none';\n document.getElementById('progressSection').style.display = 'none';\n document.getElementById('infoSection').style.display = 'none';\n const results = ASSESSMENT_DATA.map((q, i) => ({ ...q, score: answers[i] || 0, comment: comments[i] || '' })).sort((a, b) => a.score - b.score);\n const avgScore = (results.reduce((s, r) => s + r.score, 0) \/ results.length).toFixed(1);\n const lowest = results[0];\n const participantName = document.getElementById('participantName').value.trim();\n const participantEmail = document.getElementById('participantEmail').value.trim();\n const getScoreClass = (s) => s <= 2 ? 'score-low' : s <= 3 ? 'score-mid' : 'score-high';\n const getPriority = (s) => s <= 2 ? ['Alta Prioridad', 'priority-high'] : s <= 3 ? ['Prioridad Media', 'priority-medium'] : ['En Buen Camino', 'priority-low'];\n const rc = document.getElementById('resultsContainer');\n rc.className = 'results-container active';\n rc.innerHTML = `\n <div class=\"results-header\">\n <div class=\"badge\">Informe de Competencias Ejecutivas<\/div>\n <h2>Resultados de la Evaluaci\\u00f3n de Liderazgo Ejecutivo<\/h2>\n ${participantName ? `<p style=\"color:#f1f5f9;font-size:16px;font-weight:600;margin-bottom:4px;\">${participantName}<\/p>` : ''}\n <p style=\"color:#94a3b8;font-size:14px;\">Generado el ${new Date().toLocaleDateString('es-MX', {year:'numeric',month:'long',day:'numeric'})}<\/p>\n <\/div>\n <div id=\"submissionStatus\" class=\"submission-status status-sending\">✉ Enviando su informe de competencias a ${participantEmail}...<\/div>\n <div class=\"overall-score-card\">\n <div class=\"overall-score-value\">${avgScore}<span style=\"font-size:24px;color:#94a3b8\">\/5.0<\/span><\/div>\n <div class=\"overall-score-label\">Puntuaci\\u00f3n General de Liderazgo Ejecutivo<\/div>\n <\/div>\n <div class=\"start-here-card\">\n <h3>🚀 Comience Aqu\\u00ed — Su Prioridad #1<\/h3>\n <div class=\"course-name\">${lowest.course}<\/div>\n <div class=\"course-reason\">Su puntuaci\\u00f3n m\\u00e1s baja fue <strong>${lowest.score}\/5<\/strong> en <strong>${lowest.domain}<\/strong>. Este curso aborda directamente esta brecha y fortalecer\\u00e1 su liderazgo ejecutivo en esta \\u00e1rea cr\\u00edtica.<\/div>\n <ul class=\"objectives-list\">${lowest.objectives.map(o => `<li>${o}<\/li>`).join('')}<\/ul>\n <\/div>\n <h3 style=\"font-size:18px;font-weight:700;color:#f1f5f9;margin-bottom:16px;\">📊 Puntuaciones por Competencia<\/h3>\n ${results.map(r => `\n <div class=\"competency-row ${getScoreClass(r.score)}\">\n <div class=\"competency-info\">\n <div class=\"competency-name\">${r.domain}<\/div>\n <div class=\"competency-course\">📖 ${r.course}<\/div>\n <\/div>\n <div class=\"score-bar-container\">\n <div class=\"score-bar-track\"><div class=\"score-bar-fill\" style=\"width:${r.score * 20}%\"><\/div><\/div>\n <div class=\"score-value\">${r.score}\/5<\/div>\n <\/div>\n <\/div>\n `).join('')}\n <div class=\"recommendations-section\">\n <h3>📚 Ruta de Aprendizaje Recomendada<\/h3>\n ${results.filter(r => r.score <= 3).map(r => {\n const [label, cls] = getPriority(r.score);\n return `<div class=\"rec-card\"><span class=\"rec-priority ${cls}\">${label}<\/span><h4>${r.course}<\/h4><div class=\"rec-domain\">Competencia: ${r.domain} — Puntuaci\\u00f3n: ${r.score}\/5<\/div><ul class=\"rec-objectives\">${r.objectives.map(o => `<li>${o}<\/li>`).join('')}<\/ul><\/div>`;\n }).join('')}\n ${results.filter(r => r.score <= 3).length === 0 ? '<p style=\"color:#4ade80;padding:20px;\">🎉 \\u00a1Excepcional! Todas las competencias obtuvieron m\\u00e1s de 3. Est\\u00e1 liderando a un alto nivel.<\/p>' : ''}\n <\/div>\n <button class=\"print-btn\" onclick=\"window.print()\">🖨 Imprimir \/ Guardar como PDF<\/button>\n `;\n sendResultsEmail(results, avgScore, lowest).then(result => {\n const statusDiv = document.getElementById('submissionStatus');\n if (result.success) {\n statusDiv.className = 'submission-status status-success';\n statusDiv.innerHTML = '✅ Informe enviado exitosamente a <strong>' + participantEmail + '<\/strong> y <strong>etrainersdotorg@gmail.com<\/strong>';\n } else if (result.reason === 'not_configured') {\n statusDiv.className = 'submission-status status-error';\n statusDiv.innerHTML = '⚠ Servicio de correo no configurado. Use el bot\\u00f3n de imprimir.';\n } else {\n statusDiv.className = 'submission-status status-error';\n statusDiv.innerHTML = '⚠ No se pudo enviar el correo. Use el bot\\u00f3n de imprimir.';\n }\n });\n}\n\ninit();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Evaluación de Liderazgo Ejecutivo | eTrainers.org eTrainers.org Evaluación de Liderazgo Ejecutivo Esta evaluación está diseñada para gerentes senior y líderes ejecutivos. Califique cada declaración según qué tan bien describe sus comportamientos actuales de liderazgo. Su informe personalizado de competencias será enviado a su correo electrónico al completar la evaluación. Su Nombre Su nombre aparecerá en […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-53","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/etrainers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/pages\/53","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etrainers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/etrainers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/etrainers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/etrainers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/comments?post=53"}],"version-history":[{"count":1,"href":"https:\/\/etrainers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/pages\/53\/revisions"}],"predecessor-version":[{"id":54,"href":"https:\/\/etrainers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/pages\/53\/revisions\/54"}],"wp:attachment":[{"href":"https:\/\/etrainers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/media?parent=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}