Invitaci\u00f3n: Renovaci\u00f3n de Pol\u00edticas P\u00fablicas<\/title>\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n serif: ['Merriweather', 'serif'],\n },\n animation: {\n 'fade-in': 'fadeIn 0.5s ease-out',\n 'spin-slow': 'spin 3s linear infinite',\n },\n keyframes: {\n fadeIn: {\n '0%': { opacity: '0', transform: 'translateY(10px)' },\n '100%': { opacity: '1', transform: 'translateY(0)' },\n }\n }\n }\n }\n }\n <\/script>\n\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400&display=swap\" rel=\"stylesheet\">\n\n \n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n <style>\n \/* Estilos base *\/\n body { font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased; }\n .font-serif { font-family: 'Merriweather', serif; }\n \n \/* Scrollbar personalizado *\/\n .custom-scrollbar::-webkit-scrollbar { width: 6px; }\n .custom-scrollbar::-webkit-scrollbar-track { background: transparent; }\n .custom-scrollbar::-webkit-scrollbar-thumb { background-color: #cbd5e1; border-radius: 20px; }\n \n \/* Ocultar elementos *\/\n .hidden { display: none !important; }\n \n \/* Checkbox robusto *\/\n .checkbox-item { transition: all 0.2s; }\n .checkbox-item:hover { border-color: #94a3b8; }\n .checkbox-box { transition: all 0.2s; }\n <\/style>\n<script type=\"importmap\">\n{\n \"imports\": {\n \"react\": \"https:\/\/aistudiocdn.com\/react@^19.2.1\",\n \"react-dom\/\": \"https:\/\/aistudiocdn.com\/react-dom@^19.2.1\/\",\n \"react\/\": \"https:\/\/aistudiocdn.com\/react@^19.2.1\/\",\n \"@google\/genai\": \"https:\/\/aistudiocdn.com\/@google\/genai@^1.31.0\",\n \"lucide-react\": \"https:\/\/aistudiocdn.com\/lucide-react@^0.556.0\"\n }\n}\n<\/script>\n<\/head>\n<body class=\"bg-[#FDFDFD] text-slate-800 selection:bg-blue-100\">\n\n <div class=\"max-w-[1920px] mx-auto flex flex-col lg:flex-row min-h-screen shadow-2xl shadow-slate-200\">\n \n \n \n \n <div class=\"lg:w-[60%] p-8 lg:p-20 lg:overflow-y-auto lg:h-screen custom-scrollbar bg-white relative\">\n \n <header class=\"mb-16 pb-2\">\n <div class=\"flex items-center gap-2 mb-6 text-blue-700 font-bold tracking-widest text-xs uppercase\">\n <i data-lucide=\"book-open\" class=\"w-4 h-4\"><\/i>\n <span>Documento de Trabajo<\/span>\n <\/div>\n <h1 class=\"text-3xl md:text-5xl lg:text-5xl font-serif font-black text-slate-900 leading-[1.2] mb-8\">\n Hacia una renovaci\u00f3n de las pol\u00edticas p\u00fablicas en materia de tecnolog\u00edas digitales y educaci\u00f3n\n <\/h1>\n <div class=\"flex flex-col md:flex-row md:items-end justify-between gap-6 mb-8\">\n <p class=\"text-2xl lg:text-3xl font-serif italic text-red-600 font-medium\">Una invitaci\u00f3n.<\/p>\n <div class=\"text-left md:text-right border-l-4 md:border-l-0 md:border-r-4 border-slate-200 pl-4 md:pl-0 md:pr-4\">\n <p class=\"font-bold text-slate-900 text-lg\">Fidel Oteiza Morra<\/p>\n <p class=\"text-slate-500\">Santiago, diciembre de 2025<\/p>\n <\/div>\n <\/div>\n\n <hr class=\"border-t border-slate-200 my-8\" \/>\n <\/header>\n\n <article class=\"prose prose-lg md:prose-xl prose-slate max-w-none text-slate-600 leading-loose font-serif\">\n \n \n <section class=\"mb-16\">\n <h3 class=\"text-2xl font-bold text-slate-900 font-sans mb-6 border-l-4 border-slate-900 pl-4\">Presentaci\u00f3n<\/h3>\n <p>Este documento es un llamado a la formaci\u00f3n de una comisi\u00f3n, de un grupo de trabajo, que tenga por objeto dise\u00f1ar y generar las condiciones para una renovaci\u00f3n de las pol\u00edtica p\u00fablica en materia de tecnolog\u00edas digitales y educaci\u00f3n que responda a las condiciones y potencial de las tecnolog\u00edas en el tiempo presenta y en vistas a una permanente actualizaci\u00f3n.<\/p>\n <\/section>\n\n <section class=\"mb-16\">\n <h3 class=\"text-2xl font-bold text-slate-900 font-sans mb-6\">Existe un vac\u00edo<\/h3>\n <p>\u00bfQui\u00e9n est\u00e1 pensando, investigando para comprender el fen\u00f3meno inform\u00e1tico en su modalidad actual con base en la inteligencia artificial para orientar a docentes, directivos de establecimientos educacionales, formadores de profesore, dise\u00f1adores de curr\u00edculo, supervisores del sistema, y a todo el sistema educativo nacional?<\/p>\n <div class=\"bg-slate-50 border-l-4 border-red-500 p-8 my-10 italic text-slate-800 text-xl font-medium shadow-sm rounded-r-lg\">\n <i data-lucide=\"quote\" class=\"w-8 h-8 text-red-200 mb-3\"><\/i>\n \u201cComo saber y no actuar, es no saber\u201d, \u00bfqui\u00e9nes, sobre la base de necesidades espec\u00edficas en la sala, la escuela y el sistema, est\u00e1 creando soluciones, prototipos t\u00e9cnicamente dise\u00f1ados, puestos a prueba y a disposici\u00f3n de quienes los requieren?\n <\/div>\n <p>S\u00ed, hay acciones valiosas que han tenido impacto hasta internacional, pero dif\u00edcilmente han podido impactar al sistema y llegar a muchos que las requieren.<\/p>\n <p>Hace falta una pol\u00edtica que aliente, apoye y logre que los que aprenden los que est\u00e1n en la avanzada, contribuya al conjunto.<\/p>\n <p>El pa\u00eds comprendi\u00f3 pronto la importancia estrat\u00e9gica de la IA y creo una comisi\u00f3n de alto nivel desde el Ministerio de Ciencias, la iniciativa CENIA, que con orgullo muestra que Chile se ha posicionado como l\u00edder en la materia en Latinoam\u00e9rica. Al recorrer la visi\u00f3n, misi\u00f3n y prop\u00f3sitos de esta comisi\u00f3n expuestas en su sitio web, es notable c\u00f3mo muestra tambi\u00e9n, sin ser expl\u00edcito, que este conocimiento, este saber-hacer debe de estar en la formaci\u00f3n de los ni\u00f1os, ni\u00f1as y j\u00f3venes que nos reemplazar\u00e1n en el desarrollo del pa\u00eds.<\/p>\n <p>Si bien el Centro de Innovaci\u00f3n CIN del Mineduc ha sido efectivo en materia de acceso equitativo a las tecnolog\u00edas a lo largo de todo el pa\u00eds y ser un referente en materia de proyectos e iniciativas en materia digital para la educaci\u00f3n, no cuenta ni con los recursos, ni el mandamiento ni los brazos para acompa\u00f1ar a los actores del sistema en su trabajo cotidiano.<\/p>\n <p>Un informe reciente del Centro de estudios Horizontal muestra que m\u00e1s de 23.000 profesore de los cuales el 76% tienen menos de cinco a\u00f1os de ejercicio en la profesi\u00f3n han desertado de su trabajo como docentes. Los profesores y profesoras lo est\u00e1n pasando mal en la escuela. Se requiere un cambio significativo en la calidad de su vida profesional y personal para contar con ellos en la sala de clases, a lo que ya bien mostr\u00e1ndose desde hace tiempo se agreg\u00f3 el desaf\u00edo de la IA en manos de alumnos que los sobrepasan en el uso de la tecnolog\u00eda. Esos, esas docentes necesitan acompa\u00f1amiento y acceso a soluciones probadas en esta materia.<\/p>\n <\/section>\n\n <section class=\"mb-16 bg-blue-50 p-8 rounded-2xl border border-blue-100 shadow-sm\">\n <h3 class=\"text-xl font-bold text-blue-900 font-sans mb-3 flex items-center gap-2\">\n <span class=\"w-2 h-2 rounded-full bg-blue-500\"><\/span>\n La tecnolog\u00eda es una oportunidad\n <\/h3>\n <p class=\"text-blue-900\/80 mb-0 font-medium\">\u00a1Existe una vac\u00edo! Y a la vez, la propia tecnolog\u00eda es una oportunidad, aprendamos, dise\u00f1emos, pongamos nuestras ideas a actuar en la sala de clases y ofrezcamos el resultado de esa alquimia al alcance de todos.<\/p>\n <p class=\"text-blue-900\/80 mt-4\">Para lograrlo se requiere de muchos esfuerzos, de muchas miradas, de muchas mentes y voluntades, es una situaci\u00f3n en la que la conjunci\u00f3n arm\u00f3nica de capacidades gubernamentales y privadas pueden potenciarse y llegar donde solos nadie llega.<\/p>\n <\/section>\n\n <section class=\"mb-16\">\n <h3 class=\"text-2xl font-bold text-slate-900 font-sans mb-6\">Una invitaci\u00f3n, para qu\u00e9<\/h3>\n <p>Para formar parte de una iniciativa tendiente a contribuir en el desarrollo y puesta en acci\u00f3n de una pol\u00edtica p\u00fablica en materia de tecnolog\u00edas dig\u00edtales en todas sus manifestaciones y educaci\u00f3n.<\/p>\n <h4 class=\"text-xl font-bold text-slate-800 font-sans mt-10 mb-4\">A qui\u00e9n<\/h4>\n <p>A investigadores, a especialistas en educaci\u00f3n, tecnolog\u00edas de la informaci\u00f3n, a alumnos y alumnas de postgrado en las diversas universidades del pa\u00eds y en el extranjero, muy especialmente a formadores de docentes, a ingenieros y t\u00e9cnicos de universidades y centros de investigaci\u00f3n y desarrollo, a profesores y profesoras de todos los niveles del sistema educativo.<\/p>\n <p>Por la naturaleza del objeto de esta iniciativa, a los creadores, gestores y participantes de quienes nos precedieron y continuado la labor desde el cierre de ENLACES: la ACHICE, la Asociaci\u00f3n Chilena de Inform\u00e1tica para la Educaci\u00f3n, el tremendo proyecto ENLACES, la Fundaci\u00f3n Chile y su portal Educar Chile, el Centro de Perfeccionamiento e Investigaci\u00f3n del Mineduc, el Centro de Innovaci\u00f3n del Mineduc (CIP), a los grupos de investigaci\u00f3n y desarrollo que, a lo largo del pa\u00eds, realizan estudios, ponen a prueba y aplican innovaciones educacionales con tecnolog\u00edas de la informaci\u00f3n y las comunicaciones.<\/p>\n <p>A las organizaciones cient\u00edficas y profesionales que re\u00fanen a cient\u00edficos, especialistas, investigadores en \u00e1reas como ingenier\u00eda, tecnolog\u00edas, matem\u00e1tica, f\u00edsica, educaci\u00f3n matem\u00e1tica y en otras \u00e1reas, que son un ejemplo y un instrumento poderoso de la participaci\u00f3n ciudadana en la creaci\u00f3n del pensamiento y el conocimiento, parte central del esp\u00edritu y la capacidad de acci\u00f3n de la naci\u00f3n.<\/p>\n <p>Una invitaci\u00f3n muy especial a quienes dise\u00f1an pone en pr\u00e1ctica las pol\u00edticas nacionales en educaci\u00f3n con acento en las tecnolog\u00edas digitales desde el Ministerio de Educaci\u00f3n y el de Ciencias: la Unidad de Curr\u00edculo y Evaluaci\u00f3n que incorpora las tecnolog\u00edas en el curr\u00edculo nacional, la Direcci\u00f3n de Educaci\u00f3n P\u00fablica, el ya nombrado Centro de Perfeccionamiento del Mineduc (CPIPE), el Centro Nacional de Aseguramiento de la Calidad, el tambi\u00e9n nombrado Centro de Innovaci\u00f3n (CIM), los gestores de la Pol\u00edtica Nacional de Inteligencia Artificial, Centro Nacional de Inteligencia Artificial (CENIA) y el N\u00facleo Milenio Futures of Artificial Intelligence Research (FAIR).<\/p>\n <p>Al Consejo de Rectores de las Universidades nacionales por su decisiva responsabilidad en el sistema de acceso a la educaci\u00f3n nacional y la formaci\u00f3n inicial docente.<\/p>\n <p>Y, en el \u00e1rea chica, a los m\u00e1s cercanos y comprometidos con el tema, a quienes nos acompa\u00f1aron durante casi 10 a\u00f1os en la ACHICE con el apoyo permanente del Centro de Perfeccionamiento y la USACH, a los creadores de Enlaces, Pedro Hepp, Ignacio Jara, Hugo Mart\u00ednez y los que los sucedieron como directores del proyecto, a Cristi\u00e1n Cox que creo las condiciones y lo llev\u00f3 adelante, a ex alumnos, ex alumnas y actuales alumnos de la Licenciatura en educaci\u00f3n matem\u00e1tica y computaci\u00f3n de la USACH, a mis colaboradores en el Centro Comenius.<\/p>\n <p class=\"font-bold text-slate-800\">A todos, a todas los y las que busquen el desarrollo de una mejor naci\u00f3n, una educaci\u00f3n inclusiva, pertinente, actualizada y en permanente desarrollo, crecimiento e innovaci\u00f3n y compartan una filosof\u00eda de trabajo colaborativo y comprometido con la calidad y equidad del sistema educativo.<\/p>\n <\/section>\n\n <section class=\"mb-16\">\n <h3 class=\"text-2xl font-bold text-slate-900 font-sans mb-6\">Un esbozo de los primeros pasos<\/h3>\n <p>Comprender el fen\u00f3meno inform\u00e1tico en su manifestaci\u00f3n actual, crear prototipos a partir de necesidades, poner esas creaciones a prueba y ponerlas a disposici\u00f3n de todos.<\/p>\n <p>Aunar esfuerzos, conectarlos tanto nacional como internacionalmente -todos estamos experimentando el momento- pensar y actuar con base en la potencia del trabajo colaborativo.<\/p>\n <p>Los primeros pasos ya los hemo dado comenzado por poner a prueba la idea con investigadores y desarrolladores de varias universidades que han manifestado su inter\u00e9s.<\/p>\n <p>Los siguientes son: hacer extensivo este llamado a los que ya mencionamos antes, subir a la web esta invitaci\u00f3n con un formulario de inscripci\u00f3n que adem\u00e1s de los datos de contacto preguntar\u00e1 por \u00e1rea de inter\u00e9s, posible contribuci\u00f3n y la disposici\u00f3n para participar en una reuni\u00f3n a realizarse en abril del a\u00f1o pr\u00f3ximo en formato presencial y digital simult\u00e1neos.<\/p>\n <\/section>\n\n <section class=\"mb-16\">\n <h3 class=\"text-2xl font-bold text-slate-900 font-sans mb-6\">Un principio: para surfear la ola grande<\/h3>\n <p class=\"italic text-slate-500 mb-6\">-que de seguro viene- tengo que estar en el mar, surfeando.<\/p>\n <p>Siguiendo con la met\u00e1fora, si estoy en la playa, \u201cmirando para el otro lado\u201d, la ola grande que estoy esperando me pasar\u00e1 por encima y me revolcar\u00e1. Por ejemplo, con la irrupci\u00f3n reciente de la modalidad \u201cchat\u201d de la inteligencia artificial es frecuente que se afirme que no es necesario saber programar. Bueno, ser\u00eda como usar una calculadora sin saber sumar, restar, multiplicar o dividir. Ya pasamos por eso.<\/p>\n <p>Proposici\u00f3n: usar la tecnolog\u00eda disponible, si posible universal y gratuitamente accesible, para hacer lo que esa tecnolog\u00eda permite. Si posible sacarle el jugo e invitar a nuestros alumnos para que nos acompa\u00f1en. Son muy h\u00e1biles y les encanta ir delante, usemos nuestra orientaci\u00f3n y su capacidad en beneficio de ellos mismos. Conversemos de opciones para tener surfistas trabajando para la escuela chilena. Es una de las posibles \u201cformas nuevas\u201d de hacer curr\u00edculo que sea consecuente y eficiente con el desaf\u00edo inform\u00e1tico.<\/p>\n <div class=\"bg-amber-50 border-l-4 border-amber-400 p-6 my-8 text-amber-900 rounded-r-lg\">\n <span class=\"block font-bold mb-2 text-amber-700 uppercase text-sm tracking-wider font-sans\">Patricio del Sol, economista chileno en Stanford:<\/span>\n \u201cAlguien debe estar al tanto\u201d, claro, parece una locura dejarnos pasar por encima e ignorar una fuente de soluciones como la que nos ocupa. Cabe la pregunta, \u00bfc\u00f3mo est\u00e1 \u201cal tanto\u201d el MINEDUC?\n <\/div>\n <\/section>\n\n <section class=\"mb-16\">\n <h3 class=\"text-2xl font-bold text-slate-900 font-sans mb-6\">Para seguir<\/h3>\n <p>En la Web del Centro Comenius estar\u00e1 disponible, a partir del 10 del presente, la propuesta, un conjunto de documentos descargables que permiten conocer registros de m\u00e1s de veinte a\u00f1os de experiencia en la incorporaci\u00f3n de las tecnolog\u00edas de la informaci\u00f3n y las comunicaciones en la educaci\u00f3n y la direcci\u00f3n de uno de los Centros Zonales de Enlaces con asiento en la USACH.<\/p>\n <p>\n <button onclick=\"scrollToForm()\" class=\"font-bold text-blue-700 hover:text-blue-900 underline decoration-blue-300 hover:decoration-blue-700 transition-all cursor-pointer text-left\">\n Y, naturalmente un formulario de inscripci\u00f3n,\n <\/button>\n <\/p>\n <\/section>\n\n <section class=\"pt-12 border-t border-slate-200\">\n <h3 class=\"text-sm font-bold text-slate-400 uppercase tracking-widest mb-8 font-sans flex items-center gap-2\">\n <i data-lucide=\"link\" class=\"w-4 h-4\"><\/i>\n Conexiones y Documentos\n <\/h3>\n <div class=\"grid grid-cols-1 gap-3 font-sans not-prose\">\n \n <a href=\"https:\/\/www.innovacion.mineduc.cl\/acerca-del-cim\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group flex items-center justify-between p-5 bg-white border border-slate-200 rounded-xl hover:border-blue-400 hover:shadow-md transition-all\">\n <div class=\"flex items-center gap-3\">\n <div class=\"bg-blue-100 text-blue-600 p-2 rounded-lg\"><i data-lucide=\"link\" class=\"w-5 h-5\"><\/i><\/div>\n <span class=\"font-medium text-slate-700 group-hover:text-blue-700 text-base\">1. El Centro de Innovaci\u00f3n (CIM)<\/span>\n <\/div>\n <i data-lucide=\"external-link\" class=\"w-4 h-4 text-slate-300 group-hover:text-blue-500\"><\/i>\n <\/a>\n \n <a href=\"https:\/\/cenia.cl\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group flex items-center justify-between p-5 bg-white border border-slate-200 rounded-xl hover:border-purple-400 hover:shadow-md transition-all\">\n <div class=\"flex items-center gap-3\">\n <div class=\"bg-purple-100 text-purple-600 p-2 rounded-lg\"><i data-lucide=\"link\" class=\"w-5 h-5\"><\/i><\/div>\n <span class=\"font-medium text-slate-700 group-hover:text-purple-700 text-base\">2. Comisi\u00f3n nacional de IA: CENIA<\/span>\n <\/div>\n <i data-lucide=\"external-link\" class=\"w-4 h-4 text-slate-300 group-hover:text-purple-500\"><\/i>\n <\/a>\n\n \n <a href=\"https:\/\/drive.google.com\/file\/d\/16lcXcOwBMGN7kqOXEx5z2AOurv_LEHm-\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group flex items-center justify-between p-5 bg-white border border-slate-200 rounded-xl hover:border-slate-400 hover:shadow-md transition-all\">\n <div class=\"flex items-center gap-3\">\n <div class=\"bg-slate-100 text-slate-600 p-2 rounded-lg\"><i data-lucide=\"file-text\" class=\"w-5 h-5\"><\/i><\/div>\n <span class=\"font-medium text-slate-600 group-hover:text-slate-800 text-base text-left\">3. Informe final de Enlaces, publicado el 2004.<\/span>\n <\/div>\n <i data-lucide=\"download\" class=\"w-4 h-4 text-slate-300 group-hover:text-slate-600\"><\/i>\n <\/a>\n\n <a href=\"https:\/\/docs.google.com\/document\/d\/16Fgg8MllqE1mC6qW6HCdmdWHO0s7WC_s\/edit?usp=sharing&ouid=102850113012203044765&rtpof=true&sd=true\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group flex items-center justify-between p-5 bg-white border border-slate-200 rounded-xl hover:border-slate-400 hover:shadow-md transition-all\">\n <div class=\"flex items-center gap-3\">\n <div class=\"bg-slate-100 text-slate-600 p-2 rounded-lg\"><i data-lucide=\"file-text\" class=\"w-5 h-5\"><\/i><\/div>\n <span class=\"font-medium text-slate-600 group-hover:text-slate-800 text-base text-left\">4. Un documento que caracteriza la filosof\u00eda, los principios que orientan las acciones de los proponentes en educaci\u00f3n tal comoprpuesto a la SOCHIEM.<\/span>\n <\/div>\n <i data-lucide=\"download\" class=\"w-4 h-4 text-slate-300 group-hover:text-slate-600\"><\/i>\n <\/a>\n\n <a href=\"https:\/\/docs.google.com\/document\/d\/1ucnQcQCr8OBr1CrWKKEhPOFZe8-nDcRk\/edit?usp=sharing&ouid=102850113012203044765&rtpof=true&sd=true\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group flex items-center justify-between p-5 bg-white border border-slate-200 rounded-xl hover:border-slate-400 hover:shadow-md transition-all\">\n <div class=\"flex items-center gap-3\">\n <div class=\"bg-slate-100 text-slate-600 p-2 rounded-lg\"><i data-lucide=\"file-text\" class=\"w-5 h-5\"><\/i><\/div>\n <span class=\"font-medium text-slate-600 group-hover:text-slate-800 text-base text-left\">5. \u00bfTienen impacto las tecnolog\u00edas digitales y las comunicaciones en la educaci\u00f3n? Publicado en el Bolet\u00edn de Enlaces el 2006.<\/span>\n <\/div>\n <i data-lucide=\"external-link\" class=\"w-4 h-4 text-slate-300 group-hover:text-slate-600\"><\/i>\n <\/a>\n\n <a href=\"https:\/\/docs.google.com\/document\/d\/120UodE-DIXAOUth1H98HZfziDsCiVsBn\/edit?usp=sharing&ouid=102850113012203044765&rtpof=true&sd=true\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group flex items-center justify-between p-5 bg-white border border-slate-200 rounded-xl hover:border-slate-400 hover:shadow-md transition-all\">\n <div class=\"flex items-center gap-3\">\n <div class=\"bg-slate-100 text-slate-600 p-2 rounded-lg\"><i data-lucide=\"file-text\" class=\"w-5 h-5\"><\/i><\/div>\n <span class=\"font-medium text-slate-600 group-hover:text-slate-800 text-base text-left\">6. \u00bfPor qu\u00e9 a Chile le conviene apretar el acelerador de Enlaces, ahora? Del a\u00f1o 2010.<\/span>\n <\/div>\n <i data-lucide=\"external-link\" class=\"w-4 h-4 text-slate-300 group-hover:text-slate-600\"><\/i>\n <\/a>\n\n <a href=\"https:\/\/drive.google.com\/file\/d\/1RmgQhbl1v4M4WHSNZnwpg_ogK6M8mx3q\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group flex items-center justify-between p-5 bg-white border border-slate-200 rounded-xl hover:border-slate-400 hover:shadow-md transition-all\">\n <div class=\"flex items-center gap-3\">\n <div class=\"bg-slate-100 text-slate-600 p-2 rounded-lg\"><i data-lucide=\"file-text\" class=\"w-5 h-5\"><\/i><\/div>\n <span class=\"font-medium text-slate-600 group-hover:text-slate-800 text-base text-left\">7. El libro Abierto de Enlaces, con 11 art\u00edculos de investigadores y desarrolladores. Publicado el 2010.<\/span>\n <\/div>\n <i data-lucide=\"download\" class=\"w-4 h-4 text-slate-300 group-hover:text-slate-600\"><\/i>\n <\/a>\n\n <a href=\"https:\/\/docs.google.com\/document\/d\/1ybW6s68IYEt-er_eng8YVZF-VP80WPVr\/edit?usp=sharing&ouid=102850113012203044765&rtpof=true&sd=true\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group flex items-center justify-between p-5 bg-white border border-slate-200 rounded-xl hover:border-slate-400 hover:shadow-md transition-all\">\n <div class=\"flex items-center gap-3\">\n <div class=\"bg-slate-100 text-slate-600 p-2 rounded-lg\"><i data-lucide=\"file-text\" class=\"w-5 h-5\"><\/i><\/div>\n <span class=\"font-medium text-slate-600 group-hover:text-slate-800 text-base text-left\">8. A\/B Coloring Textbooks: the next Orbis Sensalium Pictus? Publicaci\u00f3n reciente de Roberto Araya.<\/span>\n <\/div>\n <i data-lucide=\"external-link\" class=\"w-4 h-4 text-slate-300 group-hover:text-slate-600\"><\/i>\n <\/a>\n\n <a href=\"https:\/\/docs.google.com\/document\/d\/1LDcjDIYXt22DlO_ASkm1fH1dFg9C9fbr\/edit?usp=sharing&ouid=102850113012203044765&rtpof=true&sd=true\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group flex items-center justify-between p-5 bg-white border border-slate-200 rounded-xl hover:border-slate-400 hover:shadow-md transition-all\">\n <div class=\"flex items-center gap-3\">\n <div class=\"bg-slate-100 text-slate-600 p-2 rounded-lg\"><i data-lucide=\"file-text\" class=\"w-5 h-5\"><\/i><\/div>\n <span class=\"font-medium text-slate-600 group-hover:text-slate-800 text-base text-left\">9. Una entrevista reciente publicada en el Bolet\u00edn de la Sochiem al autor de esta propuesta.<\/span>\n <\/div>\n <i data-lucide=\"external-link\" class=\"w-4 h-4 text-slate-300 group-hover:text-slate-600\"><\/i>\n <\/a>\n\n <a href=\"https:\/\/docs.google.com\/document\/d\/1ODC442YDFp3vd2Fj-EfU2QgRnOlb4C-B\/edit?usp=sharing&ouid=102850113012203044765&rtpof=true&sd=true\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group flex items-center justify-between p-5 bg-white border border-slate-200 rounded-xl hover:border-slate-400 hover:shadow-md transition-all\">\n <div class=\"flex items-center gap-3\">\n <div class=\"bg-slate-100 text-slate-600 p-2 rounded-lg\"><i data-lucide=\"file-text\" class=\"w-5 h-5\"><\/i><\/div>\n <span class=\"font-medium text-slate-600 group-hover:text-slate-800 text-base text-left\">10. Tecnolog\u00edas para la Educaci\u00f3n, formaci\u00f3n docente e innovaci\u00f3n.<\/span>\n <\/div>\n <i data-lucide=\"external-link\" class=\"w-4 h-4 text-slate-300 group-hover:text-slate-600\"><\/i>\n <\/a>\n\n <a href=\"https:\/\/drive.google.com\/file\/d\/1UPiQMq2lUHSkWmxm2JRaVpJHRYhLbMBc\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group flex items-center justify-between p-5 bg-white border border-slate-200 rounded-xl hover:border-slate-400 hover:shadow-md transition-all\">\n <div class=\"flex items-center gap-3\">\n <div class=\"bg-slate-100 text-slate-600 p-2 rounded-lg\"><i data-lucide=\"file-text\" class=\"w-5 h-5\"><\/i><\/div>\n <span class=\"font-medium text-slate-600 group-hover:text-slate-800 text-base text-left\">11. \"El Modelo Interactivo\", una forma de hacer operativas las ideas que orientan esta invitaci\u00f3n.<\/span>\n <\/div>\n <i data-lucide=\"external-link\" class=\"w-4 h-4 text-slate-300 group-hover:text-slate-600\"><\/i>\n <\/a>\n\n <a href=\"https:\/\/docs.google.com\/document\/d\/1UshsgQPKrHanNZJpNTrTIOoVFlMKS0aD\/edit?usp=sharing&ouid=102850113012203044765&rtpof=true&sd=true\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group flex items-center justify-between p-5 bg-white border border-slate-200 rounded-xl hover:border-slate-400 hover:shadow-md transition-all\">\n <div class=\"flex items-center gap-3\">\n <div class=\"bg-slate-100 text-slate-600 p-2 rounded-lg\"><i data-lucide=\"file-text\" class=\"w-5 h-5\"><\/i><\/div>\n <span class=\"font-medium text-slate-600 group-hover:text-slate-800 text-base text-left\">12. Una Aplicaci\u00f3n de la Inteligencia Artificial a la Mediaci\u00f3n del Aprendizaje Independiente (Universidad de las Am\u00e9ricas, octubre 2014).<\/span>\n <\/div>\n <i data-lucide=\"external-link\" class=\"w-4 h-4 text-slate-300 group-hover:text-slate-600\"><\/i>\n <\/a>\n\n <\/div>\n\n <div class=\"mt-20 mb-10 text-center\">\n <p class=\"font-serif italic text-3xl text-slate-300\">\u00a1Gracias!<\/p>\n <p class=\"font-serif italic text-3xl text-red-600 font-medium mt-2\">\u00a1Dejad que las \u00e1guilas vuelen!<\/p>\n <\/div>\n \n <footer class=\"text-center border-t border-slate-100 pt-8 pb-4\">\n <p class=\"font-sans text-sm font-bold text-slate-400 tracking-wider uppercase\">Corporaci\u00f3n Centro Comenius<\/p>\n <\/footer>\n <\/section>\n <\/article>\n <\/div>\n\n \n \n \n <div id=\"registration-form\" class=\"lg:w-[40%] bg-slate-50 lg:h-screen lg:overflow-y-auto border-l border-slate-200 relative scroll-mt-10\">\n <div class=\"p-6 md:p-10 sticky top-0 min-h-screen flex flex-col justify-center\">\n \n <div class=\"bg-white rounded-3xl shadow-[0_20px_50px_-12px_rgba(0,0,0,0.1)] border border-slate-100 overflow-hidden min-h-[600px] flex flex-col\">\n \n \n <div class=\"bg-slate-900 p-8 text-white relative overflow-hidden flex-shrink-0\">\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-blue-500 rounded-full blur-[60px] opacity-20 transform translate-x-10 -translate-y-10\"><\/div>\n <div class=\"relative z-10\">\n <div class=\"flex items-center gap-3 mb-3\">\n <div class=\"bg-white\/10 backdrop-blur-sm p-2 rounded-lg\">\n <i data-lucide=\"user-plus\" class=\"w-5 h-5 text-blue-200\"><\/i>\n <\/div>\n <span class=\"text-blue-200 font-medium tracking-wide text-xs uppercase\">\u00danete a la iniciativa<\/span>\n <\/div>\n <h2 class=\"text-2xl font-bold tracking-tight\">Formulario de Inscripci\u00f3n<\/h2>\n <p class=\"text-slate-300 text-sm mt-2 font-light\">\n Complete sus datos para formar parte de la red de colaboraci\u00f3n.\n <\/p>\n <\/div>\n <\/div>\n\n \n <div id=\"form-view\" class=\"p-8 space-y-6 flex-grow\">\n <form id=\"main-form\" class=\"space-y-6\">\n \n \n <div class=\"flex flex-col space-y-1.5 group\">\n <label class=\"text-xs font-semibold text-slate-500 uppercase tracking-wider group-focus-within:text-blue-600 transition-colors\">Nombre Completo<\/label>\n <input required type=\"text\" name=\"name\" placeholder=\"Ingrese su nombre\" class=\"w-full px-4 py-3 rounded-lg text-slate-700 border border-slate-200 bg-slate-50 focus:bg-white focus:border-blue-500 focus:ring-4 focus:ring-blue-500\/10 outline-none transition-all\">\n <\/div>\n\n \n <div class=\"flex flex-col space-y-1.5 group\">\n <label class=\"text-xs font-semibold text-slate-500 uppercase tracking-wider group-focus-within:text-blue-600 transition-colors\">Correo Electr\u00f3nico<\/label>\n <input required type=\"email\" name=\"email\" placeholder=\"nombre@organizacion.com\" class=\"w-full px-4 py-3 rounded-lg text-slate-700 border border-slate-200 bg-slate-50 focus:bg-white focus:border-blue-500 focus:ring-4 focus:ring-blue-500\/10 outline-none transition-all\">\n <\/div>\n\n \n <div class=\"grid grid-cols-1 xl:grid-cols-2 gap-5\">\n <div class=\"flex flex-col space-y-1.5 group\">\n <label class=\"text-xs font-semibold text-slate-500 uppercase tracking-wider group-focus-within:text-blue-600 transition-colors\">Tel\u00e9fono<\/label>\n <input type=\"text\" name=\"phone\" placeholder=\"+56 9...\" class=\"w-full px-4 py-3 rounded-lg text-slate-700 border border-slate-200 bg-slate-50 focus:bg-white focus:border-blue-500 focus:ring-4 focus:ring-blue-500\/10 outline-none transition-all\">\n <\/div>\n <div class=\"flex flex-col space-y-1.5 group\">\n <label class=\"text-xs font-semibold text-slate-500 uppercase tracking-wider group-focus-within:text-blue-600 transition-colors\">Instituci\u00f3n \/ Referencia<\/label>\n <input type=\"text\" name=\"institution\" placeholder=\"Universidad, Colegio...\" class=\"w-full px-4 py-3 rounded-lg text-slate-700 border border-slate-200 bg-slate-50 focus:bg-white focus:border-blue-500 focus:ring-4 focus:ring-blue-500\/10 outline-none transition-all\">\n <\/div>\n <\/div>\n\n \n <div class=\"flex flex-col space-y-1.5 group\">\n <label class=\"text-xs font-semibold text-slate-500 uppercase tracking-wider group-focus-within:text-blue-600 transition-colors\">Motivaci\u00f3n e Inter\u00e9s<\/label>\n <textarea required name=\"reason\" rows=\"3\" placeholder=\"Cu\u00e9ntanos brevemente qu\u00e9 te motiva a participar...\" class=\"w-full px-4 py-3 rounded-lg text-slate-700 border border-slate-200 bg-slate-50 focus:bg-white focus:border-blue-500 focus:ring-4 focus:ring-blue-500\/10 outline-none transition-all resize-y min-h-[100px]\"><\/textarea>\n <\/div>\n\n \n <div class=\"space-y-3\">\n <label class=\"text-xs font-semibold text-slate-500 uppercase tracking-wider block\">\u00c1reas de Contribuci\u00f3n<\/label>\n <div class=\"grid gap-2 max-h-60 overflow-y-auto custom-scrollbar pr-2\" id=\"contributions-container\">\n \n <label class=\"checkbox-item flex items-start gap-3 p-3 rounded-xl border border-slate-100 bg-white cursor-pointer select-none\" onclick=\"toggleCheckbox(this)\">\n <input type=\"checkbox\" name=\"contributions\" value=\"Participante de la Red\" class=\"hidden\">\n \n <div class=\"checkbox-box flex-shrink-0 w-5 h-5 rounded border border-slate-400 bg-white flex items-center justify-center mt-0.5\" style=\"border: 1px solid #94a3b8;\">\n <i data-lucide=\"check\" class=\"w-3.5 h-3.5 text-white opacity-0 transition-opacity\"><\/i>\n <\/div>\n <span class=\"text-sm leading-snug text-slate-600\">Participante de la Red<\/span>\n <\/label>\n\n <label class=\"checkbox-item flex items-start gap-3 p-3 rounded-xl border border-slate-100 bg-white cursor-pointer select-none\" onclick=\"toggleCheckbox(this)\">\n <input type=\"checkbox\" name=\"contributions\" value=\"Apoyo en la animaci\u00f3n de la red\" class=\"hidden\">\n <div class=\"checkbox-box flex-shrink-0 w-5 h-5 rounded border border-slate-400 bg-white flex items-center justify-center mt-0.5\" style=\"border: 1px solid #94a3b8;\">\n <i data-lucide=\"check\" class=\"w-3.5 h-3.5 text-white opacity-0 transition-opacity\"><\/i>\n <\/div>\n <span class=\"text-sm leading-snug text-slate-600\">Apoyo en la animaci\u00f3n de la red<\/span>\n <\/label>\n\n <label class=\"checkbox-item flex items-start gap-3 p-3 rounded-xl border border-slate-100 bg-white cursor-pointer select-none\" onclick=\"toggleCheckbox(this)\">\n <input type=\"checkbox\" name=\"contributions\" value=\"Conexi\u00f3n a otro(s) espacio(s) virtual(es)\" class=\"hidden\">\n <div class=\"checkbox-box flex-shrink-0 w-5 h-5 rounded border border-slate-400 bg-white flex items-center justify-center mt-0.5\" style=\"border: 1px solid #94a3b8;\">\n <i data-lucide=\"check\" class=\"w-3.5 h-3.5 text-white opacity-0 transition-opacity\"><\/i>\n <\/div>\n <span class=\"text-sm leading-snug text-slate-600\">Conexi\u00f3n a otro(s) espacio(s) virtual(es)<\/span>\n <\/label>\n\n <label class=\"checkbox-item flex items-start gap-3 p-3 rounded-xl border border-slate-100 bg-white cursor-pointer select-none\" onclick=\"toggleCheckbox(this)\">\n <input type=\"checkbox\" name=\"contributions\" value=\"Buscar auspicios institucionales y\/o financieros\" class=\"hidden\">\n <div class=\"checkbox-box flex-shrink-0 w-5 h-5 rounded border border-slate-400 bg-white flex items-center justify-center mt-0.5\" style=\"border: 1px solid #94a3b8;\">\n <i data-lucide=\"check\" class=\"w-3.5 h-3.5 text-white opacity-0 transition-opacity\"><\/i>\n <\/div>\n <span class=\"text-sm leading-snug text-slate-600\">Buscar auspicios institucionales y\/o financieros<\/span>\n <\/label>\n\n <label class=\"checkbox-item flex items-start gap-3 p-3 rounded-xl border border-slate-100 bg-white cursor-pointer select-none\" onclick=\"toggleCheckbox(this)\">\n <input type=\"checkbox\" name=\"contributions\" value=\"Ofrecer un espacio f\u00edsico para reuni\u00f3n presencial (abril 2026, Santiago)\" class=\"hidden\">\n <div class=\"checkbox-box flex-shrink-0 w-5 h-5 rounded border border-slate-400 bg-white flex items-center justify-center mt-0.5\" style=\"border: 1px solid #94a3b8;\">\n <i data-lucide=\"check\" class=\"w-3.5 h-3.5 text-white opacity-0 transition-opacity\"><\/i>\n <\/div>\n <span class=\"text-sm leading-snug text-slate-600\">Ofrecer un espacio f\u00edsico para reuni\u00f3n presencial (abril 2026, Santiago)<\/span>\n <\/label>\n\n <label class=\"checkbox-item flex items-start gap-3 p-3 rounded-xl border border-slate-100 bg-white cursor-pointer select-none\" onclick=\"toggleCheckbox(this)\">\n <input type=\"checkbox\" name=\"contributions\" value=\"Apoyo digital y virtual para complementar reuniones presenciales\" class=\"hidden\">\n <div class=\"checkbox-box flex-shrink-0 w-5 h-5 rounded border border-slate-400 bg-white flex items-center justify-center mt-0.5\" style=\"border: 1px solid #94a3b8;\">\n <i data-lucide=\"check\" class=\"w-3.5 h-3.5 text-white opacity-0 transition-opacity\"><\/i>\n <\/div>\n <span class=\"text-sm leading-snug text-slate-600\">Apoyo digital y virtual para complementar reuniones presenciales<\/span>\n <\/label>\n\n <label class=\"checkbox-item flex items-start gap-3 p-3 rounded-xl border border-slate-100 bg-white cursor-pointer select-none\" onclick=\"toggleCheckbox(this)\">\n <input type=\"checkbox\" name=\"contributions\" value=\"Apoyo para realizar \/ difundir acciones o eventos futuros\" class=\"hidden\">\n <div class=\"checkbox-box flex-shrink-0 w-5 h-5 rounded border border-slate-400 bg-white flex items-center justify-center mt-0.5\" style=\"border: 1px solid #94a3b8;\">\n <i data-lucide=\"check\" class=\"w-3.5 h-3.5 text-white opacity-0 transition-opacity\"><\/i>\n <\/div>\n <span class=\"text-sm leading-snug text-slate-600\">Apoyo para realizar \/ difundir acciones o eventos futuros<\/span>\n <\/label>\n\n <label class=\"checkbox-item flex items-start gap-3 p-3 rounded-xl border border-slate-100 bg-white cursor-pointer select-none\" onclick=\"toggleCheckbox(this, true)\">\n <input type=\"checkbox\" name=\"contributions\" value=\"Otro\" class=\"hidden\">\n <div class=\"checkbox-box flex-shrink-0 w-5 h-5 rounded border border-slate-400 bg-white flex items-center justify-center mt-0.5\" style=\"border: 1px solid #94a3b8;\">\n <i data-lucide=\"check\" class=\"w-3.5 h-3.5 text-white opacity-0 transition-opacity\"><\/i>\n <\/div>\n <span class=\"text-sm leading-snug text-slate-600\">Otro (especificar abajo)<\/span>\n <\/label>\n\n <\/div>\n <\/div>\n \n \n <div id=\"other-contribution-field\" class=\"hidden animate-fade-in pl-4 border-l-2 border-blue-200\">\n <div class=\"flex flex-col space-y-1.5 group\">\n <label class=\"text-xs font-semibold text-slate-500 uppercase tracking-wider\">Especifique 'Otro'<\/label>\n <input type=\"text\" name=\"otherContributionDetail\" placeholder=\"Describa su contribuci\u00f3n...\" class=\"w-full px-4 py-3 rounded-lg text-slate-700 border border-slate-200 bg-slate-50 focus:bg-white focus:border-blue-500 outline-none\">\n <\/div>\n <\/div>\n\n \n <div id=\"error-message\" class=\"hidden p-4 bg-red-50 text-red-700 text-sm rounded-xl border border-red-100 flex items-start gap-3\">\n <span class=\"w-2 h-2 mt-1.5 rounded-full bg-red-500 flex-shrink-0\"><\/span>\n <span id=\"error-text\">Error al enviar.<\/span>\n <\/div>\n\n \n <button type=\"submit\" id=\"submit-btn\" class=\"w-full flex items-center justify-center space-x-2 py-4 px-6 rounded-xl text-white font-bold tracking-wide transition-all shadow-lg shadow-blue-900\/10 bg-slate-900 hover:bg-blue-700 hover:shadow-xl hover:-translate-y-0.5\">\n <i data-lucide=\"loader-2\" id=\"loading-spinner\" class=\"hidden w-5 h-5 animate-spin\"><\/i>\n <span id=\"submit-text\">Enviar Inscripci\u00f3n<\/span>\n <i data-lucide=\"chevron-right\" id=\"submit-icon\" class=\"w-4 h-4\"><\/i>\n <\/button>\n \n <p class=\"text-center text-xs text-slate-400\">\n Respaldo autom\u00e1tico v\u00eda Google AI © 2025\n <\/p>\n <\/form>\n <\/div>\n\n \n <div id=\"success-view\" class=\"hidden p-8 flex-col items-center justify-center space-y-8 animate-fade-in text-center h-full flex-grow\">\n <div class=\"w-24 h-24 bg-green-100 rounded-full flex items-center justify-center mb-2 shadow-sm\">\n <i data-lucide=\"check-circle\" class=\"w-12 h-12 text-green-600\"><\/i>\n <\/div>\n \n <div class=\"space-y-3\">\n <h2 class=\"text-3xl font-bold text-slate-900 font-serif\">\u00a1Inscripci\u00f3n Recibida!<\/h2>\n <p class=\"text-slate-600 max-w-md mx-auto text-lg\">\n Muchas gracias, <strong id=\"success-name\">Nombre<\/strong>.\n <\/p>\n <div class=\"flex items-center justify-center gap-2 text-slate-500 text-sm\">\n <i data-lucide=\"mail\" class=\"w-4 h-4\"><\/i>\n <span>Hemos enviado tus datos al equipo organizador.<\/span>\n <\/div>\n <\/div>\n\n \n <div id=\"ai-result-box\" class=\"hidden w-full max-w-lg bg-slate-50 border border-slate-100 rounded-2xl p-6 text-left shadow-sm relative overflow-hidden group hover:shadow-md transition-shadow\">\n <div class=\"absolute top-0 left-0 w-1 h-full bg-blue-500\"><\/div>\n <div class=\"flex items-center justify-between mb-4\">\n <h3 class=\"text-xs font-bold text-slate-400 uppercase tracking-widest\">Perfil Detectado<\/h3>\n <span id=\"ai-profile-type\" class=\"px-3 py-1 bg-blue-100 text-blue-800 text-xs rounded-full font-bold\"><\/span>\n <\/div>\n <p id=\"ai-summary-text\" class=\"text-slate-700 italic leading-relaxed text-base font-serif\"><\/p>\n <\/div>\n\n <div class=\"pt-4\">\n <button onclick=\"resetForm()\" class=\"flex items-center justify-center space-x-2 bg-slate-900 hover:bg-blue-700 text-white px-8 py-4 rounded-xl transition-all shadow-lg hover:shadow-xl hover:-translate-y-0.5 font-medium tracking-wide cursor-pointer\">\n <span>Realizar otra inscripci\u00f3n<\/span>\n <i data-lucide=\"refresh-cw\" class=\"w-4 h-4\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <script>\n \/\/ CONFIGURACI\u00d3N\n const FORM_ENDPOINT_URL = \"https:\/\/formspree.io\/f\/mrbnaypd\";\n const GEMINI_API_KEY = \"\"; \/\/ D\u00e9jalo vac\u00edo si no usas IA\n\n \/\/ Inicializar Iconos al cargar\n document.addEventListener('DOMContentLoaded', () => {\n lucide.createIcons();\n });\n\n function scrollToForm() {\n document.getElementById('registration-form').scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n\n \/\/ L\u00f3gica de Checkbox manual para m\u00e1xima compatibilidad\n function toggleCheckbox(element, isOther = false) {\n \/\/ Prevenir doble disparo si se hace clic en el input mismo\n if (event.target.tagName === 'INPUT') return;\n\n const input = element.querySelector('input');\n const box = element.querySelector('.checkbox-box');\n const icon = box.querySelector('i') || box.querySelector('svg');\n\n \/\/ Cambiar estado del input real\n input.checked = !input.checked;\n\n if (input.checked) {\n \/\/ Estado ACTIVO\n element.classList.add('bg-blue-50', 'border-blue-200');\n element.classList.remove('bg-white', 'border-slate-100');\n \n box.classList.add('bg-blue-600', 'border-blue-600');\n box.classList.remove('bg-white', 'border-slate-400');\n box.style.border = \"1px solid #2563eb\"; \/\/ Force blue border\n \n if(icon) icon.classList.remove('opacity-0');\n } else {\n \/\/ Estado INACTIVO\n element.classList.remove('bg-blue-50', 'border-blue-200');\n element.classList.add('bg-white', 'border-slate-100');\n \n box.classList.remove('bg-blue-600', 'border-blue-600');\n box.classList.add('bg-white', 'border-slate-400');\n box.style.border = \"1px solid #94a3b8\"; \/\/ Force grey border\n \n if(icon) icon.classList.add('opacity-0');\n }\n\n \/\/ Manejar campo \"Otro\"\n if (isOther) {\n const otherField = document.getElementById('other-contribution-field');\n if (input.checked) otherField.classList.remove('hidden');\n else otherField.classList.add('hidden');\n }\n }\n\n \/\/ Manejo del Env\u00edo\n const form = document.getElementById('main-form');\n form.addEventListener('submit', async (e) => {\n e.preventDefault();\n \n \/\/ UI Loading\n const btn = document.getElementById('submit-btn');\n const spinner = document.getElementById('loading-spinner');\n const btnText = document.getElementById('submit-text');\n const btnIcon = document.getElementById('submit-icon');\n const errorBox = document.getElementById('error-message');\n \n btn.disabled = true;\n btn.classList.add('bg-slate-400');\n btn.classList.remove('bg-slate-900', 'hover:bg-blue-700');\n spinner.classList.remove('hidden');\n btnIcon.classList.add('hidden');\n btnText.innerText = \"Procesando...\";\n errorBox.classList.add('hidden');\n\n try {\n \/\/ Recopilar datos\n const formData = new FormData(form);\n const data = Object.fromEntries(formData.entries());\n \n \/\/ Arreglar checkboxes (FormData solo trae el \u00faltimo si tienen mismo nombre, hay que juntarlos)\n const checkboxes = document.querySelectorAll('input[name=\"contributions\"]:checked');\n const contributions = Array.from(checkboxes).map(cb => cb.value);\n \n const payload = {\n name: data.name,\n email: data.email,\n phone: data.phone,\n institution: data.institution,\n reason: data.reason,\n contributions: contributions.join(', '),\n otherContributionDetail: data.otherContributionDetail || '',\n timestamp: new Date().toISOString(),\n _subject: `Nueva Inscripci\u00f3n: ${data.name}`\n };\n\n \/\/ 1. LLAMADA A IA (Opcional, din\u00e1mica)\n let aiData = null;\n if (GEMINI_API_KEY) {\n try {\n const { GoogleGenAI } = await import(\"https:\/\/esm.run\/@google\/genai\");\n const ai = new GoogleGenAI({ apiKey: GEMINI_API_KEY });\n const prompt = `Analiza perfil para red educativa: ${payload.name}, ${payload.institution}, ${payload.reason}, ${payload.contributions}. Genera JSON { \"summary\": \"frase corta\", \"profileType\": \"tipo corto\" }`;\n \n const result = await ai.models.generateContent({\n model: \"gemini-2.5-flash\",\n contents: prompt,\n config: { responseMimeType: \"application\/json\" }\n });\n aiData = JSON.parse(result.text);\n } catch (err) {\n console.log(\"AI skipped\", err);\n }\n }\n\n if (aiData) {\n payload.aiSummary = aiData.summary;\n payload.aiProfileType = aiData.profileType;\n }\n\n \/\/ 2. ENVIAR A FORMSPREE\n const response = await fetch(FORM_ENDPOINT_URL, {\n method: 'POST',\n headers: { \n 'Content-Type': 'application\/json',\n 'Accept': 'application\/json'\n },\n body: JSON.stringify(payload)\n });\n\n if (response.ok) {\n showSuccess(payload.name, aiData);\n } else {\n throw new Error(\"Error en el servidor\");\n }\n\n } catch (error) {\n console.error(error);\n errorBox.classList.remove('hidden');\n document.getElementById('error-text').innerText = \"Hubo un error al enviar. Intente nuevamente.\";\n \n \/\/ Restaurar bot\u00f3n\n btn.disabled = false;\n btn.classList.remove('bg-slate-400');\n btn.classList.add('bg-slate-900', 'hover:bg-blue-700');\n spinner.classList.add('hidden');\n btnIcon.classList.remove('hidden');\n btnText.innerText = \"Enviar Inscripci\u00f3n\";\n }\n });\n\n function showSuccess(name, aiData) {\n document.getElementById('form-view').classList.add('hidden');\n document.getElementById('success-view').classList.remove('hidden');\n document.getElementById('success-view').classList.add('flex'); \/\/ Es flexbox\n document.getElementById('success-name').innerText = name;\n\n if (aiData) {\n document.getElementById('ai-result-box').classList.remove('hidden');\n document.getElementById('ai-profile-type').innerText = aiData.profileType;\n document.getElementById('ai-summary-text').innerText = `\"${aiData.summary}\"`;\n }\n }\n\n function resetForm() {\n form.reset();\n \/\/ Reset visual checkboxes manually\n document.querySelectorAll('.checkbox-item').forEach(item => {\n const input = item.querySelector('input');\n input.checked = false;\n \/\/ Simular click falso para resetear estilos\n \/\/ O mejor, resetear estilos manualmente:\n item.classList.remove('bg-blue-50', 'border-blue-200');\n item.classList.add('bg-white', 'border-slate-100');\n \n const box = item.querySelector('.checkbox-box');\n box.classList.remove('bg-blue-600', 'border-blue-600');\n box.classList.add('bg-white', 'border-slate-400');\n box.style.border = \"1px solid #94a3b8\";\n\n const icon = box.querySelector('i') || box.querySelector('svg');\n if(icon) icon.classList.add('opacity-0');\n });\n\n document.getElementById('other-contribution-field').classList.add('hidden');\n \n \/\/ Restaurar Vistas\n document.getElementById('success-view').classList.add('hidden');\n document.getElementById('success-view').classList.remove('flex');\n document.getElementById('form-view').classList.remove('hidden');\n \n \/\/ Restaurar bot\u00f3n\n const btn = document.getElementById('submit-btn');\n btn.disabled = false;\n btn.classList.remove('bg-slate-400');\n btn.classList.add('bg-slate-900', 'hover:bg-blue-700');\n document.getElementById('loading-spinner').classList.add('hidden');\n document.getElementById('submit-icon').classList.remove('hidden');\n document.getElementById('submit-text').innerText = \"Enviar Inscripci\u00f3n\";\n }\n <\/script>\n<\/body>\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Invitaci\u00f3n: Renovaci\u00f3n de Pol\u00edticas P\u00fablicas Documento de Trabajo Hacia una renovaci\u00f3n de las pol\u00edticas p\u00fablicas en materia de tecnolog\u00edas digitales y educaci\u00f3n Una invitaci\u00f3n. Fidel Oteiza Morra Santiago, diciembre de 2025 Presentaci\u00f3n Este documento es un llamado a la formaci\u00f3n de una comisi\u00f3n, de un grupo de trabajo, que tenga por objeto dise\u00f1ar y generar …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/centrocomenius.org\/?page_id=1367\"> <span class=\"screen-reader-text\">Pol\u00edtica de IA<\/span> Leer m\u00e1s »<\/a><\/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":"page-builder","ast-global-header-display":"","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":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"class_list":["post-1367","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/centrocomenius.org\/index.php?rest_route=\/wp\/v2\/pages\/1367","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/centrocomenius.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/centrocomenius.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/centrocomenius.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/centrocomenius.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1367"}],"version-history":[{"count":16,"href":"https:\/\/centrocomenius.org\/index.php?rest_route=\/wp\/v2\/pages\/1367\/revisions"}],"predecessor-version":[{"id":1388,"href":"https:\/\/centrocomenius.org\/index.php?rest_route=\/wp\/v2\/pages\/1367\/revisions\/1388"}],"wp:attachment":[{"href":"https:\/\/centrocomenius.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\n\n\n \n \n Invitaci\u00f3n: Renovaci\u00f3n de Pol\u00edticas P\u00fablicas<\/title>\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n serif: ['Merriweather', 'serif'],\n },\n animation: {\n 'fade-in': 'fadeIn 0.5s ease-out',\n 'spin-slow': 'spin 3s linear infinite',\n },\n keyframes: {\n fadeIn: {\n '0%': { opacity: '0', transform: 'translateY(10px)' },\n '100%': { opacity: '1', transform: 'translateY(0)' },\n }\n }\n }\n }\n }\n <\/script>\n\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400&display=swap\" rel=\"stylesheet\">\n\n \n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n <style>\n \/* Estilos base *\/\n body { font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased; }\n .font-serif { font-family: 'Merriweather', serif; }\n \n \/* Scrollbar personalizado *\/\n .custom-scrollbar::-webkit-scrollbar { width: 6px; }\n .custom-scrollbar::-webkit-scrollbar-track { background: transparent; }\n .custom-scrollbar::-webkit-scrollbar-thumb { background-color: #cbd5e1; border-radius: 20px; }\n \n \/* Ocultar elementos *\/\n .hidden { display: none !important; }\n \n \/* Checkbox robusto *\/\n .checkbox-item { transition: all 0.2s; }\n .checkbox-item:hover { border-color: #94a3b8; }\n .checkbox-box { transition: all 0.2s; }\n <\/style>\n<script type=\"importmap\">\n{\n \"imports\": {\n \"react\": \"https:\/\/aistudiocdn.com\/react@^19.2.1\",\n \"react-dom\/\": \"https:\/\/aistudiocdn.com\/react-dom@^19.2.1\/\",\n \"react\/\": \"https:\/\/aistudiocdn.com\/react@^19.2.1\/\",\n \"@google\/genai\": \"https:\/\/aistudiocdn.com\/@google\/genai@^1.31.0\",\n \"lucide-react\": \"https:\/\/aistudiocdn.com\/lucide-react@^0.556.0\"\n }\n}\n<\/script>\n<\/head>\n<body class=\"bg-[#FDFDFD] text-slate-800 selection:bg-blue-100\">\n\n <div class=\"max-w-[1920px] mx-auto flex flex-col lg:flex-row min-h-screen shadow-2xl shadow-slate-200\">\n \n \n \n \n <div class=\"lg:w-[60%] p-8 lg:p-20 lg:overflow-y-auto lg:h-screen custom-scrollbar bg-white relative\">\n \n <header class=\"mb-16 pb-2\">\n <div class=\"flex items-center gap-2 mb-6 text-blue-700 font-bold tracking-widest text-xs uppercase\">\n <i data-lucide=\"book-open\" class=\"w-4 h-4\"><\/i>\n <span>Documento de Trabajo<\/span>\n <\/div>\n <h1 class=\"text-3xl md:text-5xl lg:text-5xl font-serif font-black text-slate-900 leading-[1.2] mb-8\">\n Hacia una renovaci\u00f3n de las pol\u00edticas p\u00fablicas en materia de tecnolog\u00edas digitales y educaci\u00f3n\n <\/h1>\n <div class=\"flex flex-col md:flex-row md:items-end justify-between gap-6 mb-8\">\n <p class=\"text-2xl lg:text-3xl font-serif italic text-red-600 font-medium\">Una invitaci\u00f3n.<\/p>\n <div class=\"text-left md:text-right border-l-4 md:border-l-0 md:border-r-4 border-slate-200 pl-4 md:pl-0 md:pr-4\">\n <p class=\"font-bold text-slate-900 text-lg\">Fidel Oteiza Morra<\/p>\n <p class=\"text-slate-500\">Santiago, diciembre de 2025<\/p>\n <\/div>\n <\/div>\n\n <hr class=\"border-t border-slate-200 my-8\" \/>\n <\/header>\n\n <article class=\"prose prose-lg md:prose-xl prose-slate max-w-none text-slate-600 leading-loose font-serif\">\n \n \n <section class=\"mb-16\">\n <h3 class=\"text-2xl font-bold text-slate-900 font-sans mb-6 border-l-4 border-slate-900 pl-4\">Presentaci\u00f3n<\/h3>\n <p>Este documento es un llamado a la formaci\u00f3n de una comisi\u00f3n, de un grupo de trabajo, que tenga por objeto dise\u00f1ar y generar las condiciones para una renovaci\u00f3n de las pol\u00edtica p\u00fablica en materia de tecnolog\u00edas digitales y educaci\u00f3n que responda a las condiciones y potencial de las tecnolog\u00edas en el tiempo presenta y en vistas a una permanente actualizaci\u00f3n.<\/p>\n <\/section>\n\n <section class=\"mb-16\">\n <h3 class=\"text-2xl font-bold text-slate-900 font-sans mb-6\">Existe un vac\u00edo<\/h3>\n <p>\u00bfQui\u00e9n est\u00e1 pensando, investigando para comprender el fen\u00f3meno inform\u00e1tico en su modalidad actual con base en la inteligencia artificial para orientar a docentes, directivos de establecimientos educacionales, formadores de profesore, dise\u00f1adores de curr\u00edculo, supervisores del sistema, y a todo el sistema educativo nacional?<\/p>\n <div class=\"bg-slate-50 border-l-4 border-red-500 p-8 my-10 italic text-slate-800 text-xl font-medium shadow-sm rounded-r-lg\">\n <i data-lucide=\"quote\" class=\"w-8 h-8 text-red-200 mb-3\"><\/i>\n \u201cComo saber y no actuar, es no saber\u201d, \u00bfqui\u00e9nes, sobre la base de necesidades espec\u00edficas en la sala, la escuela y el sistema, est\u00e1 creando soluciones, prototipos t\u00e9cnicamente dise\u00f1ados, puestos a prueba y a disposici\u00f3n de quienes los requieren?\n <\/div>\n <p>S\u00ed, hay acciones valiosas que han tenido impacto hasta internacional, pero dif\u00edcilmente han podido impactar al sistema y llegar a muchos que las requieren.<\/p>\n <p>Hace falta una pol\u00edtica que aliente, apoye y logre que los que aprenden los que est\u00e1n en la avanzada, contribuya al conjunto.<\/p>\n <p>El pa\u00eds comprendi\u00f3 pronto la importancia estrat\u00e9gica de la IA y creo una comisi\u00f3n de alto nivel desde el Ministerio de Ciencias, la iniciativa CENIA, que con orgullo muestra que Chile se ha posicionado como l\u00edder en la materia en Latinoam\u00e9rica. Al recorrer la visi\u00f3n, misi\u00f3n y prop\u00f3sitos de esta comisi\u00f3n expuestas en su sitio web, es notable c\u00f3mo muestra tambi\u00e9n, sin ser expl\u00edcito, que este conocimiento, este saber-hacer debe de estar en la formaci\u00f3n de los ni\u00f1os, ni\u00f1as y j\u00f3venes que nos reemplazar\u00e1n en el desarrollo del pa\u00eds.<\/p>\n <p>Si bien el Centro de Innovaci\u00f3n CIN del Mineduc ha sido efectivo en materia de acceso equitativo a las tecnolog\u00edas a lo largo de todo el pa\u00eds y ser un referente en materia de proyectos e iniciativas en materia digital para la educaci\u00f3n, no cuenta ni con los recursos, ni el mandamiento ni los brazos para acompa\u00f1ar a los actores del sistema en su trabajo cotidiano.<\/p>\n <p>Un informe reciente del Centro de estudios Horizontal muestra que m\u00e1s de 23.000 profesore de los cuales el 76% tienen menos de cinco a\u00f1os de ejercicio en la profesi\u00f3n han desertado de su trabajo como docentes. Los profesores y profesoras lo est\u00e1n pasando mal en la escuela. Se requiere un cambio significativo en la calidad de su vida profesional y personal para contar con ellos en la sala de clases, a lo que ya bien mostr\u00e1ndose desde hace tiempo se agreg\u00f3 el desaf\u00edo de la IA en manos de alumnos que los sobrepasan en el uso de la tecnolog\u00eda. Esos, esas docentes necesitan acompa\u00f1amiento y acceso a soluciones probadas en esta materia.<\/p>\n <\/section>\n\n <section class=\"mb-16 bg-blue-50 p-8 rounded-2xl border border-blue-100 shadow-sm\">\n <h3 class=\"text-xl font-bold text-blue-900 font-sans mb-3 flex items-center gap-2\">\n <span class=\"w-2 h-2 rounded-full bg-blue-500\"><\/span>\n La tecnolog\u00eda es una oportunidad\n <\/h3>\n <p class=\"text-blue-900\/80 mb-0 font-medium\">\u00a1Existe una vac\u00edo! Y a la vez, la propia tecnolog\u00eda es una oportunidad, aprendamos, dise\u00f1emos, pongamos nuestras ideas a actuar en la sala de clases y ofrezcamos el resultado de esa alquimia al alcance de todos.<\/p>\n <p class=\"text-blue-900\/80 mt-4\">Para lograrlo se requiere de muchos esfuerzos, de muchas miradas, de muchas mentes y voluntades, es una situaci\u00f3n en la que la conjunci\u00f3n arm\u00f3nica de capacidades gubernamentales y privadas pueden potenciarse y llegar donde solos nadie llega.<\/p>\n <\/section>\n\n <section class=\"mb-16\">\n <h3 class=\"text-2xl font-bold text-slate-900 font-sans mb-6\">Una invitaci\u00f3n, para qu\u00e9<\/h3>\n <p>Para formar parte de una iniciativa tendiente a contribuir en el desarrollo y puesta en acci\u00f3n de una pol\u00edtica p\u00fablica en materia de tecnolog\u00edas dig\u00edtales en todas sus manifestaciones y educaci\u00f3n.<\/p>\n <h4 class=\"text-xl font-bold text-slate-800 font-sans mt-10 mb-4\">A qui\u00e9n<\/h4>\n <p>A investigadores, a especialistas en educaci\u00f3n, tecnolog\u00edas de la informaci\u00f3n, a alumnos y alumnas de postgrado en las diversas universidades del pa\u00eds y en el extranjero, muy especialmente a formadores de docentes, a ingenieros y t\u00e9cnicos de universidades y centros de investigaci\u00f3n y desarrollo, a profesores y profesoras de todos los niveles del sistema educativo.<\/p>\n <p>Por la naturaleza del objeto de esta iniciativa, a los creadores, gestores y participantes de quienes nos precedieron y continuado la labor desde el cierre de ENLACES: la ACHICE, la Asociaci\u00f3n Chilena de Inform\u00e1tica para la Educaci\u00f3n, el tremendo proyecto ENLACES, la Fundaci\u00f3n Chile y su portal Educar Chile, el Centro de Perfeccionamiento e Investigaci\u00f3n del Mineduc, el Centro de Innovaci\u00f3n del Mineduc (CIP), a los grupos de investigaci\u00f3n y desarrollo que, a lo largo del pa\u00eds, realizan estudios, ponen a prueba y aplican innovaciones educacionales con tecnolog\u00edas de la informaci\u00f3n y las comunicaciones.<\/p>\n <p>A las organizaciones cient\u00edficas y profesionales que re\u00fanen a cient\u00edficos, especialistas, investigadores en \u00e1reas como ingenier\u00eda, tecnolog\u00edas, matem\u00e1tica, f\u00edsica, educaci\u00f3n matem\u00e1tica y en otras \u00e1reas, que son un ejemplo y un instrumento poderoso de la participaci\u00f3n ciudadana en la creaci\u00f3n del pensamiento y el conocimiento, parte central del esp\u00edritu y la capacidad de acci\u00f3n de la naci\u00f3n.<\/p>\n <p>Una invitaci\u00f3n muy especial a quienes dise\u00f1an pone en pr\u00e1ctica las pol\u00edticas nacionales en educaci\u00f3n con acento en las tecnolog\u00edas digitales desde el Ministerio de Educaci\u00f3n y el de Ciencias: la Unidad de Curr\u00edculo y Evaluaci\u00f3n que incorpora las tecnolog\u00edas en el curr\u00edculo nacional, la Direcci\u00f3n de Educaci\u00f3n P\u00fablica, el ya nombrado Centro de Perfeccionamiento del Mineduc (CPIPE), el Centro Nacional de Aseguramiento de la Calidad, el tambi\u00e9n nombrado Centro de Innovaci\u00f3n (CIM), los gestores de la Pol\u00edtica Nacional de Inteligencia Artificial, Centro Nacional de Inteligencia Artificial (CENIA) y el N\u00facleo Milenio Futures of Artificial Intelligence Research (FAIR).<\/p>\n <p>Al Consejo de Rectores de las Universidades nacionales por su decisiva responsabilidad en el sistema de acceso a la educaci\u00f3n nacional y la formaci\u00f3n inicial docente.<\/p>\n <p>Y, en el \u00e1rea chica, a los m\u00e1s cercanos y comprometidos con el tema, a quienes nos acompa\u00f1aron durante casi 10 a\u00f1os en la ACHICE con el apoyo permanente del Centro de Perfeccionamiento y la USACH, a los creadores de Enlaces, Pedro Hepp, Ignacio Jara, Hugo Mart\u00ednez y los que los sucedieron como directores del proyecto, a Cristi\u00e1n Cox que creo las condiciones y lo llev\u00f3 adelante, a ex alumnos, ex alumnas y actuales alumnos de la Licenciatura en educaci\u00f3n matem\u00e1tica y computaci\u00f3n de la USACH, a mis colaboradores en el Centro Comenius.<\/p>\n <p class=\"font-bold text-slate-800\">A todos, a todas los y las que busquen el desarrollo de una mejor naci\u00f3n, una educaci\u00f3n inclusiva, pertinente, actualizada y en permanente desarrollo, crecimiento e innovaci\u00f3n y compartan una filosof\u00eda de trabajo colaborativo y comprometido con la calidad y equidad del sistema educativo.<\/p>\n <\/section>\n\n <section class=\"mb-16\">\n <h3 class=\"text-2xl font-bold text-slate-900 font-sans mb-6\">Un esbozo de los primeros pasos<\/h3>\n <p>Comprender el fen\u00f3meno inform\u00e1tico en su manifestaci\u00f3n actual, crear prototipos a partir de necesidades, poner esas creaciones a prueba y ponerlas a disposici\u00f3n de todos.<\/p>\n <p>Aunar esfuerzos, conectarlos tanto nacional como internacionalmente -todos estamos experimentando el momento- pensar y actuar con base en la potencia del trabajo colaborativo.<\/p>\n <p>Los primeros pasos ya los hemo dado comenzado por poner a prueba la idea con investigadores y desarrolladores de varias universidades que han manifestado su inter\u00e9s.<\/p>\n <p>Los siguientes son: hacer extensivo este llamado a los que ya mencionamos antes, subir a la web esta invitaci\u00f3n con un formulario de inscripci\u00f3n que adem\u00e1s de los datos de contacto preguntar\u00e1 por \u00e1rea de inter\u00e9s, posible contribuci\u00f3n y la disposici\u00f3n para participar en una reuni\u00f3n a realizarse en abril del a\u00f1o pr\u00f3ximo en formato presencial y digital simult\u00e1neos.<\/p>\n <\/section>\n\n <section class=\"mb-16\">\n <h3 class=\"text-2xl font-bold text-slate-900 font-sans mb-6\">Un principio: para surfear la ola grande<\/h3>\n <p class=\"italic text-slate-500 mb-6\">-que de seguro viene- tengo que estar en el mar, surfeando.<\/p>\n <p>Siguiendo con la met\u00e1fora, si estoy en la playa, \u201cmirando para el otro lado\u201d, la ola grande que estoy esperando me pasar\u00e1 por encima y me revolcar\u00e1. Por ejemplo, con la irrupci\u00f3n reciente de la modalidad \u201cchat\u201d de la inteligencia artificial es frecuente que se afirme que no es necesario saber programar. Bueno, ser\u00eda como usar una calculadora sin saber sumar, restar, multiplicar o dividir. Ya pasamos por eso.<\/p>\n <p>Proposici\u00f3n: usar la tecnolog\u00eda disponible, si posible universal y gratuitamente accesible, para hacer lo que esa tecnolog\u00eda permite. Si posible sacarle el jugo e invitar a nuestros alumnos para que nos acompa\u00f1en. Son muy h\u00e1biles y les encanta ir delante, usemos nuestra orientaci\u00f3n y su capacidad en beneficio de ellos mismos. Conversemos de opciones para tener surfistas trabajando para la escuela chilena. Es una de las posibles \u201cformas nuevas\u201d de hacer curr\u00edculo que sea consecuente y eficiente con el desaf\u00edo inform\u00e1tico.<\/p>\n <div class=\"bg-amber-50 border-l-4 border-amber-400 p-6 my-8 text-amber-900 rounded-r-lg\">\n <span class=\"block font-bold mb-2 text-amber-700 uppercase text-sm tracking-wider font-sans\">Patricio del Sol, economista chileno en Stanford:<\/span>\n \u201cAlguien debe estar al tanto\u201d, claro, parece una locura dejarnos pasar por encima e ignorar una fuente de soluciones como la que nos ocupa. Cabe la pregunta, \u00bfc\u00f3mo est\u00e1 \u201cal tanto\u201d el MINEDUC?\n <\/div>\n <\/section>\n\n <section class=\"mb-16\">\n <h3 class=\"text-2xl font-bold text-slate-900 font-sans mb-6\">Para seguir<\/h3>\n <p>En la Web del Centro Comenius estar\u00e1 disponible, a partir del 10 del presente, la propuesta, un conjunto de documentos descargables que permiten conocer registros de m\u00e1s de veinte a\u00f1os de experiencia en la incorporaci\u00f3n de las tecnolog\u00edas de la informaci\u00f3n y las comunicaciones en la educaci\u00f3n y la direcci\u00f3n de uno de los Centros Zonales de Enlaces con asiento en la USACH.<\/p>\n <p>\n <button onclick=\"scrollToForm()\" class=\"font-bold text-blue-700 hover:text-blue-900 underline decoration-blue-300 hover:decoration-blue-700 transition-all cursor-pointer text-left\">\n Y, naturalmente un formulario de inscripci\u00f3n,\n <\/button>\n <\/p>\n <\/section>\n\n <section class=\"pt-12 border-t border-slate-200\">\n <h3 class=\"text-sm font-bold text-slate-400 uppercase tracking-widest mb-8 font-sans flex items-center gap-2\">\n <i data-lucide=\"link\" class=\"w-4 h-4\"><\/i>\n Conexiones y Documentos\n <\/h3>\n <div class=\"grid grid-cols-1 gap-3 font-sans not-prose\">\n \n <a href=\"https:\/\/www.innovacion.mineduc.cl\/acerca-del-cim\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group flex items-center justify-between p-5 bg-white border border-slate-200 rounded-xl hover:border-blue-400 hover:shadow-md transition-all\">\n <div class=\"flex items-center gap-3\">\n <div class=\"bg-blue-100 text-blue-600 p-2 rounded-lg\"><i data-lucide=\"link\" class=\"w-5 h-5\"><\/i><\/div>\n <span class=\"font-medium text-slate-700 group-hover:text-blue-700 text-base\">1. El Centro de Innovaci\u00f3n (CIM)<\/span>\n <\/div>\n <i data-lucide=\"external-link\" class=\"w-4 h-4 text-slate-300 group-hover:text-blue-500\"><\/i>\n <\/a>\n \n <a href=\"https:\/\/cenia.cl\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group flex items-center justify-between p-5 bg-white border border-slate-200 rounded-xl hover:border-purple-400 hover:shadow-md transition-all\">\n <div class=\"flex items-center gap-3\">\n <div class=\"bg-purple-100 text-purple-600 p-2 rounded-lg\"><i data-lucide=\"link\" class=\"w-5 h-5\"><\/i><\/div>\n <span class=\"font-medium text-slate-700 group-hover:text-purple-700 text-base\">2. Comisi\u00f3n nacional de IA: CENIA<\/span>\n <\/div>\n <i data-lucide=\"external-link\" class=\"w-4 h-4 text-slate-300 group-hover:text-purple-500\"><\/i>\n <\/a>\n\n \n <a href=\"https:\/\/drive.google.com\/file\/d\/16lcXcOwBMGN7kqOXEx5z2AOurv_LEHm-\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group flex items-center justify-between p-5 bg-white border border-slate-200 rounded-xl hover:border-slate-400 hover:shadow-md transition-all\">\n <div class=\"flex items-center gap-3\">\n <div class=\"bg-slate-100 text-slate-600 p-2 rounded-lg\"><i data-lucide=\"file-text\" class=\"w-5 h-5\"><\/i><\/div>\n <span class=\"font-medium text-slate-600 group-hover:text-slate-800 text-base text-left\">3. Informe final de Enlaces, publicado el 2004.<\/span>\n <\/div>\n <i data-lucide=\"download\" class=\"w-4 h-4 text-slate-300 group-hover:text-slate-600\"><\/i>\n <\/a>\n\n <a href=\"https:\/\/docs.google.com\/document\/d\/16Fgg8MllqE1mC6qW6HCdmdWHO0s7WC_s\/edit?usp=sharing&ouid=102850113012203044765&rtpof=true&sd=true\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group flex items-center justify-between p-5 bg-white border border-slate-200 rounded-xl hover:border-slate-400 hover:shadow-md transition-all\">\n <div class=\"flex items-center gap-3\">\n <div class=\"bg-slate-100 text-slate-600 p-2 rounded-lg\"><i data-lucide=\"file-text\" class=\"w-5 h-5\"><\/i><\/div>\n <span class=\"font-medium text-slate-600 group-hover:text-slate-800 text-base text-left\">4. Un documento que caracteriza la filosof\u00eda, los principios que orientan las acciones de los proponentes en educaci\u00f3n tal comoprpuesto a la SOCHIEM.<\/span>\n <\/div>\n <i data-lucide=\"download\" class=\"w-4 h-4 text-slate-300 group-hover:text-slate-600\"><\/i>\n <\/a>\n\n <a href=\"https:\/\/docs.google.com\/document\/d\/1ucnQcQCr8OBr1CrWKKEhPOFZe8-nDcRk\/edit?usp=sharing&ouid=102850113012203044765&rtpof=true&sd=true\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group flex items-center justify-between p-5 bg-white border border-slate-200 rounded-xl hover:border-slate-400 hover:shadow-md transition-all\">\n <div class=\"flex items-center gap-3\">\n <div class=\"bg-slate-100 text-slate-600 p-2 rounded-lg\"><i data-lucide=\"file-text\" class=\"w-5 h-5\"><\/i><\/div>\n <span class=\"font-medium text-slate-600 group-hover:text-slate-800 text-base text-left\">5. \u00bfTienen impacto las tecnolog\u00edas digitales y las comunicaciones en la educaci\u00f3n? Publicado en el Bolet\u00edn de Enlaces el 2006.<\/span>\n <\/div>\n <i data-lucide=\"external-link\" class=\"w-4 h-4 text-slate-300 group-hover:text-slate-600\"><\/i>\n <\/a>\n\n <a href=\"https:\/\/docs.google.com\/document\/d\/120UodE-DIXAOUth1H98HZfziDsCiVsBn\/edit?usp=sharing&ouid=102850113012203044765&rtpof=true&sd=true\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group flex items-center justify-between p-5 bg-white border border-slate-200 rounded-xl hover:border-slate-400 hover:shadow-md transition-all\">\n <div class=\"flex items-center gap-3\">\n <div class=\"bg-slate-100 text-slate-600 p-2 rounded-lg\"><i data-lucide=\"file-text\" class=\"w-5 h-5\"><\/i><\/div>\n <span class=\"font-medium text-slate-600 group-hover:text-slate-800 text-base text-left\">6. \u00bfPor qu\u00e9 a Chile le conviene apretar el acelerador de Enlaces, ahora? Del a\u00f1o 2010.<\/span>\n <\/div>\n <i data-lucide=\"external-link\" class=\"w-4 h-4 text-slate-300 group-hover:text-slate-600\"><\/i>\n <\/a>\n\n <a href=\"https:\/\/drive.google.com\/file\/d\/1RmgQhbl1v4M4WHSNZnwpg_ogK6M8mx3q\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group flex items-center justify-between p-5 bg-white border border-slate-200 rounded-xl hover:border-slate-400 hover:shadow-md transition-all\">\n <div class=\"flex items-center gap-3\">\n <div class=\"bg-slate-100 text-slate-600 p-2 rounded-lg\"><i data-lucide=\"file-text\" class=\"w-5 h-5\"><\/i><\/div>\n <span class=\"font-medium text-slate-600 group-hover:text-slate-800 text-base text-left\">7. El libro Abierto de Enlaces, con 11 art\u00edculos de investigadores y desarrolladores. Publicado el 2010.<\/span>\n <\/div>\n <i data-lucide=\"download\" class=\"w-4 h-4 text-slate-300 group-hover:text-slate-600\"><\/i>\n <\/a>\n\n <a href=\"https:\/\/docs.google.com\/document\/d\/1ybW6s68IYEt-er_eng8YVZF-VP80WPVr\/edit?usp=sharing&ouid=102850113012203044765&rtpof=true&sd=true\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group flex items-center justify-between p-5 bg-white border border-slate-200 rounded-xl hover:border-slate-400 hover:shadow-md transition-all\">\n <div class=\"flex items-center gap-3\">\n <div class=\"bg-slate-100 text-slate-600 p-2 rounded-lg\"><i data-lucide=\"file-text\" class=\"w-5 h-5\"><\/i><\/div>\n <span class=\"font-medium text-slate-600 group-hover:text-slate-800 text-base text-left\">8. A\/B Coloring Textbooks: the next Orbis Sensalium Pictus? Publicaci\u00f3n reciente de Roberto Araya.<\/span>\n <\/div>\n <i data-lucide=\"external-link\" class=\"w-4 h-4 text-slate-300 group-hover:text-slate-600\"><\/i>\n <\/a>\n\n <a href=\"https:\/\/docs.google.com\/document\/d\/1LDcjDIYXt22DlO_ASkm1fH1dFg9C9fbr\/edit?usp=sharing&ouid=102850113012203044765&rtpof=true&sd=true\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group flex items-center justify-between p-5 bg-white border border-slate-200 rounded-xl hover:border-slate-400 hover:shadow-md transition-all\">\n <div class=\"flex items-center gap-3\">\n <div class=\"bg-slate-100 text-slate-600 p-2 rounded-lg\"><i data-lucide=\"file-text\" class=\"w-5 h-5\"><\/i><\/div>\n <span class=\"font-medium text-slate-600 group-hover:text-slate-800 text-base text-left\">9. Una entrevista reciente publicada en el Bolet\u00edn de la Sochiem al autor de esta propuesta.<\/span>\n <\/div>\n <i data-lucide=\"external-link\" class=\"w-4 h-4 text-slate-300 group-hover:text-slate-600\"><\/i>\n <\/a>\n\n <a href=\"https:\/\/docs.google.com\/document\/d\/1ODC442YDFp3vd2Fj-EfU2QgRnOlb4C-B\/edit?usp=sharing&ouid=102850113012203044765&rtpof=true&sd=true\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group flex items-center justify-between p-5 bg-white border border-slate-200 rounded-xl hover:border-slate-400 hover:shadow-md transition-all\">\n <div class=\"flex items-center gap-3\">\n <div class=\"bg-slate-100 text-slate-600 p-2 rounded-lg\"><i data-lucide=\"file-text\" class=\"w-5 h-5\"><\/i><\/div>\n <span class=\"font-medium text-slate-600 group-hover:text-slate-800 text-base text-left\">10. Tecnolog\u00edas para la Educaci\u00f3n, formaci\u00f3n docente e innovaci\u00f3n.<\/span>\n <\/div>\n <i data-lucide=\"external-link\" class=\"w-4 h-4 text-slate-300 group-hover:text-slate-600\"><\/i>\n <\/a>\n\n <a href=\"https:\/\/drive.google.com\/file\/d\/1UPiQMq2lUHSkWmxm2JRaVpJHRYhLbMBc\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group flex items-center justify-between p-5 bg-white border border-slate-200 rounded-xl hover:border-slate-400 hover:shadow-md transition-all\">\n <div class=\"flex items-center gap-3\">\n <div class=\"bg-slate-100 text-slate-600 p-2 rounded-lg\"><i data-lucide=\"file-text\" class=\"w-5 h-5\"><\/i><\/div>\n <span class=\"font-medium text-slate-600 group-hover:text-slate-800 text-base text-left\">11. \"El Modelo Interactivo\", una forma de hacer operativas las ideas que orientan esta invitaci\u00f3n.<\/span>\n <\/div>\n <i data-lucide=\"external-link\" class=\"w-4 h-4 text-slate-300 group-hover:text-slate-600\"><\/i>\n <\/a>\n\n <a href=\"https:\/\/docs.google.com\/document\/d\/1UshsgQPKrHanNZJpNTrTIOoVFlMKS0aD\/edit?usp=sharing&ouid=102850113012203044765&rtpof=true&sd=true\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group flex items-center justify-between p-5 bg-white border border-slate-200 rounded-xl hover:border-slate-400 hover:shadow-md transition-all\">\n <div class=\"flex items-center gap-3\">\n <div class=\"bg-slate-100 text-slate-600 p-2 rounded-lg\"><i data-lucide=\"file-text\" class=\"w-5 h-5\"><\/i><\/div>\n <span class=\"font-medium text-slate-600 group-hover:text-slate-800 text-base text-left\">12. Una Aplicaci\u00f3n de la Inteligencia Artificial a la Mediaci\u00f3n del Aprendizaje Independiente (Universidad de las Am\u00e9ricas, octubre 2014).<\/span>\n <\/div>\n <i data-lucide=\"external-link\" class=\"w-4 h-4 text-slate-300 group-hover:text-slate-600\"><\/i>\n <\/a>\n\n <\/div>\n\n <div class=\"mt-20 mb-10 text-center\">\n <p class=\"font-serif italic text-3xl text-slate-300\">\u00a1Gracias!<\/p>\n <p class=\"font-serif italic text-3xl text-red-600 font-medium mt-2\">\u00a1Dejad que las \u00e1guilas vuelen!<\/p>\n <\/div>\n \n <footer class=\"text-center border-t border-slate-100 pt-8 pb-4\">\n <p class=\"font-sans text-sm font-bold text-slate-400 tracking-wider uppercase\">Corporaci\u00f3n Centro Comenius<\/p>\n <\/footer>\n <\/section>\n <\/article>\n <\/div>\n\n \n \n \n <div id=\"registration-form\" class=\"lg:w-[40%] bg-slate-50 lg:h-screen lg:overflow-y-auto border-l border-slate-200 relative scroll-mt-10\">\n <div class=\"p-6 md:p-10 sticky top-0 min-h-screen flex flex-col justify-center\">\n \n <div class=\"bg-white rounded-3xl shadow-[0_20px_50px_-12px_rgba(0,0,0,0.1)] border border-slate-100 overflow-hidden min-h-[600px] flex flex-col\">\n \n \n <div class=\"bg-slate-900 p-8 text-white relative overflow-hidden flex-shrink-0\">\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-blue-500 rounded-full blur-[60px] opacity-20 transform translate-x-10 -translate-y-10\"><\/div>\n <div class=\"relative z-10\">\n <div class=\"flex items-center gap-3 mb-3\">\n <div class=\"bg-white\/10 backdrop-blur-sm p-2 rounded-lg\">\n <i data-lucide=\"user-plus\" class=\"w-5 h-5 text-blue-200\"><\/i>\n <\/div>\n <span class=\"text-blue-200 font-medium tracking-wide text-xs uppercase\">\u00danete a la iniciativa<\/span>\n <\/div>\n <h2 class=\"text-2xl font-bold tracking-tight\">Formulario de Inscripci\u00f3n<\/h2>\n <p class=\"text-slate-300 text-sm mt-2 font-light\">\n Complete sus datos para formar parte de la red de colaboraci\u00f3n.\n <\/p>\n <\/div>\n <\/div>\n\n \n <div id=\"form-view\" class=\"p-8 space-y-6 flex-grow\">\n <form id=\"main-form\" class=\"space-y-6\">\n \n \n <div class=\"flex flex-col space-y-1.5 group\">\n <label class=\"text-xs font-semibold text-slate-500 uppercase tracking-wider group-focus-within:text-blue-600 transition-colors\">Nombre Completo<\/label>\n <input required type=\"text\" name=\"name\" placeholder=\"Ingrese su nombre\" class=\"w-full px-4 py-3 rounded-lg text-slate-700 border border-slate-200 bg-slate-50 focus:bg-white focus:border-blue-500 focus:ring-4 focus:ring-blue-500\/10 outline-none transition-all\">\n <\/div>\n\n \n <div class=\"flex flex-col space-y-1.5 group\">\n <label class=\"text-xs font-semibold text-slate-500 uppercase tracking-wider group-focus-within:text-blue-600 transition-colors\">Correo Electr\u00f3nico<\/label>\n <input required type=\"email\" name=\"email\" placeholder=\"nombre@organizacion.com\" class=\"w-full px-4 py-3 rounded-lg text-slate-700 border border-slate-200 bg-slate-50 focus:bg-white focus:border-blue-500 focus:ring-4 focus:ring-blue-500\/10 outline-none transition-all\">\n <\/div>\n\n \n <div class=\"grid grid-cols-1 xl:grid-cols-2 gap-5\">\n <div class=\"flex flex-col space-y-1.5 group\">\n <label class=\"text-xs font-semibold text-slate-500 uppercase tracking-wider group-focus-within:text-blue-600 transition-colors\">Tel\u00e9fono<\/label>\n <input type=\"text\" name=\"phone\" placeholder=\"+56 9...\" class=\"w-full px-4 py-3 rounded-lg text-slate-700 border border-slate-200 bg-slate-50 focus:bg-white focus:border-blue-500 focus:ring-4 focus:ring-blue-500\/10 outline-none transition-all\">\n <\/div>\n <div class=\"flex flex-col space-y-1.5 group\">\n <label class=\"text-xs font-semibold text-slate-500 uppercase tracking-wider group-focus-within:text-blue-600 transition-colors\">Instituci\u00f3n \/ Referencia<\/label>\n <input type=\"text\" name=\"institution\" placeholder=\"Universidad, Colegio...\" class=\"w-full px-4 py-3 rounded-lg text-slate-700 border border-slate-200 bg-slate-50 focus:bg-white focus:border-blue-500 focus:ring-4 focus:ring-blue-500\/10 outline-none transition-all\">\n <\/div>\n <\/div>\n\n \n <div class=\"flex flex-col space-y-1.5 group\">\n <label class=\"text-xs font-semibold text-slate-500 uppercase tracking-wider group-focus-within:text-blue-600 transition-colors\">Motivaci\u00f3n e Inter\u00e9s<\/label>\n <textarea required name=\"reason\" rows=\"3\" placeholder=\"Cu\u00e9ntanos brevemente qu\u00e9 te motiva a participar...\" class=\"w-full px-4 py-3 rounded-lg text-slate-700 border border-slate-200 bg-slate-50 focus:bg-white focus:border-blue-500 focus:ring-4 focus:ring-blue-500\/10 outline-none transition-all resize-y min-h-[100px]\"><\/textarea>\n <\/div>\n\n \n <div class=\"space-y-3\">\n <label class=\"text-xs font-semibold text-slate-500 uppercase tracking-wider block\">\u00c1reas de Contribuci\u00f3n<\/label>\n <div class=\"grid gap-2 max-h-60 overflow-y-auto custom-scrollbar pr-2\" id=\"contributions-container\">\n \n <label class=\"checkbox-item flex items-start gap-3 p-3 rounded-xl border border-slate-100 bg-white cursor-pointer select-none\" onclick=\"toggleCheckbox(this)\">\n <input type=\"checkbox\" name=\"contributions\" value=\"Participante de la Red\" class=\"hidden\">\n \n <div class=\"checkbox-box flex-shrink-0 w-5 h-5 rounded border border-slate-400 bg-white flex items-center justify-center mt-0.5\" style=\"border: 1px solid #94a3b8;\">\n <i data-lucide=\"check\" class=\"w-3.5 h-3.5 text-white opacity-0 transition-opacity\"><\/i>\n <\/div>\n <span class=\"text-sm leading-snug text-slate-600\">Participante de la Red<\/span>\n <\/label>\n\n <label class=\"checkbox-item flex items-start gap-3 p-3 rounded-xl border border-slate-100 bg-white cursor-pointer select-none\" onclick=\"toggleCheckbox(this)\">\n <input type=\"checkbox\" name=\"contributions\" value=\"Apoyo en la animaci\u00f3n de la red\" class=\"hidden\">\n <div class=\"checkbox-box flex-shrink-0 w-5 h-5 rounded border border-slate-400 bg-white flex items-center justify-center mt-0.5\" style=\"border: 1px solid #94a3b8;\">\n <i data-lucide=\"check\" class=\"w-3.5 h-3.5 text-white opacity-0 transition-opacity\"><\/i>\n <\/div>\n <span class=\"text-sm leading-snug text-slate-600\">Apoyo en la animaci\u00f3n de la red<\/span>\n <\/label>\n\n <label class=\"checkbox-item flex items-start gap-3 p-3 rounded-xl border border-slate-100 bg-white cursor-pointer select-none\" onclick=\"toggleCheckbox(this)\">\n <input type=\"checkbox\" name=\"contributions\" value=\"Conexi\u00f3n a otro(s) espacio(s) virtual(es)\" class=\"hidden\">\n <div class=\"checkbox-box flex-shrink-0 w-5 h-5 rounded border border-slate-400 bg-white flex items-center justify-center mt-0.5\" style=\"border: 1px solid #94a3b8;\">\n <i data-lucide=\"check\" class=\"w-3.5 h-3.5 text-white opacity-0 transition-opacity\"><\/i>\n <\/div>\n <span class=\"text-sm leading-snug text-slate-600\">Conexi\u00f3n a otro(s) espacio(s) virtual(es)<\/span>\n <\/label>\n\n <label class=\"checkbox-item flex items-start gap-3 p-3 rounded-xl border border-slate-100 bg-white cursor-pointer select-none\" onclick=\"toggleCheckbox(this)\">\n <input type=\"checkbox\" name=\"contributions\" value=\"Buscar auspicios institucionales y\/o financieros\" class=\"hidden\">\n <div class=\"checkbox-box flex-shrink-0 w-5 h-5 rounded border border-slate-400 bg-white flex items-center justify-center mt-0.5\" style=\"border: 1px solid #94a3b8;\">\n <i data-lucide=\"check\" class=\"w-3.5 h-3.5 text-white opacity-0 transition-opacity\"><\/i>\n <\/div>\n <span class=\"text-sm leading-snug text-slate-600\">Buscar auspicios institucionales y\/o financieros<\/span>\n <\/label>\n\n <label class=\"checkbox-item flex items-start gap-3 p-3 rounded-xl border border-slate-100 bg-white cursor-pointer select-none\" onclick=\"toggleCheckbox(this)\">\n <input type=\"checkbox\" name=\"contributions\" value=\"Ofrecer un espacio f\u00edsico para reuni\u00f3n presencial (abril 2026, Santiago)\" class=\"hidden\">\n <div class=\"checkbox-box flex-shrink-0 w-5 h-5 rounded border border-slate-400 bg-white flex items-center justify-center mt-0.5\" style=\"border: 1px solid #94a3b8;\">\n <i data-lucide=\"check\" class=\"w-3.5 h-3.5 text-white opacity-0 transition-opacity\"><\/i>\n <\/div>\n <span class=\"text-sm leading-snug text-slate-600\">Ofrecer un espacio f\u00edsico para reuni\u00f3n presencial (abril 2026, Santiago)<\/span>\n <\/label>\n\n <label class=\"checkbox-item flex items-start gap-3 p-3 rounded-xl border border-slate-100 bg-white cursor-pointer select-none\" onclick=\"toggleCheckbox(this)\">\n <input type=\"checkbox\" name=\"contributions\" value=\"Apoyo digital y virtual para complementar reuniones presenciales\" class=\"hidden\">\n <div class=\"checkbox-box flex-shrink-0 w-5 h-5 rounded border border-slate-400 bg-white flex items-center justify-center mt-0.5\" style=\"border: 1px solid #94a3b8;\">\n <i data-lucide=\"check\" class=\"w-3.5 h-3.5 text-white opacity-0 transition-opacity\"><\/i>\n <\/div>\n <span class=\"text-sm leading-snug text-slate-600\">Apoyo digital y virtual para complementar reuniones presenciales<\/span>\n <\/label>\n\n <label class=\"checkbox-item flex items-start gap-3 p-3 rounded-xl border border-slate-100 bg-white cursor-pointer select-none\" onclick=\"toggleCheckbox(this)\">\n <input type=\"checkbox\" name=\"contributions\" value=\"Apoyo para realizar \/ difundir acciones o eventos futuros\" class=\"hidden\">\n <div class=\"checkbox-box flex-shrink-0 w-5 h-5 rounded border border-slate-400 bg-white flex items-center justify-center mt-0.5\" style=\"border: 1px solid #94a3b8;\">\n <i data-lucide=\"check\" class=\"w-3.5 h-3.5 text-white opacity-0 transition-opacity\"><\/i>\n <\/div>\n <span class=\"text-sm leading-snug text-slate-600\">Apoyo para realizar \/ difundir acciones o eventos futuros<\/span>\n <\/label>\n\n <label class=\"checkbox-item flex items-start gap-3 p-3 rounded-xl border border-slate-100 bg-white cursor-pointer select-none\" onclick=\"toggleCheckbox(this, true)\">\n <input type=\"checkbox\" name=\"contributions\" value=\"Otro\" class=\"hidden\">\n <div class=\"checkbox-box flex-shrink-0 w-5 h-5 rounded border border-slate-400 bg-white flex items-center justify-center mt-0.5\" style=\"border: 1px solid #94a3b8;\">\n <i data-lucide=\"check\" class=\"w-3.5 h-3.5 text-white opacity-0 transition-opacity\"><\/i>\n <\/div>\n <span class=\"text-sm leading-snug text-slate-600\">Otro (especificar abajo)<\/span>\n <\/label>\n\n <\/div>\n <\/div>\n \n \n <div id=\"other-contribution-field\" class=\"hidden animate-fade-in pl-4 border-l-2 border-blue-200\">\n <div class=\"flex flex-col space-y-1.5 group\">\n <label class=\"text-xs font-semibold text-slate-500 uppercase tracking-wider\">Especifique 'Otro'<\/label>\n <input type=\"text\" name=\"otherContributionDetail\" placeholder=\"Describa su contribuci\u00f3n...\" class=\"w-full px-4 py-3 rounded-lg text-slate-700 border border-slate-200 bg-slate-50 focus:bg-white focus:border-blue-500 outline-none\">\n <\/div>\n <\/div>\n\n \n <div id=\"error-message\" class=\"hidden p-4 bg-red-50 text-red-700 text-sm rounded-xl border border-red-100 flex items-start gap-3\">\n <span class=\"w-2 h-2 mt-1.5 rounded-full bg-red-500 flex-shrink-0\"><\/span>\n <span id=\"error-text\">Error al enviar.<\/span>\n <\/div>\n\n \n <button type=\"submit\" id=\"submit-btn\" class=\"w-full flex items-center justify-center space-x-2 py-4 px-6 rounded-xl text-white font-bold tracking-wide transition-all shadow-lg shadow-blue-900\/10 bg-slate-900 hover:bg-blue-700 hover:shadow-xl hover:-translate-y-0.5\">\n <i data-lucide=\"loader-2\" id=\"loading-spinner\" class=\"hidden w-5 h-5 animate-spin\"><\/i>\n <span id=\"submit-text\">Enviar Inscripci\u00f3n<\/span>\n <i data-lucide=\"chevron-right\" id=\"submit-icon\" class=\"w-4 h-4\"><\/i>\n <\/button>\n \n <p class=\"text-center text-xs text-slate-400\">\n Respaldo autom\u00e1tico v\u00eda Google AI © 2025\n <\/p>\n <\/form>\n <\/div>\n\n \n <div id=\"success-view\" class=\"hidden p-8 flex-col items-center justify-center space-y-8 animate-fade-in text-center h-full flex-grow\">\n <div class=\"w-24 h-24 bg-green-100 rounded-full flex items-center justify-center mb-2 shadow-sm\">\n <i data-lucide=\"check-circle\" class=\"w-12 h-12 text-green-600\"><\/i>\n <\/div>\n \n <div class=\"space-y-3\">\n <h2 class=\"text-3xl font-bold text-slate-900 font-serif\">\u00a1Inscripci\u00f3n Recibida!<\/h2>\n <p class=\"text-slate-600 max-w-md mx-auto text-lg\">\n Muchas gracias, <strong id=\"success-name\">Nombre<\/strong>.\n <\/p>\n <div class=\"flex items-center justify-center gap-2 text-slate-500 text-sm\">\n <i data-lucide=\"mail\" class=\"w-4 h-4\"><\/i>\n <span>Hemos enviado tus datos al equipo organizador.<\/span>\n <\/div>\n <\/div>\n\n \n <div id=\"ai-result-box\" class=\"hidden w-full max-w-lg bg-slate-50 border border-slate-100 rounded-2xl p-6 text-left shadow-sm relative overflow-hidden group hover:shadow-md transition-shadow\">\n <div class=\"absolute top-0 left-0 w-1 h-full bg-blue-500\"><\/div>\n <div class=\"flex items-center justify-between mb-4\">\n <h3 class=\"text-xs font-bold text-slate-400 uppercase tracking-widest\">Perfil Detectado<\/h3>\n <span id=\"ai-profile-type\" class=\"px-3 py-1 bg-blue-100 text-blue-800 text-xs rounded-full font-bold\"><\/span>\n <\/div>\n <p id=\"ai-summary-text\" class=\"text-slate-700 italic leading-relaxed text-base font-serif\"><\/p>\n <\/div>\n\n <div class=\"pt-4\">\n <button onclick=\"resetForm()\" class=\"flex items-center justify-center space-x-2 bg-slate-900 hover:bg-blue-700 text-white px-8 py-4 rounded-xl transition-all shadow-lg hover:shadow-xl hover:-translate-y-0.5 font-medium tracking-wide cursor-pointer\">\n <span>Realizar otra inscripci\u00f3n<\/span>\n <i data-lucide=\"refresh-cw\" class=\"w-4 h-4\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <script>\n \/\/ CONFIGURACI\u00d3N\n const FORM_ENDPOINT_URL = \"https:\/\/formspree.io\/f\/mrbnaypd\";\n const GEMINI_API_KEY = \"\"; \/\/ D\u00e9jalo vac\u00edo si no usas IA\n\n \/\/ Inicializar Iconos al cargar\n document.addEventListener('DOMContentLoaded', () => {\n lucide.createIcons();\n });\n\n function scrollToForm() {\n document.getElementById('registration-form').scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n\n \/\/ L\u00f3gica de Checkbox manual para m\u00e1xima compatibilidad\n function toggleCheckbox(element, isOther = false) {\n \/\/ Prevenir doble disparo si se hace clic en el input mismo\n if (event.target.tagName === 'INPUT') return;\n\n const input = element.querySelector('input');\n const box = element.querySelector('.checkbox-box');\n const icon = box.querySelector('i') || box.querySelector('svg');\n\n \/\/ Cambiar estado del input real\n input.checked = !input.checked;\n\n if (input.checked) {\n \/\/ Estado ACTIVO\n element.classList.add('bg-blue-50', 'border-blue-200');\n element.classList.remove('bg-white', 'border-slate-100');\n \n box.classList.add('bg-blue-600', 'border-blue-600');\n box.classList.remove('bg-white', 'border-slate-400');\n box.style.border = \"1px solid #2563eb\"; \/\/ Force blue border\n \n if(icon) icon.classList.remove('opacity-0');\n } else {\n \/\/ Estado INACTIVO\n element.classList.remove('bg-blue-50', 'border-blue-200');\n element.classList.add('bg-white', 'border-slate-100');\n \n box.classList.remove('bg-blue-600', 'border-blue-600');\n box.classList.add('bg-white', 'border-slate-400');\n box.style.border = \"1px solid #94a3b8\"; \/\/ Force grey border\n \n if(icon) icon.classList.add('opacity-0');\n }\n\n \/\/ Manejar campo \"Otro\"\n if (isOther) {\n const otherField = document.getElementById('other-contribution-field');\n if (input.checked) otherField.classList.remove('hidden');\n else otherField.classList.add('hidden');\n }\n }\n\n \/\/ Manejo del Env\u00edo\n const form = document.getElementById('main-form');\n form.addEventListener('submit', async (e) => {\n e.preventDefault();\n \n \/\/ UI Loading\n const btn = document.getElementById('submit-btn');\n const spinner = document.getElementById('loading-spinner');\n const btnText = document.getElementById('submit-text');\n const btnIcon = document.getElementById('submit-icon');\n const errorBox = document.getElementById('error-message');\n \n btn.disabled = true;\n btn.classList.add('bg-slate-400');\n btn.classList.remove('bg-slate-900', 'hover:bg-blue-700');\n spinner.classList.remove('hidden');\n btnIcon.classList.add('hidden');\n btnText.innerText = \"Procesando...\";\n errorBox.classList.add('hidden');\n\n try {\n \/\/ Recopilar datos\n const formData = new FormData(form);\n const data = Object.fromEntries(formData.entries());\n \n \/\/ Arreglar checkboxes (FormData solo trae el \u00faltimo si tienen mismo nombre, hay que juntarlos)\n const checkboxes = document.querySelectorAll('input[name=\"contributions\"]:checked');\n const contributions = Array.from(checkboxes).map(cb => cb.value);\n \n const payload = {\n name: data.name,\n email: data.email,\n phone: data.phone,\n institution: data.institution,\n reason: data.reason,\n contributions: contributions.join(', '),\n otherContributionDetail: data.otherContributionDetail || '',\n timestamp: new Date().toISOString(),\n _subject: `Nueva Inscripci\u00f3n: ${data.name}`\n };\n\n \/\/ 1. LLAMADA A IA (Opcional, din\u00e1mica)\n let aiData = null;\n if (GEMINI_API_KEY) {\n try {\n const { GoogleGenAI } = await import(\"https:\/\/esm.run\/@google\/genai\");\n const ai = new GoogleGenAI({ apiKey: GEMINI_API_KEY });\n const prompt = `Analiza perfil para red educativa: ${payload.name}, ${payload.institution}, ${payload.reason}, ${payload.contributions}. Genera JSON { \"summary\": \"frase corta\", \"profileType\": \"tipo corto\" }`;\n \n const result = await ai.models.generateContent({\n model: \"gemini-2.5-flash\",\n contents: prompt,\n config: { responseMimeType: \"application\/json\" }\n });\n aiData = JSON.parse(result.text);\n } catch (err) {\n console.log(\"AI skipped\", err);\n }\n }\n\n if (aiData) {\n payload.aiSummary = aiData.summary;\n payload.aiProfileType = aiData.profileType;\n }\n\n \/\/ 2. ENVIAR A FORMSPREE\n const response = await fetch(FORM_ENDPOINT_URL, {\n method: 'POST',\n headers: { \n 'Content-Type': 'application\/json',\n 'Accept': 'application\/json'\n },\n body: JSON.stringify(payload)\n });\n\n if (response.ok) {\n showSuccess(payload.name, aiData);\n } else {\n throw new Error(\"Error en el servidor\");\n }\n\n } catch (error) {\n console.error(error);\n errorBox.classList.remove('hidden');\n document.getElementById('error-text').innerText = \"Hubo un error al enviar. Intente nuevamente.\";\n \n \/\/ Restaurar bot\u00f3n\n btn.disabled = false;\n btn.classList.remove('bg-slate-400');\n btn.classList.add('bg-slate-900', 'hover:bg-blue-700');\n spinner.classList.add('hidden');\n btnIcon.classList.remove('hidden');\n btnText.innerText = \"Enviar Inscripci\u00f3n\";\n }\n });\n\n function showSuccess(name, aiData) {\n document.getElementById('form-view').classList.add('hidden');\n document.getElementById('success-view').classList.remove('hidden');\n document.getElementById('success-view').classList.add('flex'); \/\/ Es flexbox\n document.getElementById('success-name').innerText = name;\n\n if (aiData) {\n document.getElementById('ai-result-box').classList.remove('hidden');\n document.getElementById('ai-profile-type').innerText = aiData.profileType;\n document.getElementById('ai-summary-text').innerText = `\"${aiData.summary}\"`;\n }\n }\n\n function resetForm() {\n form.reset();\n \/\/ Reset visual checkboxes manually\n document.querySelectorAll('.checkbox-item').forEach(item => {\n const input = item.querySelector('input');\n input.checked = false;\n \/\/ Simular click falso para resetear estilos\n \/\/ O mejor, resetear estilos manualmente:\n item.classList.remove('bg-blue-50', 'border-blue-200');\n item.classList.add('bg-white', 'border-slate-100');\n \n const box = item.querySelector('.checkbox-box');\n box.classList.remove('bg-blue-600', 'border-blue-600');\n box.classList.add('bg-white', 'border-slate-400');\n box.style.border = \"1px solid #94a3b8\";\n\n const icon = box.querySelector('i') || box.querySelector('svg');\n if(icon) icon.classList.add('opacity-0');\n });\n\n document.getElementById('other-contribution-field').classList.add('hidden');\n \n \/\/ Restaurar Vistas\n document.getElementById('success-view').classList.add('hidden');\n document.getElementById('success-view').classList.remove('flex');\n document.getElementById('form-view').classList.remove('hidden');\n \n \/\/ Restaurar bot\u00f3n\n const btn = document.getElementById('submit-btn');\n btn.disabled = false;\n btn.classList.remove('bg-slate-400');\n btn.classList.add('bg-slate-900', 'hover:bg-blue-700');\n document.getElementById('loading-spinner').classList.add('hidden');\n document.getElementById('submit-icon').classList.remove('hidden');\n document.getElementById('submit-text').innerText = \"Enviar Inscripci\u00f3n\";\n }\n <\/script>\n<\/body>\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Invitaci\u00f3n: Renovaci\u00f3n de Pol\u00edticas P\u00fablicas Documento de Trabajo Hacia una renovaci\u00f3n de las pol\u00edticas p\u00fablicas en materia de tecnolog\u00edas digitales y educaci\u00f3n Una invitaci\u00f3n. Fidel Oteiza Morra Santiago, diciembre de 2025 Presentaci\u00f3n Este documento es un llamado a la formaci\u00f3n de una comisi\u00f3n, de un grupo de trabajo, que tenga por objeto dise\u00f1ar y generar …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/centrocomenius.org\/?page_id=1367\"> <span class=\"screen-reader-text\">Pol\u00edtica de IA<\/span> Leer m\u00e1s »<\/a><\/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":"page-builder","ast-global-header-display":"","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":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"class_list":["post-1367","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/centrocomenius.org\/index.php?rest_route=\/wp\/v2\/pages\/1367","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/centrocomenius.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/centrocomenius.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/centrocomenius.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/centrocomenius.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1367"}],"version-history":[{"count":16,"href":"https:\/\/centrocomenius.org\/index.php?rest_route=\/wp\/v2\/pages\/1367\/revisions"}],"predecessor-version":[{"id":1388,"href":"https:\/\/centrocomenius.org\/index.php?rest_route=\/wp\/v2\/pages\/1367\/revisions\/1388"}],"wp:attachment":[{"href":"https:\/\/centrocomenius.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}