Leader Lens 360\u2122 | Generador de Informe | eTrainers.org<\/title>\n\n<style>\n\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n *{box-sizing:border-box;margin:0;padding:0;}\n\n body{font-family:'Inter',Arial,sans-serif;background:#0f172a;color:#e2e8f0;padding:20px;}\n\n .container{max-width:860px;margin:auto;}\n\n .header{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:16px;padding:32px;text-align:center;margin-bottom:24px;}\n\n .header .badge{display:inline-block;background:rgba(255,255,255,0.15);border-radius:20px;padding:5px 14px;font-size:12px;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;}\n\n .header h1{font-size:28px;font-weight:700;margin-bottom:6px;}\n\n .header p{font-size:14px;opacity:0.85;}\n\n .card{background:#1e293b;border-radius:14px;padding:24px;margin-bottom:20px;border:1px solid #334155;}\n\n .section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:14px;}\n\n label{display:block;font-size:13px;color:#94a3b8;margin-bottom:5px;margin-top:12px;}\n\n input[type=text],input[type=email]{width:100%;padding:11px 14px;border-radius:8px;background:#0f172a;color:#e2e8f0;border:1px solid #334155;font-size:14px;}\n\n input:focus{outline:none;border-color:#3b82f6;}\n\n .btn{display:inline-block;width:100%;padding:14px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity 0.2s;margin-top:14px;}\n\n .btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;}\n\n .btn-primary:hover{opacity:0.9;}\n\n .btn-outline{background:transparent;border:1px solid #334155;color:#94a3b8;}\n\n #statusMsg{margin-top:14px;padding:14px;border-radius:8px;text-align:center;font-size:14px;display:none;}\n\n .success{background:rgba(34,197,94,0.15);border:1px solid #22c55e;color:#86efac;}\n\n .error{background:rgba(239,68,68,0.15);border:1px solid #ef4444;color:#fca5a5;}\n\n .notice{background:rgba(59,130,246,0.1);border:1px solid rgba(59,130,246,0.3);border-radius:8px;padding:12px 16px;font-size:13px;color:#93c5fd;margin-top:12px;}\n\n .toggle-bar{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;}\n\n .toggle-btn{padding:8px 16px;border-radius:8px;border:1px solid #334155;background:#1e293b;color:#94a3b8;font-size:13px;cursor:pointer;transition:all 0.2s;}\n\n .toggle-btn.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border-color:transparent;}\n\n .overall-score-card{text-align:center;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #3b82f6;border-radius:14px;padding:28px;margin-bottom:20px;}\n\n .overall-num{font-size:56px;font-weight:800;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}\n\n .overall-label{font-size:13px;color:#94a3b8;margin-top:4px;}\n\n .confidence-pill{display:inline-block;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:600;margin-top:10px;}\n\n .conf-high{background:rgba(34,197,94,0.2);color:#86efac;border:1px solid #22c55e;}\n\n .conf-med{background:rgba(234,179,8,0.2);color:#fde047;border:1px solid #eab308;}\n\n .conf-low{background:rgba(239,68,68,0.2);color:#fca5a5;border:1px solid #ef4444;}\n\n .exec-card{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #3b82f6;border-radius:14px;padding:24px;margin-bottom:20px;}\n\n .exec-card h3{font-size:15px;font-weight:700;color:#93c5fd;margin-bottom:12px;}\n\n .exec-card p{font-size:14px;color:#cbd5e1;line-height:1.75;}\n\n .insight-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;}\n\n .insight-card{background:#1e293b;border-radius:12px;padding:18px;border:1px solid #334155;}\n\n .insight-card .label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#64748b;margin-bottom:8px;}\n\n .insight-card .value{font-size:14px;color:#cbd5e1;line-height:1.6;}\n\n .insight-card.highlight{border-color:#8b5cf6;}\n\n .start-here{background:linear-gradient(135deg,#0f2251,#1e1035);border:1px solid #3b82f6;border-radius:14px;padding:24px;margin-bottom:20px;}\n\n .start-here .sh-badge{display:inline-block;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:20px;padding:4px 14px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;color:#fff;}\n\n .start-here h2{font-size:20px;font-weight:700;color:#fff;margin-bottom:8px;}\n\n .start-here .domain-why{font-size:13px;color:#93c5fd;margin-bottom:14px;}\n\n .start-here .obj-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#64748b;margin-bottom:8px;}\n\n .start-here ul{list-style:none;padding:0;}\n\n .start-here ul li{font-size:13px;color:#cbd5e1;padding:6px 0 6px 22px;position:relative;border-bottom:1px solid rgba(255,255,255,0.05);}\n\n .start-here ul li:before{content:\"\u2192\";position:absolute;left:0;color:#3b82f6;}\n\n .comp-row{margin-bottom:14px;}\n\n .comp-row .comp-name{font-size:13px;font-weight:600;color:#e2e8f0;margin-bottom:6px;display:flex;justify-content:space-between;}\n\n .comp-row .comp-name .score-val{font-size:12px;color:#94a3b8;}\n\n .bar-outer{background:#0f172a;border-radius:6px;height:8px;}\n\n .bar-inner{height:8px;border-radius:6px;transition:width 0.6s;}\n\n .bar-red{background:linear-gradient(90deg,#ef4444,#f97316);}\n\n .bar-yellow{background:linear-gradient(90deg,#eab308,#f59e0b);}\n\n .bar-green{background:linear-gradient(90deg,#22c55e,#10b981);}\n\n .gap-tag{font-size:10px;border-radius:10px;padding:2px 8px;margin-left:6px;}\n\n .gap-blind{background:rgba(239,68,68,0.2);color:#fca5a5;border:1px solid #ef4444;}\n\n .gap-hidden{background:rgba(34,197,94,0.2);color:#86efac;border:1px solid #22c55e;}\n\n .lp-item{background:#0f172a;border-radius:10px;padding:14px 16px;margin-bottom:10px;border:1px solid #334155;display:flex;align-items:center;gap:14px;}\n\n .lp-rank{font-size:20px;font-weight:800;color:#334155;min-width:28px;}\n\n .lp-info .lp-course{font-size:14px;font-weight:600;color:#e2e8f0;}\n\n .lp-info .lp-domain{font-size:12px;color:#64748b;margin-top:2px;}\n\n .comment-block{background:#0f172a;border-radius:10px;padding:14px;border-left:3px solid #3b82f6;margin-bottom:10px;}\n\n .comment-block .cb-role{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#64748b;margin-bottom:4px;}\n\n .comment-block .cb-text{font-size:13px;color:#cbd5e1;line-height:1.6;}\n\n .print-btn{background:#334155;color:#e2e8f0;border:none;border-radius:8px;padding:10px 20px;font-size:13px;cursor:pointer;margin-right:8px;margin-top:10px;}\n\n .print-btn:hover{background:#475569;}\n\n @media print{.no-print{display:none !important;}body{background:#fff;color:#000;}.card,.exec-card,.start-here,.insight-card{border:1px solid #ccc !important;}}\n\n @media(max-width:600px){.insight-row{grid-template-columns:1fr;}}\n\n .footer{text-align:center;font-size:12px;color:#475569;margin-top:30px;padding-top:20px;border-top:1px solid #1e293b;}\n\n #reportSection{display:none;}\n\n<\/style>\n\n<\/head>\n\n<body>\n\n<div class=\"container\">\n\n \n\n <div class=\"header\">\n\n <div class=\"badge\">eTrainers.org | Evaluaci\u00f3n Premium<\/div>\n\n <h1>Leader Lens 360\u2122<\/h1>\n\n <p>Informe de Liderazgo \u2014 Perspectiva y Desarrollo Personalizado<\/p>\n\n <\/div>\n\n \n\n \n\n <div id=\"requestSection\">\n\n <div class=\"card\">\n\n <div class=\"section-title\">Solicitar Su Informe<\/div>\n\n <p style=\"font-size:14px;color:#cbd5e1;margin-bottom:4px;\">Ingrese su nombre exactamente como lo ingres\u00f3 en la autoevaluaci\u00f3n, y el correo electr\u00f3nico donde desea recibir su informe.<\/p>\n\n <label>Su Nombre Completo<\/label>\n\n <input type=\"text\" id=\"reqName\" placeholder=\"Ingrese su nombre completo (debe coincidir con la autoevaluaci\u00f3n)\">\n\n <label>Su Correo Electr\u00f3nico<\/label>\n\n <input type=\"email\" id=\"reqEmail\" placeholder=\"correo@empresa.com\">\n\n <button class=\"btn btn-primary\" onclick=\"requestReport()\">Generar y Enviar Mi Informe<\/button>\n\n <div id=\"statusMsg\"><\/div>\n\n <div class=\"notice\">\ud83d\udcca Su informe ser\u00e1 generado a partir de toda la retroalimentaci\u00f3n enviada y se le enviar\u00e1 por correo electr\u00f3nico de inmediato.<\/div>\n\n <\/div>\n\n \n\n <div class=\"card no-print\">\n\n <div class=\"section-title\">Vista Previa \u2014 Informe de Muestra<\/div>\n\n <p style=\"font-size:13px;color:#94a3b8;margin-bottom:14px;\">Vea c\u00f3mo se ver\u00e1 su Leader Lens 360\u2122 con un informe de muestra completo.<\/p>\n\n <button class=\"btn btn-outline\" onclick=\"showDemo()\">\ud83d\udc41 Ver Informe de Muestra<\/button>\n\n <\/div>\n\n <\/div>\n\n \n\n \n\n <div id=\"reportSection\">\n\n \n\n <div class=\"no-print\" style=\"margin-bottom:16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;\">\n\n <button class=\"print-btn\" onclick=\"window.print()\">\ud83d\udda8 Imprimir \/ Guardar como PDF<\/button>\n\n <button class=\"print-btn\" onclick=\"hideReport()\">\u2190 Volver<\/button>\n\n <div class=\"toggle-bar\" id=\"toggleBar\">\n\n <button class=\"toggle-btn active\" onclick=\"setView('all',event)\">Toda la Retroalimentaci\u00f3n<\/button>\n\n <button class=\"toggle-btn\" onclick=\"setView('manager',event)\">Gerente<\/button>\n\n <button class=\"toggle-btn\" onclick=\"setView('peer',event)\">Compa\u00f1ero \/ RD<\/button>\n\n <button class=\"toggle-btn\" onclick=\"setView('client',event)\">Cliente<\/button>\n\n <\/div>\n\n <\/div>\n\n \n\n <div class=\"overall-score-card\">\n\n <div style=\"font-size:13px;color:#94a3b8;margin-bottom:4px;\">Leader Lens 360\u2122 \u2014 Informe de Competencias<\/div>\n\n <div style=\"font-size:18px;font-weight:700;margin-bottom:4px;\" id=\"reportName\">\u2014<\/div>\n\n <div class=\"overall-num\" id=\"reportScore\">\u2014<\/div>\n\n <div class=\"overall-label\">Puntuaci\u00f3n General de Competencias (sobre 5.0)<\/div>\n\n <div id=\"reportConfidence\"><\/div>\n\n <\/div>\n\n \n\n <div class=\"exec-card\">\n\n <h3>\ud83e\udde0 Resumen Ejecutivo<\/h3>\n\n <p id=\"execSummary\">\u2014<\/p>\n\n <\/div>\n\n \n\n <div class=\"insight-row\">\n\n <div class=\"insight-card highlight\">\n\n <div class=\"label\">\ud83d\udd0d Brecha de Percepci\u00f3n<\/div>\n\n <div class=\"value\" id=\"gapInsight\">\u2014<\/div>\n\n <\/div>\n\n <div class=\"insight-card highlight\">\n\n <div class=\"label\">\ud83c\udf10 Cliente vs Interno<\/div>\n\n <div class=\"value\" id=\"clientInsight\">\u2014<\/div>\n\n <\/div>\n\n <\/div>\n\n \n\n <div class=\"start-here\" id=\"startHereBlock\">\n\n <div class=\"sh-badge\">\ud83d\ude80 Comenzar Aqu\u00ed<\/div>\n\n <h2 id=\"shCourse\">\u2014<\/h2>\n\n <div class=\"domain-why\" id=\"shWhy\">\u2014<\/div>\n\n <div class=\"obj-title\">Qu\u00e9 Aprender\u00e1<\/div>\n\n <ul id=\"shObjectives\"><\/ul>\n\n <\/div>\n\n \n\n <div class=\"card\">\n\n <div class=\"section-title\">\ud83d\udcca Desglose de Competencias<\/div>\n\n <div id=\"compBars\"><\/div>\n\n <\/div>\n\n \n\n <div class=\"card\" id=\"commentsBlock\">\n\n <div class=\"section-title\">\ud83d\udcac Lo Que Dicen Los Dem\u00e1s<\/div>\n\n <div id=\"commentsArea\"><\/div>\n\n <\/div>\n\n \n\n <div class=\"card\" id=\"sscBlock\">\n\n <div class=\"section-title\">\ud83d\udde3 Retroalimentaci\u00f3n Accionable<\/div>\n\n <p style=\"font-size:12px;color:#64748b;margin-bottom:10px;\">Respuestas de Comenzar \u00b7 Dejar de Hacer \u00b7 Continuar de los evaluadores<\/p>\n\n <div id=\"sscArea\"><\/div>\n\n <\/div>\n\n \n\n <div class=\"card\">\n\n <div class=\"section-title\">\ud83d\udcc8 Ruta de Aprendizaje Recomendada<\/div>\n\n <p style=\"font-size:13px;color:#94a3b8;margin-bottom:14px;\">Cursos priorizados seg\u00fan su necesidad de desarrollo<\/p>\n\n <div id=\"learningPath\"><\/div>\n\n <\/div>\n\n \n\n <\/div>\n\n<\/div>\n\n \n\n<div class=\"footer\">\n\n \u00a9 2026 eTrainers.org | Leader Lens 360\u2122 | Todos los derechos reservados.<br>\n\n Identifique puntos ciegos, alinee percepciones y reciba un plan de aprendizaje personalizado en minutos.\n\n<\/div>\n\n \n\n<script>\n\nconst GS_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbwGIc4zrcWlKJgCFvx6zZaBUpyl4UY4tjaJFTuwyeDkay2EraSOaGojRh7A_lciEwN0nQ\/exec';\n\n \n\nconst COURSE_MAP = {\n\n \"Liderazgo e Influencia\": {course:\"High Road Leadership\", objectives:[\"Aplicar los principios del liderazgo \u00edntegro para generar confianza en toda la organizaci\u00f3n\",\"Desarrollar un estilo de liderazgo que crea influencia positiva y duradera\",\"Superar las barreras que impiden liderar con integridad\"]},\n\n \"Comunicaci\u00f3n y Retroalimentaci\u00f3n\":{course:\"Delivering Constructive Criticism\",objectives:[\"Reconocer cu\u00e1ndo y c\u00f3mo entregar cr\u00edticas constructivas de manera efectiva\",\"Utilizar t\u00e9cnicas estructuradas de retroalimentaci\u00f3n para promover el crecimiento\",\"Gestionar las respuestas emocionales durante conversaciones dif\u00edciles\"]},\n\n \"Coaching y Desarrollo\": {course:\"Coaching and Mentoring\", objectives:[\"Distinguir entre coaching y mentor\u00eda y aplicar cada uno de manera adecuada\",\"Usar t\u00e9cnicas de preguntas y escucha activa para guiar el desarrollo\",\"Crear planes de desarrollo personalizados para el crecimiento profesional\"]},\n\n \"Inteligencia Emocional\": {course:\"Leading with Emotional Intelligence\",objectives:[\"Desarrollar los cinco componentes de la inteligencia emocional en el liderazgo\",\"Aplicar la autoconciencia y la empat\u00eda para fortalecer relaciones clave\",\"Usar la inteligencia emocional para navegar conflictos e inspirar al equipo\"]},\n\n \"Responsabilidad y Compromiso\": {course:\"Accountability in the Workplace\", objectives:[\"Definir la responsabilidad y distinguirla de la obligaci\u00f3n\",\"Usar el ciclo de responsabilidad para establecer expectativas claras\",\"Construir una cultura de compromiso y resultados en su equipo\"]},\n\n \"Cambio y Adaptabilidad\": {course:\"Change Management\", objectives:[\"Identificar los pasos para preparar e implementar una estrategia de cambio\",\"Aplicar el principio WIFM para ayudar a otros a navegar las transiciones\",\"Desarrollar un plan de comunicaci\u00f3n que alinee a las personas durante el cambio\"]},\n\n \"Resoluci\u00f3n de Conflictos\": {course:\"Conflict Resolution\", objectives:[\"Comprender las causas ra\u00edz del conflicto laboral y c\u00f3mo abordarlas\",\"Aplicar estrategias de resoluci\u00f3n para restaurar relaciones productivas\",\"Desarrollar un enfoque personal de resoluci\u00f3n de conflictos\"]},\n\n \"Inclusi\u00f3n y Colaboraci\u00f3n\": {course:\"Diversity, Equity, and Inclusion\", objectives:[\"Definir DEI y explicar su impacto en el desempe\u00f1o del equipo\",\"Reconocer los sesgos inconscientes y sus efectos en la toma de decisiones\",\"Practicar una comunicaci\u00f3n inclusiva para fomentar el sentido de pertenencia\"]},\n\n \"Efectividad del Equipo\": {course:\"High Performance Teams (Remote)\", objectives:[\"Definir las caracter\u00edsticas de un equipo de alto rendimiento\",\"Usar estrategias comprobadas para construir confianza y colaboraci\u00f3n\",\"Liderar reuniones efectivas y aprovechar las fortalezas individuales\"]},\n\n \"Pensamiento Estrat\u00e9gico\": {course:\"Business Acumen\", objectives:[\"Desarrollar la capacidad de observar el panorama general y evaluar el impacto del negocio\",\"Aplicar la alfabetizaci\u00f3n financiera en las decisiones de liderazgo\",\"Fortalecer el pensamiento cr\u00edtico para evaluar riesgos y oportunidades\"]}\n\n};\n\n \n\nconst COMP_NAMES = Object.keys(COURSE_MAP);\n\n \n\nfunction computeReport(data) {\n\n const avg = arr => arr.length ? arr.reduce((a,b)=>a+b,0)\/arr.length : null;\n\n const self = data.filter(d=>d.raterType==='self');\n\n const mgr = data.filter(d=>d.raterType==='manager');\n\n const client = data.filter(d=>d.raterType==='client');\n\n const other = data.filter(d=>d.raterType==='peer'||d.raterType==='direct_report');\n\n \n\n const compResults = COMP_NAMES.map(name => {\n\n const get = arr => { const vals=arr.flatMap(d=>d.scores.filter(s=>s.competency===name).map(s=>s.score)); return avg(vals); };\n\n const selfScore=get(self), mgrScore=get(mgr), clientScore=get(client), otherScore=get(other);\n\n const othersAll=[mgrScore,clientScore,otherScore].filter(v=>v!==null);\n\n const othersAvg=othersAll.length?avg(othersAll):selfScore;\n\n const internalAll=[mgrScore,otherScore].filter(v=>v!==null);\n\n const internalAvg=internalAll.length?avg(internalAll):null;\n\n const weightedScore=(selfScore!==null&&othersAvg!==null)?(selfScore*0.3+othersAvg*0.7):(selfScore||othersAvg||3);\n\n const gap=(selfScore!==null&&othersAvg!==null)?selfScore-othersAvg:0;\n\n const priority=(5-weightedScore)*0.5+Math.abs(gap)*0.3+0.2;\n\n return {name,selfScore,mgrScore,clientScore,otherScore,othersAvg,internalAvg,weightedScore,gap,priority,\n\n course:COURSE_MAP[name].course,objectives:COURSE_MAP[name].objectives};\n\n });\n\n \n\n const overallScore=avg(compResults.map(c=>c.weightedScore));\n\n const sorted=[...compResults].sort((a,b)=>b.priority-a.priority);\n\n const topPriority=sorted[0];\n\n const byScore=[...compResults].sort((a,b)=>b.weightedScore-a.weightedScore);\n\n const strengths=byScore.slice(0,3).map(c=>c.name);\n\n const maxGap=[...compResults].sort((a,b)=>Math.abs(b.gap)-Math.abs(a.gap))[0];\n\n const hasClient=compResults.some(c=>c.clientScore!==null);\n\n const clientAvgAll=hasClient?avg(compResults.filter(c=>c.clientScore).map(c=>c.clientScore)):null;\n\n const internalAvgAll=hasClient?avg(compResults.filter(c=>c.internalAvg).map(c=>c.internalAvg)):null;\n\n const raterCount=[mgr,client,other].filter(a=>a.length>0).length;\n\n const confidence=raterCount>=3?'Alta':raterCount>=2?'Media':'Baja';\n\n return {compResults,overallScore,topPriority,sorted,strengths,maxGap,hasClient,clientAvgAll,internalAvgAll,confidence,raterCount,data};\n\n}\n\n \n\nfunction buildExecSummary(r) {\n\n const s=r.strengths.slice(0,2).join(' y '), ri=r.risks?r.risks[0]:r.sorted[0].name;\n\n let gapLine='';\n\n if(r.maxGap&&Math.abs(r.maxGap.gap)>0.7){\n\n gapLine=r.maxGap.gap>0\n\n ? ` Se observa una brecha de percepci\u00f3n notable en ${r.maxGap.name} \u2014 la autopercepci\u00f3n es m\u00e1s alta que la experiencia de los dem\u00e1s, lo que sugiere un punto ciego a explorar.`\n\n : ` En ${r.maxGap.name}, los dem\u00e1s perciben una fortaleza mayor de lo que usted mismo reconoce \u2014 una fortaleza oculta que vale la pena aprovechar.`;\n\n }\n\n return `Este l\u00edder demuestra fortalezas claras en ${s}, con reconocimiento consistente en los diferentes grupos de evaluadores. La puntuaci\u00f3n general de ${r.overallScore.toFixed(1)}\/5.0 refleja una base s\u00f3lida con oportunidades de desarrollo significativas.${gapLine} El \u00e1rea de desarrollo de mayor prioridad es ${ri} \u2014 abordarla fortalecer\u00e1 tanto la efectividad del equipo como la credibilidad del liderazgo.`;\n\n}\n\n \n\nfunction buildGapInsight(r) {\n\n if(!r.maxGap||Math.abs(r.maxGap.gap)<0.3) return 'La autopercepci\u00f3n est\u00e1 bien alineada con la de los dem\u00e1s en la mayor\u00eda de las \u00e1reas de competencia.';\n\n if(r.maxGap.gap>0.7) return `En <strong>${r.maxGap.name}<\/strong>, su calificaci\u00f3n propia es ${r.maxGap.gap.toFixed(1)} puntos m\u00e1s alta que la de los dem\u00e1s \u2014 un posible punto ciego y \u00e1rea de desarrollo prioritaria.`;\n\n if(r.maxGap.gap<-0.7) return `Los dem\u00e1s califican su <strong>${r.maxGap.name}<\/strong> m\u00e1s alto de lo que usted se califica \u2014 esto es una fortaleza oculta. Desarrollela con intenci\u00f3n.`;\n\n return `Existen diferencias menores de percepci\u00f3n en <strong>${r.maxGap.name}<\/strong>. Contin\u00fae buscando retroalimentaci\u00f3n para mantenerse calibrado(a).`;\n\n}\n\n \n\nfunction buildClientInsight(r) {\n\n if(!r.hasClient) return 'No hay datos de clientes disponibles para este informe.';\n\n const diff=r.clientAvgAll-r.internalAvgAll;\n\n if(diff>0.7) return 'Los clientes perciben una mayor efectividad de liderazgo que las partes interesadas internas \u2014 excelente presencia externa con oportunidad de alinear las relaciones internas.';\n\n if(diff<-0.7) return 'Las partes interesadas internas calificaron m\u00e1s alto que los clientes \u2014 oportunidad de alinear la entrega externa con la fortaleza que otros ven internamente.';\n\n return 'Las percepciones de clientes e internos est\u00e1n bien alineadas, lo que indica una presencia de liderazgo consistente entre audiencias.';\n\n}\n\n \n\nlet currentView='all', currentReport=null;\n\n \n\nfunction renderReport(report, name) {\n\n currentReport=report;\n\n document.getElementById('reportName').textContent=name;\n\n document.getElementById('reportScore').textContent=report.overallScore.toFixed(1);\n\n const confClass={Alta:'conf-high',Media:'conf-med',Baja:'conf-low'}[report.confidence];\n\n document.getElementById('reportConfidence').innerHTML=`<span class=\"confidence-pill ${confClass}\">Confianza: ${report.confidence}<\/span>`;\n\n document.getElementById('execSummary').innerHTML=buildExecSummary(report);\n\n document.getElementById('gapInsight').innerHTML=buildGapInsight(report);\n\n document.getElementById('clientInsight').innerHTML=buildClientInsight(report);\n\n const tp=report.topPriority;\n\n document.getElementById('shCourse').textContent=tp.course;\n\n document.getElementById('shWhy').textContent=`${tp.name} obtuvo la puntuaci\u00f3n m\u00e1s baja con ${tp.weightedScore.toFixed(1)}\/5.0 \u2014 el \u00e1rea de mayor prioridad de desarrollo.`;\n\n document.getElementById('shObjectives').innerHTML=tp.objectives.map(o=>`<li>${o}<\/li>`).join('');\n\n renderComps(report,'all');\n\n renderComments(report,'all');\n\n renderLearningPath(report);\n\n document.getElementById('requestSection').style.display='none';\n\n document.getElementById('reportSection').style.display='block';\n\n window.scrollTo(0,0);\n\n}\n\n \n\nfunction renderComps(report,view) {\n\n const el=document.getElementById('compBars'); el.innerHTML='';\n\n report.compResults.forEach(c=>{\n\n let score=view==='manager'?c.mgrScore:view==='client'?c.clientScore:view==='peer'?c.otherScore:c.weightedScore;\n\n if(!score) score=c.weightedScore;\n\n const pct=(score\/5)*100;\n\n const barClass=pct>=70?'bar-green':pct>=50?'bar-yellow':'bar-red';\n\n const gapTag=view==='all'&&Math.abs(c.gap)>0.7?`<span class=\"gap-tag ${c.gap>0?'gap-blind':'gap-hidden'}\">${c.gap>0?'\u25b2 Punto Ciego':'\u25bc Fortaleza Oculta'}<\/span>`:'';\n\n el.innerHTML+=`<div class=\"comp-row\"><div class=\"comp-name\"><span>${c.name}${gapTag}<\/span><span class=\"score-val\">${score.toFixed(1)}\/5<\/span><\/div><div class=\"bar-outer\"><div class=\"bar-inner ${barClass}\" style=\"width:${pct}%\"><\/div><\/div><\/div>`;\n\n });\n\n}\n\n \n\nfunction renderComments(report,view) {\n\n const el=document.getElementById('commentsArea'); el.innerHTML='';\n\n const topComp=report.topPriority.name;\n\n let shown=0;\n\n report.data.filter(d=>{\n\n if(view!=='all'){if(view==='peer'&&d.raterType!=='peer'&&d.raterType!=='direct_report')return false; if(view==='manager'&&d.raterType!=='manager')return false; if(view==='client'&&d.raterType!=='client')return false;}return true;\n\n }).forEach(d=>{\n\n d.scores.filter(s=>s.competency===topComp&&s.comment).forEach(s=>{\n\n el.innerHTML+=`<div class=\"comment-block\"><div class=\"cb-role\">${d.raterType.replace('_',' ')} \u2014 ${s.competency}<\/div><div class=\"cb-text\">${s.comment}<\/div><\/div>`;shown++;\n\n });\n\n });\n\n if(!shown) el.innerHTML='<p style=\"font-size:13px;color:#64748b;\">No se enviaron comentarios para el \u00e1rea prioritaria.<\/p>';\n\n}\n\n \n\nfunction renderLearningPath(report) {\n\n const el=document.getElementById('learningPath'); el.innerHTML='';\n\n report.sorted.slice(0,5).forEach((c,i)=>{\n\n el.innerHTML+=`<div class=\"lp-item\"><div class=\"lp-rank\">#${i+1}<\/div><div class=\"lp-info\"><div class=\"lp-course\">${c.course}<\/div><div class=\"lp-domain\">${c.name} \u2014 Puntuaci\u00f3n: ${c.weightedScore.toFixed(1)}\/5<\/div><\/div><\/div>`;\n\n });\n\n}\n\n \n\nfunction setView(v,e) {\n\n currentView=v;\n\n document.querySelectorAll('.toggle-btn').forEach(b=>b.classList.remove('active'));\n\n if(e&&e.target) e.target.classList.add('active');\n\n if(currentReport){renderComps(currentReport,v);renderComments(currentReport,v);}\n\n}\n\n \n\nfunction showDemo() {\n\n const demoData=[\n\n {raterType:'self',scores:[{competency:\"Liderazgo e Influencia\",score:4,comment:\"Trabajo con integridad en cada decisi\u00f3n.\"},{competency:\"Comunicaci\u00f3n y Retroalimentaci\u00f3n\",score:4,comment:\"\"},{competency:\"Coaching y Desarrollo\",score:3,comment:\"\"},{competency:\"Inteligencia Emocional\",score:4,comment:\"\"},{competency:\"Responsabilidad y Compromiso\",score:5,comment:\"Siempre cumplo.\"},{competency:\"Cambio y Adaptabilidad\",score:3,comment:\"\"},{competency:\"Resoluci\u00f3n de Conflictos\",score:4,comment:\"\"},{competency:\"Inclusi\u00f3n y Colaboraci\u00f3n\",score:4,comment:\"\"},{competency:\"Efectividad del Equipo\",score:3,comment:\"\"},{competency:\"Pensamiento Estrat\u00e9gico\",score:4,comment:\"\"}],ssc:\"Comenzar: delegar m\u00e1s. Dejar de hacer: microgesti\u00f3n. Continuar: reuniones 1:1.\"},\n\n {raterType:'manager',scores:[{competency:\"Liderazgo e Influencia\",score:4,comment:\"Inspira confianza en el equipo.\"},{competency:\"Comunicaci\u00f3n y Retroalimentaci\u00f3n\",score:3,comment:\"Podr\u00eda ser m\u00e1s claro al dar retroalimentaci\u00f3n.\"},{competency:\"Coaching y Desarrollo\",score:3,comment:\"\"},{competency:\"Inteligencia Emocional\",score:4,comment:\"\"},{competency:\"Responsabilidad y Compromiso\",score:5,comment:\"Extremadamente confiable.\"},{competency:\"Cambio y Adaptabilidad\",score:2,comment:\"Tiene dificultades durante las transiciones.\"},{competency:\"Resoluci\u00f3n de Conflictos\",score:3,comment:\"\"},{competency:\"Inclusi\u00f3n y Colaboraci\u00f3n\",score:4,comment:\"\"},{competency:\"Efectividad del Equipo\",score:3,comment:\"\"},{competency:\"Pensamiento Estrat\u00e9gico\",score:3,comment:\"\"}],ssc:\"Comenzar: comunicaci\u00f3n proactiva. Continuar: reconocimiento del equipo.\"},\n\n {raterType:'peer',scores:[{competency:\"Liderazgo e Influencia\",score:3,comment:\"\"},{competency:\"Comunicaci\u00f3n y Retroalimentaci\u00f3n\",score:2,comment:\"La retroalimentaci\u00f3n suele ser tard\u00eda o poco clara.\"},{competency:\"Coaching y Desarrollo\",score:3,comment:\"\"},{competency:\"Inteligencia Emocional\",score:3,comment:\"\"},{competency:\"Responsabilidad y Compromiso\",score:4,comment:\"\"},{competency:\"Cambio y Adaptabilidad\",score:2,comment:\"Se muestra resistente cuando las cosas cambian.\"},{competency:\"Resoluci\u00f3n de Conflictos\",score:3,comment:\"\"},{competency:\"Inclusi\u00f3n y Colaboraci\u00f3n\",score:4,comment:\"\"},{competency:\"Efectividad del Equipo\",score:3,comment:\"\"},{competency:\"Pensamiento Estrat\u00e9gico\",score:3,comment:\"\"}],ssc:\"Comenzar: m\u00e1s di\u00e1logo abierto. Continuar: ser colaborativo.\"},\n\n {raterType:'client',scores:[{competency:\"Liderazgo e Influencia\",score:5,comment:\"Muy profesional e inspirador.\"},{competency:\"Comunicaci\u00f3n y Retroalimentaci\u00f3n\",score:4,comment:\"Claro y receptivo externamente.\"},{competency:\"Coaching y Desarrollo\",score:4,comment:\"\"},{competency:\"Inteligencia Emocional\",score:4,comment:\"\"},{competency:\"Responsabilidad y Compromiso\",score:5,comment:\"Cumple cada promesa.\"},{competency:\"Cambio y Adaptabilidad\",score:4,comment:\"\"},{competency:\"Resoluci\u00f3n de Conflictos\",score:4,comment:\"\"},{competency:\"Inclusi\u00f3n y Colaboraci\u00f3n\",score:5,comment:\"\"},{competency:\"Efectividad del Equipo\",score:4,comment:\"\"},{competency:\"Pensamiento Estrat\u00e9gico\",score:4,comment:\"\"}],ssc:\"Continuar: capacidad de respuesta y profesionalismo.\"}\n\n ];\n\n const sscEl=document.getElementById('sscArea'); sscEl.innerHTML='';\n\n demoData.filter(d=>d.ssc).forEach(d=>{sscEl.innerHTML+=`<div class=\"comment-block\"><div class=\"cb-role\">${d.raterType.replace('_',' ')}<\/div><div class=\"cb-text\">${d.ssc}<\/div><\/div>`;});\n\n const report=computeReport(demoData);\n\n renderReport(report,'L\u00edder de Muestra (Demo)');\n\n}\n\n \n\nasync function requestReport() {\n\n const name=document.getElementById('reqName').value.trim();\n\n const email=document.getElementById('reqEmail').value.trim();\n\n if(!name||!email){alert('Por favor ingrese su nombre y correo electr\u00f3nico.');return;}\n\n const msg=document.getElementById('statusMsg');\n\n msg.style.display='block';\n\n if (!GS_URL) { msg.className = 'error'; msg.innerHTML = 'Servicio de correo no configurado.'; return; }\n\n const btn=document.querySelector('#requestSection .btn-primary');\n\n btn.textContent='Generando...'; btn.disabled=true;\n\n msg.className=''; msg.innerHTML='\u23f3 Agregando su retroalimentaci\u00f3n y generando informe...';\n\n try {\n\n await fetch(GS_URL,{method:'POST',mode:'no-cors',headers:{'Content-Type':'application\/json'},body:JSON.stringify({type:'requestReport',participantName:name,participantEmail:email,assessmentType:'Leader Lens 360 (Espa\u00f1ol)'})});\n\n msg.className='success'; msg.innerHTML='\u2705 Su informe ha sido generado y enviado a <strong>'+email+'<\/strong>. Por favor revise su bandeja de entrada.';\n\n btn.textContent='\u2705 Informe Solicitado';\n\n } catch(e) {\n\n msg.className='error'; msg.innerHTML='\u26a0 Ocurri\u00f3 un error. Por favor int\u00e9ntelo de nuevo.';\n\n btn.textContent='Generar y Enviar Mi Informe'; btn.disabled=false;\n\n }\n\n}\n\n \n\nfunction hideReport() {\n\n document.getElementById('reportSection').style.display='none';\n\n document.getElementById('requestSection').style.display='block';\n\n window.scrollTo(0,0);\n\n}\n\n<\/script>\n\n<\/body>\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Leader Lens 360\u2122 | Generador de Informe | eTrainers.org eTrainers.org | Evaluaci\u00f3n Premium Leader Lens 360\u2122 Informe de Liderazgo \u2014 Perspectiva y Desarrollo Personalizado Solicitar Su Informe Ingrese su nombre exactamente como lo ingres\u00f3 en la autoevaluaci\u00f3n, y el correo electr\u00f3nico donde desea recibir su informe. Su Nombre Completo Su Correo Electr\u00f3nico Generar y Enviar […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/etrainers.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22"}],"version-history":[{"count":1,"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":23,"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions\/23"}],"wp:attachment":[{"href":"https:\/\/etrainers.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":22,"date":"2026-08-04T23:14:37","date_gmt":"2026-08-04T23:14:37","guid":{"rendered":"https:\/\/etrainers.net\/?page_id=22"},"modified":"2026-08-04T23:14:37","modified_gmt":"2026-08-04T23:14:37","slug":"report-spanish","status":"publish","type":"page","link":"https:\/\/etrainers.net\/?page_id=22","title":{"rendered":"Report – Spanish"},"content":{"rendered":"\n\n\n\n\n\n\n\n\n\n\nLeader Lens 360\u2122 | Generador de Informe | eTrainers.org<\/title>\n\n<style>\n\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n *{box-sizing:border-box;margin:0;padding:0;}\n\n body{font-family:'Inter',Arial,sans-serif;background:#0f172a;color:#e2e8f0;padding:20px;}\n\n .container{max-width:860px;margin:auto;}\n\n .header{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:16px;padding:32px;text-align:center;margin-bottom:24px;}\n\n .header .badge{display:inline-block;background:rgba(255,255,255,0.15);border-radius:20px;padding:5px 14px;font-size:12px;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;}\n\n .header h1{font-size:28px;font-weight:700;margin-bottom:6px;}\n\n .header p{font-size:14px;opacity:0.85;}\n\n .card{background:#1e293b;border-radius:14px;padding:24px;margin-bottom:20px;border:1px solid #334155;}\n\n .section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:14px;}\n\n label{display:block;font-size:13px;color:#94a3b8;margin-bottom:5px;margin-top:12px;}\n\n input[type=text],input[type=email]{width:100%;padding:11px 14px;border-radius:8px;background:#0f172a;color:#e2e8f0;border:1px solid #334155;font-size:14px;}\n\n input:focus{outline:none;border-color:#3b82f6;}\n\n .btn{display:inline-block;width:100%;padding:14px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity 0.2s;margin-top:14px;}\n\n .btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;}\n\n .btn-primary:hover{opacity:0.9;}\n\n .btn-outline{background:transparent;border:1px solid #334155;color:#94a3b8;}\n\n #statusMsg{margin-top:14px;padding:14px;border-radius:8px;text-align:center;font-size:14px;display:none;}\n\n .success{background:rgba(34,197,94,0.15);border:1px solid #22c55e;color:#86efac;}\n\n .error{background:rgba(239,68,68,0.15);border:1px solid #ef4444;color:#fca5a5;}\n\n .notice{background:rgba(59,130,246,0.1);border:1px solid rgba(59,130,246,0.3);border-radius:8px;padding:12px 16px;font-size:13px;color:#93c5fd;margin-top:12px;}\n\n .toggle-bar{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;}\n\n .toggle-btn{padding:8px 16px;border-radius:8px;border:1px solid #334155;background:#1e293b;color:#94a3b8;font-size:13px;cursor:pointer;transition:all 0.2s;}\n\n .toggle-btn.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border-color:transparent;}\n\n .overall-score-card{text-align:center;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #3b82f6;border-radius:14px;padding:28px;margin-bottom:20px;}\n\n .overall-num{font-size:56px;font-weight:800;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}\n\n .overall-label{font-size:13px;color:#94a3b8;margin-top:4px;}\n\n .confidence-pill{display:inline-block;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:600;margin-top:10px;}\n\n .conf-high{background:rgba(34,197,94,0.2);color:#86efac;border:1px solid #22c55e;}\n\n .conf-med{background:rgba(234,179,8,0.2);color:#fde047;border:1px solid #eab308;}\n\n .conf-low{background:rgba(239,68,68,0.2);color:#fca5a5;border:1px solid #ef4444;}\n\n .exec-card{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #3b82f6;border-radius:14px;padding:24px;margin-bottom:20px;}\n\n .exec-card h3{font-size:15px;font-weight:700;color:#93c5fd;margin-bottom:12px;}\n\n .exec-card p{font-size:14px;color:#cbd5e1;line-height:1.75;}\n\n .insight-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;}\n\n .insight-card{background:#1e293b;border-radius:12px;padding:18px;border:1px solid #334155;}\n\n .insight-card .label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#64748b;margin-bottom:8px;}\n\n .insight-card .value{font-size:14px;color:#cbd5e1;line-height:1.6;}\n\n .insight-card.highlight{border-color:#8b5cf6;}\n\n .start-here{background:linear-gradient(135deg,#0f2251,#1e1035);border:1px solid #3b82f6;border-radius:14px;padding:24px;margin-bottom:20px;}\n\n .start-here .sh-badge{display:inline-block;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:20px;padding:4px 14px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;color:#fff;}\n\n .start-here h2{font-size:20px;font-weight:700;color:#fff;margin-bottom:8px;}\n\n .start-here .domain-why{font-size:13px;color:#93c5fd;margin-bottom:14px;}\n\n .start-here .obj-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#64748b;margin-bottom:8px;}\n\n .start-here ul{list-style:none;padding:0;}\n\n .start-here ul li{font-size:13px;color:#cbd5e1;padding:6px 0 6px 22px;position:relative;border-bottom:1px solid rgba(255,255,255,0.05);}\n\n .start-here ul li:before{content:\"\u2192\";position:absolute;left:0;color:#3b82f6;}\n\n .comp-row{margin-bottom:14px;}\n\n .comp-row .comp-name{font-size:13px;font-weight:600;color:#e2e8f0;margin-bottom:6px;display:flex;justify-content:space-between;}\n\n .comp-row .comp-name .score-val{font-size:12px;color:#94a3b8;}\n\n .bar-outer{background:#0f172a;border-radius:6px;height:8px;}\n\n .bar-inner{height:8px;border-radius:6px;transition:width 0.6s;}\n\n .bar-red{background:linear-gradient(90deg,#ef4444,#f97316);}\n\n .bar-yellow{background:linear-gradient(90deg,#eab308,#f59e0b);}\n\n .bar-green{background:linear-gradient(90deg,#22c55e,#10b981);}\n\n .gap-tag{font-size:10px;border-radius:10px;padding:2px 8px;margin-left:6px;}\n\n .gap-blind{background:rgba(239,68,68,0.2);color:#fca5a5;border:1px solid #ef4444;}\n\n .gap-hidden{background:rgba(34,197,94,0.2);color:#86efac;border:1px solid #22c55e;}\n\n .lp-item{background:#0f172a;border-radius:10px;padding:14px 16px;margin-bottom:10px;border:1px solid #334155;display:flex;align-items:center;gap:14px;}\n\n .lp-rank{font-size:20px;font-weight:800;color:#334155;min-width:28px;}\n\n .lp-info .lp-course{font-size:14px;font-weight:600;color:#e2e8f0;}\n\n .lp-info .lp-domain{font-size:12px;color:#64748b;margin-top:2px;}\n\n .comment-block{background:#0f172a;border-radius:10px;padding:14px;border-left:3px solid #3b82f6;margin-bottom:10px;}\n\n .comment-block .cb-role{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#64748b;margin-bottom:4px;}\n\n .comment-block .cb-text{font-size:13px;color:#cbd5e1;line-height:1.6;}\n\n .print-btn{background:#334155;color:#e2e8f0;border:none;border-radius:8px;padding:10px 20px;font-size:13px;cursor:pointer;margin-right:8px;margin-top:10px;}\n\n .print-btn:hover{background:#475569;}\n\n @media print{.no-print{display:none !important;}body{background:#fff;color:#000;}.card,.exec-card,.start-here,.insight-card{border:1px solid #ccc !important;}}\n\n @media(max-width:600px){.insight-row{grid-template-columns:1fr;}}\n\n .footer{text-align:center;font-size:12px;color:#475569;margin-top:30px;padding-top:20px;border-top:1px solid #1e293b;}\n\n #reportSection{display:none;}\n\n<\/style>\n\n<\/head>\n\n<body>\n\n<div class=\"container\">\n\n \n\n <div class=\"header\">\n\n <div class=\"badge\">eTrainers.org | Evaluaci\u00f3n Premium<\/div>\n\n <h1>Leader Lens 360\u2122<\/h1>\n\n <p>Informe de Liderazgo \u2014 Perspectiva y Desarrollo Personalizado<\/p>\n\n <\/div>\n\n \n\n \n\n <div id=\"requestSection\">\n\n <div class=\"card\">\n\n <div class=\"section-title\">Solicitar Su Informe<\/div>\n\n <p style=\"font-size:14px;color:#cbd5e1;margin-bottom:4px;\">Ingrese su nombre exactamente como lo ingres\u00f3 en la autoevaluaci\u00f3n, y el correo electr\u00f3nico donde desea recibir su informe.<\/p>\n\n <label>Su Nombre Completo<\/label>\n\n <input type=\"text\" id=\"reqName\" placeholder=\"Ingrese su nombre completo (debe coincidir con la autoevaluaci\u00f3n)\">\n\n <label>Su Correo Electr\u00f3nico<\/label>\n\n <input type=\"email\" id=\"reqEmail\" placeholder=\"correo@empresa.com\">\n\n <button class=\"btn btn-primary\" onclick=\"requestReport()\">Generar y Enviar Mi Informe<\/button>\n\n <div id=\"statusMsg\"><\/div>\n\n <div class=\"notice\">\ud83d\udcca Su informe ser\u00e1 generado a partir de toda la retroalimentaci\u00f3n enviada y se le enviar\u00e1 por correo electr\u00f3nico de inmediato.<\/div>\n\n <\/div>\n\n \n\n <div class=\"card no-print\">\n\n <div class=\"section-title\">Vista Previa \u2014 Informe de Muestra<\/div>\n\n <p style=\"font-size:13px;color:#94a3b8;margin-bottom:14px;\">Vea c\u00f3mo se ver\u00e1 su Leader Lens 360\u2122 con un informe de muestra completo.<\/p>\n\n <button class=\"btn btn-outline\" onclick=\"showDemo()\">\ud83d\udc41 Ver Informe de Muestra<\/button>\n\n <\/div>\n\n <\/div>\n\n \n\n \n\n <div id=\"reportSection\">\n\n \n\n <div class=\"no-print\" style=\"margin-bottom:16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;\">\n\n <button class=\"print-btn\" onclick=\"window.print()\">\ud83d\udda8 Imprimir \/ Guardar como PDF<\/button>\n\n <button class=\"print-btn\" onclick=\"hideReport()\">\u2190 Volver<\/button>\n\n <div class=\"toggle-bar\" id=\"toggleBar\">\n\n <button class=\"toggle-btn active\" onclick=\"setView('all',event)\">Toda la Retroalimentaci\u00f3n<\/button>\n\n <button class=\"toggle-btn\" onclick=\"setView('manager',event)\">Gerente<\/button>\n\n <button class=\"toggle-btn\" onclick=\"setView('peer',event)\">Compa\u00f1ero \/ RD<\/button>\n\n <button class=\"toggle-btn\" onclick=\"setView('client',event)\">Cliente<\/button>\n\n <\/div>\n\n <\/div>\n\n \n\n <div class=\"overall-score-card\">\n\n <div style=\"font-size:13px;color:#94a3b8;margin-bottom:4px;\">Leader Lens 360\u2122 \u2014 Informe de Competencias<\/div>\n\n <div style=\"font-size:18px;font-weight:700;margin-bottom:4px;\" id=\"reportName\">\u2014<\/div>\n\n <div class=\"overall-num\" id=\"reportScore\">\u2014<\/div>\n\n <div class=\"overall-label\">Puntuaci\u00f3n General de Competencias (sobre 5.0)<\/div>\n\n <div id=\"reportConfidence\"><\/div>\n\n <\/div>\n\n \n\n <div class=\"exec-card\">\n\n <h3>\ud83e\udde0 Resumen Ejecutivo<\/h3>\n\n <p id=\"execSummary\">\u2014<\/p>\n\n <\/div>\n\n \n\n <div class=\"insight-row\">\n\n <div class=\"insight-card highlight\">\n\n <div class=\"label\">\ud83d\udd0d Brecha de Percepci\u00f3n<\/div>\n\n <div class=\"value\" id=\"gapInsight\">\u2014<\/div>\n\n <\/div>\n\n <div class=\"insight-card highlight\">\n\n <div class=\"label\">\ud83c\udf10 Cliente vs Interno<\/div>\n\n <div class=\"value\" id=\"clientInsight\">\u2014<\/div>\n\n <\/div>\n\n <\/div>\n\n \n\n <div class=\"start-here\" id=\"startHereBlock\">\n\n <div class=\"sh-badge\">\ud83d\ude80 Comenzar Aqu\u00ed<\/div>\n\n <h2 id=\"shCourse\">\u2014<\/h2>\n\n <div class=\"domain-why\" id=\"shWhy\">\u2014<\/div>\n\n <div class=\"obj-title\">Qu\u00e9 Aprender\u00e1<\/div>\n\n <ul id=\"shObjectives\"><\/ul>\n\n <\/div>\n\n \n\n <div class=\"card\">\n\n <div class=\"section-title\">\ud83d\udcca Desglose de Competencias<\/div>\n\n <div id=\"compBars\"><\/div>\n\n <\/div>\n\n \n\n <div class=\"card\" id=\"commentsBlock\">\n\n <div class=\"section-title\">\ud83d\udcac Lo Que Dicen Los Dem\u00e1s<\/div>\n\n <div id=\"commentsArea\"><\/div>\n\n <\/div>\n\n \n\n <div class=\"card\" id=\"sscBlock\">\n\n <div class=\"section-title\">\ud83d\udde3 Retroalimentaci\u00f3n Accionable<\/div>\n\n <p style=\"font-size:12px;color:#64748b;margin-bottom:10px;\">Respuestas de Comenzar \u00b7 Dejar de Hacer \u00b7 Continuar de los evaluadores<\/p>\n\n <div id=\"sscArea\"><\/div>\n\n <\/div>\n\n \n\n <div class=\"card\">\n\n <div class=\"section-title\">\ud83d\udcc8 Ruta de Aprendizaje Recomendada<\/div>\n\n <p style=\"font-size:13px;color:#94a3b8;margin-bottom:14px;\">Cursos priorizados seg\u00fan su necesidad de desarrollo<\/p>\n\n <div id=\"learningPath\"><\/div>\n\n <\/div>\n\n \n\n <\/div>\n\n<\/div>\n\n \n\n<div class=\"footer\">\n\n \u00a9 2026 eTrainers.org | Leader Lens 360\u2122 | Todos los derechos reservados.<br>\n\n Identifique puntos ciegos, alinee percepciones y reciba un plan de aprendizaje personalizado en minutos.\n\n<\/div>\n\n \n\n<script>\n\nconst GS_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbwGIc4zrcWlKJgCFvx6zZaBUpyl4UY4tjaJFTuwyeDkay2EraSOaGojRh7A_lciEwN0nQ\/exec';\n\n \n\nconst COURSE_MAP = {\n\n \"Liderazgo e Influencia\": {course:\"High Road Leadership\", objectives:[\"Aplicar los principios del liderazgo \u00edntegro para generar confianza en toda la organizaci\u00f3n\",\"Desarrollar un estilo de liderazgo que crea influencia positiva y duradera\",\"Superar las barreras que impiden liderar con integridad\"]},\n\n \"Comunicaci\u00f3n y Retroalimentaci\u00f3n\":{course:\"Delivering Constructive Criticism\",objectives:[\"Reconocer cu\u00e1ndo y c\u00f3mo entregar cr\u00edticas constructivas de manera efectiva\",\"Utilizar t\u00e9cnicas estructuradas de retroalimentaci\u00f3n para promover el crecimiento\",\"Gestionar las respuestas emocionales durante conversaciones dif\u00edciles\"]},\n\n \"Coaching y Desarrollo\": {course:\"Coaching and Mentoring\", objectives:[\"Distinguir entre coaching y mentor\u00eda y aplicar cada uno de manera adecuada\",\"Usar t\u00e9cnicas de preguntas y escucha activa para guiar el desarrollo\",\"Crear planes de desarrollo personalizados para el crecimiento profesional\"]},\n\n \"Inteligencia Emocional\": {course:\"Leading with Emotional Intelligence\",objectives:[\"Desarrollar los cinco componentes de la inteligencia emocional en el liderazgo\",\"Aplicar la autoconciencia y la empat\u00eda para fortalecer relaciones clave\",\"Usar la inteligencia emocional para navegar conflictos e inspirar al equipo\"]},\n\n \"Responsabilidad y Compromiso\": {course:\"Accountability in the Workplace\", objectives:[\"Definir la responsabilidad y distinguirla de la obligaci\u00f3n\",\"Usar el ciclo de responsabilidad para establecer expectativas claras\",\"Construir una cultura de compromiso y resultados en su equipo\"]},\n\n \"Cambio y Adaptabilidad\": {course:\"Change Management\", objectives:[\"Identificar los pasos para preparar e implementar una estrategia de cambio\",\"Aplicar el principio WIFM para ayudar a otros a navegar las transiciones\",\"Desarrollar un plan de comunicaci\u00f3n que alinee a las personas durante el cambio\"]},\n\n \"Resoluci\u00f3n de Conflictos\": {course:\"Conflict Resolution\", objectives:[\"Comprender las causas ra\u00edz del conflicto laboral y c\u00f3mo abordarlas\",\"Aplicar estrategias de resoluci\u00f3n para restaurar relaciones productivas\",\"Desarrollar un enfoque personal de resoluci\u00f3n de conflictos\"]},\n\n \"Inclusi\u00f3n y Colaboraci\u00f3n\": {course:\"Diversity, Equity, and Inclusion\", objectives:[\"Definir DEI y explicar su impacto en el desempe\u00f1o del equipo\",\"Reconocer los sesgos inconscientes y sus efectos en la toma de decisiones\",\"Practicar una comunicaci\u00f3n inclusiva para fomentar el sentido de pertenencia\"]},\n\n \"Efectividad del Equipo\": {course:\"High Performance Teams (Remote)\", objectives:[\"Definir las caracter\u00edsticas de un equipo de alto rendimiento\",\"Usar estrategias comprobadas para construir confianza y colaboraci\u00f3n\",\"Liderar reuniones efectivas y aprovechar las fortalezas individuales\"]},\n\n \"Pensamiento Estrat\u00e9gico\": {course:\"Business Acumen\", objectives:[\"Desarrollar la capacidad de observar el panorama general y evaluar el impacto del negocio\",\"Aplicar la alfabetizaci\u00f3n financiera en las decisiones de liderazgo\",\"Fortalecer el pensamiento cr\u00edtico para evaluar riesgos y oportunidades\"]}\n\n};\n\n \n\nconst COMP_NAMES = Object.keys(COURSE_MAP);\n\n \n\nfunction computeReport(data) {\n\n const avg = arr => arr.length ? arr.reduce((a,b)=>a+b,0)\/arr.length : null;\n\n const self = data.filter(d=>d.raterType==='self');\n\n const mgr = data.filter(d=>d.raterType==='manager');\n\n const client = data.filter(d=>d.raterType==='client');\n\n const other = data.filter(d=>d.raterType==='peer'||d.raterType==='direct_report');\n\n \n\n const compResults = COMP_NAMES.map(name => {\n\n const get = arr => { const vals=arr.flatMap(d=>d.scores.filter(s=>s.competency===name).map(s=>s.score)); return avg(vals); };\n\n const selfScore=get(self), mgrScore=get(mgr), clientScore=get(client), otherScore=get(other);\n\n const othersAll=[mgrScore,clientScore,otherScore].filter(v=>v!==null);\n\n const othersAvg=othersAll.length?avg(othersAll):selfScore;\n\n const internalAll=[mgrScore,otherScore].filter(v=>v!==null);\n\n const internalAvg=internalAll.length?avg(internalAll):null;\n\n const weightedScore=(selfScore!==null&&othersAvg!==null)?(selfScore*0.3+othersAvg*0.7):(selfScore||othersAvg||3);\n\n const gap=(selfScore!==null&&othersAvg!==null)?selfScore-othersAvg:0;\n\n const priority=(5-weightedScore)*0.5+Math.abs(gap)*0.3+0.2;\n\n return {name,selfScore,mgrScore,clientScore,otherScore,othersAvg,internalAvg,weightedScore,gap,priority,\n\n course:COURSE_MAP[name].course,objectives:COURSE_MAP[name].objectives};\n\n });\n\n \n\n const overallScore=avg(compResults.map(c=>c.weightedScore));\n\n const sorted=[...compResults].sort((a,b)=>b.priority-a.priority);\n\n const topPriority=sorted[0];\n\n const byScore=[...compResults].sort((a,b)=>b.weightedScore-a.weightedScore);\n\n const strengths=byScore.slice(0,3).map(c=>c.name);\n\n const maxGap=[...compResults].sort((a,b)=>Math.abs(b.gap)-Math.abs(a.gap))[0];\n\n const hasClient=compResults.some(c=>c.clientScore!==null);\n\n const clientAvgAll=hasClient?avg(compResults.filter(c=>c.clientScore).map(c=>c.clientScore)):null;\n\n const internalAvgAll=hasClient?avg(compResults.filter(c=>c.internalAvg).map(c=>c.internalAvg)):null;\n\n const raterCount=[mgr,client,other].filter(a=>a.length>0).length;\n\n const confidence=raterCount>=3?'Alta':raterCount>=2?'Media':'Baja';\n\n return {compResults,overallScore,topPriority,sorted,strengths,maxGap,hasClient,clientAvgAll,internalAvgAll,confidence,raterCount,data};\n\n}\n\n \n\nfunction buildExecSummary(r) {\n\n const s=r.strengths.slice(0,2).join(' y '), ri=r.risks?r.risks[0]:r.sorted[0].name;\n\n let gapLine='';\n\n if(r.maxGap&&Math.abs(r.maxGap.gap)>0.7){\n\n gapLine=r.maxGap.gap>0\n\n ? ` Se observa una brecha de percepci\u00f3n notable en ${r.maxGap.name} \u2014 la autopercepci\u00f3n es m\u00e1s alta que la experiencia de los dem\u00e1s, lo que sugiere un punto ciego a explorar.`\n\n : ` En ${r.maxGap.name}, los dem\u00e1s perciben una fortaleza mayor de lo que usted mismo reconoce \u2014 una fortaleza oculta que vale la pena aprovechar.`;\n\n }\n\n return `Este l\u00edder demuestra fortalezas claras en ${s}, con reconocimiento consistente en los diferentes grupos de evaluadores. La puntuaci\u00f3n general de ${r.overallScore.toFixed(1)}\/5.0 refleja una base s\u00f3lida con oportunidades de desarrollo significativas.${gapLine} El \u00e1rea de desarrollo de mayor prioridad es ${ri} \u2014 abordarla fortalecer\u00e1 tanto la efectividad del equipo como la credibilidad del liderazgo.`;\n\n}\n\n \n\nfunction buildGapInsight(r) {\n\n if(!r.maxGap||Math.abs(r.maxGap.gap)<0.3) return 'La autopercepci\u00f3n est\u00e1 bien alineada con la de los dem\u00e1s en la mayor\u00eda de las \u00e1reas de competencia.';\n\n if(r.maxGap.gap>0.7) return `En <strong>${r.maxGap.name}<\/strong>, su calificaci\u00f3n propia es ${r.maxGap.gap.toFixed(1)} puntos m\u00e1s alta que la de los dem\u00e1s \u2014 un posible punto ciego y \u00e1rea de desarrollo prioritaria.`;\n\n if(r.maxGap.gap<-0.7) return `Los dem\u00e1s califican su <strong>${r.maxGap.name}<\/strong> m\u00e1s alto de lo que usted se califica \u2014 esto es una fortaleza oculta. Desarrollela con intenci\u00f3n.`;\n\n return `Existen diferencias menores de percepci\u00f3n en <strong>${r.maxGap.name}<\/strong>. Contin\u00fae buscando retroalimentaci\u00f3n para mantenerse calibrado(a).`;\n\n}\n\n \n\nfunction buildClientInsight(r) {\n\n if(!r.hasClient) return 'No hay datos de clientes disponibles para este informe.';\n\n const diff=r.clientAvgAll-r.internalAvgAll;\n\n if(diff>0.7) return 'Los clientes perciben una mayor efectividad de liderazgo que las partes interesadas internas \u2014 excelente presencia externa con oportunidad de alinear las relaciones internas.';\n\n if(diff<-0.7) return 'Las partes interesadas internas calificaron m\u00e1s alto que los clientes \u2014 oportunidad de alinear la entrega externa con la fortaleza que otros ven internamente.';\n\n return 'Las percepciones de clientes e internos est\u00e1n bien alineadas, lo que indica una presencia de liderazgo consistente entre audiencias.';\n\n}\n\n \n\nlet currentView='all', currentReport=null;\n\n \n\nfunction renderReport(report, name) {\n\n currentReport=report;\n\n document.getElementById('reportName').textContent=name;\n\n document.getElementById('reportScore').textContent=report.overallScore.toFixed(1);\n\n const confClass={Alta:'conf-high',Media:'conf-med',Baja:'conf-low'}[report.confidence];\n\n document.getElementById('reportConfidence').innerHTML=`<span class=\"confidence-pill ${confClass}\">Confianza: ${report.confidence}<\/span>`;\n\n document.getElementById('execSummary').innerHTML=buildExecSummary(report);\n\n document.getElementById('gapInsight').innerHTML=buildGapInsight(report);\n\n document.getElementById('clientInsight').innerHTML=buildClientInsight(report);\n\n const tp=report.topPriority;\n\n document.getElementById('shCourse').textContent=tp.course;\n\n document.getElementById('shWhy').textContent=`${tp.name} obtuvo la puntuaci\u00f3n m\u00e1s baja con ${tp.weightedScore.toFixed(1)}\/5.0 \u2014 el \u00e1rea de mayor prioridad de desarrollo.`;\n\n document.getElementById('shObjectives').innerHTML=tp.objectives.map(o=>`<li>${o}<\/li>`).join('');\n\n renderComps(report,'all');\n\n renderComments(report,'all');\n\n renderLearningPath(report);\n\n document.getElementById('requestSection').style.display='none';\n\n document.getElementById('reportSection').style.display='block';\n\n window.scrollTo(0,0);\n\n}\n\n \n\nfunction renderComps(report,view) {\n\n const el=document.getElementById('compBars'); el.innerHTML='';\n\n report.compResults.forEach(c=>{\n\n let score=view==='manager'?c.mgrScore:view==='client'?c.clientScore:view==='peer'?c.otherScore:c.weightedScore;\n\n if(!score) score=c.weightedScore;\n\n const pct=(score\/5)*100;\n\n const barClass=pct>=70?'bar-green':pct>=50?'bar-yellow':'bar-red';\n\n const gapTag=view==='all'&&Math.abs(c.gap)>0.7?`<span class=\"gap-tag ${c.gap>0?'gap-blind':'gap-hidden'}\">${c.gap>0?'\u25b2 Punto Ciego':'\u25bc Fortaleza Oculta'}<\/span>`:'';\n\n el.innerHTML+=`<div class=\"comp-row\"><div class=\"comp-name\"><span>${c.name}${gapTag}<\/span><span class=\"score-val\">${score.toFixed(1)}\/5<\/span><\/div><div class=\"bar-outer\"><div class=\"bar-inner ${barClass}\" style=\"width:${pct}%\"><\/div><\/div><\/div>`;\n\n });\n\n}\n\n \n\nfunction renderComments(report,view) {\n\n const el=document.getElementById('commentsArea'); el.innerHTML='';\n\n const topComp=report.topPriority.name;\n\n let shown=0;\n\n report.data.filter(d=>{\n\n if(view!=='all'){if(view==='peer'&&d.raterType!=='peer'&&d.raterType!=='direct_report')return false; if(view==='manager'&&d.raterType!=='manager')return false; if(view==='client'&&d.raterType!=='client')return false;}return true;\n\n }).forEach(d=>{\n\n d.scores.filter(s=>s.competency===topComp&&s.comment).forEach(s=>{\n\n el.innerHTML+=`<div class=\"comment-block\"><div class=\"cb-role\">${d.raterType.replace('_',' ')} \u2014 ${s.competency}<\/div><div class=\"cb-text\">${s.comment}<\/div><\/div>`;shown++;\n\n });\n\n });\n\n if(!shown) el.innerHTML='<p style=\"font-size:13px;color:#64748b;\">No se enviaron comentarios para el \u00e1rea prioritaria.<\/p>';\n\n}\n\n \n\nfunction renderLearningPath(report) {\n\n const el=document.getElementById('learningPath'); el.innerHTML='';\n\n report.sorted.slice(0,5).forEach((c,i)=>{\n\n el.innerHTML+=`<div class=\"lp-item\"><div class=\"lp-rank\">#${i+1}<\/div><div class=\"lp-info\"><div class=\"lp-course\">${c.course}<\/div><div class=\"lp-domain\">${c.name} \u2014 Puntuaci\u00f3n: ${c.weightedScore.toFixed(1)}\/5<\/div><\/div><\/div>`;\n\n });\n\n}\n\n \n\nfunction setView(v,e) {\n\n currentView=v;\n\n document.querySelectorAll('.toggle-btn').forEach(b=>b.classList.remove('active'));\n\n if(e&&e.target) e.target.classList.add('active');\n\n if(currentReport){renderComps(currentReport,v);renderComments(currentReport,v);}\n\n}\n\n \n\nfunction showDemo() {\n\n const demoData=[\n\n {raterType:'self',scores:[{competency:\"Liderazgo e Influencia\",score:4,comment:\"Trabajo con integridad en cada decisi\u00f3n.\"},{competency:\"Comunicaci\u00f3n y Retroalimentaci\u00f3n\",score:4,comment:\"\"},{competency:\"Coaching y Desarrollo\",score:3,comment:\"\"},{competency:\"Inteligencia Emocional\",score:4,comment:\"\"},{competency:\"Responsabilidad y Compromiso\",score:5,comment:\"Siempre cumplo.\"},{competency:\"Cambio y Adaptabilidad\",score:3,comment:\"\"},{competency:\"Resoluci\u00f3n de Conflictos\",score:4,comment:\"\"},{competency:\"Inclusi\u00f3n y Colaboraci\u00f3n\",score:4,comment:\"\"},{competency:\"Efectividad del Equipo\",score:3,comment:\"\"},{competency:\"Pensamiento Estrat\u00e9gico\",score:4,comment:\"\"}],ssc:\"Comenzar: delegar m\u00e1s. Dejar de hacer: microgesti\u00f3n. Continuar: reuniones 1:1.\"},\n\n {raterType:'manager',scores:[{competency:\"Liderazgo e Influencia\",score:4,comment:\"Inspira confianza en el equipo.\"},{competency:\"Comunicaci\u00f3n y Retroalimentaci\u00f3n\",score:3,comment:\"Podr\u00eda ser m\u00e1s claro al dar retroalimentaci\u00f3n.\"},{competency:\"Coaching y Desarrollo\",score:3,comment:\"\"},{competency:\"Inteligencia Emocional\",score:4,comment:\"\"},{competency:\"Responsabilidad y Compromiso\",score:5,comment:\"Extremadamente confiable.\"},{competency:\"Cambio y Adaptabilidad\",score:2,comment:\"Tiene dificultades durante las transiciones.\"},{competency:\"Resoluci\u00f3n de Conflictos\",score:3,comment:\"\"},{competency:\"Inclusi\u00f3n y Colaboraci\u00f3n\",score:4,comment:\"\"},{competency:\"Efectividad del Equipo\",score:3,comment:\"\"},{competency:\"Pensamiento Estrat\u00e9gico\",score:3,comment:\"\"}],ssc:\"Comenzar: comunicaci\u00f3n proactiva. Continuar: reconocimiento del equipo.\"},\n\n {raterType:'peer',scores:[{competency:\"Liderazgo e Influencia\",score:3,comment:\"\"},{competency:\"Comunicaci\u00f3n y Retroalimentaci\u00f3n\",score:2,comment:\"La retroalimentaci\u00f3n suele ser tard\u00eda o poco clara.\"},{competency:\"Coaching y Desarrollo\",score:3,comment:\"\"},{competency:\"Inteligencia Emocional\",score:3,comment:\"\"},{competency:\"Responsabilidad y Compromiso\",score:4,comment:\"\"},{competency:\"Cambio y Adaptabilidad\",score:2,comment:\"Se muestra resistente cuando las cosas cambian.\"},{competency:\"Resoluci\u00f3n de Conflictos\",score:3,comment:\"\"},{competency:\"Inclusi\u00f3n y Colaboraci\u00f3n\",score:4,comment:\"\"},{competency:\"Efectividad del Equipo\",score:3,comment:\"\"},{competency:\"Pensamiento Estrat\u00e9gico\",score:3,comment:\"\"}],ssc:\"Comenzar: m\u00e1s di\u00e1logo abierto. Continuar: ser colaborativo.\"},\n\n {raterType:'client',scores:[{competency:\"Liderazgo e Influencia\",score:5,comment:\"Muy profesional e inspirador.\"},{competency:\"Comunicaci\u00f3n y Retroalimentaci\u00f3n\",score:4,comment:\"Claro y receptivo externamente.\"},{competency:\"Coaching y Desarrollo\",score:4,comment:\"\"},{competency:\"Inteligencia Emocional\",score:4,comment:\"\"},{competency:\"Responsabilidad y Compromiso\",score:5,comment:\"Cumple cada promesa.\"},{competency:\"Cambio y Adaptabilidad\",score:4,comment:\"\"},{competency:\"Resoluci\u00f3n de Conflictos\",score:4,comment:\"\"},{competency:\"Inclusi\u00f3n y Colaboraci\u00f3n\",score:5,comment:\"\"},{competency:\"Efectividad del Equipo\",score:4,comment:\"\"},{competency:\"Pensamiento Estrat\u00e9gico\",score:4,comment:\"\"}],ssc:\"Continuar: capacidad de respuesta y profesionalismo.\"}\n\n ];\n\n const sscEl=document.getElementById('sscArea'); sscEl.innerHTML='';\n\n demoData.filter(d=>d.ssc).forEach(d=>{sscEl.innerHTML+=`<div class=\"comment-block\"><div class=\"cb-role\">${d.raterType.replace('_',' ')}<\/div><div class=\"cb-text\">${d.ssc}<\/div><\/div>`;});\n\n const report=computeReport(demoData);\n\n renderReport(report,'L\u00edder de Muestra (Demo)');\n\n}\n\n \n\nasync function requestReport() {\n\n const name=document.getElementById('reqName').value.trim();\n\n const email=document.getElementById('reqEmail').value.trim();\n\n if(!name||!email){alert('Por favor ingrese su nombre y correo electr\u00f3nico.');return;}\n\n const msg=document.getElementById('statusMsg');\n\n msg.style.display='block';\n\n if (!GS_URL) { msg.className = 'error'; msg.innerHTML = 'Servicio de correo no configurado.'; return; }\n\n const btn=document.querySelector('#requestSection .btn-primary');\n\n btn.textContent='Generando...'; btn.disabled=true;\n\n msg.className=''; msg.innerHTML='\u23f3 Agregando su retroalimentaci\u00f3n y generando informe...';\n\n try {\n\n await fetch(GS_URL,{method:'POST',mode:'no-cors',headers:{'Content-Type':'application\/json'},body:JSON.stringify({type:'requestReport',participantName:name,participantEmail:email,assessmentType:'Leader Lens 360 (Espa\u00f1ol)'})});\n\n msg.className='success'; msg.innerHTML='\u2705 Su informe ha sido generado y enviado a <strong>'+email+'<\/strong>. Por favor revise su bandeja de entrada.';\n\n btn.textContent='\u2705 Informe Solicitado';\n\n } catch(e) {\n\n msg.className='error'; msg.innerHTML='\u26a0 Ocurri\u00f3 un error. Por favor int\u00e9ntelo de nuevo.';\n\n btn.textContent='Generar y Enviar Mi Informe'; btn.disabled=false;\n\n }\n\n}\n\n \n\nfunction hideReport() {\n\n document.getElementById('reportSection').style.display='none';\n\n document.getElementById('requestSection').style.display='block';\n\n window.scrollTo(0,0);\n\n}\n\n<\/script>\n\n<\/body>\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Leader Lens 360\u2122 | Generador de Informe | eTrainers.org eTrainers.org | Evaluaci\u00f3n Premium Leader Lens 360\u2122 Informe de Liderazgo \u2014 Perspectiva y Desarrollo Personalizado Solicitar Su Informe Ingrese su nombre exactamente como lo ingres\u00f3 en la autoevaluaci\u00f3n, y el correo electr\u00f3nico donde desea recibir su informe. Su Nombre Completo Su Correo Electr\u00f3nico Generar y Enviar […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/etrainers.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22"}],"version-history":[{"count":1,"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":23,"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions\/23"}],"wp:attachment":[{"href":"https:\/\/etrainers.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}