Login institucional<\/title>\n <style>\n * { margin: 0; padding: 0; box-sizing: border-box; }\n html, body { height: 100%; width: 100%; }\n body { margin: 0; height: 100vh; width: 100vw; }\n\n .main-container {\n display: flex;\n width: 100vw;\n height: 100vh;\n background: url('https:\/\/utelvt.edu.ec\/biblioteca\/wp-content\/uploads\/2026\/01\/fondo4-scaled.jpg') \n no-repeat center center;\n background-size: cover;\n position: relative;\n }\n\n .left-container {\n width: 30%;\n height: 100%;\n background: #fff;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding-top: 50px;\n }\n\n .logo-institucional { max-width: 80%; margin-bottom: 25px; }\n .logo-login { max-width: 60px; margin-bottom: 30px; }\n\n \/* Campos de entrada redondeados con borde verde *\/\n .input-group {\n display: flex;\n align-items: center;\n width: 80%;\n background: #f0f0f0;\n border-radius: 50px;\n padding: 10px 20px;\n margin-bottom: 20px;\n border: 1px solid #008000;\n position: relative; \/* necesario para ubicar el bot\u00f3n dentro *\/\n }\n\n .input-group img { width: 24px; height: 24px; margin-right: 10px; }\n .input-group input {\n border: none; outline: none; background: transparent;\n flex: 1; font-size: 14px;\n }\n\n \/* Bot\u00f3n mostrar contrase\u00f1a dentro del recuadro *\/\n .show-btn {\n font-size: 12px;\n color: gray;\n background: none;\n border: none;\n cursor: pointer;\n position: absolute;\n right: 20px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n .important-message {\n width: 80%;\n background: #ffeeba;\n border: 1px solid #f5c06f;\n border-radius: 8px;\n padding: 12px;\n font-size: 13px;\n color: #333;\n margin-bottom: 25px;\n }\n\n .login-button {\n width: 80%;\n background: #008000;\n color: #fff;\n border: none;\n border-radius: 50px;\n padding: 12px;\n font-size: 16px;\n font-weight: bold;\n cursor: pointer;\n transition: background 0.3s ease;\n }\n .login-button:hover { background: #006400; }\n\n .error-message {\n width: 80%;\n color: red;\n font-size: 13px;\n margin-bottom: 15px;\n text-align: center;\n }\n\n .right-title {\n position: absolute;\n top: 400px;\n right: 100px;\n color: #fff;\n font-size: 48px;\n font-weight: bold;\n text-transform: uppercase;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.7);\n }\n\n \/* Men\u00fa superior derecho *\/\n .menu {\n position: absolute;\n top: 30px;\n right: 40px;\n display: flex;\n flex-direction: row-reverse;\n gap: 60px;\n }\n\n .menu a {\n color: #fff;\n font-size: 14px;\n text-transform: uppercase;\n text-decoration: none;\n padding: 6px 12px;\n font-weight: bold; \/* siempre negrita *\/\n border-radius: 4px;\n transition: background 0.3s ease;\n }\n\n .menu a:hover {\n background: rgba(255,255,255,0.3); \/* fondo blanco semi transparente *\/\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"main-container\">\n <div class=\"left-container\">\n <img decoding=\"async\" class=\"logo-institucional\" src=\"https:\/\/utelvt.edu.ec\/biblioteca\/wp-content\/uploads\/2025\/11\/MAGISTERIO-EDITORIAL-LOGO.png\" alt=\"Logo Magisterio Editorial\">\n <img decoding=\"async\" class=\"logo-login\" src=\"https:\/\/utelvt.edu.ec\/biblioteca\/wp-content\/uploads\/2026\/01\/Icono-login.png\" alt=\"Icono Login\">\n\n <div class=\"input-group\">\n <img decoding=\"async\" src=\"https:\/\/utelvt.edu.ec\/biblioteca\/wp-content\/uploads\/2026\/01\/Icono-login.png\" alt=\"Icono Usuario\">\n <input type=\"text\" id=\"correo\" placeholder=\"Correo institucional\">\n <\/div>\n\n <div class=\"input-group\">\n <img decoding=\"async\" src=\"https:\/\/utelvt.edu.ec\/biblioteca\/wp-content\/uploads\/2026\/01\/candado-login.png\" alt=\"Icono Contrase\u00f1a\">\n <input type=\"password\" id=\"contrasena\" placeholder=\"Contrase\u00f1a\">\n <button type=\"button\" class=\"show-btn\" onclick=\"togglePassword()\">Mostrar<\/button>\n <\/div>\n\n <div class=\"important-message\">\n <strong>Importante:<\/strong>\n La contrase\u00f1a debe ingresarse como <br>\n <em>Letra B + Documento de identificaci\u00f3n<\/em><br>\n Ejemplo: <strong>B0123456789<\/strong>\n <\/div>\n\n <div id=\"error\" class=\"error-message\"><\/div>\n\n <button class=\"login-button\" onclick=\"validarLogin()\">Ingresar<\/button>\n <\/div>\n\n <div class=\"right-title\">PORTAL LOGIN<\/div>\n\n <div class=\"menu\">\n <a href=\"https:\/\/utelvt.edu.ec\/biblioteca\/base-de-datos-suscritas\/\">Recursos Electr\u00f3nicos<\/a>\n <a href=\"http:\/\/reservabiblioteca.utlvte.int\/site\/login\">Sistema de Gesti\u00f3n<\/a>\n <a href=\"https:\/\/utelvt.edu.ec\/biblioteca\/\">Inicio<\/a>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Limpiar campos al recargar\n window.onload = function() {\n document.getElementById(\"correo\").value = \"\";\n document.getElementById(\"contrasena\").value = \"\";\n };\n\n \/\/ Mostrar\/ocultar contrase\u00f1a\n function togglePassword() {\n const input = document.getElementById(\"contrasena\");\n const btn = document.querySelector(\".show-btn\");\n if (input.type === \"password\") {\n input.type = \"text\";\n btn.textContent = \"Ocultar\";\n } else {\n input.type = \"password\";\n btn.textContent = \"Mostrar\";\n }\n }\n\n function validarLogin() {\n const correo = document.getElementById(\"correo\").value.trim();\n const contrasena = document.getElementById(\"contrasena\").value.trim();\n const errorDiv = document.getElementById(\"error\");\n errorDiv.textContent = \"\";\n\n \/\/ Validar campos vac\u00edos\n if (!correo || !contrasena) {\n errorDiv.textContent = \"Completa todos los campos.\";\n return;\n }\n\n \/\/ Validar correo institucional\n if (!correo.endsWith(\"@utelvt.edu.ec\") || correo.indexOf(\"@\") === 0) {\n errorDiv.textContent = \"El correo no es correcto.\";\n return;\n }\n\n \/\/ Validar contrase\u00f1a\n const regex = \/^B\\d+$\/;\n if (!regex.test(contrasena)) {\n errorDiv.textContent = \"La contrase\u00f1a no es correcta.\";\n document.getElementById(\"contrasena\").value = \"\"; \/\/ limpiar solo contrase\u00f1a\n return;\n }\n\n const numericLength = contrasena.length - 1;\n if (![8, 10, 12].includes(numericLength)) {\n errorDiv.textContent = \"La contrase\u00f1a no es correcta.\";\n document.getElementById(\"contrasena\").value = \"\"; \/\/ limpiar solo contrase\u00f1a\n return;\n }\n\n \/\/ Si todo es correcto \u2192 redirigir directamente\n window.location.href = \"https:\/\/bibliotecadigital.magisterio.co\/user\";\n }\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Login institucional Mostrar Importante: La contrase\u00f1a debe ingresarse como Letra B + Documento de identificaci\u00f3n Ejemplo: B0123456789 Ingresar PORTAL LOGIN Recursos Electr\u00f3nicos Sistema de Gesti\u00f3n Inicio<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width-page.php","meta":{"footnotes":""},"class_list":["post-5497","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/utelvt.edu.ec\/biblioteca\/wp-json\/wp\/v2\/pages\/5497","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/utelvt.edu.ec\/biblioteca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/utelvt.edu.ec\/biblioteca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/utelvt.edu.ec\/biblioteca\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/utelvt.edu.ec\/biblioteca\/wp-json\/wp\/v2\/comments?post=5497"}],"version-history":[{"count":20,"href":"https:\/\/utelvt.edu.ec\/biblioteca\/wp-json\/wp\/v2\/pages\/5497\/revisions"}],"predecessor-version":[{"id":5631,"href":"https:\/\/utelvt.edu.ec\/biblioteca\/wp-json\/wp\/v2\/pages\/5497\/revisions\/5631"}],"wp:attachment":[{"href":"https:\/\/utelvt.edu.ec\/biblioteca\/wp-json\/wp\/v2\/media?parent=5497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":5497,"date":"2026-01-12T14:37:33","date_gmt":"2026-01-12T14:37:33","guid":{"rendered":"https:\/\/utelvt.edu.ec\/biblioteca\/?page_id=5497"},"modified":"2026-01-12T17:48:29","modified_gmt":"2026-01-12T17:48:29","slug":"login-magisterio-editorial","status":"publish","type":"page","link":"https:\/\/utelvt.edu.ec\/biblioteca\/login-magisterio-editorial\/","title":{"rendered":"LOGIN MAGISTERIO EDITORIAL"},"content":{"rendered":"\n\n\n\n \n Login institucional<\/title>\n <style>\n * { margin: 0; padding: 0; box-sizing: border-box; }\n html, body { height: 100%; width: 100%; }\n body { margin: 0; height: 100vh; width: 100vw; }\n\n .main-container {\n display: flex;\n width: 100vw;\n height: 100vh;\n background: url('https:\/\/utelvt.edu.ec\/biblioteca\/wp-content\/uploads\/2026\/01\/fondo4-scaled.jpg') \n no-repeat center center;\n background-size: cover;\n position: relative;\n }\n\n .left-container {\n width: 30%;\n height: 100%;\n background: #fff;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding-top: 50px;\n }\n\n .logo-institucional { max-width: 80%; margin-bottom: 25px; }\n .logo-login { max-width: 60px; margin-bottom: 30px; }\n\n \/* Campos de entrada redondeados con borde verde *\/\n .input-group {\n display: flex;\n align-items: center;\n width: 80%;\n background: #f0f0f0;\n border-radius: 50px;\n padding: 10px 20px;\n margin-bottom: 20px;\n border: 1px solid #008000;\n position: relative; \/* necesario para ubicar el bot\u00f3n dentro *\/\n }\n\n .input-group img { width: 24px; height: 24px; margin-right: 10px; }\n .input-group input {\n border: none; outline: none; background: transparent;\n flex: 1; font-size: 14px;\n }\n\n \/* Bot\u00f3n mostrar contrase\u00f1a dentro del recuadro *\/\n .show-btn {\n font-size: 12px;\n color: gray;\n background: none;\n border: none;\n cursor: pointer;\n position: absolute;\n right: 20px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n .important-message {\n width: 80%;\n background: #ffeeba;\n border: 1px solid #f5c06f;\n border-radius: 8px;\n padding: 12px;\n font-size: 13px;\n color: #333;\n margin-bottom: 25px;\n }\n\n .login-button {\n width: 80%;\n background: #008000;\n color: #fff;\n border: none;\n border-radius: 50px;\n padding: 12px;\n font-size: 16px;\n font-weight: bold;\n cursor: pointer;\n transition: background 0.3s ease;\n }\n .login-button:hover { background: #006400; }\n\n .error-message {\n width: 80%;\n color: red;\n font-size: 13px;\n margin-bottom: 15px;\n text-align: center;\n }\n\n .right-title {\n position: absolute;\n top: 400px;\n right: 100px;\n color: #fff;\n font-size: 48px;\n font-weight: bold;\n text-transform: uppercase;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.7);\n }\n\n \/* Men\u00fa superior derecho *\/\n .menu {\n position: absolute;\n top: 30px;\n right: 40px;\n display: flex;\n flex-direction: row-reverse;\n gap: 60px;\n }\n\n .menu a {\n color: #fff;\n font-size: 14px;\n text-transform: uppercase;\n text-decoration: none;\n padding: 6px 12px;\n font-weight: bold; \/* siempre negrita *\/\n border-radius: 4px;\n transition: background 0.3s ease;\n }\n\n .menu a:hover {\n background: rgba(255,255,255,0.3); \/* fondo blanco semi transparente *\/\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"main-container\">\n <div class=\"left-container\">\n <img decoding=\"async\" class=\"logo-institucional\" src=\"https:\/\/utelvt.edu.ec\/biblioteca\/wp-content\/uploads\/2025\/11\/MAGISTERIO-EDITORIAL-LOGO.png\" alt=\"Logo Magisterio Editorial\">\n <img decoding=\"async\" class=\"logo-login\" src=\"https:\/\/utelvt.edu.ec\/biblioteca\/wp-content\/uploads\/2026\/01\/Icono-login.png\" alt=\"Icono Login\">\n\n <div class=\"input-group\">\n <img decoding=\"async\" src=\"https:\/\/utelvt.edu.ec\/biblioteca\/wp-content\/uploads\/2026\/01\/Icono-login.png\" alt=\"Icono Usuario\">\n <input type=\"text\" id=\"correo\" placeholder=\"Correo institucional\">\n <\/div>\n\n <div class=\"input-group\">\n <img decoding=\"async\" src=\"https:\/\/utelvt.edu.ec\/biblioteca\/wp-content\/uploads\/2026\/01\/candado-login.png\" alt=\"Icono Contrase\u00f1a\">\n <input type=\"password\" id=\"contrasena\" placeholder=\"Contrase\u00f1a\">\n <button type=\"button\" class=\"show-btn\" onclick=\"togglePassword()\">Mostrar<\/button>\n <\/div>\n\n <div class=\"important-message\">\n <strong>Importante:<\/strong>\n La contrase\u00f1a debe ingresarse como <br>\n <em>Letra B + Documento de identificaci\u00f3n<\/em><br>\n Ejemplo: <strong>B0123456789<\/strong>\n <\/div>\n\n <div id=\"error\" class=\"error-message\"><\/div>\n\n <button class=\"login-button\" onclick=\"validarLogin()\">Ingresar<\/button>\n <\/div>\n\n <div class=\"right-title\">PORTAL LOGIN<\/div>\n\n <div class=\"menu\">\n <a href=\"https:\/\/utelvt.edu.ec\/biblioteca\/base-de-datos-suscritas\/\">Recursos Electr\u00f3nicos<\/a>\n <a href=\"http:\/\/reservabiblioteca.utlvte.int\/site\/login\">Sistema de Gesti\u00f3n<\/a>\n <a href=\"https:\/\/utelvt.edu.ec\/biblioteca\/\">Inicio<\/a>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Limpiar campos al recargar\n window.onload = function() {\n document.getElementById(\"correo\").value = \"\";\n document.getElementById(\"contrasena\").value = \"\";\n };\n\n \/\/ Mostrar\/ocultar contrase\u00f1a\n function togglePassword() {\n const input = document.getElementById(\"contrasena\");\n const btn = document.querySelector(\".show-btn\");\n if (input.type === \"password\") {\n input.type = \"text\";\n btn.textContent = \"Ocultar\";\n } else {\n input.type = \"password\";\n btn.textContent = \"Mostrar\";\n }\n }\n\n function validarLogin() {\n const correo = document.getElementById(\"correo\").value.trim();\n const contrasena = document.getElementById(\"contrasena\").value.trim();\n const errorDiv = document.getElementById(\"error\");\n errorDiv.textContent = \"\";\n\n \/\/ Validar campos vac\u00edos\n if (!correo || !contrasena) {\n errorDiv.textContent = \"Completa todos los campos.\";\n return;\n }\n\n \/\/ Validar correo institucional\n if (!correo.endsWith(\"@utelvt.edu.ec\") || correo.indexOf(\"@\") === 0) {\n errorDiv.textContent = \"El correo no es correcto.\";\n return;\n }\n\n \/\/ Validar contrase\u00f1a\n const regex = \/^B\\d+$\/;\n if (!regex.test(contrasena)) {\n errorDiv.textContent = \"La contrase\u00f1a no es correcta.\";\n document.getElementById(\"contrasena\").value = \"\"; \/\/ limpiar solo contrase\u00f1a\n return;\n }\n\n const numericLength = contrasena.length - 1;\n if (![8, 10, 12].includes(numericLength)) {\n errorDiv.textContent = \"La contrase\u00f1a no es correcta.\";\n document.getElementById(\"contrasena\").value = \"\"; \/\/ limpiar solo contrase\u00f1a\n return;\n }\n\n \/\/ Si todo es correcto \u2192 redirigir directamente\n window.location.href = \"https:\/\/bibliotecadigital.magisterio.co\/user\";\n }\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Login institucional Mostrar Importante: La contrase\u00f1a debe ingresarse como Letra B + Documento de identificaci\u00f3n Ejemplo: B0123456789 Ingresar PORTAL LOGIN Recursos Electr\u00f3nicos Sistema de Gesti\u00f3n Inicio<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width-page.php","meta":{"footnotes":""},"class_list":["post-5497","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/utelvt.edu.ec\/biblioteca\/wp-json\/wp\/v2\/pages\/5497","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/utelvt.edu.ec\/biblioteca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/utelvt.edu.ec\/biblioteca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/utelvt.edu.ec\/biblioteca\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/utelvt.edu.ec\/biblioteca\/wp-json\/wp\/v2\/comments?post=5497"}],"version-history":[{"count":20,"href":"https:\/\/utelvt.edu.ec\/biblioteca\/wp-json\/wp\/v2\/pages\/5497\/revisions"}],"predecessor-version":[{"id":5631,"href":"https:\/\/utelvt.edu.ec\/biblioteca\/wp-json\/wp\/v2\/pages\/5497\/revisions\/5631"}],"wp:attachment":[{"href":"https:\/\/utelvt.edu.ec\/biblioteca\/wp-json\/wp\/v2\/media?parent=5497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}