{"id":1940,"date":"2026-05-25T23:48:12","date_gmt":"2026-05-26T05:48:12","guid":{"rendered":"https:\/\/portal.pronea.gt\/?page_id=1940"},"modified":"2026-05-25T23:48:12","modified_gmt":"2026-05-26T05:48:12","slug":"acceso-docente","status":"publish","type":"page","link":"https:\/\/portal.pronea.gt\/?page_id=1940","title":{"rendered":"Acceso Docente"},"content":{"rendered":"<div class=\"pronea-public\">\n<div class=\"pronea-login-wrap\">\n  <div class=\"pronea-login-box\" style=\"max-width:520px;\">\n\n    <!-- Logo -->\n    <div class=\"pronea-login-logo\">\n      <div style=\"display:inline-flex;align-items:center;gap:10px;\">\n        <div style=\"width:12px;height:12px;background:#9B0C23;border-radius:50%;\"><\/div>\n        <span style=\"font-family:'Montserrat',sans-serif;font-size:24px;font-weight:700;color:#002147;letter-spacing:-.01em;\">PRONEA<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- Tabs -->\n    <div style=\"display:flex;border-bottom:2px solid #E2E8F0;margin-bottom:24px;\">\n      <button type=\"button\" id=\"tab-btn-login\"\n        onclick=\"pronea_switch_tab('login')\"\n        style=\"flex:1;padding:10px;font-family:'Public Sans',sans-serif;font-size:14px;font-weight:600;border:none;background:none;cursor:pointer;border-bottom:2px solid #002147;color:#002147;margin-bottom:-2px;\">\n        Iniciar sesi\u00f3n\n      <\/button>\n      <button type=\"button\" id=\"tab-btn-registro\"\n        onclick=\"pronea_switch_tab('registro')\"\n        style=\"flex:1;padding:10px;font-family:'Public Sans',sans-serif;font-size:14px;font-weight:600;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;color:#5C5F61;margin-bottom:-2px;\">\n        Solicitar acceso\n      <\/button>\n    <\/div>\n\n    <!-- \u2500\u2500 TAB LOGIN \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <div id=\"tab-login\" style=\"display:block;\">\n\n      \n      \n      <h1 class=\"pronea-login-title\">Portal Docente<\/h1>\n      <p class=\"pronea-login-subtitle\">Ingresa con tu correo y contrase\u00f1a institucional<\/p>\n\n      <form method=\"post\" action=\"\">\n        <input type=\"hidden\" id=\"pronea_login_nonce\" name=\"pronea_login_nonce\" value=\"84bda4425f\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F1940\" \/>\n        <div class=\"pronea-input-group\">\n          <label for=\"pronea_email\">Correo electr\u00f3nico<\/label>\n          <input type=\"email\" id=\"pronea_email\" name=\"pronea_email\" required\n                 placeholder=\"docente@mineduc.gob.gt\" autocomplete=\"email\">\n        <\/div>\n\n        <div class=\"pronea-input-group\" style=\"position:relative;\">\n          <label for=\"pronea_password\">Contrase\u00f1a<\/label>\n          <div style=\"position:relative;\">\n            <input type=\"password\" id=\"pronea_password\" name=\"pronea_password\" required\n                   placeholder=\"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\" autocomplete=\"current-password\"\n                   style=\"width:100%;padding-right:44px;\">\n            <button type=\"button\" onclick=\"pronea_toggle_pass('pronea_password',this)\"\n              style=\"position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#5C5F61;\">\n              <span class=\"material-symbols-outlined\" style=\"font-size:20px;\">visibility<\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n\n        <div style=\"display:flex;align-items:center;gap:8px;margin-bottom:4px;\">\n          <input type=\"checkbox\" name=\"recordar\" id=\"pronea_recordar\" value=\"1\">\n          <label for=\"pronea_recordar\" style=\"font-size:13px;color:#44474E;cursor:pointer;margin:0;\">\n            Mantener sesi\u00f3n iniciada\n          <\/label>\n        <\/div>\n\n        <button type=\"submit\" class=\"pronea-btn-full\">\n          Ingresar al portal\n        <\/button>\n      <\/form>\n\n      <div class=\"pronea-login-links\">\n                <a href=\"https:\/\/portal.pronea.gt\/?page_id=1941\">\u00bfOlvidaste tu contrase\u00f1a?<\/a>\n                        <a href=\"https:\/\/portal.pronea.gt\/?page_id=1938\">Ver directorio p\u00fablico<\/a>\n              <\/div>\n\n    <\/div><!-- \/tab-login -->\n\n    <!-- \u2500\u2500 TAB REGISTRO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <div id=\"tab-registro\" style=\"display:none;\">\n\n      \n      <h1 class=\"pronea-login-title\" style=\"font-size:20px;\">Solicitar acceso<\/h1>\n      <p class=\"pronea-login-subtitle\">Completa el formulario. Tu cuenta quedar\u00e1 <strong>pendiente de aprobaci\u00f3n<\/strong>.<\/p>\n\n      <form method=\"post\" action=\"\" id=\"pronea-register-form\">\n        <input type=\"hidden\" id=\"pronea_register_nonce\" name=\"pronea_register_nonce\" value=\"5c8b54496e\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F1940\" \/>\n        <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:0;\">\n          <div class=\"pronea-input-group\">\n            <label>Nombre(s) <span style=\"color:#9B0C23;\">*<\/span><\/label>\n            <input type=\"text\" name=\"reg_nombre\" required placeholder=\"Mar\u00eda\">\n          <\/div>\n          <div class=\"pronea-input-group\">\n            <label>Apellidos <span style=\"color:#9B0C23;\">*<\/span><\/label>\n            <input type=\"text\" name=\"reg_apellidos\" required placeholder=\"Garc\u00eda L\u00f3pez\">\n          <\/div>\n        <\/div>\n\n        <div class=\"pronea-input-group\">\n          <label>CUI<\/label>\n          <input type=\"text\" name=\"reg_cui\" placeholder=\"1234567890101\" maxlength=\"20\">\n        <\/div>\n\n        <div class=\"pronea-input-group\">\n          <label>Correo electr\u00f3nico <span style=\"color:#9B0C23;\">*<\/span><\/label>\n          <input type=\"email\" name=\"reg_email\" required placeholder=\"docente@mineduc.gob.gt\">\n        <\/div>\n\n        <div class=\"pronea-input-group\">\n          <label>Tel\u00e9fono<\/label>\n          <input type=\"tel\" name=\"reg_telefono\" placeholder=\"55551234\">\n        <\/div>\n\n        <div class=\"pronea-input-group\">\n          <label>Especialidad<\/label>\n          <input type=\"text\" name=\"reg_especialidad\" placeholder=\"Matem\u00e1ticas, Comunicaci\u00f3n y Lenguaje...\">\n        <\/div>\n\n        <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:12px;\">\n          <div class=\"pronea-input-group\">\n            <label>Departamento<\/label>\n            <input type=\"text\" name=\"reg_departamento\" placeholder=\"Guatemala\">\n          <\/div>\n          <div class=\"pronea-input-group\">\n            <label>DIDEDUC \/ Oficina<\/label>\n            <input type=\"text\" name=\"reg_oficina_dept\" placeholder=\"DIDEDUC Guatemala Norte\">\n          <\/div>\n        <\/div>\n\n        <!-- Password -->\n        <div class=\"pronea-input-group\" style=\"margin-top:4px;\">\n          <label>Contrase\u00f1a <span style=\"color:#9B0C23;\">*<\/span><\/label>\n          <div style=\"position:relative;\">\n            <input type=\"password\" name=\"reg_password\" id=\"reg_password\" required\n                   placeholder=\"M\u00ednimo 8 caracteres\"\n                   oninput=\"pronea_check_strength(this.value)\"\n                   style=\"width:100%;padding-right:44px;\">\n            <button type=\"button\" onclick=\"pronea_toggle_pass('reg_password',this)\"\n              style=\"position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#5C5F61;\">\n              <span class=\"material-symbols-outlined\" style=\"font-size:20px;\">visibility<\/span>\n            <\/button>\n          <\/div>\n          <!-- Strength indicator -->\n          <div id=\"pronea-strength-bar\" style=\"height:4px;background:#E2E8F0;border-radius:2px;margin-top:6px;overflow:hidden;\">\n            <div id=\"pronea-strength-fill\" style=\"height:100%;width:0;border-radius:2px;transition:width .3s,background .3s;\"><\/div>\n          <\/div>\n          <div id=\"pronea-strength-text\" style=\"font-size:11px;margin-top:3px;color:#5C5F61;\"><\/div>\n          <ul id=\"pronea-strength-rules\" style=\"font-size:11px;color:#5C5F61;padding-left:16px;margin:4px 0 0;line-height:1.6;\">\n            <li id=\"r-len\">M\u00ednimo 8 caracteres<\/li>\n            <li id=\"r-upper\">Al menos una letra may\u00fascula<\/li>\n            <li id=\"r-num\">Al menos un n\u00famero<\/li>\n            <li id=\"r-special\">Al menos un car\u00e1cter especial (!@#$%...)<\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"pronea-input-group\">\n          <label>Confirmar contrase\u00f1a <span style=\"color:#9B0C23;\">*<\/span><\/label>\n          <div style=\"position:relative;\">\n            <input type=\"password\" name=\"reg_password2\" id=\"reg_password2\" required\n                   placeholder=\"Repite tu contrase\u00f1a\"\n                   style=\"width:100%;padding-right:44px;\">\n            <button type=\"button\" onclick=\"pronea_toggle_pass('reg_password2',this)\"\n              style=\"position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#5C5F61;\">\n              <span class=\"material-symbols-outlined\" style=\"font-size:20px;\">visibility<\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n\n        <button type=\"submit\" class=\"pronea-btn-full\" style=\"margin-top:8px;\">\n          Enviar solicitud de acceso\n        <\/button>\n      <\/form>\n\n      <p style=\"text-align:center;font-size:12px;color:#5C5F61;margin-top:14px;\">\n        \u00bfYa tienes cuenta?\n        <a href=\"#\" onclick=\"pronea_switch_tab('login');return false;\" style=\"color:#002147;font-weight:600;\">Iniciar sesi\u00f3n<\/a>\n      <\/p>\n\n    <\/div><!-- \/tab-registro -->\n\n  <\/div>\n<\/div>\n<\/div>\n\n<script>\nfunction pronea_switch_tab(tab) {\n  document.getElementById('tab-login').style.display    = tab === 'login'    ? 'block' : 'none';\n  document.getElementById('tab-registro').style.display = tab === 'registro' ? 'block' : 'none';\n  var loginBtn   = document.getElementById('tab-btn-login');\n  var regBtn     = document.getElementById('tab-btn-registro');\n  var activeColor   = '#002147';\n  var inactiveColor = '#5C5F61';\n  loginBtn.style.borderBottomColor = tab === 'login'    ? activeColor : 'transparent';\n  regBtn.style.borderBottomColor   = tab === 'registro' ? activeColor : 'transparent';\n  loginBtn.style.color = tab === 'login'    ? activeColor : inactiveColor;\n  regBtn.style.color   = tab === 'registro' ? activeColor : inactiveColor;\n}\n\nfunction pronea_toggle_pass(id, btn) {\n  var input = document.getElementById(id);\n  var icon  = btn.querySelector('.material-symbols-outlined');\n  if (input.type === 'password') {\n    input.type   = 'text';\n    icon.textContent = 'visibility_off';\n  } else {\n    input.type   = 'password';\n    icon.textContent = 'visibility';\n  }\n}\n\nfunction pronea_check_strength(val) {\n  var rules = {\n    len:     val.length >= 8,\n    upper:   \/[A-Z]\/.test(val),\n    num:     \/[0-9]\/.test(val),\n    special: \/[^a-zA-Z0-9]\/.test(val),\n  };\n  var score = Object.values(rules).filter(Boolean).length;\n  var colors = ['#EF4444','#F97316','#EAB308','#22C55E'];\n  var labels = ['Muy d\u00e9bil','D\u00e9bil','Regular','Fuerte'];\n\n  document.getElementById('pronea-strength-fill').style.width      = (score * 25) + '%';\n  document.getElementById('pronea-strength-fill').style.background = colors[score - 1] || '#E2E8F0';\n  document.getElementById('pronea-strength-text').textContent       = score > 0 ? labels[score - 1] : '';\n\n  function mark(id, ok) {\n    var el = document.getElementById('r-' + id);\n    el.style.color = ok ? '#22C55E' : '#5C5F61';\n    el.style.fontWeight = ok ? '600' : 'normal';\n  }\n  mark('len',     rules.len);\n  mark('upper',   rules.upper);\n  mark('num',     rules.num);\n  mark('special', rules.special);\n}\n\n\/\/ Auto-switch if coming from registration error\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"class_list":["post-1940","page","type-page","status-publish","hentry"],"ticketed":false,"_links":{"self":[{"href":"https:\/\/portal.pronea.gt\/index.php?rest_route=\/wp\/v2\/pages\/1940","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portal.pronea.gt\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portal.pronea.gt\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portal.pronea.gt\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/portal.pronea.gt\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1940"}],"version-history":[{"count":0,"href":"https:\/\/portal.pronea.gt\/index.php?rest_route=\/wp\/v2\/pages\/1940\/revisions"}],"wp:attachment":[{"href":"https:\/\/portal.pronea.gt\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1940"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}