{"id":3821,"date":"2025-06-08T15:01:08","date_gmt":"2025-06-08T20:01:08","guid":{"rendered":"https:\/\/crtp.edu.pe\/home\/?page_id=3821"},"modified":"2025-08-23T15:51:03","modified_gmt":"2025-08-23T20:51:03","slug":"thebreo","status":"publish","type":"page","link":"https:\/\/crtp.edu.pe\/home\/thebreo\/","title":{"rendered":"TecladoHebreo"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \r\n Teclado Hebreo - CRTP<\/title>\r\n <style>\r\n \/* Namespace CSS para evitar conflictos *\/\r\n .crtp-hebrew-keyboard {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n margin: 0;\r\n padding: 20px;\r\n min-height: 100vh;\r\n position: relative;\r\n z-index: 9999;\r\n }\r\n \r\n .crtp-hebrew-keyboard * {\r\n box-sizing: border-box;\r\n }\r\n \r\n .crtp-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n background: rgba(255, 255, 255, 0.95);\r\n border-radius: 20px;\r\n padding: 30px;\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n .crtp-title {\r\n text-align: center;\r\n color: #2c3e50;\r\n margin-bottom: 10px;\r\n font-size: 2.5em;\r\n }\r\n \r\n .crtp-subtitle {\r\n text-align: center;\r\n color: #7f8c8d;\r\n margin-bottom: 30px;\r\n font-size: 1.1em;\r\n }\r\n \r\n .crtp-text-input-area {\r\n background: rgba(52, 152, 219, 0.1);\r\n border: 2px solid #3498db;\r\n border-radius: 10px;\r\n padding: 10px;\r\n margin: 20px 0 30px 0;\r\n position: relative;\r\n }\r\n \r\n .crtp-text-input-area h3 {\r\n color: #2980b9;\r\n margin-top: 0;\r\n margin-bottom: 12px;\r\n }\r\n \r\n .crtp-text-input {\r\n width: 100%;\r\n min-height: 180px;\r\n max-height: 200px;\r\n padding: 15px;\r\n border: 2px solid #bdc3c7;\r\n border-radius: 8px;\r\n font-size: clamp(16px, 4vw, 34px);\r\n font-family: 'David', 'Noto Sans Hebrew', Arial, sans-serif;\r\n direction: rtl;\r\n text-align: right;\r\n background: white;\r\n resize: none;\r\n overflow-y: auto;\r\n line-height: 1.5;\r\n box-sizing: border-box;\r\n }\r\n \r\n .crtp-text-input:focus {\r\n outline: none;\r\n border-color: #3498db;\r\n box-shadow: 0 0 10px rgba(52, 152, 219, 0.2);\r\n }\r\n \r\n .crtp-keyboard {\r\n background: #ffffff;\r\n border-radius: 15px;\r\n padding: 20px;\r\n margin: 20px auto;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n max-width: 1100px;\r\n border: 2px solid #3498db;\r\n }\r\n \r\n .crtp-row {\r\n display: flex;\r\n justify-content: center;\r\n margin-bottom: 8px;\r\n gap: 4px;\r\n }\r\n \r\n .crtp-key {\r\n background: linear-gradient(145deg, #34495e, #2c3e50);\r\n border: 2px solid #34495e;\r\n border-radius: 8px;\r\n color: white;\r\n font-weight: bold;\r\n cursor: pointer;\r\n transition: all 0.15s ease;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n min-height: 81px;\r\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\r\n user-select: none;\r\n }\r\n \r\n .crtp-key:hover {\r\n background: linear-gradient(145deg, #3498db, #2980b9);\r\n border-color: #3498db;\r\n transform: translateY(-1px);\r\n box-shadow: 0 4px 10px rgba(52, 152, 219, 0.3);\r\n }\r\n \r\n .crtp-key:active, .crtp-key.active {\r\n transform: translateY(0) scale(0.95);\r\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\r\n background: #27ae60;\r\n }\r\n \r\n \/* Estado activo para Shift *\/\r\n .crtp-key.shift-active {\r\n background: linear-gradient(145deg, #e74c3c, #c0392b) !important;\r\n border-color: #e74c3c !important;\r\n box-shadow: 0 4px 10px rgba(231, 76, 60, 0.4) !important;\r\n }\r\n \r\n .crtp-key.shift-active:hover {\r\n background: linear-gradient(145deg, #e74c3c, #c0392b) !important;\r\n border-color: #e74c3c !important;\r\n }\r\n\r\n \/* Estado activo para Caps Lock *\/\r\n .crtp-key.caps-active {\r\n background: linear-gradient(145deg, #27ae60, #2ecc71) !important;\r\n border-color: #27ae60 !important;\r\n box-shadow: 0 4px 10px rgba(39, 174, 96, 0.4) !important;\r\n }\r\n \r\n .crtp-key.caps-active:hover {\r\n background: linear-gradient(145deg, #27ae60, #2ecc71) !important;\r\n border-color: #27ae60 !important;\r\n }\r\n \r\n \/* Tama\u00f1os espec\u00edficos de teclas *\/\r\n .crtp-key-normal { width: 81px; }\r\n .crtp-key-tab { width: 126px; }\r\n .crtp-key-caps { width: 144px; }\r\n .crtp-key-shift { width: 180px; }\r\n .crtp-key-ctrl { width: 108px; }\r\n .crtp-key-space { width: 540px; }\r\n .crtp-key-enter { width: 162px; }\r\n .crtp-key-backspace { width: 162px; }\r\n \r\n .crtp-latin {\r\n font-size: 16px;\r\n color: white;\r\n order: 1;\r\n }\r\n \r\n .crtp-hebrew {\r\n font-size: 24px;\r\n color: #fff200;\r\n font-weight: bold;\r\n order: 2;\r\n margin-top: 2px;\r\n }\r\n \r\n .crtp-hebrew-final {\r\n font-size: 24px;\r\n color: #ff6b35;\r\n font-weight: bold;\r\n order: 2;\r\n margin-top: 2px;\r\n }\r\n \r\n .crtp-hebrew-regular-paired {\r\n font-size: 24px;\r\n color: #4a90e2;\r\n font-weight: bold;\r\n order: 2;\r\n margin-top: 2px;\r\n }\r\n \r\n .crtp-legend {\r\n display: flex;\r\n justify-content: space-between;\r\n margin-top: 20px;\r\n flex-wrap: wrap;\r\n gap: 20px;\r\n }\r\n \r\n .crtp-legend-column {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n flex: 1;\r\n min-width: 300px;\r\n }\r\n \r\n .crtp-legend-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(255, 255, 255, 0.8);\r\n padding: 10px 15px;\r\n border-radius: 10px;\r\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\r\n font-size: 18px;\r\n }\r\n \r\n .crtp-legend-color {\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n }\r\n \r\n .crtp-info-panel {\r\n background: rgba(52, 152, 219, 0.1);\r\n border-left: 4px solid #3498db;\r\n padding: 20px;\r\n margin: 20px 0;\r\n border-radius: 0 10px 10px 0;\r\n }\r\n \r\n .crtp-info-panel h3 {\r\n color: #2980b9;\r\n margin-top: 0;\r\n }\r\n \r\n .crtp-comparison-table {\r\n background: rgba(255, 255, 255, 0.95);\r\n border: 2px solid #3498db;\r\n border-radius: 15px;\r\n padding: 25px;\r\n margin: 25px 0;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n .crtp-comparison-table h3 {\r\n color: #2980b9;\r\n margin-top: 0;\r\n margin-bottom: 20px;\r\n text-align: center;\r\n }\r\n \r\n .crtp-comparison-table table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n background: white;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n .crtp-comparison-table th {\r\n background: linear-gradient(135deg, #3498db, #2980b9);\r\n color: white;\r\n padding: 15px;\r\n text-align: center;\r\n font-weight: bold;\r\n font-size: 16px;\r\n }\r\n \r\n .crtp-comparison-table td {\r\n padding: 12px 15px;\r\n text-align: center;\r\n border-bottom: 1px solid #ecf0f1;\r\n font-size: 15px;\r\n }\r\n \r\n .crtp-comparison-table tr:nth-child(even) {\r\n background-color: #f8f9fa;\r\n }\r\n \r\n .crtp-comparison-table tr:hover {\r\n background-color: #e3f2fd;\r\n transform: scale(1.01);\r\n transition: all 0.2s ease;\r\n }\r\n \r\n .crtp-table-hebrew-regular {\r\n font-size: 24px;\r\n color: #4a90e2;\r\n font-weight: bold;\r\n font-family: 'David', 'Noto Sans Hebrew', Arial, sans-serif;\r\n }\r\n \r\n .crtp-table-hebrew-final {\r\n font-size: 24px;\r\n color: #ff6b35;\r\n font-weight: bold;\r\n font-family: 'David', 'Noto Sans Hebrew', Arial, sans-serif;\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .crtp-keyboard {\r\n padding: 10px;\r\n }\r\n \r\n .crtp-key {\r\n min-height: 63px;\r\n font-size: 14px;\r\n }\r\n \r\n .crtp-key-normal { width: 63px; }\r\n .crtp-key-tab { width: 99px; }\r\n .crtp-key-caps { width: 108px; }\r\n .crtp-key-shift { width: 126px; }\r\n .crtp-key-ctrl { width: 81px; }\r\n .crtp-key-space { width: 360px; }\r\n .crtp-key-enter { width: 117px; }\r\n .crtp-key-backspace { width: 117px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"crtp-hebrew-keyboard\">\r\n <div class=\"crtp-container\" id=\"crtpMainContainer\">\r\n <h1 class=\"crtp-title\"><span role=\"img\" aria-label=\"Teclado\">\ud83c\udfb9<\/span> Teclado Hebreo Virtual - CRTP<\/h1>\r\n \r\n <div class=\"crtp-text-input-area\">\r\n <h3><span role=\"img\" aria-label=\"L\u00e1piz escribiendo\">\u270f\ufe0f<\/span> \u00c1rea de escritura hebrea:<\/h3>\r\n <textarea class=\"crtp-text-input\" id=\"crtpTextInput\" placeholder=\"\u05d4\u05ea\u05d7\u05dc \u05dc\u05db\u05ea\u05d5\u05d1 \u05db\u05d0\u05df... (Comienza a escribir aqu\u00ed...)\" aria-label=\"\u00c1rea de texto para escribir en hebreo\"><\/textarea>\r\n <\/div>\r\n \r\n <div class=\"crtp-keyboard\" id=\"crtpKeyboard\" role=\"application\" aria-label=\"Teclado virtual hebreo\">\r\n <div class=\"crtp-row\">\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"`\" role=\"button\" aria-label=\"Tecla acento grave\">\r\n <span class=\"crtp-latin\">| \u00b0<\/span>\r\n <span class=\"crtp-hebrew\"><\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"1\" role=\"button\" aria-label=\"Tecla 1\">\r\n <span class=\"crtp-latin\">1 !<\/span>\r\n <span class=\"crtp-hebrew\"><\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"2\" role=\"button\" aria-label=\"Tecla 2\">\r\n <span class=\"crtp-latin\">2 \"<\/span>\r\n <span class=\"crtp-hebrew\"><\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"3\" role=\"button\" aria-label=\"Tecla 3\">\r\n <span class=\"crtp-latin\">3 #<\/span>\r\n <span class=\"crtp-hebrew\"><\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"4\" role=\"button\" aria-label=\"Tecla 4\">\r\n <span class=\"crtp-latin\">4 $<\/span>\r\n <span class=\"crtp-hebrew\"><\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"5\" role=\"button\" aria-label=\"Tecla 5\">\r\n <span class=\"crtp-latin\">5 %<\/span>\r\n <span class=\"crtp-hebrew\"><\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"6\" role=\"button\" aria-label=\"Tecla 6\">\r\n <span class=\"crtp-latin\">6 &<\/span>\r\n <span class=\"crtp-hebrew\"><\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"7\" role=\"button\" aria-label=\"Tecla 7\">\r\n <span class=\"crtp-latin\">7 \/<\/span>\r\n <span class=\"crtp-hebrew\"><\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"8\" role=\"button\" aria-label=\"Tecla 8\">\r\n <span class=\"crtp-latin\">8 (<\/span>\r\n <span class=\"crtp-hebrew\"><\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"9\" role=\"button\" aria-label=\"Tecla 9\">\r\n <span class=\"crtp-latin\">9 )<\/span>\r\n <span class=\"crtp-hebrew\"><\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"0\" role=\"button\" aria-label=\"Tecla 0\">\r\n <span class=\"crtp-latin\">0 =<\/span>\r\n <span class=\"crtp-hebrew\"><\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"'\" role=\"button\" aria-label=\"Tecla ap\u00f3strofe\">\r\n <span class=\"crtp-latin\">' ?<\/span>\r\n <span class=\"crtp-hebrew\"><\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"\u00bf\" role=\"button\" aria-label=\"Tecla signos de interrogaci\u00f3n invertidos\">\r\n <span class=\"crtp-latin\">\u00bf \u00a1<\/span>\r\n <span class=\"crtp-hebrew\"><\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-backspace\" data-key=\"Backspace\" role=\"button\" aria-label=\"Retroceso\">\r\n <span class=\"crtp-latin\">\u232b<\/span>\r\n <span class=\"crtp-hebrew\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"crtp-row\">\r\n <div class=\"crtp-key crtp-key-tab\" data-key=\"Tab\" role=\"button\" aria-label=\"Tabulador\">\r\n <span class=\"crtp-latin\">Tab<\/span>\r\n <span class=\"crtp-hebrew\"><\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"q\" role=\"button\" aria-label=\"Tecla Q\">\r\n <span class=\"crtp-latin\">Q<\/span>\r\n <span class=\"crtp-hebrew\">\/<\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"w\" role=\"button\" aria-label=\"Tecla W\">\r\n <span class=\"crtp-latin\">W<\/span>\r\n <span class=\"crtp-hebrew\">'<\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"e\" role=\"button\" aria-label=\"Tecla E, letra hebrea Qof\">\r\n <span class=\"crtp-latin\">E<\/span>\r\n <span class=\"crtp-hebrew\">\u05e7<\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"r\" role=\"button\" aria-label=\"Tecla R, letra hebrea Resh\">\r\n <span class=\"crtp-latin\">R<\/span>\r\n <span class=\"crtp-hebrew\">\u05e8<\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"t\" role=\"button\" aria-label=\"Tecla T, letra hebrea Alef\">\r\n <span class=\"crtp-latin\">T<\/span>\r\n <span class=\"crtp-hebrew\">\u05d0<\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"y\" role=\"button\" aria-label=\"Tecla Y, letra hebrea Tet\">\r\n <span class=\"crtp-latin\">Y<\/span>\r\n <span class=\"crtp-hebrew\">\u05d8<\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"u\" role=\"button\" aria-label=\"Tecla U, letra hebrea Vav\">\r\n <span class=\"crtp-latin\">U<\/span>\r\n <span class=\"crtp-hebrew\">\u05d5<\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"i\" role=\"button\" aria-label=\"Tecla I, letra hebrea Nun final\">\r\n <span class=\"crtp-latin\">I<\/span>\r\n <span class=\"crtp-hebrew-final\">\u05df<\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"o\" role=\"button\" aria-label=\"Tecla O, letra hebrea Mem final\">\r\n <span class=\"crtp-latin\">O<\/span>\r\n <span class=\"crtp-hebrew-final\">\u05dd<\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"p\" role=\"button\" aria-label=\"Tecla P, letra hebrea Pe\">\r\n <span class=\"crtp-latin\">P<\/span>\r\n <span class=\"crtp-hebrew-regular-paired\">\u05e4<\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"\u00b4\" role=\"button\" aria-label=\"Tecla acento agudo\">\r\n <span class=\"crtp-latin\">\u00b4 \u00a8<\/span>\r\n <span class=\"crtp-hebrew\"><\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"+\" role=\"button\" aria-label=\"Tecla m\u00e1s\">\r\n <span class=\"crtp-latin\">+ *<\/span>\r\n <span class=\"crtp-hebrew\"><\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"crtp-row\">\r\n <div class=\"crtp-key crtp-key-caps\" data-key=\"CapsLock\" role=\"button\" aria-label=\"Bloqueo de may\u00fasculas\">\r\n <span class=\"crtp-latin\">Caps<\/span>\r\n <span class=\"crtp-hebrew\"><\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"a\" role=\"button\" aria-label=\"Tecla A, letra hebrea Shin\">\r\n <span class=\"crtp-latin\">A<\/span>\r\n <span class=\"crtp-hebrew\">\u05e9<\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"s\" role=\"button\" aria-label=\"Tecla S, letra hebrea Dalet\">\r\n <span class=\"crtp-latin\">S<\/span>\r\n <span class=\"crtp-hebrew\">\u05d3<\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"d\" role=\"button\" aria-label=\"Tecla D, letra hebrea Gimel\">\r\n <span class=\"crtp-latin\">D<\/span>\r\n <span class=\"crtp-hebrew\">\u05d2<\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"f\" role=\"button\" aria-label=\"Tecla F, letra hebrea Kaf\">\r\n <span class=\"crtp-latin\">F<\/span>\r\n <span class=\"crtp-hebrew-regular-paired\">\u05db<\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"g\" role=\"button\" aria-label=\"Tecla G, letra hebrea Ayin\">\r\n <span class=\"crtp-latin\">G<\/span>\r\n <span class=\"crtp-hebrew\">\u05e2<\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"h\" role=\"button\" aria-label=\"Tecla H, letra hebrea Yod\">\r\n <span class=\"crtp-latin\">H<\/span>\r\n <span class=\"crtp-hebrew\">\u05d9<\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"j\" role=\"button\" aria-label=\"Tecla J, letra hebrea Het\">\r\n <span class=\"crtp-latin\">J<\/span>\r\n <span class=\"crtp-hebrew\">\u05d7<\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"k\" role=\"button\" aria-label=\"Tecla K, letra hebrea Lamed\">\r\n <span class=\"crtp-latin\">K<\/span>\r\n <span class=\"crtp-hebrew\">\u05dc<\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"l\" role=\"button\" aria-label=\"Tecla L, letra hebrea Kaf final\">\r\n <span class=\"crtp-latin\">L<\/span>\r\n <span class=\"crtp-hebrew-final\">\u05da<\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"\u00f1\" role=\"button\" aria-label=\"Tecla \u00d1, letra hebrea Pe final\">\r\n <span class=\"crtp-latin\">\u00d1<\/span>\r\n <span class=\"crtp-hebrew-final\">\u05e3<\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"{\" role=\"button\" aria-label=\"Tecla llave abierta\">\r\n <span class=\"crtp-latin\">{ }<\/span>\r\n <span class=\"crtp-hebrew\"><\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-enter\" data-key=\"Enter\" role=\"button\" aria-label=\"Enter\">\r\n <span class=\"crtp-latin\">Enter<\/span>\r\n <span class=\"crtp-hebrew\"><\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"crtp-row\">\r\n <div class=\"crtp-key crtp-key-shift\" data-key=\"Shift\" role=\"button\" aria-label=\"Shift izquierdo\">\r\n <span class=\"crtp-latin\">Shift<\/span>\r\n <span class=\"crtp-hebrew\"><\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"<\" role=\"button\" aria-label=\"Tecla menor que\">\r\n <span class=\"crtp-latin\">< ><\/span>\r\n <span class=\"crtp-hebrew\"><\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"z\" role=\"button\" aria-label=\"Tecla Z, letra hebrea Zayin\">\r\n <span class=\"crtp-latin\">Z<\/span>\r\n <span class=\"crtp-hebrew\">\u05d6<\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"x\" role=\"button\" aria-label=\"Tecla X, letra hebrea Samej\">\r\n <span class=\"crtp-latin\">X<\/span>\r\n <span class=\"crtp-hebrew\">\u05e1<\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"c\" role=\"button\" aria-label=\"Tecla C, letra hebrea Bet\">\r\n <span class=\"crtp-latin\">C<\/span>\r\n <span class=\"crtp-hebrew\">\u05d1<\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"v\" role=\"button\" aria-label=\"Tecla V, letra hebrea He\">\r\n <span class=\"crtp-latin\">V<\/span>\r\n <span class=\"crtp-hebrew\">\u05d4<\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"b\" role=\"button\" aria-label=\"Tecla B, letra hebrea Nun\">\r\n <span class=\"crtp-latin\">B<\/span>\r\n <span class=\"crtp-hebrew-regular-paired\">\u05e0<\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"n\" role=\"button\" aria-label=\"Tecla N, letra hebrea Mem\">\r\n <span class=\"crtp-latin\">N<\/span>\r\n <span class=\"crtp-hebrew-regular-paired\">\u05de<\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"m\" role=\"button\" aria-label=\"Tecla M, letra hebrea Tsade\">\r\n <span class=\"crtp-latin\">M<\/span>\r\n <span class=\"crtp-hebrew-regular-paired\">\u05e6<\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\",\" role=\"button\" aria-label=\"Tecla coma, letra hebrea Tav\">\r\n <span class=\"crtp-latin\">, ;<\/span>\r\n <span class=\"crtp-hebrew\">\u05ea<\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\".\" role=\"button\" aria-label=\"Tecla punto, letra hebrea Tsade final\">\r\n <span class=\"crtp-latin\">. :<\/span>\r\n <span class=\"crtp-hebrew-final\">\u05e5<\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-normal\" data-key=\"-\" role=\"button\" aria-label=\"Tecla gui\u00f3n\">\r\n <span class=\"crtp-latin\">- _<\/span>\r\n <span class=\"crtp-hebrew\">.<\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-shift\" data-key=\"Shift\" role=\"button\" aria-label=\"Shift derecho\">\r\n <span class=\"crtp-latin\">Shift<\/span>\r\n <span class=\"crtp-hebrew\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"crtp-row\">\r\n <div class=\"crtp-key crtp-key-ctrl\" data-key=\"Control\" role=\"button\" aria-label=\"Control izquierdo\">\r\n <span class=\"crtp-latin\">Ctrl<\/span>\r\n <span class=\"crtp-hebrew\"><\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-ctrl\" data-key=\"Meta\" role=\"button\" aria-label=\"Tecla Windows\">\r\n <span class=\"crtp-latin\">Win<\/span>\r\n <span class=\"crtp-hebrew\"><\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-ctrl\" data-key=\"Alt\" role=\"button\" aria-label=\"Alt izquierdo\">\r\n <span class=\"crtp-latin\">Alt<\/span>\r\n <span class=\"crtp-hebrew\"><\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-space\" data-key=\" \" role=\"button\" aria-label=\"Barra espaciadora\">\r\n <span class=\"crtp-latin\">Espacio<\/span>\r\n <span class=\"crtp-hebrew\">\u05e8\u05d5\u05d5\u05d7<\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-ctrl\" data-key=\"AltGraph\" role=\"button\" aria-label=\"Alt Gr\">\r\n <span class=\"crtp-latin\">AltGr<\/span>\r\n <span class=\"crtp-hebrew\"><\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-ctrl\" data-key=\"Meta\" role=\"button\" aria-label=\"Tecla Windows derecha\">\r\n <span class=\"crtp-latin\">Win<\/span>\r\n <span class=\"crtp-hebrew\"><\/span>\r\n <\/div>\r\n <div class=\"crtp-key crtp-key-ctrl\" data-key=\"Control\" role=\"button\" aria-label=\"Control derecho\">\r\n <span class=\"crtp-latin\">Ctrl<\/span>\r\n <span class=\"crtp-hebrew\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"crtp-legend\">\r\n <div class=\"crtp-legend-column\">\r\n <div class=\"crtp-legend-item\">\r\n <div class=\"crtp-legend-color\" style=\"background: white;\"><\/div>\r\n <span>Caracteres Latinoamericanos<\/span>\r\n <\/div>\r\n <div class=\"crtp-legend-item\">\r\n <div class=\"crtp-legend-color\" style=\"background: #fff200;\"><\/div>\r\n <span>Caracteres Hebreos (\u05e2\u05d1\u05e8\u05d9\u05ea)<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"crtp-legend-column\">\r\n <div class=\"crtp-legend-item\">\r\n <div class=\"crtp-legend-color\" style=\"background: #4a90e2;\"><\/div>\r\n <span>Letras Regulares con Forma Final (\u05d0\u05d5\u05ea\u05d9\u05d5\u05ea \u05e8\u05d2\u05d9\u05dc\u05d5\u05ea)<\/span>\r\n <\/div>\r\n <div class=\"crtp-legend-item\">\r\n <div class=\"crtp-legend-color\" style=\"background: #ff6b35;\"><\/div>\r\n <span>Letras Finales Hebreas (\u05d0\u05d5\u05ea\u05d9\u05d5\u05ea \u05e1\u05d5\u05e4\u05d9\u05d5\u05ea)<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"crtp-comparison-table\">\r\n <h3><span role=\"img\" aria-label=\"Libros\">\ud83d\udcda<\/span> Tabla de Correspondencias - Letras Regulares vs Finales<\/h3>\r\n <table>\r\n <thead>\r\n <tr>\r\n <th>Car\u00e1cter Latino<\/th>\r\n <th>Letra Regular (\u05d0\u05d5\u05ea \u05e8\u05d2\u05d9\u05dc\u05d4)<\/th>\r\n <th>Letra Final (\u05d0\u05d5\u05ea \u05e1\u05d5\u05e4\u05d9\u05ea)<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td><strong>F \u2192 L<\/strong><\/td>\r\n <td><span class=\"crtp-table-hebrew-regular\">\u05db<\/span> (tecla F) - kaf regular<\/td>\r\n <td><span class=\"crtp-table-hebrew-final\">\u05da<\/span> (tecla L) - kaf final<\/td>\r\n <\/tr>\r\n <tr>\r\n <td><strong>N \u2192 O<\/strong><\/td>\r\n <td><span class=\"crtp-table-hebrew-regular\">\u05de<\/span> (tecla N) - mem regular<\/td>\r\n <td><span class=\"crtp-table-hebrew-final\">\u05dd<\/span> (tecla O) - mem final<\/td>\r\n <\/tr>\r\n <tr>\r\n <td><strong>B \u2192 I<\/strong><\/td>\r\n <td><span class=\"crtp-table-hebrew-regular\">\u05e0<\/span> (tecla B) - nun regular<\/td>\r\n <td><span class=\"crtp-table-hebrew-final\">\u05df<\/span> (tecla I) - nun final<\/td>\r\n <\/tr>\r\n <tr>\r\n <td><strong>P \u2192 \u00d1<\/strong><\/td>\r\n <td><span class=\"crtp-table-hebrew-regular\">\u05e4<\/span> (tecla P) - pe regular<\/td>\r\n <td><span class=\"crtp-table-hebrew-final\">\u05e3<\/span> (tecla \u00d1) - pe final<\/td>\r\n <\/tr>\r\n <tr>\r\n <td><strong>M \u2192 .<\/strong><\/td>\r\n <td><span class=\"crtp-table-hebrew-regular\">\u05e6<\/span> (tecla M) - tsade regular<\/td>\r\n <td><span class=\"crtp-table-hebrew-final\">\u05e5<\/span> (tecla .) - tsade final<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n \r\n <div class=\"crtp-info-panel\">\r\n <h3><span role=\"img\" aria-label=\"Notas\">\ud83d\udccb<\/span> Notas importantes:<\/h3>\r\n <p><strong>Direcci\u00f3n de escritura:<\/strong> El hebreo se escribe de derecha a izquierda.<\/p>\r\n <p><strong>Letras finales:<\/strong> Algunas letras hebreas tienen formas especiales al final de palabra (\u05da, \u05dd, \u05df, \u05e3, \u05e5).<\/p>\r\n <p><strong>Funcionalidad Shift:<\/strong> Presiona Shift (f\u00edsico o virtual) para acceder a n\u00fameros y s\u00edmbolos especiales. Las teclas Shift se iluminan en rojo cuando est\u00e1n activas.<\/p>\r\n <p><strong>Bloqueo de may\u00fasculas:<\/strong> La tecla Caps Lock cambia entre modos de entrada y se ilumina en verde cuando est\u00e1 activa.<\/p>\r\n <p><strong>Configuraci\u00f3n:<\/strong> Para usar el teclado hebreo en tu sistema, debes agregarlo en la configuraci\u00f3n de idiomas de tu sistema operativo.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Objeto namespace para evitar conflictos globales\r\n const CRTPHebrewKeyboard = {\r\n isShiftPressed: false,\r\n isCapsLockOn: false,\r\n textInput: null,\r\n shiftKeys: [],\r\n capsKey: null,\r\n \r\n \/\/ Mapeo completo de teclas para teclado latinoamericano\r\n keyMapping: {\r\n \/\/ Fila de n\u00fameros\r\n \"`\": { normal: \"|\", shift: \"\u00b0\" },\r\n \"1\": { normal: \"1\", shift: \"!\" },\r\n \"2\": { normal: \"2\", shift: '\"' },\r\n \"3\": { normal: \"3\", shift: \"#\" },\r\n \"4\": { normal: \"4\", shift: \"$\" },\r\n \"5\": { normal: \"5\", shift: \"%\" },\r\n \"6\": { normal: \"6\", shift: \"&\" },\r\n \"7\": { normal: \"7\", shift: \"\/\" },\r\n \"8\": { normal: \"8\", shift: \"(\" },\r\n \"9\": { normal: \"9\", shift: \")\" },\r\n \"0\": { normal: \"0\", shift: \"=\" },\r\n \"'\": { normal: \"'\", shift: \"?\" },\r\n \"\u00bf\": { normal: \"\u00bf\", shift: \"\u00a1\" },\r\n \r\n \/\/ Fila QWERTY\r\n \"q\": { hebrew: \"\/\" },\r\n \"w\": { hebrew: \"'\" },\r\n \"e\": { hebrew: \"\u05e7\" },\r\n \"r\": { hebrew: \"\u05e8\" },\r\n \"t\": { hebrew: \"\u05d0\" },\r\n \"y\": { hebrew: \"\u05d8\" },\r\n \"u\": { hebrew: \"\u05d5\" },\r\n \"i\": { hebrew: \"\u05df\" },\r\n \"o\": { hebrew: \"\u05dd\" },\r\n \"p\": { hebrew: \"\u05e4\" },\r\n \"\u00b4\": { normal: \"\u00b4\", shift: \"\u00a8\" },\r\n \"+\": { normal: \"+\", shift: \"*\" },\r\n \r\n \/\/ Fila ASDF\r\n \"a\": { hebrew: \"\u05e9\" },\r\n \"s\": { hebrew: \"\u05d3\" },\r\n \"d\": { hebrew: \"\u05d2\" },\r\n \"f\": { hebrew: \"\u05db\" },\r\n \"g\": { hebrew: \"\u05e2\" },\r\n \"h\": { hebrew: \"\u05d9\" },\r\n \"j\": { hebrew: \"\u05d7\" },\r\n \"k\": { hebrew: \"\u05dc\" },\r\n \"l\": { hebrew: \"\u05da\" },\r\n \"\u00f1\": { normal: \"\u00f1\", shift: \"\u00d1\", hebrew: \"\u05e3\" },\r\n \"{\": { normal: \"{\", shift: \"}\" },\r\n \r\n \/\/ Fila ZXCV\r\n \"<\": { normal: \"<\", shift: \">\" },\r\n \"z\": { hebrew: \"\u05d6\" },\r\n \"x\": { hebrew: \"\u05e1\" },\r\n \"c\": { hebrew: \"\u05d1\" },\r\n \"v\": { hebrew: \"\u05d4\" },\r\n \"b\": { hebrew: \"\u05e0\" },\r\n \"n\": { hebrew: \"\u05de\" },\r\n \"m\": { hebrew: \"\u05e6\" },\r\n \",\": { normal: \",\", shift: \";\", hebrew: \"\u05ea\" },\r\n \".\": { normal: \".\", shift: \":\", hebrew: \"\u05e5\" },\r\n \"-\": { normal: \"-\", shift: \"_\", hebrew: \".\" },\r\n \r\n \/\/ Teclas especiales\r\n \" \": { normal: \" \" }, \/\/ Espacio\r\n \"Enter\": { normal: \"\\n\" },\r\n \"Tab\": { normal: \"\\t\" },\r\n \"Backspace\": { special: \"backspace\" }\r\n },\r\n \r\n \/\/ Obtener el car\u00e1cter correcto seg\u00fan el estado\r\n getCharacterForKey: function(key) {\r\n const baseKey = key.toLowerCase();\r\n const mapping = this.keyMapping[baseKey];\r\n if (!mapping) return null;\r\n \r\n \/\/ Prioridad 1: Shift (si est\u00e1 presionado)\r\n if (this.isShiftPressed && mapping.shift !== undefined) {\r\n return mapping.shift;\r\n }\r\n \r\n \/\/ Prioridad 2: Mapeo hebreo (solo si no es Shift presionado)\r\n if (mapping.hebrew && !this.isShiftPressed) {\r\n return mapping.hebrew;\r\n }\r\n \r\n \/\/ Prioridad 3: Mapeo normal\r\n if (mapping.normal !== undefined) {\r\n return mapping.normal;\r\n }\r\n \r\n return null;\r\n },\r\n \r\n \/\/ Actualizar estado visual de las teclas modificadoras\r\n updateModifierKeysVisual: function() {\r\n this.shiftKeys.forEach(shiftKey => {\r\n if (this.isShiftPressed) {\r\n shiftKey.classList.add(\"shift-active\");\r\n } else {\r\n shiftKey.classList.remove(\"shift-active\");\r\n }\r\n });\r\n \r\n if (this.capsKey) {\r\n if (this.isCapsLockOn) {\r\n this.capsKey.classList.add(\"caps-active\");\r\n } else {\r\n this.capsKey.classList.remove(\"caps-active\");\r\n }\r\n }\r\n },\r\n \r\n \/\/ Funci\u00f3n para escribir caracteres\r\n insertCharacterAtCursor: function(char) {\r\n if (!this.textInput || !char) return;\r\n \r\n const cursorStart = this.textInput.selectionStart;\r\n const cursorEnd = this.textInput.selectionEnd;\r\n const textBefore = this.textInput.value.substring(0, cursorStart);\r\n const textAfter = this.textInput.value.substring(cursorEnd);\r\n \r\n this.textInput.value = textBefore + char + textAfter;\r\n const newCursorPos = cursorStart + char.length;\r\n this.textInput.setSelectionRange(newCursorPos, newCursorPos);\r\n this.textInput.focus();\r\n },\r\n \r\n \/\/ Funci\u00f3n para borrar caracteres\r\n deleteCharacterAtCursor: function() {\r\n if (!this.textInput) return;\r\n \r\n const cursorStart = this.textInput.selectionStart;\r\n const cursorEnd = this.textInput.selectionEnd;\r\n \r\n if (cursorStart !== cursorEnd) {\r\n \/\/ Hay texto seleccionado, borrarlo\r\n const textBefore = this.textInput.value.substring(0, cursorStart);\r\n const textAfter = this.textInput.value.substring(cursorEnd);\r\n this.textInput.value = textBefore + textAfter;\r\n this.textInput.setSelectionRange(cursorStart, cursorStart);\r\n } else if (cursorStart > 0) {\r\n \/\/ No hay selecci\u00f3n, borrar un car\u00e1cter hacia atr\u00e1s\r\n const textBefore = this.textInput.value.substring(0, cursorStart - 1);\r\n const textAfter = this.textInput.value.substring(cursorStart);\r\n this.textInput.value = textBefore + textAfter;\r\n this.textInput.setSelectionRange(cursorStart - 1, cursorStart - 1);\r\n }\r\n \r\n this.textInput.focus();\r\n },\r\n \r\n \/\/ Manejar eventos del teclado f\u00edsico\r\n handlePhysicalKeyboard: function() {\r\n document.addEventListener(\"keydown\", (event) => {\r\n let key = event.key;\r\n \r\n \/\/ Manejar tecla Escape para limpiar modificadores\r\n if (key === \"Escape\") {\r\n this.isShiftPressed = false;\r\n this.isCapsLockOn = false;\r\n this.updateModifierKeysVisual();\r\n return;\r\n }\r\n \r\n \/\/ Manejar Shift\r\n if (key === \"Shift\") {\r\n this.isShiftPressed = true;\r\n this.updateModifierKeysVisual();\r\n return;\r\n }\r\n \r\n \/\/ Manejar Caps Lock\r\n if (key === \"CapsLock\") {\r\n event.preventDefault();\r\n this.isCapsLockOn = !this.isCapsLockOn;\r\n this.updateModifierKeysVisual();\r\n return;\r\n }\r\n \r\n \/\/ Resaltar tecla presionada\r\n const keyElement = document.querySelector(`.crtp-key[data-key=\"${key}\"]`);\r\n if (keyElement) {\r\n keyElement.classList.add(\"active\");\r\n setTimeout(() => {\r\n keyElement.classList.remove(\"active\");\r\n }, 100);\r\n }\r\n \r\n \/\/ Manejar teclas especiales\r\n if (key === \"Backspace\") {\r\n event.preventDefault();\r\n this.deleteCharacterAtCursor();\r\n return;\r\n }\r\n \r\n if (key === \"Enter\") {\r\n event.preventDefault();\r\n this.insertCharacterAtCursor(\"\\n\");\r\n return;\r\n }\r\n \r\n if (key === \"Tab\") {\r\n event.preventDefault();\r\n this.insertCharacterAtCursor(\"\\t\");\r\n return;\r\n }\r\n \r\n if (key === \" \") {\r\n event.preventDefault();\r\n this.insertCharacterAtCursor(\" \");\r\n return;\r\n }\r\n \r\n \/\/ Ignorar combinaciones de control\r\n if (event.ctrlKey || event.altKey || event.metaKey) {\r\n return;\r\n }\r\n \r\n \/\/ Obtener car\u00e1cter seg\u00fan mapeo\r\n const outputChar = this.getCharacterForKey(key);\r\n if (outputChar !== null) {\r\n event.preventDefault();\r\n this.insertCharacterAtCursor(outputChar);\r\n \r\n \/\/ Desactivar Shift despu\u00e9s de usar (solo si no est\u00e1 CapsLock)\r\n if (this.isShiftPressed && !this.isCapsLockOn) {\r\n this.isShiftPressed = false;\r\n this.updateModifierKeysVisual();\r\n }\r\n }\r\n });\r\n \r\n \/\/ Manejar keyup para Shift\r\n document.addEventListener(\"keyup\", (event) => {\r\n if (event.key === \"Shift\" && !this.isCapsLockOn) {\r\n this.isShiftPressed = false;\r\n this.updateModifierKeysVisual();\r\n }\r\n });\r\n },\r\n \r\n \/\/ Manejar teclado virtual\r\n handleVirtualKeyboard: function() {\r\n const keyboard = document.getElementById(\"crtpKeyboard\");\r\n if (!keyboard) return;\r\n \r\n keyboard.addEventListener(\"click\", (event) => {\r\n const keyElement = event.target.closest(\".crtp-key\");\r\n if (!keyElement) return;\r\n \r\n event.preventDefault();\r\n event.stopPropagation();\r\n \r\n const keyData = keyElement.dataset.key;\r\n \r\n \/\/ Manejar tecla Shift virtual\r\n if (keyData === \"Shift\") {\r\n this.isShiftPressed = !this.isShiftPressed;\r\n this.updateModifierKeysVisual();\r\n return;\r\n }\r\n \r\n \/\/ Manejar tecla Caps Lock virtual\r\n if (keyData === \"CapsLock\") {\r\n this.isCapsLockOn = !this.isCapsLockOn;\r\n this.updateModifierKeysVisual();\r\n return;\r\n }\r\n \r\n \/\/ Efecto visual\r\n keyElement.classList.add(\"active\");\r\n setTimeout(() => {\r\n keyElement.classList.remove(\"active\");\r\n }, 100);\r\n \r\n \/\/ Manejar teclas especiales\r\n if (keyData === \"Backspace\") {\r\n this.deleteCharacterAtCursor();\r\n return;\r\n }\r\n \r\n if (keyData === \"Enter\") {\r\n this.insertCharacterAtCursor(\"\\n\");\r\n return;\r\n }\r\n \r\n if (keyData === \"Tab\") {\r\n this.insertCharacterAtCursor(\"\\t\");\r\n return;\r\n }\r\n \r\n if (keyData === \" \") {\r\n this.insertCharacterAtCursor(\" \");\r\n return;\r\n }\r\n \r\n \/\/ Obtener car\u00e1cter seg\u00fan mapeo\r\n const outputChar = this.getCharacterForKey(keyData);\r\n if (outputChar !== null) {\r\n this.insertCharacterAtCursor(outputChar);\r\n \r\n \/\/ Desactivar Shift despu\u00e9s de usar (solo si no est\u00e1 CapsLock)\r\n if (this.isShiftPressed && !this.isCapsLockOn) {\r\n this.isShiftPressed = false;\r\n this.updateModifierKeysVisual();\r\n }\r\n }\r\n });\r\n },\r\n \r\n \/\/ Inicializar el teclado\r\n init: function() {\r\n this.textInput = document.getElementById(\"crtpTextInput\");\r\n \r\n if (!this.textInput) {\r\n console.error(\"No se encontr\u00f3 el elemento textarea\");\r\n return;\r\n }\r\n \r\n \/\/ Obtener referencias a las teclas modificadoras\r\n this.shiftKeys = Array.from(document.querySelectorAll('.crtp-key[data-key=\"Shift\"]'));\r\n this.capsKey = document.querySelector('.crtp-key[data-key=\"CapsLock\"]');\r\n \r\n \/\/ Configurar eventos\r\n this.handlePhysicalKeyboard();\r\n this.handleVirtualKeyboard();\r\n \r\n \/\/ Enfocar autom\u00e1ticamente el \u00e1rea de texto\r\n this.textInput.focus();\r\n \r\n console.log(\"Teclado hebreo inicializado correctamente\");\r\n }\r\n };\r\n \r\n \/\/ Inicializar cuando el DOM est\u00e9 listo\r\n if (document.readyState === \"loading\") {\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n CRTPHebrewKeyboard.init();\r\n });\r\n } else {\r\n CRTPHebrewKeyboard.init();\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-83b2f4d e-grid e-con-boxed e-con e-parent\" data-id=\"83b2f4d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c885ca0 elementor-widget elementor-widget-html\" data-id=\"c885ca0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Alfabeto Hebreo - Tabla de Caracteres<\/title>\r\n <style>\r\n body {\r\n font-family: 'Arial', sans-serif;\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n margin: 0;\r\n padding: 20px;\r\n min-height: 100vh;\r\n }\r\n \r\n .container {\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n background: rgba(255, 255, 255, 0.95);\r\n border-radius: 15px;\r\n padding: 30px;\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\r\n backdrop-filter: blur(10px);\r\n }\r\n \r\n h1 {\r\n text-align: center;\r\n color: #2c3e50;\r\n margin-bottom: 30px;\r\n font-size: 2.5em;\r\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n .intro {\r\n background: linear-gradient(45deg, #f39c12, #e74c3c);\r\n color: white;\r\n padding: 20px;\r\n border-radius: 10px;\r\n margin-bottom: 30px;\r\n text-align: center;\r\n font-size: 1.1em;\r\n }\r\n \r\n table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n margin: 20px 0;\r\n background: white;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n th {\r\n background: linear-gradient(135deg, #3498db, #2980b9);\r\n color: white;\r\n padding: 15px;\r\n text-align: center;\r\n font-weight: bold;\r\n font-size: 1.1em;\r\n }\r\n \r\n td {\r\n padding: 12px 15px;\r\n text-align: center;\r\n border-bottom: 1px solid #ecf0f1;\r\n transition: background-color 0.3s ease;\r\n }\r\n \r\n tr:hover {\r\n background-color: #f8f9fa;\r\n transform: scale(1.01);\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .hebrew-char {\r\n font-size: 2em;\r\n font-weight: bold;\r\n color: #2c3e50;\r\n text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n .transliteration {\r\n font-size: 1.3em;\r\n font-weight: bold;\r\n color: #e74c3c;\r\n }\r\n \r\n .name {\r\n font-style: italic;\r\n color: #34495e;\r\n }\r\n \r\n .value {\r\n color: #27ae60;\r\n font-weight: bold;\r\n }\r\n \r\n .final-form {\r\n color: #9b59b6;\r\n font-size: 1.8em;\r\n font-weight: bold;\r\n }\r\n \r\n .notes {\r\n background: linear-gradient(45deg, #1abc9c, #16a085);\r\n color: white;\r\n padding: 20px;\r\n border-radius: 10px;\r\n margin-top: 30px;\r\n }\r\n \r\n .notes h3 {\r\n margin-top: 0;\r\n color: white;\r\n }\r\n \r\n .special-chars {\r\n margin-top: 30px;\r\n }\r\n \r\n .special-chars h3 {\r\n color: #2c3e50;\r\n border-bottom: 3px solid #3498db;\r\n padding-bottom: 10px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <h1>\ud83d\udd24 Alfabeto Hebreo - \u05d0\u05dc\u05e4\u05d1\u05d9\u05ea \u05e2\u05d1\u05e8\u05d9<\/h1>\r\n \r\n <div class=\"intro\">\r\n El alfabeto hebreo consta de 22 letras conson\u00e1nticas que se escriben de derecha a izquierda. \r\n Cinco letras tienen formas especiales cuando aparecen al final de una palabra.\r\n <\/div>\r\n \r\n <table>\r\n <thead>\r\n <tr>\r\n <th>Car\u00e1cter<\/th>\r\n <th>Nombre<\/th>\r\n <th>Transliteraci\u00f3n<\/th>\r\n <th>Valor Num\u00e9rico<\/th>\r\n <th>Forma Final<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td class=\"hebrew-char\">\u05d0<\/td>\r\n <td class=\"name\">Alef<\/td>\r\n <td class=\"transliteration\">' (silencio)<\/td>\r\n <td class=\"value\">1<\/td>\r\n <td>-<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"hebrew-char\">\u05d1<\/td>\r\n <td class=\"name\">Bet<\/td>\r\n <td class=\"transliteration\">b \/ v<\/td>\r\n <td class=\"value\">2<\/td>\r\n <td>-<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"hebrew-char\">\u05d2<\/td>\r\n <td class=\"name\">Gimel<\/td>\r\n <td class=\"transliteration\">g<\/td>\r\n <td class=\"value\">3<\/td>\r\n <td>-<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"hebrew-char\">\u05d3<\/td>\r\n <td class=\"name\">Dalet<\/td>\r\n <td class=\"transliteration\">d<\/td>\r\n <td class=\"value\">4<\/td>\r\n <td>-<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"hebrew-char\">\u05d4<\/td>\r\n <td class=\"name\">He<\/td>\r\n <td class=\"transliteration\">h<\/td>\r\n <td class=\"value\">5<\/td>\r\n <td>-<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"hebrew-char\">\u05d5<\/td>\r\n <td class=\"name\">Vav<\/td>\r\n <td class=\"transliteration\">v \/ w \/ o \/ u<\/td>\r\n <td class=\"value\">6<\/td>\r\n <td>-<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"hebrew-char\">\u05d6<\/td>\r\n <td class=\"name\">Zayin<\/td>\r\n <td class=\"transliteration\">z<\/td>\r\n <td class=\"value\">7<\/td>\r\n <td>-<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"hebrew-char\">\u05d7<\/td>\r\n <td class=\"name\">Het<\/td>\r\n <td class=\"transliteration\">\u1e25 \/ ch<\/td>\r\n <td class=\"value\">8<\/td>\r\n <td>-<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"hebrew-char\">\u05d8<\/td>\r\n <td class=\"name\">Tet<\/td>\r\n <td class=\"transliteration\">\u1e6d<\/td>\r\n <td class=\"value\">9<\/td>\r\n <td>-<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"hebrew-char\">\u05d9<\/td>\r\n <td class=\"name\">Yod<\/td>\r\n <td class=\"transliteration\">y \/ i<\/td>\r\n <td class=\"value\">10<\/td>\r\n <td>-<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"hebrew-char\">\u05db<\/td>\r\n <td class=\"name\">Kaf<\/td>\r\n <td class=\"transliteration\">k \/ kh<\/td>\r\n <td class=\"value\">20<\/td>\r\n <td class=\"final-form\">\u05da<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"hebrew-char\">\u05dc<\/td>\r\n <td class=\"name\">Lamed<\/td>\r\n <td class=\"transliteration\">l<\/td>\r\n <td class=\"value\">30<\/td>\r\n <td>-<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"hebrew-char\">\u05de<\/td>\r\n <td class=\"name\">Mem<\/td>\r\n <td class=\"transliteration\">m<\/td>\r\n <td class=\"value\">40<\/td>\r\n <td class=\"final-form\">\u05dd<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"hebrew-char\">\u05e0<\/td>\r\n <td class=\"name\">Nun<\/td>\r\n <td class=\"transliteration\">n<\/td>\r\n <td class=\"value\">50<\/td>\r\n <td class=\"final-form\">\u05df<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"hebrew-char\">\u05e1<\/td>\r\n <td class=\"name\">Samekh<\/td>\r\n <td class=\"transliteration\">s<\/td>\r\n <td class=\"value\">60<\/td>\r\n <td>-<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"hebrew-char\">\u05e2<\/td>\r\n <td class=\"name\">Ayin<\/td>\r\n <td class=\"transliteration\">' (gutural)<\/td>\r\n <td class=\"value\">70<\/td>\r\n <td>-<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"hebrew-char\">\u05e4<\/td>\r\n <td class=\"name\">Pe<\/td>\r\n <td class=\"transliteration\">p \/ f<\/td>\r\n <td class=\"value\">80<\/td>\r\n <td class=\"final-form\">\u05e3<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"hebrew-char\">\u05e6<\/td>\r\n <td class=\"name\">Tsade<\/td>\r\n <td class=\"transliteration\">\u1e63 \/ ts<\/td>\r\n <td class=\"value\">90<\/td>\r\n <td class=\"final-form\">\u05e5<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"hebrew-char\">\u05e7<\/td>\r\n <td class=\"name\">Qof<\/td>\r\n <td class=\"transliteration\">q<\/td>\r\n <td class=\"value\">100<\/td>\r\n <td>-<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"hebrew-char\">\u05e8<\/td>\r\n <td class=\"name\">Resh<\/td>\r\n <td class=\"transliteration\">r<\/td>\r\n <td class=\"value\">200<\/td>\r\n <td>-<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"hebrew-char\">\u05e9<\/td>\r\n <td class=\"name\">Shin<\/td>\r\n <td class=\"transliteration\">sh \/ s<\/td>\r\n <td class=\"value\">300<\/td>\r\n <td>-<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"hebrew-char\">\u05ea<\/td>\r\n <td class=\"name\">Tav<\/td>\r\n <td class=\"transliteration\">t<\/td>\r\n <td class=\"value\">400<\/td>\r\n <td>-<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n \r\n <div class=\"special-chars\">\r\n <h3>\ud83d\udd38 Caracteres Especiales y Puntuaci\u00f3n<\/h3>\r\n <table>\r\n <thead>\r\n <tr>\r\n <th>Car\u00e1cter<\/th>\r\n <th>Nombre<\/th>\r\n <th>Funci\u00f3n<\/th>\r\n <th>Transliteraci\u00f3n<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td class=\"hebrew-char\">\u05b0<\/td>\r\n <td class=\"name\">Shva<\/td>\r\n <td>Vocal reducida<\/td>\r\n <td class=\"transliteration\">\u0259 \/ (silencio)<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"hebrew-char\">\u05b7<\/td>\r\n <td class=\"name\">Patah<\/td>\r\n <td>Vocal corta<\/td>\r\n <td class=\"transliteration\">a<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"hebrew-char\">\u05b8<\/td>\r\n <td class=\"name\">Qamats<\/td>\r\n <td>Vocal larga<\/td>\r\n <td class=\"transliteration\">\u0101 \/ o<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"hebrew-char\">\u05b6<\/td>\r\n <td class=\"name\">Segol<\/td>\r\n <td>Vocal corta<\/td>\r\n <td class=\"transliteration\">e<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"hebrew-char\">\u05b5<\/td>\r\n <td class=\"name\">Tsere<\/td>\r\n <td>Vocal larga<\/td>\r\n <td class=\"transliteration\">\u0113<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"hebrew-char\">\u05b4<\/td>\r\n <td class=\"name\">Hiriq<\/td>\r\n <td>Vocal corta<\/td>\r\n <td class=\"transliteration\">i<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"hebrew-char\">\u05b9<\/td>\r\n <td class=\"name\">Holam<\/td>\r\n <td>Vocal larga<\/td>\r\n <td class=\"transliteration\">\u014d<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"hebrew-char\">\u05bb<\/td>\r\n <td class=\"name\">Qubuts<\/td>\r\n <td>Vocal corta<\/td>\r\n <td class=\"transliteration\">u<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"hebrew-char\">\u05bc<\/td>\r\n <td class=\"name\">Dagesh<\/td>\r\n <td>Duplicaci\u00f3n\/aspiraci\u00f3n<\/td>\r\n <td class=\"transliteration\">(doble consonante)<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n \r\n <div class=\"notes\">\r\n <h3>\ud83d\udcdd Notas Importantes<\/h3>\r\n <ul>\r\n <li><strong>Direcci\u00f3n:<\/strong> El hebreo se escribe de derecha a izquierda (RTL)<\/li>\r\n <li><strong>Formas finales:<\/strong> Cinco letras (\u05db \u05de \u05e0 \u05e4 \u05e6) tienen formas especiales al final de palabra<\/li>\r\n <li><strong>Vocales:<\/strong> El hebreo antiguo no ten\u00eda vocales escritas. Los puntos voc\u00e1licos (niqqud) se a\u00f1adieron posteriormente<\/li>\r\n <li><strong>Dagesh:<\/strong> Un punto dentro de la letra que puede indicar duplicaci\u00f3n o cambio de pronunciaci\u00f3n<\/li>\r\n <li><strong>Valores num\u00e9ricos:<\/strong> Cada letra tiene un valor num\u00e9rico usado en gematr\u00eda<\/li>\r\n <li><strong>Pronunciaci\u00f3n:<\/strong> Algunas letras tienen pronunciaci\u00f3n variable seg\u00fan el contexto (\u05d1 \u05d2 \u05d3 \u05db \u05e4 \u05ea)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Teclado Hebreo \u2013 CRTP \ud83c\udfb9 Teclado Hebreo Virtual \u2013 CRTP \u270f\ufe0f \u00c1rea de escritura hebrea: | \u00b0 1 ! 2 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3821","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/crtp.edu.pe\/home\/wp-json\/wp\/v2\/pages\/3821","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/crtp.edu.pe\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/crtp.edu.pe\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/crtp.edu.pe\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/crtp.edu.pe\/home\/wp-json\/wp\/v2\/comments?post=3821"}],"version-history":[{"count":0,"href":"https:\/\/crtp.edu.pe\/home\/wp-json\/wp\/v2\/pages\/3821\/revisions"}],"wp:attachment":[{"href":"https:\/\/crtp.edu.pe\/home\/wp-json\/wp\/v2\/media?parent=3821"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}