{"id":3698,"date":"2025-06-05T22:53:33","date_gmt":"2025-06-06T03:53:33","guid":{"rendered":"https:\/\/crtp.edu.pe\/home\/?page_id=3698"},"modified":"2026-03-05T16:06:44","modified_gmt":"2026-03-05T21:06:44","slug":"tgriego","status":"publish","type":"page","link":"https:\/\/crtp.edu.pe\/home\/tgriego\/","title":{"rendered":"TecladoGriego"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3698\" class=\"elementor elementor-3698\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-df64f96 e-con-full e-flex e-con e-parent\" data-id=\"df64f96\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94a9a8c elementor-widget elementor-widget-shortcode\" data-id=\"94a9a8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">[teclado_griego]<\/div>\n\t\t\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-440bf50 e-grid e-con-full e-con e-parent\" data-id=\"440bf50\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6fef046 elementor-widget elementor-widget-html\" data-id=\"6fef046\" 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    <meta name=\"description\" content=\"Tabla completa de vocales griegas con todos sus diacr\u00edticos y reglas de uso - Versi\u00f3n mejorada\">\r\n    <title>Vocales Griegas con Diacr\u00edticos | Gu\u00eda Completa<\/title>\r\n    <style>\r\n        :root {\r\n            --primary-blue: #007bff;\r\n            --dark-blue: #0056b3;\r\n            --light-blue: #e6f2ff;\r\n            --light-gray: #f8f9fa;\r\n            --table-row-odd: #ffffff;\r\n            --table-row-even: #f1f8ff;\r\n            --text-dark: #333;\r\n            --text-light: #f0f0f0;\r\n            --border-radius: 8px;\r\n            --box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);\r\n            --hover-color: #4CAF50;\r\n            --success-color: #28a745;\r\n            --warning-color: #ffc107;\r\n            --danger-color: #dc3545;\r\n            --transition: all 0.3s ease;\r\n        }\r\n\r\n        * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Times New Roman', serif;\r\n            line-height: 1.6;\r\n            background: linear-gradient(135deg, var(--light-blue) 0%, #f0f8ff 100%);\r\n            color: var(--text-dark);\r\n            padding: 20px;\r\n            min-height: 100vh;\r\n        }\r\n\r\n        .container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            background-color: white;\r\n            padding: 30px;\r\n            border-radius: 15px;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .header {\r\n            text-align: center;\r\n            margin-bottom: 40px;\r\n            padding: 30px;\r\n            border: 3px solid var(--primary-blue);\r\n            border-radius: 15px;\r\n            background: linear-gradient(135deg, #fff 0%, var(--light-blue) 100%);\r\n        }\r\n\r\n        .header h1 {\r\n            font-weight: bold;\r\n            color: var(--primary-blue);\r\n            margin-bottom: 15px;\r\n            font-size: 2.5em;\r\n        }\r\n\r\n        .header p {\r\n            font-size: 1.7em;\r\n            margin: 0 auto;\r\n            max-width: 800px;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .table-container {\r\n            overflow-x: auto;\r\n            border-radius: 10px;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n            margin: 20px 0;\r\n        }\r\n\r\n        .vowels-table {\r\n            width: 100%;\r\n            border-collapse: collapse;\r\n            font-size: 1.1em;\r\n            background: white;\r\n        }\r\n\r\n        .vowels-table th {\r\n            background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));\r\n            color: white;\r\n            padding: 12px 8px;\r\n            text-align: center;\r\n            font-weight: bold;\r\n            position: sticky;\r\n            top: 0;\r\n            border: 1px solid rgba(255,255,255,0.2);\r\n        }\r\n\r\n        .vowels-table td {\r\n            border: 1px solid #ddd;\r\n            padding: 12px 8px;\r\n            text-align: center;\r\n            transition: var(--transition);\r\n            font-size: 1.4em; \/* Tama\u00f1o espec\u00edfico para celdas *\/\r\n            cursor: pointer;\r\n        }\r\n\r\n        .vowels-table tr:nth-child(odd) {\r\n            background-color: var(--table-row-odd);\r\n        }\r\n\r\n        .vowels-table tr:nth-child(even) {\r\n            background-color: var(--table-row-even);\r\n        }\r\n\r\n        .vowels-table td:first-child {\r\n            font-weight: bold;\r\n            background: linear-gradient(135deg, #e9ecef, #f8f9fa);\r\n            color: var(--primary-blue);\r\n        }\r\n\r\n        .special-note {\r\n            background: linear-gradient(135deg, #ffe6e6, #ffcccc);\r\n            font-style: italic;\r\n            color: black;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .notes-section {\r\n            margin-top: 50px;\r\n            background: white;\r\n            border: 1px solid #ddd;\r\n            padding: 30px;\r\n            border-radius: 15px;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n            font-size: 1.6em; \/* Tama\u00f1o base aumentado *\/\r\n            line-height: 1.8; \/* Mayor espacio entre l\u00edneas *\/\r\n        }\r\n\r\n        \/* Estilos para el popup *\/\r\n        .popup {\r\n            display: none;\r\n            position: fixed;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            background-color: white;\r\n            padding: 20px;\r\n            border-radius: 15px; \/* Esquinas redondeadas *\/\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.3);\r\n            z-index: 1000;\r\n            max-width: 80%;\r\n            text-align: center;\r\n            border: 2px solid var(--primary-blue);\r\n        }\r\n\r\n        .popup-content {\r\n            font-size: 3em;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .popup-info {\r\n            font-size: 1.2em;\r\n            color: var(--text-dark);\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .popup-close {\r\n            background-color: var(--primary-blue);\r\n            color: white;\r\n            border: none;\r\n            padding: 8px 15px;\r\n            border-radius: 5px;\r\n            cursor: pointer;\r\n            font-size: 1em;\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .popup-close:hover {\r\n            background-color: var(--dark-blue);\r\n        }\r\n\r\n        .overlay {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-color: rgba(0,0,0,0.5);\r\n            z-index: 999;\r\n        }\r\n\r\n        @media screen and (max-width: 768px) {\r\n            .container { padding: 15px; }\r\n            .header h1 { font-size: 1.8em; }\r\n            .header p { font-size: 1em; }\r\n            .vowels-table { font-size: 0.9em; }\r\n            .popup-content { font-size: 2em; }\r\n            .popup-info { font-size: 1em; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"container\">\r\n        <header class=\"header\">\r\n            <h1>Vocales Griegas con Diacr\u00edticos<\/h1>\r\n            <p>Tabla completa de vocales griegas con todas sus combinaciones de diacr\u00edticos. Incluye formas con esp\u00edritus, acentos e iota suscrita.<\/p>\r\n        <\/header>\r\n\r\n        <div class=\"table-container\">\r\n            <table class=\"vowels-table\">\r\n                <thead>\r\n                    <tr>\r\n                        <th>Vocal Base<\/th>\r\n                        <th>Sin Diacr\u00edtico<\/th>\r\n                        <th>Esp\u00edritu Suave<\/th>\r\n                        <th>Esp\u00edritu \u00c1spero<\/th>\r\n                        <th>Acento Agudo<\/th>\r\n                        <th>Acento Grave<\/th>\r\n                        <th>Acento Circunflejo<\/th>\r\n                        <th>Iota Suscrita<\/th>\r\n                        <th>Esp. Suave + Agudo<\/th>\r\n                        <th>Esp. \u00c1spero + Agudo<\/th>\r\n                        <th>Esp. Suave + Circunflejo<\/th>\r\n                        <th>Esp. \u00c1spero + Circunflejo<\/th>\r\n                        <th>Esp. Suave + Iota<\/th>\r\n                        <th>Esp. \u00c1spero + Iota<\/th>\r\n                    <\/tr>\r\n                <\/thead>\r\n                <tbody>\r\n                    <tr>\r\n                        <td>\u0391 \u03b1<\/td>\r\n                        <td>\u03b1 \/ \u0391<\/td>\r\n                        <td>\u1f00 \/ \u1f08<\/td>\r\n                        <td>\u1f01 \/ \u1f09<\/td>\r\n                        <td>\u03ac \/ \u0386<\/td>\r\n                        <td>\u1f70 \/ \u1fba<\/td>\r\n                        <td>\u1fb6 \/ \u1fb9<\/td>\r\n                        <td>\u1fb3 \/ \u1fbc<\/td>\r\n                        <td>\u1f04 \/ \u1f0c<\/td>\r\n                        <td>\u1f05 \/ \u1f0d<\/td>\r\n                        <td>\u1f06 \/ \u1f0e<\/td>\r\n                        <td>\u1f07 \/ \u1f0f<\/td>\r\n                        <td>\u1f80 \/ \u1f88<\/td>\r\n                        <td>\u1f81 \/ \u1f89<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>\u0395 \u03b5<\/td>\r\n                        <td>\u03b5 \/ \u0395<\/td>\r\n                        <td>\u1f10 \/ \u1f18<\/td>\r\n                        <td>\u1f11 \/ \u1f19<\/td>\r\n                        <td>\u03ad \/ \u0388<\/td>\r\n                        <td>\u1f72 \/ \u1fc8<\/td>\r\n                        <td class=\"special-note\">- \/ -<\/td>\r\n                        <td class=\"special-note\">- \/ -<\/td>\r\n                        <td>\u1f14 \/ \u1f1c<\/td>\r\n                        <td>\u1f15 \/ \u1f1d<\/td>\r\n                        <td class=\"special-note\">- \/ -<\/td>\r\n                        <td class=\"special-note\">- \/ -<\/td>\r\n                        <td class=\"special-note\">- \/ -<\/td>\r\n                        <td class=\"special-note\">- \/ -<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>\u0397 \u03b7<\/td>\r\n                        <td>\u03b7 \/ \u0397<\/td>\r\n                        <td>\u1f20 \/ \u1f28<\/td>\r\n                        <td>\u1f21 \/ \u1f29<\/td>\r\n                        <td>\u03ae \/ \u0389<\/td>\r\n                        <td>\u1f74 \/ \u1fca<\/td>\r\n                        <td>\u1fc6 \/ \u1fcc<\/td>\r\n                        <td>\u1fc3 \/ \u1f90<\/td>\r\n                        <td>\u1f24 \/ \u1f2c<\/td>\r\n                        <td>\u1f25 \/ \u1f2d<\/td>\r\n                        <td>\u1f26 \/ \u1f2e<\/td>\r\n                        <td>\u1f27 \/ \u1f2f<\/td>\r\n                        <td>\u1f90 \/ \u1f98<\/td>\r\n                        <td>\u1f91 \/ \u1f99<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>\u0399 \u03b9<\/td>\r\n                        <td>\u03b9 \/ \u0399<\/td>\r\n                        <td>\u1f30 \/ \u1f38<\/td>\r\n                        <td>\u1f31 \/ \u1f39<\/td>\r\n                        <td>\u03af \/ \u038a<\/td>\r\n                        <td>\u1f76 \/ \u1fda<\/td>\r\n                        <td>\u1fd6 \/ \u1fd7<\/td>\r\n                        <td class=\"special-note\">- \/ -<\/td>\r\n                        <td>\u1f34 \/ \u1f3c<\/td>\r\n                        <td>\u1f35 \/ \u1f3d<\/td>\r\n                        <td>\u1f36 \/ \u1f3e<\/td>\r\n                        <td>\u1f37 \/ \u1f3f<\/td>\r\n                        <td class=\"special-note\">- \/ -<\/td>\r\n                        <td class=\"special-note\">- \/ -<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>\u039f \u03bf<\/td>\r\n                        <td>\u03bf \/ \u039f<\/td>\r\n                        <td>\u1f40 \/ \u1f48<\/td>\r\n                        <td>\u1f41 \/ \u1f49<\/td>\r\n                        <td>\u03cc \/ \u038c<\/td>\r\n                        <td>\u1f78 \/ \u1ff8<\/td>\r\n                        <td class=\"special-note\">- \/ -<\/td>\r\n                        <td class=\"special-note\">- \/ -<\/td>\r\n                        <td>\u1f44 \/ \u1f4c<\/td>\r\n                        <td>\u1f45 \/ \u1f4d<\/td>\r\n                        <td class=\"special-note\">- \/ -<\/td>\r\n                        <td class=\"special-note\">- \/ -<\/td>\r\n                        <td class=\"special-note\">- \/ -<\/td>\r\n                        <td class=\"special-note\">- \/ -<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>\u03a5 \u03c5<\/td>\r\n                        <td>\u03c5 \/ \u03a5<\/td>\r\n                        <td class=\"special-note\">*Siempre \u00e1spero<\/td>\r\n                        <td>\u1f51 \/ \u1f59<\/td>\r\n                        <td>\u03cd \/ \u038e<\/td>\r\n                        <td>\u1f7a \/ \u1fea<\/td>\r\n                        <td>\u1fe6 \/ \u1fe7<\/td>\r\n                        <td class=\"special-note\">- \/ -<\/td>\r\n                        <td class=\"special-note\">*Siempre \u00e1spero<\/td>\r\n                        <td>\u1f55 \/ \u1f5d<\/td>\r\n                        <td class=\"special-note\">*Siempre \u00e1spero<\/td>\r\n                        <td>\u1f57 \/ \u1f5f<\/td>\r\n                        <td class=\"special-note\">- \/ -<\/td>\r\n                        <td class=\"special-note\">- \/ -<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>\u03a9 \u03c9<\/td>\r\n                        <td>\u03c9 \/ \u03a9<\/td>\r\n                        <td>\u1f60 \/ \u1f68<\/td>\r\n                        <td>\u1f61 \/ \u1f69<\/td>\r\n                        <td>\u03ce \/ \u038f<\/td>\r\n                        <td>\u1f7c \/ \u1ffa<\/td>\r\n                        <td>\u1ff6 \/ \u1ffc<\/td>\r\n                        <td>\u1ff3 \/ \u1fa0<\/td>\r\n                        <td>\u1f64 \/ \u1f6c<\/td>\r\n                        <td>\u1f65 \/ \u1f6d<\/td>\r\n                        <td>\u1f66 \/ \u1f6e<\/td>\r\n                        <td>\u1f67 \/ \u1f6f<\/td>\r\n                        <td>\u1fa0 \/ \u1fa8<\/td>\r\n                        <td>\u1fa1 \/ \u1fa9<\/td>\r\n                    <\/tr>\r\n                <\/tbody>\r\n            <\/table>\r\n        <\/div>\r\n\r\n        <section class=\"notes-section\">\r\n            <h2>Notas Importantes sobre las Reglas de Diacr\u00edticos<\/h2>\r\n            <ol class=\"notes-list\">\r\n                <li>\r\n                    <strong>Regla de Ypsilon (\u03a5 \u03c5):<\/strong>\r\n                    <ul class=\"sub-list\">\r\n                        <li>La <strong>Ypsilon (\u03c5 \/ \u03a5)<\/strong> al inicio de palabra <strong>siempre lleva esp\u00edritu \u00e1spero (\u1ffe)<\/strong>. Nunca lleva esp\u00edritu suave (\u1f00). Por lo tanto, no existen formas como '\u1f50' (upsilon con esp\u00edritu suave) en griego koin\u00e9 cl\u00e1sico.<\/li>\r\n                        <li>Si una Ypsilon est\u00e1 en el medio o al final de una palabra, no lleva esp\u00edritu, solo acentos si le corresponden.<\/li>\r\n                         <li>Es una regla fonol\u00f3gica del griego antiguo. A diferencia de las otras vocales, que pueden llevar un esp\u00edritu suave o \u00e1spero dependiendo de la palabra, la \u00edpsilon inicial nunca lleva esp\u00edritu suave. Por eso, en la tabla muestrada, las celdas correspondientes a \"Esp\u00edritu Suave\" y \"Esp. Suave + [acento]\" est\u00e1n marcadas como \"Siempre \u00e1spero\" o simplemente vac\u00edas, lo que refuerza esta regla.<\/li>\r\n                    <\/ul>\r\n                <\/li>\r\n                \r\n                <li>\r\n                    <strong>Iota Suscrita (\u1fb3, \u1fc3, \u1ff3) \/ Adscripta (\u1fbc, \u1fcc, \u1ffc):<\/strong>\r\n                    <ul class=\"sub-list\">\r\n                        <li>La iota suscrita se coloca <strong>debajo<\/strong> de las vocales largas <strong>alpha (\u03b1), eta (\u03b7)<\/strong> y <strong>omega (\u03c9)<\/strong> cuando la iota final formaba parte de un diptongo largo que se monoptongiz\u00f3 (se pronunciaba como una sola vocal larga).<\/li>\r\n                        <li>En may\u00fasculas, la iota se escribe <strong>al lado<\/strong> (adscripta) de la vocal: \u0391\u0399 \u2192 \u1fbc, \u0397\u0399 \u2192 \u1fcc, \u03a9\u0399 \u2192 \u1ffc.<\/li>\r\n                    <\/ul>\r\n                <\/li>\r\n                \r\n                <li>\r\n                    <strong>Acentos:<\/strong>\r\n                    <ul class=\"sub-list\">\r\n                        <li>El <strong>acento agudo (\u00b4)<\/strong> puede ir en cualquier vocal.<\/li>\r\n                        <li>El <strong>acento grave (\u02cb)<\/strong> solo reemplaza al agudo en la \u00faltima s\u00edlaba de una palabra si la siguiente palabra no tiene puntuaci\u00f3n o si es una cl\u00edtica.<\/li>\r\n                        <li>El <strong>acento circunflejo (\u02dc)<\/strong> solo aparece en vocales largas (\u03b1, \u03b7, \u03c9) o diptongos largos, y solo si la s\u00edlaba es larga por naturaleza y con vocal larga.<\/li>\r\n                    <\/ul>\r\n                <\/li>\r\n                \r\n                <li>\r\n                    <strong>Combinaci\u00f3n de Diacr\u00edticos:<\/strong>\r\n                    <ul class=\"sub-list\">\r\n                        <li>Cuando una vocal lleva <strong>esp\u00edritu y acento<\/strong>, el esp\u00edritu se escribe a la izquierda del acento si es agudo o grave (e.g., \u1f04, \u1f05).<\/li>\r\n                        <li>Si el acento es <strong>circunflejo<\/strong>, el esp\u00edritu se escribe debajo del circunflejo (e.g., \u1f06, \u1f07).<\/li>\r\n                        <li>La <strong>iota suscrita<\/strong> se escribe <strong>debajo de la vocal<\/strong>, independientemente de los esp\u00edritus o acentos.<\/li>\r\n                    <\/ul>\r\n                <\/li>\r\n            <\/ol>\r\n        <\/section>\r\n    <\/div>\r\n\r\n    <!-- Popup para mostrar caracteres -->\r\n    <div class=\"overlay\" id=\"overlay\"><\/div>\r\n    <div class=\"popup\" id=\"popup\">\r\n        <div class=\"popup-content\" id=\"popup-content\"><\/div>\r\n        <div class=\"popup-info\" id=\"popup-info\"><\/div>\r\n        <button class=\"popup-close\" id=\"popup-close\">Cerrar<\/button>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const tableCells = document.querySelectorAll('.vowels-table td');\r\n            const popup = document.getElementById('popup');\r\n            const overlay = document.getElementById('overlay');\r\n            const popupContent = document.getElementById('popup-content');\r\n            const popupInfo = document.getElementById('popup-info');\r\n            const closeBtn = document.getElementById('popup-close');\r\n            \r\n            \/\/ Mapeo de informaci\u00f3n para cada tipo de celda\r\n            const cellInfo = {\r\n                'Vocal Base': 'Esta es la vocal base sin diacr\u00edticos',\r\n                'Sin Diacr\u00edtico': 'Forma b\u00e1sica de la vocal sin diacr\u00edticos',\r\n                'Esp\u00edritu Suave': 'Vocal con esp\u00edritu suave (\u1f00) - Indica aspiraci\u00f3n suave',\r\n                'Esp\u00edritu \u00c1spero': 'Vocal con esp\u00edritu \u00e1spero (\u1f01) - Indica aspiraci\u00f3n fuerte',\r\n                'Acento Agudo': 'Vocal con acento agudo (\u03ac) - Indica elevaci\u00f3n del tono',\r\n                'Acento Grave': 'Vocal con acento grave (\u1f70) - Variante del agudo en posici\u00f3n final',\r\n                'Acento Circunflejo': 'Vocal con acento circunflejo (\u1fb6) - Solo en vocales largas',\r\n                'Iota Suscrita': 'Vocal con iota suscrita (\u1fb3) - Resto de antiguo diptongo',\r\n                'Esp. Suave + Agudo': 'Combinaci\u00f3n de esp\u00edritu suave y acento agudo (\u1f04)',\r\n                'Esp. \u00c1spero + Agudo': 'Combinaci\u00f3n de esp\u00edritu \u00e1spero y acento agudo (\u1f05)',\r\n                'Esp. Suave + Circunflejo': 'Combinaci\u00f3n de esp\u00edritu suave y acento circunflejo (\u1f06)',\r\n                'Esp. \u00c1spero + Circunflejo': 'Combinaci\u00f3n de esp\u00edritu \u00e1spero y acento circunflejo (\u1f07)',\r\n                'Esp. Suave + Iota': 'Combinaci\u00f3n de esp\u00edritu suave e iota suscrita (\u1f80)',\r\n                'Esp. \u00c1spero + Iota': 'Combinaci\u00f3n de esp\u00edritu \u00e1spero e iota suscrita (\u1f81)'\r\n            };\r\n\r\n            tableCells.forEach(cell => {\r\n                \/\/ Ignorar celdas especiales y la primera columna\r\n                if (!cell.classList.contains('special-note') && cell.parentElement.querySelector('td:first-child') !== cell) {\r\n                    cell.addEventListener('click', function() {\r\n                        const row = this.parentElement;\r\n                        const headerCells = document.querySelectorAll('.vowels-table th');\r\n                        const columnIndex = Array.from(row.children).indexOf(this);\r\n                        \r\n                        if (columnIndex >= 0 && columnIndex < headerCells.length) {\r\n                            const headerText = headerCells[columnIndex].textContent;\r\n                            const vowelName = row.querySelector('td:first-child').textContent.split(' ')[0];\r\n                            \r\n                            popupContent.textContent = this.textContent;\r\n                            popupInfo.textContent = `${vowelName}: ${cellInfo[headerText] || 'Informaci\u00f3n no disponible'}`;\r\n                            \r\n                            popup.style.display = 'block';\r\n                            overlay.style.display = 'block';\r\n                        }\r\n                    });\r\n                }\r\n            });\r\n\r\n            \/\/ Cerrar popup\r\n            closeBtn.addEventListener('click', function() {\r\n                popup.style.display = 'none';\r\n                overlay.style.display = 'none';\r\n            });\r\n\r\n            overlay.addEventListener('click', function() {\r\n                popup.style.display = 'none';\r\n                overlay.style.display = 'none';\r\n            });\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>[teclado_griego] Vocales Griegas con Diacr\u00edticos | Gu\u00eda Completa Vocales Griegas con Diacr\u00edticos Tabla completa de vocales griegas con todas sus [&hellip;]<\/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-3698","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/crtp.edu.pe\/home\/wp-json\/wp\/v2\/pages\/3698","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=3698"}],"version-history":[{"count":3,"href":"https:\/\/crtp.edu.pe\/home\/wp-json\/wp\/v2\/pages\/3698\/revisions"}],"predecessor-version":[{"id":4625,"href":"https:\/\/crtp.edu.pe\/home\/wp-json\/wp\/v2\/pages\/3698\/revisions\/4625"}],"wp:attachment":[{"href":"https:\/\/crtp.edu.pe\/home\/wp-json\/wp\/v2\/media?parent=3698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}