{"id":18,"date":"2026-08-04T23:11:23","date_gmt":"2026-08-04T23:11:23","guid":{"rendered":"https:\/\/etrainers.net\/?page_id=18"},"modified":"2026-08-04T23:11:23","modified_gmt":"2026-08-04T23:11:23","slug":"rater-spanish","status":"publish","type":"page","link":"https:\/\/etrainers.net\/?page_id=18","title":{"rendered":"Rater &#8211; Spanish"},"content":{"rendered":"\n<!DOCTYPE html>\n\n<html lang=\"es\">\n\n<head>\n\n<meta charset=\"UTF-8\">\n\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n<title>Leader Lens 360 | Formulario de Retroalimentaci\u00f3n | eTrainers.org<\/title>\n\n<style>\n\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&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 \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 \n\n  .progress-bar-outer { background: #1e293b; border-radius: 8px; height: 6px; margin-bottom: 24px; }\n\n  .progress-bar-inner { background: linear-gradient(90deg, #3b82f6, #8b5cf6); height: 6px; border-radius: 8px; transition: width 0.4s; }\n\n  .progress-label { text-align: center; font-size: 12px; color: #94a3b8; margin-bottom: 8px; }\n\n \n\n  .card { background: #1e293b; border-radius: 14px; padding: 24px; margin-bottom: 20px; border: 1px solid #334155; }\n\n\n  .section-title {\n\n    font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;\n\n    background: linear-gradient(135deg, #3b82f6, #8b5cf6);\n\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n\n    margin-bottom: 14px;\n\n  }\n\n \n\n  .for-name { font-size: 22px; font-weight: 700; color: #e2e8f0; margin: 8px 0 4px; }\n\n  .rater-badge { display: inline-block; background: rgba(139,92,246,0.2); border: 1px solid #8b5cf6; border-radius: 20px; padding: 4px 14px; font-size: 12px; color: #c4b5fd; text-transform: capitalize; }\n\n \n\n  .instructions p { font-size: 14px; color: #cbd5e1; line-height: 1.7; margin-bottom: 10px; }\n\n  .instructions p:last-child { margin-bottom: 0; }\n\n \n\n  label { display: block; font-size: 13px; color: #94a3b8; margin-bottom: 5px; margin-top: 12px; }\n\n  textarea {\n\n    width: 100%; padding: 10px 14px; border-radius: 8px;\n\n    background: #0f172a; color: #e2e8f0;\n\n    border: 1px solid #334155; font-size: 14px; min-height: 70px; resize: vertical;\n\n  }\n\n  textarea:focus { outline: none; border-color: #3b82f6; }\n\n \n\n  .comp-heading {\n\n    font-size: 14px; font-weight: 600;\n\n    background: linear-gradient(135deg, #3b82f6, #8b5cf6);\n\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n\n    margin: 20px 0 4px;\n\n  }\n\n  .comp-question { font-size: 13px; color: #cbd5e1; margin-bottom: 6px; }\n\n \n\n  .likert { display: flex; gap: 8px; margin: 8px 0; }\n\n  .likert label {\n\n    flex: 1; text-align: center; background: #0f172a; border: 1px solid #334155;\n\n    border-radius: 8px; padding: 8px 4px; cursor: pointer; font-size: 12px;\n\n    color: #94a3b8; transition: all 0.2s; -webkit-text-fill-color: #94a3b8;\n\n  }\n\n  .likert input[type=radio] { display: none; }\n\n  .likert input[type=radio]:checked + label { background: linear-gradient(135deg,#3b82f6,#8b5cf6); color: #fff; -webkit-text-fill-color: #fff; border-color: #3b82f6; }\n\n  .likert-legend { display: flex; justify-content: space-between; font-size: 11px; color: #64748b; margin-bottom: 4px; }\n\n \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; }\n\n  .btn-primary { background: linear-gradient(135deg, #3b82f6, #8b5cf6); color: #fff; }\n\n  .btn-primary:hover { opacity: 0.9; }\n\n \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: 10px; }\n\n  .anon-notice { background: rgba(34,197,94,0.1); border: 1px solid rgba(34,197,94,0.3); border-radius: 8px; padding: 12px 16px; font-size: 13px; color: #86efac; margin-bottom: 16px; }\n\n \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 \n\n  .footer { text-align: center; font-size: 12px; color: #475569; margin-top: 30px; padding-top: 20px; border-top: 1px solid #1e293b; }\n\n  .thank-you { text-align: center; padding: 40px 20px; display: none; }\n\n  .thank-you h2 { color: #86efac; font-size: 24px; margin-bottom: 12px; }\n\n  .thank-you p { color: #94a3b8; font-size: 15px; }\n\n<\/style>\n\n<\/head>\n\n<body>\n\n<div class=\"container\">\n\n \n\n  <!-- HEADER -->\n\n  <div class=\"header\">\n\n    <div class=\"badge\">eTrainers.org | Leader Lens 360\u2122<\/div>\n\n    <h1>Retroalimentaci\u00f3n de Liderazgo<\/h1>\n\n    <p>Evaluaci\u00f3n 360\u00b0 Confidencial<\/p>\n\n  <\/div>\n\n \n\n  <!-- FORM -->\n\n  <div id=\"formArea\">\n\n \n\n    <!-- FOR WHO + RATER TYPE -->\n\n    <div class=\"card\">\n\n      <div class=\"section-title\">Retroalimentaci\u00f3n para<\/div>\n\n      <div class=\"for-name\" id=\"participantDisplay\">\u2014<\/div>\n\n      <div style=\"margin-top:8px;\"><span class=\"rater-badge\" id=\"raterBadge\">Evaluador(a)<\/span><\/div>\n\n    <\/div>\n\n \n\n    <!-- INSTRUCTIONS -->\n\n    <div class=\"card instructions\">\n\n      <div class=\"section-title\">Instrucciones<\/div>\n\n      <div class=\"anon-notice\">\ud83d\udd12 Sus respuestas son <strong>confidenciales<\/strong> y se combinan con las calificaciones de otros evaluadores en el informe. Los comentarios escritos pueden incluirse en el informe de desarrollo, as\u00ed que comparta lo que se sienta c\u00f3modo(a) que se lea.<\/div>\n\n      <p>Ha sido invitado(a) a brindar retroalimentaci\u00f3n como parte de una evaluaci\u00f3n <strong>Leader Lens 360\u2122<\/strong>.<\/p>\n\n      <p>Por favor califique cada \u00e1rea seg\u00fan su experiencia directa trabajando con esta persona y brinde retroalimentaci\u00f3n honesta y constructiva cuando sea posible.<\/p>\n\n      <p>Su aporte juega un papel importante para ayudar a esta persona a crecer y desarrollarse como l\u00edder.<\/p>\n\n      <p>Esta encuesta toma aproximadamente <strong>3\u20135 minutos<\/strong> en completarse.<\/p>\n\n    <\/div>\n\n \n\n    <!-- COMPETENCIES -->\n\n    <div class=\"card\">\n\n      <div class=\"section-title\">Competencias de Liderazgo<\/div>\n\n      <div class=\"progress-label\" id=\"progressLabel\">0 de 10 completadas<\/div>\n\n      <div class=\"progress-bar-outer\"><div class=\"progress-bar-inner\" id=\"progressBar\" style=\"width:0%\"><\/div><\/div>\n\n      <div id=\"raterComps\"><\/div>\n\n    <\/div>\n\n \n\n    <!-- OPEN ENDED -->\n\n    <div class=\"card\">\n\n      <div class=\"section-title\">Retroalimentaci\u00f3n Accionable<\/div>\n\n      <label>\u00bfCu\u00e1l es UNA cosa que esta persona deber\u00eda COMENZAR, DEJAR DE HACER y CONTINUAR en su pr\u00e1ctica de liderazgo?<\/label>\n\n      <textarea id=\"raterSSC\" placeholder=\"Comenzar: ...&#10;Dejar de hacer: ...&#10;Continuar: ...\"><\/textarea>\n\n      <div class=\"notice\" style=\"margin-top:12px;\">\ud83d\udca1 Sea espec\u00edfico(a) y constructivo(a). Esta retroalimentaci\u00f3n se incluye en su informe de desarrollo.<\/div>\n\n    <\/div>\n\n \n\n    <button class=\"btn btn-primary\" onclick=\"submitRater()\">Enviar Retroalimentaci\u00f3n<\/button>\n\n    <div id=\"statusMsg\"><\/div>\n\n \n\n  <\/div>\n\n \n\n  <!-- THANK YOU -->\n\n  <div class=\"thank-you\" id=\"thankYou\">\n\n    <h2>\u2705 \u00a1Gracias!<\/h2>\n\n    <p>Su retroalimentaci\u00f3n se ha enviado exitosamente.<\/p>\n\n    <p style=\"margin-top:12px;\">Sus respuestas son confidenciales y se combinar\u00e1n con las de otros para generar un informe de desarrollo personalizado.<\/p>\n\n    <p style=\"margin-top:24px;font-size:13px;color:#64748b;\">Puede cerrar esta ventana.<\/p>\n\n  <\/div>\n\n \n\n<\/div>\n\n \n\n<div class=\"footer\">\n\n  \u00a9 2026 eTrainers.org | Leader Lens 360\u2122 | Todos los derechos reservados.\n\n<\/div>\n\n \n\n<script>\n\nconst GS_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbwGIc4zrcWlKJgCFvx6zZaBUpyl4UY4tjaJFTuwyeDkay2EraSOaGojRh7A_lciEwN0nQ\/exec';\n\n \n\n\/\/ Competency names MUST match Leader_Lens_SELF_Espanol.html exactly \u2014 the report\n\n\/\/ generator aggregates self and rater scores by competency name.\n\nconst COMPS = [\n\n  { name: \"Liderazgo e Influencia\", q: \"Esta persona influye positivamente en los dem\u00e1s con su conducta y sus decisiones.\" },\n\n  { name: \"Comunicaci\u00f3n y Retroalimentaci\u00f3n\", q: \"Esta persona se comunica con claridad y brinda retroalimentaci\u00f3n honesta y oportuna.\" },\n\n  { name: \"Coaching y Desarrollo\", q: \"Esta persona apoya el crecimiento y desarrollo profesional de los miembros de su equipo.\" },\n\n  { name: \"Inteligencia Emocional\", q: \"Esta persona demuestra autoconciencia y empat\u00eda en sus interacciones con los dem\u00e1s.\" },\n\n  { name: \"Responsabilidad y Compromiso\", q: \"Esta persona asume la responsabilidad por sus acciones y los resultados de su equipo.\" },\n\n  { name: \"Cambio y Adaptabilidad\", q: \"Esta persona se adapta eficazmente al cambio y ayuda a otros a superar las transiciones.\" },\n\n  { name: \"Resoluci\u00f3n de Conflictos\", q: \"Esta persona aborda los conflictos de manera constructiva y con soluciones orientadas al resultado.\" },\n\n  { name: \"Inclusi\u00f3n y Colaboraci\u00f3n\", q: \"Esta persona fomenta un entorno inclusivo donde todos se sienten valorados y escuchados.\" },\n\n  { name: \"Efectividad del Equipo\", q: \"Esta persona contribuye a crear una din\u00e1mica de equipo positiva y de alto rendimiento.\" },\n\n  { name: \"Pensamiento Estrat\u00e9gico\", q: \"Esta persona demuestra buen juicio y toma decisiones considerando el panorama general.\" }\n\n];\n\n \n\n\/\/ Get URL params (type values stay in English \u2014 they match the self form's invitations)\n\nconst params = new URLSearchParams(window.location.search);\n\nconst participantName = params.get('name') || 'Participante';\n\nconst raterType = params.get('type') || 'peer';\n\n \n\nconst RATER_LABELS = { manager: 'Gerente', peer: 'Compa\u00f1ero', direct_report: 'Reporte Directo', client: 'Cliente' };\n\ndocument.getElementById('participantDisplay').textContent = participantName;\n\ndocument.getElementById('raterBadge').textContent = RATER_LABELS[raterType] || 'Evaluador(a)';\n\n \n\n\/\/ Build competency items\n\nconst container = document.getElementById('raterComps');\n\nCOMPS.forEach((c, i) => {\n\n  container.innerHTML += `\n\n    <div class=\"comp-heading\">${i+1}. ${c.name}<\/div>\n\n    <div class=\"comp-question\">${c.q}<\/div>\n\n    <div class=\"likert-legend\"><span>Raramente<\/span><span>Siempre<\/span><\/div>\n\n    <div class=\"likert\">\n\n      ${[1,2,3,4,5].map(v => `\n\n        <input type=\"radio\" name=\"r_${i}\" id=\"r_${i}_${v}\" value=\"${v}\" onchange=\"updateProgress()\">\n\n        <label for=\"r_${i}_${v}\">${v}<\/label>\n\n      `).join('')}\n\n    <\/div>\n\n    <textarea id=\"r_comment_${i}\" placeholder=\"\ud83d\udcac Comentario o contexto opcional...\"><\/textarea>\n\n  `;\n\n});\n\n\nfunction updateProgress() {\n\n  let answered = 0;\n\n  COMPS.forEach((_,i) => { if (document.querySelector(`input[name=\"r_${i}\"]:checked`)) answered++; });\n\n  const pct = Math.round((answered \/ COMPS.length) * 100);\n\n  document.getElementById('progressBar').style.width = pct + '%';\n\n  document.getElementById('progressLabel').textContent = `${answered} de ${COMPS.length} completadas`;\n\n}\n\n \n\nasync function submitRater() {\n\n  \/\/ Validate all 10 ratings\n\n  for (let i = 0; i < COMPS.length; i++) {\n\n    if (!document.querySelector(`input[name=\"r_${i}\"]:checked`)) {\n\n      alert(`Por favor califique la competencia ${i+1}: ${COMPS[i].name}`);\n\n      return;\n\n    }\n\n  }\n\n \n\n  const scores = COMPS.map((c, i) => ({\n\n    competency: c.name,\n\n    score: parseInt(document.querySelector(`input[name=\"r_${i}\"]:checked`).value),\n\n    comment: document.getElementById(`r_comment_${i}`).value.trim()\n\n  }));\n\n \n\n  const payload = {\n\n    type: 'rater',\n\n    participantName,\n\n    raterType,\n\n    assessmentType: 'Leader Lens 360 (Espa\u00f1ol) \u2013 ' + raterType.replace('_',' '),\n\n    scores,\n\n    ssc: document.getElementById('raterSSC').value.trim(),\n\n    timestamp: new Date().toISOString()\n\n  };\n\n \n\n  const btn = document.querySelector('.btn-primary');\n\n  btn.textContent = 'Enviando...';\n\n  btn.disabled = true;\n\n \n\n  const msg = document.getElementById('statusMsg');\n\n  msg.style.display = 'block';\n\n \n\n  if (!GS_URL || GS_URL === 'https:\/\/etrainers.org\/wordpress\/wp-admin\/post.php?post=140&action=elementor') {\n\n    msg.className = 'error';\n\n    msg.innerHTML = '\u26a0 Servicio no configurado. Por favor contacte a etrainers.org para asistencia.';\n\n    btn.textContent = 'Enviar Retroalimentaci\u00f3n';\n\n    btn.disabled = false;\n\n    return;\n\n  }\n\n \n\n  try {\n\n    await fetch(GS_URL, {\n\n      method: 'POST', mode: 'no-cors',\n\n      headers: { 'Content-Type': 'application\/json' },\n\n      body: JSON.stringify(payload)\n\n    });\n\n    document.getElementById('formArea').style.display = 'none';\n\n    document.getElementById('thankYou').style.display = 'block';\n\n    window.scrollTo(0,0);\n\n  } catch(e) {\n\n    msg.className = 'error';\n\n    msg.innerHTML = '\u26a0 Error al enviar. Por favor int\u00e9ntelo de nuevo.';\n\n    btn.textContent = 'Enviar Retroalimentaci\u00f3n';\n\n    btn.disabled = false;\n\n  }\n\n}\n\n<\/script>\n\n<\/body>\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Leader Lens 360 | Formulario de Retroalimentaci\u00f3n | eTrainers.org eTrainers.org | Leader Lens 360\u2122 Retroalimentaci\u00f3n de Liderazgo Evaluaci\u00f3n 360\u00b0 Confidencial Retroalimentaci\u00f3n para \u2014 Evaluador(a) Instrucciones \ud83d\udd12 Sus respuestas son confidenciales y se combinan con las calificaciones de otros evaluadores en el informe. Los comentarios escritos pueden incluirse en el informe de desarrollo, as\u00ed que comparta [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/pages\/18","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=18"}],"version-history":[{"count":1,"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":19,"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions\/19"}],"wp:attachment":[{"href":"https:\/\/etrainers.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}