Noticias<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n background: #f9f9f9;\n margin: 0;\n padding: 20px;\n }\n h1 {\n text-align: center;\n color: #00304D;\n }\n .contenedor-noticias {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n max-width: 1000px;\n margin: auto;\n }\n .tarjeta {\n background: #fff;\n border-radius: 8px;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n }\n .tarjeta img {\n width: 100%;\n height: 180px;\n object-fit: cover;\n }\n .tarjeta .contenido {\n padding: 15px;\n }\n .tarjeta h3 {\n margin: 0 0 10px;\n font-size: 18px;\n color: #00304D;\n }\n .boton {\n display: inline-block;\n margin-top: 10px;\n padding: 8px 16px;\n background-color: #00304D;\n color: white;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n text-decoration: none;\n }\n .boton:hover {\n background-color: #002438;\n }\n .ver-mas-menos {\n text-align: center;\n margin-top: 20px;\n }\n .modal {\n position: fixed;\n top: 0; left: 0;\n width: 100%; height: 100%;\n background: rgba(0,0,0,0.6);\n display: none;\n justify-content: center;\n align-items: center;\n z-index: 9999;\n }\n .modal-content {\n background: white;\n padding: 20px;\n max-width: 600px;\n width: 90%;\n border-radius: 8px;\n position: relative;\n }\n .modal-content h2 {\n margin-top: 0;\n color: #00304D;\n }\n .cerrar-modal {\n position: absolute;\n top: 10px; right: 15px;\n font-size: 20px;\n cursor: pointer;\n color: #00304D;\n }\n <\/style>\n<\/head>\n<body>\n\n <h1>\u00daltimas Noticias<\/h1>\n <br>\n <div class=\"contenedor-noticias\" id=\"contenedor-noticias\"><\/div>\n\n <div class=\"ver-mas-menos\">\n <button id=\"ver-mas\" class=\"boton\">Ver m\u00e1s<\/button>\n <button id=\"ver-menos\" class=\"boton\" style=\"display:none;\">Ver menos<\/button>\n <\/div>\n\n \n <div class=\"modal\" id=\"modal\">\n <div class=\"modal-content\">\n <span class=\"cerrar-modal\" onclick=\"cerrarModal()\">×<\/span>\n <h2 id=\"modal-titulo\"><\/h2>\n <p id=\"modal-descripcion\"><\/p>\n <\/div>\n <\/div>\n\n <script>\n const noticias = [\n {\n titulo: \"Lanzamiento de Nueva Plataforma Educativa\",\n descripcion: \"Nuestra empresa present\u00f3 una plataforma de aprendizaje virtual que facilitar\u00e1 el acceso a cursos de programaci\u00f3n a j\u00f3venes de zonas rurales.\",\n imagen: \"https:\/\/fabricasw.cloudsenactpi.net\/wp-content\/uploads\/2025\/05\/ia-2.jpg\"\n },\n {\n titulo: \"Software de Gesti\u00f3n Municipal en Marcha\",\n descripcion: \"Implementamos con \u00e9xito un sistema digital para optimizar procesos administrativos en el municipio.\",\n imagen: \"https:\/\/via.placeholder.com\/350x200?text=Gesti\u00f3n+Municipal\"\n },\n {\n titulo: \"Taller Gratuito: Introducci\u00f3n a la Inteligencia Artificial\",\n descripcion: \"M\u00e1s de 60 j\u00f3venes participaron en nuestro taller introductorio a la IA, donde aprendieron sobre redes neuronales y machine learning.\",\n imagen: \"https:\/\/via.placeholder.com\/350x200?text=Inteligencia+Artificial\"\n },\n {\n titulo: \"Alianza Estrat\u00e9gica con C\u00e1mara de Comercio\",\n descripcion: \"Firmamos un convenio con la C\u00e1mara de Comercio local para fortalecer la transformaci\u00f3n digital de emprendedores.\",\n imagen: \"https:\/\/via.placeholder.com\/350x200?text=C\u00e1mara+de+Comercio\"\n },\n {\n titulo: \"Evento de Innovaci\u00f3n: Hackathon Mercaderes 2025\",\n descripcion: \"Organizamos un hackathon con m\u00e1s de 100 participantes desarrollando soluciones tecnol\u00f3gicas para problemas reales del municipio.\",\n imagen: \"https:\/\/via.placeholder.com\/350x200?text=Hackathon+2025\"\n },\n {\n titulo: \"Lanzamos App de Rutas P\u00fablicas Inteligentes\",\n descripcion: \"Ya est\u00e1 disponible nuestra app m\u00f3vil que facilita la movilidad en transporte p\u00fablico en Mercaderes.\",\n imagen: \"https:\/\/via.placeholder.com\/350x200?text=App+Rutas\"\n },\n {\n titulo: \"Capacitaci\u00f3n en Ciberseguridad para Empresas Locales\",\n descripcion: \"Brindamos formaci\u00f3n sobre c\u00f3mo proteger informaci\u00f3n sensible y detectar amenazas digitales.\",\n imagen: \"https:\/\/via.placeholder.com\/350x200?text=Ciberseguridad\"\n },\n {\n titulo: \"Reconocimiento Nacional a la Innovaci\u00f3n Tecnol\u00f3gica\",\n descripcion: \"Nuestra empresa fue galardonada por el Ministerio TIC por impulsar soluciones tecnol\u00f3gicas en comunidades rurales.\",\n imagen: \"https:\/\/via.placeholder.com\/350x200?text=Innovaci\u00f3n+Tecnol\u00f3gica\"\n }\n ];\n\n const contenedor = document.getElementById(\"contenedor-noticias\");\n const verMasBtn = document.getElementById(\"ver-mas\");\n const verMenosBtn = document.getElementById(\"ver-menos\");\n let mostrandoTodas = false;\n\n function mostrarNoticias(cantidad) {\n contenedor.innerHTML = \"\";\n for (let i = 0; i < cantidad; i++) {\n const noticia = noticias[i];\n const tarjeta = document.createElement(\"div\");\n tarjeta.className = \"tarjeta\";\n tarjeta.innerHTML = `\n <img decoding=\"async\" src=\"${noticia.imagen}\" alt=\"${noticia.titulo}\">\n <div class=\"contenido\">\n <h3>${noticia.titulo}<\/h3>\n <button class=\"boton\" onclick=\"verDetalles('${noticia.titulo}', '${noticia.descripcion.replace(\/'\/g, \"\\\\'\")}')\">Ver detalles<\/button>\n <\/div>\n `;\n contenedor.appendChild(tarjeta);\n }\n }\n\n function verDetalles(titulo, descripcion) {\n document.getElementById(\"modal-titulo\").innerText = titulo;\n document.getElementById(\"modal-descripcion\").innerText = descripcion;\n document.getElementById(\"modal\").style.display = \"flex\";\n }\n\n function cerrarModal() {\n document.getElementById(\"modal\").style.display = \"none\";\n }\n\n verMasBtn.addEventListener(\"click\", () => {\n mostrarNoticias(noticias.length);\n verMasBtn.style.display = \"none\";\n verMenosBtn.style.display = \"inline-block\";\n });\n\n verMenosBtn.addEventListener(\"click\", () => {\n mostrarNoticias(4);\n verMasBtn.style.display = \"inline-block\";\n verMenosBtn.style.display = \"none\";\n });\n\n \/\/ Mostrar solo las primeras 4 al inicio\n mostrarNoticias(4);\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Noticias \u00daltimas Noticias Ver m\u00e1s Ver menos ×<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/page-full-width.php","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-417","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fabricasw.cloudsenactpi.net\/index.php\/wp-json\/wp\/v2\/pages\/417","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fabricasw.cloudsenactpi.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fabricasw.cloudsenactpi.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fabricasw.cloudsenactpi.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fabricasw.cloudsenactpi.net\/index.php\/wp-json\/wp\/v2\/comments?post=417"}],"version-history":[{"count":13,"href":"https:\/\/fabricasw.cloudsenactpi.net\/index.php\/wp-json\/wp\/v2\/pages\/417\/revisions"}],"predecessor-version":[{"id":441,"href":"https:\/\/fabricasw.cloudsenactpi.net\/index.php\/wp-json\/wp\/v2\/pages\/417\/revisions\/441"}],"wp:attachment":[{"href":"https:\/\/fabricasw.cloudsenactpi.net\/index.php\/wp-json\/wp\/v2\/media?parent=417"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":417,"date":"2025-06-24T17:53:54","date_gmt":"2025-06-24T17:53:54","guid":{"rendered":"https:\/\/fabricasw.cloudsenactpi.net\/?page_id=417"},"modified":"2025-06-24T19:06:45","modified_gmt":"2025-06-24T19:06:45","slug":"417-2","status":"publish","type":"page","link":"https:\/\/fabricasw.cloudsenactpi.net\/index.php\/417-2\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n Noticias<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n background: #f9f9f9;\n margin: 0;\n padding: 20px;\n }\n h1 {\n text-align: center;\n color: #00304D;\n }\n .contenedor-noticias {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n max-width: 1000px;\n margin: auto;\n }\n .tarjeta {\n background: #fff;\n border-radius: 8px;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n }\n .tarjeta img {\n width: 100%;\n height: 180px;\n object-fit: cover;\n }\n .tarjeta .contenido {\n padding: 15px;\n }\n .tarjeta h3 {\n margin: 0 0 10px;\n font-size: 18px;\n color: #00304D;\n }\n .boton {\n display: inline-block;\n margin-top: 10px;\n padding: 8px 16px;\n background-color: #00304D;\n color: white;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n text-decoration: none;\n }\n .boton:hover {\n background-color: #002438;\n }\n .ver-mas-menos {\n text-align: center;\n margin-top: 20px;\n }\n .modal {\n position: fixed;\n top: 0; left: 0;\n width: 100%; height: 100%;\n background: rgba(0,0,0,0.6);\n display: none;\n justify-content: center;\n align-items: center;\n z-index: 9999;\n }\n .modal-content {\n background: white;\n padding: 20px;\n max-width: 600px;\n width: 90%;\n border-radius: 8px;\n position: relative;\n }\n .modal-content h2 {\n margin-top: 0;\n color: #00304D;\n }\n .cerrar-modal {\n position: absolute;\n top: 10px; right: 15px;\n font-size: 20px;\n cursor: pointer;\n color: #00304D;\n }\n <\/style>\n<\/head>\n<body>\n\n <h1>\u00daltimas Noticias<\/h1>\n <br>\n <div class=\"contenedor-noticias\" id=\"contenedor-noticias\"><\/div>\n\n <div class=\"ver-mas-menos\">\n <button id=\"ver-mas\" class=\"boton\">Ver m\u00e1s<\/button>\n <button id=\"ver-menos\" class=\"boton\" style=\"display:none;\">Ver menos<\/button>\n <\/div>\n\n \n <div class=\"modal\" id=\"modal\">\n <div class=\"modal-content\">\n <span class=\"cerrar-modal\" onclick=\"cerrarModal()\">×<\/span>\n <h2 id=\"modal-titulo\"><\/h2>\n <p id=\"modal-descripcion\"><\/p>\n <\/div>\n <\/div>\n\n <script>\n const noticias = [\n {\n titulo: \"Lanzamiento de Nueva Plataforma Educativa\",\n descripcion: \"Nuestra empresa present\u00f3 una plataforma de aprendizaje virtual que facilitar\u00e1 el acceso a cursos de programaci\u00f3n a j\u00f3venes de zonas rurales.\",\n imagen: \"https:\/\/fabricasw.cloudsenactpi.net\/wp-content\/uploads\/2025\/05\/ia-2.jpg\"\n },\n {\n titulo: \"Software de Gesti\u00f3n Municipal en Marcha\",\n descripcion: \"Implementamos con \u00e9xito un sistema digital para optimizar procesos administrativos en el municipio.\",\n imagen: \"https:\/\/via.placeholder.com\/350x200?text=Gesti\u00f3n+Municipal\"\n },\n {\n titulo: \"Taller Gratuito: Introducci\u00f3n a la Inteligencia Artificial\",\n descripcion: \"M\u00e1s de 60 j\u00f3venes participaron en nuestro taller introductorio a la IA, donde aprendieron sobre redes neuronales y machine learning.\",\n imagen: \"https:\/\/via.placeholder.com\/350x200?text=Inteligencia+Artificial\"\n },\n {\n titulo: \"Alianza Estrat\u00e9gica con C\u00e1mara de Comercio\",\n descripcion: \"Firmamos un convenio con la C\u00e1mara de Comercio local para fortalecer la transformaci\u00f3n digital de emprendedores.\",\n imagen: \"https:\/\/via.placeholder.com\/350x200?text=C\u00e1mara+de+Comercio\"\n },\n {\n titulo: \"Evento de Innovaci\u00f3n: Hackathon Mercaderes 2025\",\n descripcion: \"Organizamos un hackathon con m\u00e1s de 100 participantes desarrollando soluciones tecnol\u00f3gicas para problemas reales del municipio.\",\n imagen: \"https:\/\/via.placeholder.com\/350x200?text=Hackathon+2025\"\n },\n {\n titulo: \"Lanzamos App de Rutas P\u00fablicas Inteligentes\",\n descripcion: \"Ya est\u00e1 disponible nuestra app m\u00f3vil que facilita la movilidad en transporte p\u00fablico en Mercaderes.\",\n imagen: \"https:\/\/via.placeholder.com\/350x200?text=App+Rutas\"\n },\n {\n titulo: \"Capacitaci\u00f3n en Ciberseguridad para Empresas Locales\",\n descripcion: \"Brindamos formaci\u00f3n sobre c\u00f3mo proteger informaci\u00f3n sensible y detectar amenazas digitales.\",\n imagen: \"https:\/\/via.placeholder.com\/350x200?text=Ciberseguridad\"\n },\n {\n titulo: \"Reconocimiento Nacional a la Innovaci\u00f3n Tecnol\u00f3gica\",\n descripcion: \"Nuestra empresa fue galardonada por el Ministerio TIC por impulsar soluciones tecnol\u00f3gicas en comunidades rurales.\",\n imagen: \"https:\/\/via.placeholder.com\/350x200?text=Innovaci\u00f3n+Tecnol\u00f3gica\"\n }\n ];\n\n const contenedor = document.getElementById(\"contenedor-noticias\");\n const verMasBtn = document.getElementById(\"ver-mas\");\n const verMenosBtn = document.getElementById(\"ver-menos\");\n let mostrandoTodas = false;\n\n function mostrarNoticias(cantidad) {\n contenedor.innerHTML = \"\";\n for (let i = 0; i < cantidad; i++) {\n const noticia = noticias[i];\n const tarjeta = document.createElement(\"div\");\n tarjeta.className = \"tarjeta\";\n tarjeta.innerHTML = `\n <img decoding=\"async\" src=\"${noticia.imagen}\" alt=\"${noticia.titulo}\">\n <div class=\"contenido\">\n <h3>${noticia.titulo}<\/h3>\n <button class=\"boton\" onclick=\"verDetalles('${noticia.titulo}', '${noticia.descripcion.replace(\/'\/g, \"\\\\'\")}')\">Ver detalles<\/button>\n <\/div>\n `;\n contenedor.appendChild(tarjeta);\n }\n }\n\n function verDetalles(titulo, descripcion) {\n document.getElementById(\"modal-titulo\").innerText = titulo;\n document.getElementById(\"modal-descripcion\").innerText = descripcion;\n document.getElementById(\"modal\").style.display = \"flex\";\n }\n\n function cerrarModal() {\n document.getElementById(\"modal\").style.display = \"none\";\n }\n\n verMasBtn.addEventListener(\"click\", () => {\n mostrarNoticias(noticias.length);\n verMasBtn.style.display = \"none\";\n verMenosBtn.style.display = \"inline-block\";\n });\n\n verMenosBtn.addEventListener(\"click\", () => {\n mostrarNoticias(4);\n verMasBtn.style.display = \"inline-block\";\n verMenosBtn.style.display = \"none\";\n });\n\n \/\/ Mostrar solo las primeras 4 al inicio\n mostrarNoticias(4);\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Noticias \u00daltimas Noticias Ver m\u00e1s Ver menos ×<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/page-full-width.php","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-417","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fabricasw.cloudsenactpi.net\/index.php\/wp-json\/wp\/v2\/pages\/417","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fabricasw.cloudsenactpi.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fabricasw.cloudsenactpi.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fabricasw.cloudsenactpi.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fabricasw.cloudsenactpi.net\/index.php\/wp-json\/wp\/v2\/comments?post=417"}],"version-history":[{"count":13,"href":"https:\/\/fabricasw.cloudsenactpi.net\/index.php\/wp-json\/wp\/v2\/pages\/417\/revisions"}],"predecessor-version":[{"id":441,"href":"https:\/\/fabricasw.cloudsenactpi.net\/index.php\/wp-json\/wp\/v2\/pages\/417\/revisions\/441"}],"wp:attachment":[{"href":"https:\/\/fabricasw.cloudsenactpi.net\/index.php\/wp-json\/wp\/v2\/media?parent=417"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}