Biblioteca Digital<\/title>\n <style>\n \/* Estilos CSS *\/\n body {\n font-family: Arial, sans-serif;\n background-color: #f4f4f4; \/* Color de fondo *\/\n margin: 0;\n padding: 0;\n }\n\n header {\n background-color: #174f74; \/* Color azul marino *\/\n color: white;\n text-align: center;\n padding: 1em 0;\n }\n\n header h1 {\n color: white; \/* Color del t\u00edtulo en blanco *\/\n }\n\n main {\n margin: 20px;\n }\n\n h2 {\n color: #333;\n }\n\n .libro {\n background-color: white;\n padding: 20px;\n margin: 10px 0;\n border-radius: 5px;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n }\n\n .libro h3 {\n margin: 0 0 10px;\n }\n\n .libro p {\n margin: 0 0 10px;\n }\n\n button {\n background-color: #003366; \/* Botones en azul marino *\/\n color: white;\n border: none;\n padding: 10px 15px;\n border-radius: 5px;\n cursor: pointer;\n }\n\n button:hover {\n background-color: #002244; \/* Cambio de color al hacer hover *\/\n }\n\n \/* Estilo para el cintillo de separaci\u00f3n *\/\n .cintillo {\n border: 0;\n height: 2px;\n background-color: #003366; \/* Color azul marino *\/\n margin: 20px 0; \/* Margen superior e inferior *\/\n }\n\n \/* Ocultar las secciones de los temas 1 y 2 *\/\n #tema1, #tema2 {\n display: none;\n }\n <\/style>\n<\/head>\n<body>\n <header>\n <h1 style=\"color: white;\">Biblioteca Digital<\/h1>\n <p>Encuentra y descarga contenido organizado por temas<\/p>\n <\/header>\n\n <main>\n \n <section id=\"tema1\">\n <h2>Tema 1: Inversi\u00f3n<\/h2>\n <div class=\"libro\">\n <h3>Documentos sobre Inversi\u00f3n<\/h3>\n <a href=\"https:\/\/tusitio.com\/documentos_inversion\" target=\"_blank\"><button>Ver Documento<\/button><\/a>\n <\/div>\n\n <div class=\"libro\">\n <h3>Seguimiento a la inversi\u00f3n<\/h3>\n <p>Todo lo que necesitas saber en el seguimiento a la inversion.<\/p>\n <a href=\"https:\/\/tusitio.com\/guia_inversion_bolsa\" target=\"_blank\"><button>Ver Documento<\/button><\/a>\n <\/div>\n <\/section>\n\n <hr class=\"cintillo\"> \n\n \n <section id=\"tema2\">\n <h2>Tema 2: Cooperaci\u00f3n<\/h2>\n <div class=\"libro\">\n <h3>Manual de Cooperaci\u00f3n<\/h3>\n <p>Un an\u00e1lisis de los principales mecanismos de cooperaci\u00f3n entre pa\u00edses.<\/p>\n <a href=\"https:\/\/tusitio.com\/manual_cooperacion\" target=\"_blank\"><button>Ver Documento<\/button><\/a>\n <\/div>\n\n <div class=\"libro\">\n <h3>Cooperaci\u00f3n y Desarrollo Sostenible<\/h3>\n <p>Estudio sobre c\u00f3mo la cooperaci\u00f3n puede contribuir al desarrollo sostenible.<\/p>\n <a href=\"https:\/\/tusitio.com\/cooperacion_desarrollo\" target=\"_blank\"><button>Ver Documento<\/button><\/a>\n <\/div>\n <\/section>\n\n <hr class=\"cintillo\"> \n\n \n <section id=\"tema3\">\n <h2>Planificaci\u00f3n del Desarrollo<\/h2>\n <div class=\"libro\">\n <h3>Planificacion del desarrollo a nivel departamental<\/h3>\n <p>PDD<\/p>\n <a href=\"https:\/\/portal.segeplan.gob.gt\/segeplan\/?page_id=2684\" target=\"_blank\"><button>Ver Documentos<\/button><\/a>\n <\/div>\n\n <div class=\"libro\">\n <h3>Planificaci\u00f3n del desarrollo a nivel municipal<\/h3>\n <p>PDM OT.<\/p>\n <a href=\"https:\/\/portal.segeplan.gob.gt\/segeplan\/?page_id=2098\" target=\"_blank\"><button>Ver Documentos<\/button><\/a>\n <\/div>\n <\/section>\n <\/main>\n\n <script>\n \/\/ Aqu\u00ed podr\u00edas agregar funcionalidades como b\u00fasqueda o filtrado por temas.\n \/\/ Ejemplo: funci\u00f3n para filtrar libros por tema\n function filtrarTema(tema) {\n var secciones = document.querySelectorAll('section');\n secciones.forEach(function(seccion) {\n if (seccion.id === tema || tema === 'todos') {\n seccion.style.display = 'block';\n } else {\n seccion.style.display = 'none';\n }\n });\n }\n <\/script>\n<\/body>\n<\/html>\n\n<\/div><style type=\"text\/css\">.fusion-body .fusion-builder-column-0{width:100% !important;margin-top : 0px;margin-bottom : 20px;}.fusion-builder-column-0 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-0{width:100% !important;order : 0;}.fusion-builder-column-0 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-0{width:100% !important;order : 0;}.fusion-builder-column-0 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}<\/style><\/div><\/div><style type=\"text\/css\">.fusion-body .fusion-flex-container.fusion-builder-row-1{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}<\/style><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11878","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/Informaciondepartamental.segeplan.gob.gt\/segeplan\/index.php?rest_route=\/wp\/v2\/pages\/11878","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/Informaciondepartamental.segeplan.gob.gt\/segeplan\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/Informaciondepartamental.segeplan.gob.gt\/segeplan\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/Informaciondepartamental.segeplan.gob.gt\/segeplan\/index.php?rest_route=\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/Informaciondepartamental.segeplan.gob.gt\/segeplan\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11878"}],"version-history":[{"count":31,"href":"https:\/\/Informaciondepartamental.segeplan.gob.gt\/segeplan\/index.php?rest_route=\/wp\/v2\/pages\/11878\/revisions"}],"predecessor-version":[{"id":11965,"href":"https:\/\/Informaciondepartamental.segeplan.gob.gt\/segeplan\/index.php?rest_route=\/wp\/v2\/pages\/11878\/revisions\/11965"}],"wp:attachment":[{"href":"https:\/\/Informaciondepartamental.segeplan.gob.gt\/segeplan\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11878"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\n\n \n \n Biblioteca Digital<\/title>\n <style>\n \/* Estilos CSS *\/\n body {\n font-family: Arial, sans-serif;\n background-color: #f4f4f4; \/* Color de fondo *\/\n margin: 0;\n padding: 0;\n }\n\n header {\n background-color: #174f74; \/* Color azul marino *\/\n color: white;\n text-align: center;\n padding: 1em 0;\n }\n\n header h1 {\n color: white; \/* Color del t\u00edtulo en blanco *\/\n }\n\n main {\n margin: 20px;\n }\n\n h2 {\n color: #333;\n }\n\n .libro {\n background-color: white;\n padding: 20px;\n margin: 10px 0;\n border-radius: 5px;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n }\n\n .libro h3 {\n margin: 0 0 10px;\n }\n\n .libro p {\n margin: 0 0 10px;\n }\n\n button {\n background-color: #003366; \/* Botones en azul marino *\/\n color: white;\n border: none;\n padding: 10px 15px;\n border-radius: 5px;\n cursor: pointer;\n }\n\n button:hover {\n background-color: #002244; \/* Cambio de color al hacer hover *\/\n }\n\n \/* Estilo para el cintillo de separaci\u00f3n *\/\n .cintillo {\n border: 0;\n height: 2px;\n background-color: #003366; \/* Color azul marino *\/\n margin: 20px 0; \/* Margen superior e inferior *\/\n }\n\n \/* Ocultar las secciones de los temas 1 y 2 *\/\n #tema1, #tema2 {\n display: none;\n }\n <\/style>\n<\/head>\n<body>\n <header>\n <h1 style=\"color: white;\">Biblioteca Digital<\/h1>\n <p>Encuentra y descarga contenido organizado por temas<\/p>\n <\/header>\n\n <main>\n \n <section id=\"tema1\">\n <h2>Tema 1: Inversi\u00f3n<\/h2>\n <div class=\"libro\">\n <h3>Documentos sobre Inversi\u00f3n<\/h3>\n <a href=\"https:\/\/tusitio.com\/documentos_inversion\" target=\"_blank\"><button>Ver Documento<\/button><\/a>\n <\/div>\n\n <div class=\"libro\">\n <h3>Seguimiento a la inversi\u00f3n<\/h3>\n <p>Todo lo que necesitas saber en el seguimiento a la inversion.<\/p>\n <a href=\"https:\/\/tusitio.com\/guia_inversion_bolsa\" target=\"_blank\"><button>Ver Documento<\/button><\/a>\n <\/div>\n <\/section>\n\n <hr class=\"cintillo\"> \n\n \n <section id=\"tema2\">\n <h2>Tema 2: Cooperaci\u00f3n<\/h2>\n <div class=\"libro\">\n <h3>Manual de Cooperaci\u00f3n<\/h3>\n <p>Un an\u00e1lisis de los principales mecanismos de cooperaci\u00f3n entre pa\u00edses.<\/p>\n <a href=\"https:\/\/tusitio.com\/manual_cooperacion\" target=\"_blank\"><button>Ver Documento<\/button><\/a>\n <\/div>\n\n <div class=\"libro\">\n <h3>Cooperaci\u00f3n y Desarrollo Sostenible<\/h3>\n <p>Estudio sobre c\u00f3mo la cooperaci\u00f3n puede contribuir al desarrollo sostenible.<\/p>\n <a href=\"https:\/\/tusitio.com\/cooperacion_desarrollo\" target=\"_blank\"><button>Ver Documento<\/button><\/a>\n <\/div>\n <\/section>\n\n <hr class=\"cintillo\"> \n\n \n <section id=\"tema3\">\n <h2>Planificaci\u00f3n del Desarrollo<\/h2>\n <div class=\"libro\">\n <h3>Planificacion del desarrollo a nivel departamental<\/h3>\n <p>PDD<\/p>\n <a href=\"https:\/\/portal.segeplan.gob.gt\/segeplan\/?page_id=2684\" target=\"_blank\"><button>Ver Documentos<\/button><\/a>\n <\/div>\n\n <div class=\"libro\">\n <h3>Planificaci\u00f3n del desarrollo a nivel municipal<\/h3>\n <p>PDM OT.<\/p>\n <a href=\"https:\/\/portal.segeplan.gob.gt\/segeplan\/?page_id=2098\" target=\"_blank\"><button>Ver Documentos<\/button><\/a>\n <\/div>\n <\/section>\n <\/main>\n\n <script>\n \/\/ Aqu\u00ed podr\u00edas agregar funcionalidades como b\u00fasqueda o filtrado por temas.\n \/\/ Ejemplo: funci\u00f3n para filtrar libros por tema\n function filtrarTema(tema) {\n var secciones = document.querySelectorAll('section');\n secciones.forEach(function(seccion) {\n if (seccion.id === tema || tema === 'todos') {\n seccion.style.display = 'block';\n } else {\n seccion.style.display = 'none';\n }\n });\n }\n <\/script>\n<\/body>\n<\/html>\n\n<\/div><style type=\"text\/css\">.fusion-body .fusion-builder-column-0{width:100% !important;margin-top : 0px;margin-bottom : 20px;}.fusion-builder-column-0 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-0{width:100% !important;order : 0;}.fusion-builder-column-0 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-0{width:100% !important;order : 0;}.fusion-builder-column-0 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}<\/style><\/div><\/div><style type=\"text\/css\">.fusion-body .fusion-flex-container.fusion-builder-row-1{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}<\/style><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11878","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/Informaciondepartamental.segeplan.gob.gt\/segeplan\/index.php?rest_route=\/wp\/v2\/pages\/11878","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/Informaciondepartamental.segeplan.gob.gt\/segeplan\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/Informaciondepartamental.segeplan.gob.gt\/segeplan\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/Informaciondepartamental.segeplan.gob.gt\/segeplan\/index.php?rest_route=\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/Informaciondepartamental.segeplan.gob.gt\/segeplan\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11878"}],"version-history":[{"count":31,"href":"https:\/\/Informaciondepartamental.segeplan.gob.gt\/segeplan\/index.php?rest_route=\/wp\/v2\/pages\/11878\/revisions"}],"predecessor-version":[{"id":11965,"href":"https:\/\/Informaciondepartamental.segeplan.gob.gt\/segeplan\/index.php?rest_route=\/wp\/v2\/pages\/11878\/revisions\/11965"}],"wp:attachment":[{"href":"https:\/\/Informaciondepartamental.segeplan.gob.gt\/segeplan\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11878"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}