{"id":4886,"date":"2026-06-16T14:38:30","date_gmt":"2026-06-16T14:38:30","guid":{"rendered":"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/?page_id=4886"},"modified":"2026-10-06T19:10:11","modified_gmt":"2026-10-06T19:10:11","slug":"participacion-ciudadana","status":"publish","type":"page","link":"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/participacion-ciudadana\/","title":{"rendered":"Participaci\u00f3n ciudadana"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4886\" class=\"elementor elementor-4886\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d278d24 e-con-full e-flex e-con e-child\" data-id=\"d278d24\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e7f7d8 ha-has-bg-overlay elementor-widget elementor-widget-ha-slider happy-addon ha-slider\" data-id=\"8e7f7d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;animation_speed&quot;:2500,&quot;autoplay&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:3000,&quot;loop&quot;:&quot;yes&quot;,&quot;slides_transition&quot;:&quot;slide&quot;,&quot;navigation&quot;:&quot;arrow&quot;}\" data-widget_type=\"ha-slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"hajs-slick ha-slick ha-slick--slider\">\n\n\t\t\t\n\t\t\t\t<div class=\"ha-slick-slide slick-slide\">\n\t\t\t\t\t<a class=\"ha-slick-item\" href=\"#participa\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"ha-slick-img\" src=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/09\/banner-participacion-ciudadana.webp\" alt=\"\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\n\t\t\t\n\t\t<\/div>\n\n\t\t\t\t\t<button type=\"button\" class=\"slick-prev\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-left\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z\"><\/path><\/svg><\/button>\n\t\t\n\t\t\t\t\t<button type=\"button\" class=\"slick-next\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-right\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path><\/svg><\/button>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0e54f89 e-con-full e-flex e-con e-parent\" data-id=\"0e54f89\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-1b8fab5 e-con-full e-flex e-con e-child\" data-id=\"1b8fab5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1a494e elementor-widget elementor-widget-image\" data-id=\"e1a494e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/elementor\/thumbs\/Secretaria-Planeacion-rerfhp945fapqnj82y1trhoqr7206qmji4q4ceu1yo.jpg\" title=\"Secretaria-Planeacion\" alt=\"Secretaria-Planeacion\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a7dddc3 e-con-full e-flex e-con e-child\" data-id=\"a7dddc3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c4dbe7 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"3c4dbe7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-user-check\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4zm323-128.4l-27.8-28.1c-4.6-4.7-12.1-4.7-16.8-.1l-104.8 104-45.5-45.8c-4.6-4.7-12.1-4.7-16.8-.1l-28.1 27.9c-4.7 4.6-4.7 12.1-.1 16.8l81.7 82.3c4.6 4.7 12.1 4.7 16.8.1l141.3-140.2c4.6-4.7 4.7-12.2.1-16.8z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7883c74 elementor-widget elementor-widget-heading\" data-id=\"7883c74\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Estrategia de participaci\u00f3n ciudadana: Territorio en di\u00e1logo del POD<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bb55e9e elementor-widget elementor-widget-heading\" data-id=\"bb55e9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">La participaci\u00f3n ciudadana en el Plan de Ordenamiento Departamental de Nari\u00f1o es el proceso mediante el cual los actores institucionales, poblacionales y sectoriales intervienen de manera informada en su construcci\u00f3n a lo largo de todas sus fases, constituyendo una forma de planificaci\u00f3n en la que el territorio se piensa colectivamente. <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-df90925 e-con-full e-flex e-con e-parent\" data-id=\"df90925\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-9915dd7 e-con-full e-flex e-con e-child\" data-id=\"9915dd7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7168a28 elementor-widget elementor-widget-heading\" data-id=\"7168a28\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">La participaci\u00f3n adquiere una relevancia particular porque este instrumento opera en una escala distinta a la de los instrumentos de ordenamiento territorial municipales. Su funci\u00f3n es estrat\u00e9gica, pues busca construir una visi\u00f3n departamental de largo plazo, articular escalas de planificaci\u00f3n, reconocer determinantes territoriales y promover acuerdos entre municipios, subregiones, sectores e instituciones. Por ello, la construcci\u00f3n del POD requiere una conversaci\u00f3n amplia y t\u00e9cnicamente orientada que permita integrar las miradas locales con las apuestas departamentales y los lineamientos nacionales.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-df65cea e-con-full e-flex e-con e-child\" data-id=\"df65cea\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1eb6800 elementor-widget elementor-widget-heading\" data-id=\"1eb6800\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Lineas orientadoras<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9cfdbc9 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"9cfdbc9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd7ef85 elementor-position-inline-start elementor-view-default elementor-mobile-position-block-start elementor-invisible elementor-widget elementor-widget-icon-box\" data-id=\"fd7ef85\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;,&quot;_animation_delay&quot;:1000}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-star\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t<b>La legitimidad<\/b>,  en tanto permite que los actores territoriales (Institucionales, poblaciones y sectoriales) conozcan, discutan y retroalimenten sus contenidos. \t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-610cab4 elementor-position-inline-start elementor-view-default elementor-mobile-position-block-start elementor-invisible elementor-widget elementor-widget-icon-box\" data-id=\"610cab4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;,&quot;_animation_delay&quot;:1000}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-star\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t<b>La pertinencia<\/b>, porque incorpora informaci\u00f3n territorial presente en la experiencia de las comunidades, las administraciones municipales, los sectores productivos, la academia y las organizaciones sociales\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-415e81c elementor-position-inline-start elementor-view-default elementor-mobile-position-block-start elementor-invisible elementor-widget elementor-widget-icon-box\" data-id=\"415e81c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;,&quot;_animation_delay&quot;:1000}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-star\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t<b>La sostenibilidad<\/b>, dado que un plan construido con participaci\u00f3n tiene mayores posibilidades de ser apropiado, implementado y evaluado en el tiempo. \t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c46ab33 e-con-full e-flex e-con e-parent\" data-id=\"c46ab33\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf00fcd elementor-widget elementor-widget-shortcode\" data-id=\"bf00fcd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <section class=\"pod-participacion-wrap\">\n\n        <!-- HERO -->\n        <div class=\"pod-hero pod-reveal\">\n            <div class=\"pod-hero-bg\"><\/div>\n            <div class=\"pod-hero-grid\"><\/div>\n            <div class=\"pod-hero-radar\"><\/div>\n            <div class=\"pod-hero-content\">\n                <span class=\"pod-kicker\">Centro de Inteligencia Territorial<\/span>\n                <h1>Estrategia de participaci\u00f3n ciudadana: Territorio en di\u00e1logo del POD<\/h1>\n                <p>\n                    Un espacio digital para informar, formar y abrir canales reales de participaci\u00f3n ciudadana\n                    en el Plan de Ordenamiento Departamental de Nari\u00f1o.\n                <\/p>\n                <div class=\"pod-hero-actions\">\n                    <a href=\"#pod-dialogo-territorial\" class=\"pod-hero-btn\">Participar ahora<\/a>\n                    <a href=\"#pod-ruta-metodologica\" class=\"pod-hero-btn secondary\">Ver ruta metodol\u00f3gica<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- SECCI\u00d3N 1 PRO -->\n        <div class=\"pod-section pod-intro pod-intro-pro pod-reveal\">\n            <div class=\"pod-intro-visual\" aria-hidden=\"true\">\n                <div class=\"pod-map-card\">\n                    <div class=\"pod-map-pulse pulse-1\"><\/div>\n                    <div class=\"pod-map-pulse pulse-2\"><\/div>\n                    <div class=\"pod-map-pulse pulse-3\"><\/div>\n                    <div class=\"pod-map-line line-1\"><\/div>\n                    <div class=\"pod-map-line line-2\"><\/div>\n                    <div class=\"pod-map-line line-3\"><\/div>\n                    <div class=\"pod-map-node node-1\"><span>Pasto<\/span><\/div>\n                    <div class=\"pod-map-node node-2\"><span>Tumaco<\/span><\/div>\n                    <div class=\"pod-map-node node-3\"><span>Ipiales<\/span><\/div>\n                    <div class=\"pod-map-node node-4\"><span>La Uni\u00f3n<\/span><\/div>\n\t\t\t\t\t<div class=\"pod-map-node node-5\"><span>T\u00faquerres<\/span><\/div>\n\t\t\t\t\t<div class=\"pod-map-node node-6\"><span>Taminango<\/span><\/div>\n\t\t\t\t\t\n                    <div class=\"pod-map-center\">POD<\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"pod-intro-copy\">\n                <span class=\"pod-section-label\">Secci\u00f3n 1<\/span>\n                <h2>La participaci\u00f3n ciudadana en el POD<\/h2>\n                <p>\n                    La participaci\u00f3n ciudadana en el Plan de Ordenamiento Departamental de Nari\u00f1o es el proceso mediante el cual los actores institucionales, poblacionales y sectoriales intervienen de manera informada en su construcci\u00f3n a lo largo de todas sus fases, constituyendo una forma de planificaci\u00f3n en la que el territorio se piensa colectivamente.\n                <\/p>\n                <p>\n                    La participaci\u00f3n adquiere una relevancia particular porque este instrumento opera en una escala distinta a la de los instrumentos de ordenamiento territorial municipales. Su funci\u00f3n es estrat\u00e9gica: construir una visi\u00f3n departamental de largo plazo, articular escalas de planificaci\u00f3n, reconocer determinantes territoriales y promover acuerdos entre municipios, subregiones, sectores e instituciones.\n                <\/p>\n            <\/div>\n\n            <div class=\"pod-attributes pod-attributes-pro\">\n                <div class=\"pod-attribute-card\">\n                    <i>\ud83d\udee1\ufe0f<\/i>\n                    <strong>Legitimidad<\/strong>\n                    <span>permite que los actores conozcan, discutan y retroalimenten sus contenidos.<\/span>\n                <\/div>\n                <div class=\"pod-attribute-card\">\n                    <i>\ud83c\udf0e<\/i>\n                    <strong>Pertinencia<\/strong>\n                    <span>porque incorpora informaci\u00f3n territorial presente en la experiencia de las comunidades, las administraciones municipales, los sectores productivos, la academia y las organizaciones sociales.<\/span>\n                <\/div>\n                <div class=\"pod-attribute-card\">\n                    <i>\u267b\ufe0f<\/i>\n                    <strong>Sostenibilidad<\/strong>\n                    <span>dado que un plan construido con participaci\u00f3n tiene mayores posibilidades de ser apropiado, implementado y evaluado en el tiempo.<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- SECCI\u00d3N 2 PRO -->\n        <div class=\"pod-section pod-section-pro pod-reveal\">\n            <div class=\"pod-section-head\">\n                <span class=\"pod-section-label\">Secci\u00f3n 2<\/span>\n                <h2>Marco y apuesta metodol\u00f3gica<\/h2>\n                <p>Un marco normativo y una metodolog\u00eda de di\u00e1logo territorial para una construcci\u00f3n colectiva, transparente y trazable.<\/p>\n            <\/div>\n\n            <div class=\"pod-tabs pod-tabs-pro\">\n                <button class=\"active\" data-tab=\"normativo\">Marco normativo<\/button>\n                <button data-tab=\"metodologia\">Territorio en di\u00e1logo<\/button>\n            <\/div>\n\n            <div class=\"pod-tab-content active\" id=\"pod-tab-normativo\">\n                <div class=\"pod-timeline\">\n                    <div class=\"pod-time-item\"><span>1991<\/span><div><strong>Constituci\u00f3n Pol\u00edtica<\/strong><p>Reconoce la participaci\u00f3n como fin esencial del Estado y derecho ciudadano.<\/p><\/div><\/div>\n                    <div class=\"pod-time-item\"><span>1994<\/span><div><strong>Ley 152<\/strong><p>Establece la participaci\u00f3n como principio rector de la planeaci\u00f3n.<\/p><\/div><\/div>\n                    <div class=\"pod-time-item\"><span>1997<\/span><div><strong>Ley 388<\/strong><p>Aporta elementos del ordenamiento territorial municipal y consejos consultivos.<\/p><\/div><\/div>\n                    <div class=\"pod-time-item\"><span>2011<\/span><div><strong>Ley 1454 \u2014 LOOT<\/strong><p>Ordenamiento como proceso colectivo, progresivo, gradual y flexible.<\/p><\/div><\/div>\n                    <div class=\"pod-time-item\"><span>2015<\/span><div><strong>Ley 1757<\/strong><p>Promueve la participaci\u00f3n democr\u00e1tica en asuntos p\u00fablicos.<\/p><\/div><\/div>\n                    <div class=\"pod-time-item\"><span>2016<\/span><div><strong>Acuerdo COT 010<\/strong><p>Define la gobernanza territorial como atributo estructural del POD.<\/p><\/div><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"pod-tab-content\" id=\"pod-tab-metodologia\">\n\n\n            <\/div>\n        <\/div>\n\n        <!-- SECCI\u00d3N 3 PRO -->\n        <div class=\"pod-section pod-route-section pod-reveal\" id=\"pod-ruta-metodologica\">\n            <div class=\"pod-section-head\">\n                <span class=\"pod-section-label\">Secci\u00f3n 3<\/span>\n                <h2>Despliegue metodol\u00f3gico<\/h2>\n                <p class=\"pod-method-text\">\n                    La apuesta metodol\u00f3gica \"Territorio en di\u00e1logo\" expresa la l\u00f3gica central de la estrategia de participaci\u00f3n ciudadana del POD de Nari\u00f1o: el territorio no puede ser comprendido ni proyectado desde una sola voz. Nari\u00f1o es un departamento diverso en su geograf\u00eda, composici\u00f3n poblacional, estructura productiva, din\u00e1micas ambientales, expresiones culturales y capacidades institucionales, por lo que el ordenamiento departamental exige abrir espacios donde esas diferencias puedan encontrarse y transformarse en acuerdos posibles. La estrategia se organiza en tres componentes: \n                <\/p>\n                <section class=\"pod-estrategia-participacion\">\n\n                    <div class=\"pod-estrategia-title\">\n                        <span><\/span>\n                        <i><\/i>\n                        <h2>Estrategia de participaci\u00f3n<\/h2>\n                        <i><\/i>\n                        <span><\/span>\n                    <\/div>\n\n                    <div class=\"pod-estrategia-grid\">\n\n                        <article class=\"pod-estrategia-card pod-card-blue\">\n                            <div class=\"pod-card-icon\">\ud83e\udde9<\/div>\n                            <div class=\"pod-card-head\">ARTICULACI\u00d3N<\/div>\n                                <p class=\"p-estrategia\">\n                                    Vincula actores nacionales, regionales y locales con incidencia en el ordenamiento territorial, alineando informaci\u00f3n, competencias e instrumentos en una l\u00f3gica multinivel.\n                                <\/p>\n                            <div class=\"pod-card-body\">\n                                <ul>\n                                    <li>Actores nacionales, regionales y locales<\/li>\n                                    <li>Coordinaci\u00f3n institucional<\/li>\n                                    <li>Articulaci\u00f3n multinivel<\/li>\n                                <\/ul>\n                            <\/div>\n\n                            \n                        <\/article>\n\n                        <article class=\"pod-estrategia-card pod-card-green\">\n                            <div class=\"pod-card-icon\">\ud83d\udce3<\/div>\n                            <div class=\"pod-card-head\">COMUNICACI\u00d3N<\/div>\n                                <p class=\"p-estrategia\">\n                                    Garantiza que el proceso sea visible y transparente mediante un plan de medios que socializa avances y promueve una participaci\u00f3n informada.\n                                <\/p>\n                            <div class=\"pod-card-body\">\n                                <ul>\n                                    <li>Plan de medios<\/li>\n                                    <li>Divulgaci\u00f3n de avances<\/li>\n                                    <li>Transparencia e informaci\u00f3n p\u00fablica<\/li>\n                                <\/ul>\n                            <\/div>\n                        <\/article>\n\n                        <article class=\"pod-estrategia-card pod-card-purple\">\n                            <div class=\"pod-card-icon\">\ud83d\udc65<\/div>\n                            <div class=\"pod-card-head\">PARTICIPACI\u00d3N<\/div>\n                                <p class=\"p-estrategia\">\n                                    Abre espacios de di\u00e1logo y construcci\u00f3n colectiva donde se recogen aportes y se producen insumos trazables para la formulaci\u00f3n del POD.\n                                <\/p>\n                            <div class=\"pod-card-body\">\n                                <ul>\n                                    <li>Espacios de di\u00e1logo<\/li>\n                                    <li>Aportes territoriales<\/li>\n                                    <li>Construcci\u00f3n colectiva<\/li>\n                                <\/ul>\n                            <\/div>\n                        <\/article>\n\n                    <\/div><hr><br>\n                    <p>\n                        La estrategia se traduce en una ruta organizada por fases, retomando insumos, aprendizajes, mapeos y metodolog\u00edas previas para consolidar una formulaci\u00f3n con mayor coherencia, trazabilidad y capacidad de incidencia.\n                    <\/p>\n                <\/section>\n\n            <\/div>\n\n            <div class=\"pod-route-radar\" aria-hidden=\"true\">\n                <span><\/span><span><\/span><span><\/span>\n            <\/div>\n\n            <section class=\"pod-estrategia-participacion\">\n\n                <div class=\"pod-estrategia-title\">\n                    <span><\/span>\n                    <i><\/i>\n                    <h2>Fases<\/h2>\n                    <i><\/i>\n                    <span><\/span>\n                <\/div>\n\n                <div class=\"pod-fases-grid pod-fases-grid-pro pod-fases-flip\">\n\n                    <div class=\"pod-fase-flip-card\">\n                        <div class=\"pod-fase-flip-inner\">\n                            <div class=\"pod-fase-flip-front fase-alistamiento\">\n                                <span>01<\/span>\n                                <strong>Alistamiento<\/strong>\n                                <small>Mapeo de actores, convocatorias y comunicaci\u00f3n.<\/small>\n                                <em>Pase el cursor para ver la fase<\/em>\n                            <\/div>\n                            <div class=\"pod-fase-flip-back\">\n                                <img decoding=\"async\" src=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/06\/Alistamiento-f1.png\" alt=\"Fase 1. Alistamiento\">\n                                <button type=\"button\" class=\"pod-fase-detail-btn\" data-modal=\"fase1\">Ver detalle \u2192<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"pod-fase-flip-card\">\n                        <div class=\"pod-fase-flip-inner\">\n                            <div class=\"pod-fase-flip-front fase-diagnostico\">\n                                <span>02<\/span>\n                                <strong>Diagn\u00f3stico<\/strong>\n                                <small>Mesas subregionales y lectura territorial.<\/small>\n                                <em>Pase el cursor para ver la fase<\/em>\n                            <\/div>\n                            <div class=\"pod-fase-flip-back\">\n                                <img decoding=\"async\" src=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/06\/Alistamiento-f3.png\" alt=\"Fase 2. Diagn\u00f3stico\">\n                                <button type=\"button\" class=\"pod-fase-detail-btn\" data-modal=\"fase2\">Ver detalle \u2192<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"pod-fase-flip-card\">\n                        <div class=\"pod-fase-flip-inner\">\n                            <div class=\"pod-fase-flip-front fase-formulacion\">\n                                <span>03<\/span>\n                                <strong>Formulaci\u00f3n<\/strong>\n                                <small>Validaci\u00f3n, retroalimentaci\u00f3n y acuerdos.<\/small>\n                                <em>Pase el cursor para ver la fase<\/em>\n                            <\/div>\n                            <div class=\"pod-fase-flip-back\">\n                                <img decoding=\"async\" src=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/06\/Alistamiento-f2.png\" alt=\"Fase 3. Formulaci\u00f3n\">\n                                <button type=\"button\" class=\"pod-fase-detail-btn\" data-modal=\"fase3\">Ver detalle \u2192<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"pod-fase-flip-card\">\n                        <div class=\"pod-fase-flip-inner\">\n                            <div class=\"pod-fase-flip-front fase-seguimiento\">\n                                <span>04<\/span>\n                                <strong>Seguimiento y evaluaci\u00f3n<\/strong>\n                                <small>Observatorio, control social y rendici\u00f3n de cuentas.<\/small>\n                                <em>Pase el cursor para ver la fase<\/em>\n                            <\/div>\n                            <div class=\"pod-fase-flip-back\">\n                                <img decoding=\"async\" src=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/06\/Alistamiento-f4.png\" alt=\"Fase 4. Seguimiento y evaluaci\u00f3n\">\n                                <button type=\"button\" class=\"pod-fase-detail-btn\" data-modal=\"fase4\">Ver detalle \u2192<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/section>\n\n            <hr>\n\t\t\t<p>\u201cEl despliegue metodol\u00f3gico traduce la apuesta \u201cTerritorio en di\u00e1logo\u201d en una ruta organizada por fases. Esta ruta reconoce los avances previos desarrollados por la consultor\u00eda ASOREDESFUNDESCOL y los actualiza de acuerdo con el momento actual del POD. En consecuencia, la estrategia no parte de cero, sino que retoma insumos, aprendizajes, mapeos, metodolog\u00edas y ejercicios participativos anteriores para consolidar una fase de formulaci\u00f3n con mayor coherencia, trazabilidad y capacidad de incidencia.\u201c<\/p>\n        <\/div>\n\n        <!-- SECCI\u00d3N 3.1 \u2014 PARALLAX PARTICIPACI\u00d3N CIUDADANA -->\n        <section class=\"pod-parallax-section pod-reveal\" id=\"pod-parallax-participacion\">\n            <div class=\"pod-parallax-media\" aria-hidden=\"true\"><\/div>\n            <div class=\"pod-parallax-overlay\"><\/div>\n            <div class=\"pod-parallax-particles\" aria-hidden=\"true\"><\/div>\n            <div class=\"pod-parallax-content\">\n                <span class=\"pod-parallax-kicker\">Participaci\u00f3n ciudadana<\/span>\n                <h2>El territorio tambi\u00e9n se construye escuchando a su gente<\/h2>\n                <p>\n                    Espacios de di\u00e1logo, encuentro y construcci\u00f3n colectiva para fortalecer la formulaci\u00f3n del Plan de Ordenamiento Departamental de Nari\u00f1o.\n                <\/p>\n                <a href=\"#pod-galeria-participacion\" class=\"pod-parallax-btn\">Ver memoria visual<\/a>\n            <\/div>\n        <\/section>\n\n        <!-- SECCI\u00d3N 3.2 \u2014 GALER\u00cdAS PARTICIPACI\u00d3N CIUDADANA -->\n        <section class=\"pod-section pod-gallery-section pod-reveal\" id=\"pod-galeria-participacion\">\n            <div class=\"pod-section-head pod-gallery-head\">\n                <span class=\"pod-section-label\">Memoria visual<\/span>\n                <h2>Galer\u00eda de participaci\u00f3n ciudadana<\/h2>\n                <p>\n                    Registro visual de los espacios de participaci\u00f3n, di\u00e1logo territorial y apropiaci\u00f3n social del proceso POD.\n                <\/p>\n            <\/div>\n\n            <div class=\"pod-gallery-switch\" role=\"tablist\" aria-label=\"Seleccionar galer\u00eda de participaci\u00f3n ciudadana\">\n                <button type=\"button\" class=\"pod-gallery-switch-btn active\" data-gallery-target=\"galeria-uno\" aria-selected=\"true\">Ver galer\u00eda 1<\/button>\n                <button type=\"button\" class=\"pod-gallery-switch-btn\" data-gallery-target=\"galeria-dos\" aria-selected=\"false\">Ver galer\u00eda 2<\/button>\n            <\/div>\n\n            <div class=\"pod-gallery-panel active\" data-gallery-panel=\"galeria-uno\">\n                <div class=\"pod-gallery-mosaic\">\n                    <button type=\"button\" class=\"pod-gallery-item pod-gallery-featured\" data-img=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/participacion-ciudadana.jpg\" data-title=\"Participaci\u00f3n ciudadana POD\">\n                        <img decoding=\"async\" src=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/participacion-ciudadana.jpg\" alt=\"Participaci\u00f3n ciudadana POD\">\n                        <span>Participaci\u00f3n ciudadana POD<\/span>\n                    <\/button>\n\n                    <button type=\"button\" class=\"pod-gallery-item\" data-img=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/parcticipacion-ciudadan-1.jpeg\" data-title=\"Di\u00e1logo territorial 1\">\n                        <img decoding=\"async\" src=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/parcticipacion-ciudadan-1.jpeg\" alt=\"Di\u00e1logo territorial 1\">\n                        <span>Di\u00e1logo territorial<\/span>\n                    <\/button>\n\n                    <button type=\"button\" class=\"pod-gallery-item\" data-img=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/parcticipacion-ciudadan-2.jpeg\" data-title=\"Di\u00e1logo territorial 2\">\n                        <img decoding=\"async\" src=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/parcticipacion-ciudadan-2.jpeg\" alt=\"Di\u00e1logo territorial 2\">\n                        <span>Construcci\u00f3n colectiva<\/span>\n                    <\/button>\n\n                    <button type=\"button\" class=\"pod-gallery-item\" data-img=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/parcticipacion-ciudadan-3.jpeg\" data-title=\"Di\u00e1logo territorial 3\">\n                        <img decoding=\"async\" src=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/parcticipacion-ciudadan-3.jpeg\" alt=\"Di\u00e1logo territorial 3\">\n                        <span>Encuentro ciudadano<\/span>\n                    <\/button>\n\n                    <button type=\"button\" class=\"pod-gallery-item\" data-img=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/parcticipacion-ciudadan-4.jpeg\" data-title=\"Di\u00e1logo territorial 4\">\n                        <img decoding=\"async\" src=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/parcticipacion-ciudadan-4.jpeg\" alt=\"Di\u00e1logo territorial 4\">\n                        <span>Aportes territoriales<\/span>\n                    <\/button>\n\n                    <button type=\"button\" class=\"pod-gallery-item\" data-img=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/parcticipacion-ciudadan-5.jpeg\" data-title=\"Di\u00e1logo territorial 5\">\n                        <img decoding=\"async\" src=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/parcticipacion-ciudadan-5.jpeg\" alt=\"Di\u00e1logo territorial 5\">\n                        <span>Participaci\u00f3n activa<\/span>\n                    <\/button>\n\n                    <button type=\"button\" class=\"pod-gallery-item\" data-img=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/parcticipacion-ciudadan-6.jpeg\" data-title=\"Di\u00e1logo territorial 6\">\n                        <img decoding=\"async\" src=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/parcticipacion-ciudadan-6.jpeg\" alt=\"Di\u00e1logo territorial 6\">\n                        <span>Planeaci\u00f3n participativa<\/span>\n                    <\/button>\n\n                    <button type=\"button\" class=\"pod-gallery-item\" data-img=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/parcticipacion-ciudadan-7.jpeg\" data-title=\"Di\u00e1logo territorial 7\">\n                        <img decoding=\"async\" src=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/parcticipacion-ciudadan-7.jpeg\" alt=\"Di\u00e1logo territorial 7\">\n                        <span>Territorio en di\u00e1logo<\/span>\n                    <\/button>\n\n                    <button type=\"button\" class=\"pod-gallery-item\" data-img=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/parcticipacion-ciudadan-8.jpeg\" data-title=\"Di\u00e1logo territorial 8\">\n                        <img decoding=\"async\" src=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/parcticipacion-ciudadan-8.jpeg\" alt=\"Di\u00e1logo territorial 8\">\n                        <span>Memoria POD<\/span>\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"pod-gallery-panel\" data-gallery-panel=\"galeria-dos\">\n                <div class=\"pod-gallery-mosaic\">\n                    <button type=\"button\" class=\"pod-gallery-item pod-gallery-featured\" data-img=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/parcticipacion-ciudadana-pod-1.jpeg\" data-title=\"Evento POD 1\">\n                        <img decoding=\"async\" src=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/parcticipacion-ciudadana-pod-1.jpeg\" alt=\"Evento POD 1\">\n                        <span>Evento POD<\/span>\n                    <\/button>\n\n                    <button type=\"button\" class=\"pod-gallery-item\" data-img=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/parcticipacion-ciudadana-pod-2.jpeg\" data-title=\"Evento POD 2\">\n                        <img decoding=\"async\" src=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/parcticipacion-ciudadana-pod-2.jpeg\" alt=\"Evento POD 2\">\n                        <span>Di\u00e1logo POD<\/span>\n                    <\/button>\n\n                    <button type=\"button\" class=\"pod-gallery-item\" data-img=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/parcticipacion-ciudadana-pod-3.jpeg\" data-title=\"Evento POD 3\">\n                        <img decoding=\"async\" src=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/parcticipacion-ciudadana-pod-3.jpeg\" alt=\"Evento POD 3\">\n                        <span>Participaci\u00f3n POD<\/span>\n                    <\/button>\n\n                    <button type=\"button\" class=\"pod-gallery-item\" data-img=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/parcticipacion-ciudadana-pod-4.jpeg\" data-title=\"Evento POD 4\">\n                        <img decoding=\"async\" src=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/parcticipacion-ciudadana-pod-4.jpeg\" alt=\"Evento POD 4\">\n                        <span>Construcci\u00f3n territorial<\/span>\n                    <\/button>\n\n                    <button type=\"button\" class=\"pod-gallery-item\" data-img=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/parcticipacion-ciudadana-pod-5.jpeg\" data-title=\"Evento POD 5\">\n                        <img decoding=\"async\" src=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/parcticipacion-ciudadana-pod-5.jpeg\" alt=\"Evento POD 5\">\n                        <span>Aportes ciudadanos<\/span>\n                    <\/button>\n\n                    <button type=\"button\" class=\"pod-gallery-item\" data-img=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/parcticipacion-ciudadana-pod-6.jpeg\" data-title=\"Evento POD 6\">\n                        <img decoding=\"async\" src=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/parcticipacion-ciudadana-pod-6.jpeg\" alt=\"Evento POD 6\">\n                        <span>Memoria territorial<\/span>\n                    <\/button>\n\n                    <button type=\"button\" class=\"pod-gallery-item\" data-img=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/parcticipacion-ciudadana-pod-7.jpeg\" data-title=\"Evento POD 7\">\n                        <img decoding=\"async\" src=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/parcticipacion-ciudadana-pod-7.jpeg\" alt=\"Evento POD 7\">\n                        <span>Territorio en di\u00e1logo<\/span>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <div class=\"pod-gallery-lightbox\" id=\"podGalleryLightbox\" aria-hidden=\"true\">\n            <div class=\"pod-gallery-lightbox-bg\"><\/div>\n            <div class=\"pod-gallery-lightbox-box\">\n                <button type=\"button\" class=\"pod-gallery-close\" aria-label=\"Cerrar galer\u00eda\">\u00d7<\/button>\n                <button type=\"button\" class=\"pod-gallery-nav pod-gallery-prev\" aria-label=\"Imagen anterior\">\u2039<\/button>\n                <img decoding=\"async\" id=\"podGalleryLightboxImg\" src=\"\" alt=\"Imagen de participaci\u00f3n ciudadana\">\n                <button type=\"button\" class=\"pod-gallery-nav pod-gallery-next\" aria-label=\"Imagen siguiente\">\u203a<\/button>\n                <div class=\"pod-gallery-caption\" id=\"podGalleryCaption\">Participaci\u00f3n ciudadana POD<\/div>\n            <\/div>\n        <\/div>\n\n\n        <!-- SECCI\u00d3N 4 -->\n        <div class=\"pod-section pod-dialogo pod-reveal\" id=\"pod-dialogo-territorial\" style=\"z-index: 3;\">\n            <span class=\"pod-kicker\">Di\u00e1logo territorial<\/span>\n            <h2>Tu voz construye el territorio que queremos<\/h2>\n            <p>\n                El POD es la hoja de ruta que orienta c\u00f3mo se organiza, se cuida y se proyecta Nari\u00f1o.\n                Por eso, este espacio abre canales de informaci\u00f3n, formaci\u00f3n y participaci\u00f3n ciudadana.\n            <\/p>\n\n            <h3>\u00bfSab\u00edas que existe un Plan de Ordenamiento Departamental?<\/h3>\n            <p>Toca cada tarjeta para descubrir qu\u00e9 es y c\u00f3mo puedes participar.<\/p>\n\n            <div class=\"pod-flip-grid pod-dialogo-pop-grid\">\n\n                <article class=\"pod-dialogo-card pod-pop-left\" tabindex=\"0\">\n                    <div class=\"pod-dialogo-card-glow\"><\/div>\n                    <div class=\"pod-dialogo-icon\">\ud83d\uddfa\ufe0f<\/div>\n                    <strong>\u00bfQu\u00e9 es el POD?<\/strong>\n                    <small>Toca para saber m\u00e1s<\/small>\n                    <div class=\"pod-dialogo-popover\">\n                        <h4>\u00bfQu\u00e9 es el POD?<\/h4>\n                        <p>El Plan de Ordenamiento Departamental es un instrumento estrat\u00e9gico que organiza el territorio de un departamento con una visi\u00f3n de largo plazo. Opera en una escala supramunicipal y establece directrices para articular y armonizar la planificaci\u00f3n sectorial entre los diferentes niveles de gobierno. Su prop\u00f3sito central es construir colectivamente un Modelo de Ordenamiento Territorial que refleje una visi\u00f3n compartida sobre c\u00f3mo se ocupa, se usa y se transforma el territorio departamental, articulando los 64 municipios de Nari\u00f1o en torno a apuestas comunes.<\/p>\n                    <\/div>\n                <\/article>\n\n                <article class=\"pod-dialogo-card pod-pop-center\" tabindex=\"0\">\n                    <div class=\"pod-dialogo-card-glow\"><\/div>\n                    <div class=\"pod-dialogo-icon\">\ud83c\udfaf<\/div>\n                    <strong>\u00bfCu\u00e1l es su alcance?<\/strong>\n                    <small>Toca para saber m\u00e1s<\/small>\n                    <div class=\"pod-dialogo-popover\">\n                        <h4>\u00bfCu\u00e1les son sus objetivos y alcance?<\/h4>\n                        <p>A diferencia del Plan de Ordenamiento Territorial (POT), que opera en la escala municipal, regula directamente los usos del suelo dentro de cada municipio y tiene una vigencia de 12 a\u00f1os equivalente a tres per\u00edodos constitucionales, el POD act\u00faa en una escala supramunicipal con un horizonte de 16 a\u00f1os equivalente a cuatro per\u00edodos de gobierno departamental, y no reemplaza ni modifica las competencias locales. En ese marco, el Plan de Ordenamiento Departamental POD establece directrices para el uso del suelo de escala regional, orienta la localizaci\u00f3n de infraestructura con impacto supramunicipal, promueve acuerdos de coordinaci\u00f3n entre municipios, articula planes sectoriales nacionales y departamentales, e identifica figuras asociativas para el ordenamiento. Tambi\u00e9n prioriza \u00e1reas estrat\u00e9gicas para servicios y equipamientos de nivel departamental, y orienta la zonificaci\u00f3n general de amenazas de impacto regional<\/p>\n                    <\/div>\n                <\/article>\n\n                <article class=\"pod-dialogo-card pod-pop-center\" tabindex=\"0\">\n                    <div class=\"pod-dialogo-card-glow\"><\/div>\n                    <div class=\"pod-dialogo-icon\">\ud83d\udd04<\/div>\n                    <strong>\u00bfCu\u00e1les son sus fases?<\/strong>\n                    <small>Toca para saber m\u00e1s<\/small>\n                    <div class=\"pod-dialogo-popover\">\n                        <h4>\u00bfCu\u00e1les son sus fases?<\/h4>\n                        <p>El POD se construye en cinco fases que se desarrollan de manera c\u00edclica. El alistamiento prepara el proceso t\u00e9cnico e institucional, define el equipo, mapea actores y dise\u00f1a la estrategia de participaci\u00f3n. El diagn\u00f3stico territorial analiza el estado actual del departamento a trav\u00e9s de sus estructuras biof\u00edsica, funcional, socioecon\u00f3mica y espacial e institucional, produciendo el modelo de ocupaci\u00f3n actual. La formulaci\u00f3n construye el modelo de ordenamiento futuro, define escenarios, apuestas territoriales y los lineamientos de pol\u00edtica. La adopci\u00f3n formaliza el instrumento mediante ordenanza departamental. El seguimiento y control garantiza la implementaci\u00f3n y evaluaci\u00f3n permanente del plan a trav\u00e9s de indicadores y sistemas de informaci\u00f3n territorial.<\/p>\n                    <\/div>\n                <\/article>\n\n                <article class=\"pod-dialogo-card pod-pop-right\" tabindex=\"0\">\n                    <div class=\"pod-dialogo-card-glow\"><\/div>\n                    <div class=\"pod-dialogo-icon\">\ud83e\udd1d<\/div>\n                    <strong>\u00bfC\u00f3mo participo?<\/strong>\n                    <small>Toca para saber m\u00e1s<\/small>\n                    <div class=\"pod-dialogo-popover\">\n                        <h4>\u00bfC\u00f3mo participo?<\/h4>\n                        <p>Tu conocimiento sobre tu municipio y tu visi\u00f3n de futuro son insumos reales para definir c\u00f3mo se ordena Nari\u00f1o en los pr\u00f3ximos a\u00f1os. Ten en cuenta que el POD tiene un marco supramunicipal: aborda din\u00e1micas, desaf\u00edos y oportunidades que trascienden los l\u00edmites de cada municipio y que requieren una mirada compartida entre territorios. Responder la pregunta de abajo es tu primera forma directa de aportar al plan.<\/p>\n                    <\/div>\n                <\/article>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/section>\n\n    <div class=\"pod-modal\" id=\"podModal\">\n        <div class=\"pod-modal-orbit\"><\/div>\n        <div class=\"pod-modal-box pod-modal-pro\">\n            <button class=\"pod-modal-close\" type=\"button\">\u00d7<\/button>\n            <div class=\"pod-modal-head\">\n                <div class=\"pod-modal-icon\" id=\"podModalIcon\">\ud83c\udf10<\/div>\n                <div>\n                    <span class=\"pod-modal-kicker\">Ruta metodol\u00f3gica POD<\/span>\n                    <h3 id=\"podModalTitle\">Fase del proceso<\/h3>\n                <\/div>\n            <\/div>\n            <div class=\"pod-modal-body\" id=\"podModalContent\"><\/div>\n            <div class=\"pod-modal-footer\">\n                <span>Territorio en di\u00e1logo<\/span>\n                <strong>Plan de Ordenamiento Departamental de Nari\u00f1o<\/strong>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <style>\n\n.p-estrategia{\n    margin: 5px;\n    padding: 5px;\n    z-index: 99;\n    position: relative;\n}\n\n.pod-estrategia-participacion { \n    width: calc(100% - 40px);\n    max-width: 1400px;\n    margin: 60px auto;\n\n    padding: 45px 45px 55px;\n\n    background:\n        radial-gradient(circle at 90% 0%,\n            rgba(255,214,0,.18),\n            transparent 32%\n        ),\n        linear-gradient(180deg,#ffffff,#f7fafc);\n\n    border-radius: 28px;\n\n    border:1px solid rgba(0,146,63,.15);\n\n    box-shadow:\n        0 30px 80px rgba(0,80,40,.10);\n\n    font-family: Inter,\"Segoe UI\",Arial,sans-serif;\n}\n\n.pod-estrategia-title{\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    gap:10px;\n    margin-bottom:26px;\n}\n\n.pod-estrategia-title h2{\n    margin:0;\n    font-size:42px;\n    line-height:1;\n    color:#08245A;\n    font-weight:950;\n    letter-spacing:-1.5px;\n}\n\n.pod-estrategia-title span{\n    width:74px;\n    height:3px;\n    background:#b8c3d2;\n    border-radius:999px;\n}\n\n.pod-estrategia-title i{\n    width:14px;\n    height:14px;\n    border-radius:50%;\n    background:#aebbd0;\n    display:block;\n}\n\n.pod-estrategia-grid{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:34px;\n    max-width:1050px;\n    margin:0 auto;\n}\n\n.pod-estrategia-card{\n    position:relative;\n    min-height:168px;\n    border-radius:0 22px 22px 22px;\n    background:#fff;\n    box-shadow:0 10px 24px rgba(25,45,80,.10);\n}\n\n.pod-card-icon{\n    position:absolute;\n    left:-28px;\n    top:-12px;\n    width:72px;\n    height:72px;\n    border-radius:50%;\n    display:grid;\n    place-items:center;\n    color:#fff;\n    font-size:34px;\n    border:4px solid #fff;\n    box-shadow:0 8px 18px rgba(0,0,0,.22);\n    z-index:3;\n}\n\n.pod-card-head{\n    height:42px;\n    border-radius:0 18px 0 0;\n    color:#fff;\n    font-weight:950;\n    font-size:16px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    padding-left:35px;\n}\n\n.pod-card-body{\n    padding:20px 22px 22px 48px;\n}\n\n.pod-card-body ul{\n    margin:0;\n    padding:0;\n    list-style:none;\n}\n\n.pod-card-body li{\n    position:relative;\n    padding-left:22px;\n    margin-bottom:13px;\n    font-size:13.5px;\n    line-height:1.35;\n    color:#17315f;\n    font-weight:700;\n}\n\n.pod-card-body li::before{\n    content:\"\";\n    position:absolute;\n    left:0;\n    top:6px;\n    width:9px;\n    height:9px;\n    border-radius:50%;\n}\n\n.pod-card-blue{\n    background:#eef5fb;\n}\n\n.pod-card-blue .pod-card-head,\n.pod-card-blue .pod-card-icon,\n.pod-card-blue .pod-card-body li::before{\n    background:#004B93;\n}\n\n.pod-card-green{\n    background:#f0f7ed;\n}\n\n.pod-card-green .pod-card-head,\n.pod-card-green .pod-card-icon,\n.pod-card-green .pod-card-body li::before{\n    background:#1D7F3C;\n}\n\n.pod-card-purple{\n    background:#f4f0fb;\n}\n\n.pod-card-purple .pod-card-head,\n.pod-card-purple .pod-card-icon,\n.pod-card-purple .pod-card-body li::before{\n    background:#5B3194;\n}\n\n@media(max-width:900px){\n    .pod-estrategia-grid{\n        grid-template-columns:1fr;\n        max-width:520px;\n    }\n\n    .pod-estrategia-title h2{\n        font-size:32px;\n        text-align:center;\n    }\n\n    .pod-estrategia-title span{\n        width:38px;\n    }\n}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n        .pod-participacion-wrap {\n            --green: #00923F;\n            --green-dark: #006B2E;\n            --yellow: #FFD600;\n            --blue: #0066CC;\n            --ink: #102A1F;\n            --muted: #5D6F66;\n            font-family: Inter, \"Segoe UI\", Arial, sans-serif;\n            color: var(--ink);\n            max-width: 1280px;\n            margin: 0 auto;\n            padding: 8px\n        }\n\n        .pod-hero {\n            position: relative;\n            overflow: hidden;\n            border-radius: 36px;\n            padding: 105px 42px;\n            background: linear-gradient(135deg, #003B73, #006B2E 58%, #00923F);\n            color: #fff;\n            box-shadow: 0 30px 90px rgba(0, 42, 28, .24)\n        }\n\n        .pod-hero-bg {\n            position: absolute;\n            inset: 0;\n            background-image: radial-gradient(circle at 18% 20%, rgba(255, 214, 0, .38), transparent 32%), radial-gradient(circle at 82% 24%, rgba(255, 255, 255, .20), transparent 34%), radial-gradient(circle at 50% 100%, rgba(0, 255, 135, .18), transparent 40%);\n            animation: podFloat 8s infinite alternate\n        }\n\n        .pod-hero-grid {\n            position: absolute;\n            inset: 0;\n            background-image: linear-gradient(rgba(255, 255, 255, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .08) 1px, transparent 1px);\n            background-size: 42px 42px;\n            mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .9), transparent 85%)\n        }\n\n        .pod-hero-radar {\n            position: absolute;\n            right: 8%;\n            top: 18%;\n            width: 340px;\n            height: 340px;\n            border-radius: 50%;\n            border: 1px dashed rgba(255, 214, 0, .36);\n            animation: podOrbit 22s linear infinite\n        }\n\n        .pod-hero-radar:before,\n        .pod-hero-radar:after {\n            content: \"\";\n            position: absolute;\n            border-radius: 50%;\n            inset: 65px;\n            border: 1px solid rgba(255, 255, 255, .17)\n        }\n\n        .pod-hero-radar:after {\n            inset: 130px;\n            background: rgba(255, 214, 0, .18);\n            box-shadow: 0 0 40px rgba(255, 214, 0, .36)\n        }\n\n        .pod-hero-content {\n            position: relative;\n            max-width: 980px;\n            z-index: 2\n        }\n\n        .pod-kicker,\n        .pod-section-label {\n            display: inline-flex;\n            padding: 8px 16px;\n            border-radius: 999px;\n            background: rgba(255, 214, 0, .18);\n            border: 1px solid rgba(255, 214, 0, .35);\n            font-weight: 950;\n            text-transform: uppercase;\n            font-size: 12px;\n            letter-spacing: .08em\n        }\n\n        .pod-section-label {\n            background: rgba(0, 146, 63, .11);\n            color: #006B2E;\n            border-color: rgba(0, 146, 63, .22)\n        }\n\n        .pod-hero h1 {\n            font-size: clamp(38px, 6vw, 72px);\n            line-height: .98;\n            margin: 20px 0;\n            font-weight: 950;\n            letter-spacing: -.055em;\n\t\t\tcolor:#FFD600;\n        }\n\n        .pod-hero p,\n        .pod-section p {\n            font-size: 17px;\n            line-height: 1.78\n        }\n\n        .pod-hero p {\n            max-width: 860px;\n            color: rgba(255, 255, 255, .9)\n        }\n\n        .pod-hero-actions {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 14px;\n            margin-top: 26px\n        }\n\n        .pod-hero-btn {\n            display: inline-flex;\n            padding: 15px 22px;\n            border-radius: 16px;\n            background: #FFD600;\n            color: #07351d;\n            text-decoration: none;\n            font-weight: 950;\n            box-shadow: 0 18px 36px rgba(255, 214, 0, .24)\n        }\n\n        .pod-hero-btn.secondary {\n            background: rgba(255, 255, 255, .12);\n            color: #fff;\n            border: 1px solid rgba(255, 255, 255, .28)\n        }\n\n        .pod-section {\n            position: relative;\n            margin: 34px 0;\n            padding: 36px;\n            border-radius: 30px;\n            background: #fff;\n            border: 1px solid rgba(0, 146, 63, .16);\n            box-shadow: 0 20px 55px rgba(0, 66, 32, .09);\n            overflow: hidden\n        }\n\n        .pod-section:before {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            background: radial-gradient(circle at top right, rgba(255, 214, 0, .12), transparent 30%);\n            pointer-events: none\n        }\n\n        .pod-section>* {\n            position: relative;\n            z-index: 1\n        }\n\n        .pod-section h2 {\n            font-size: clamp(30px, 4vw, 46px);\n            margin: 10px 0 16px;\n            font-weight: 950;\n            letter-spacing: -.045em;\n\t\t\tcolor:#12923b\n        }\n\n        .pod-section-head {\n            \/*max-width: 980px;*\/\n            margin-bottom: 24px\n        }\n\n        .pod-section-head p {\n            color: var(--muted)\n        }\n\n        .pod-intro-pro {\n            display: grid;\n            grid-template-columns: 1.02fr 1fr;\n            gap: 34px;\n            align-items: center;\n            background: linear-gradient(135deg, #ffffff, #F6FAF7)\n        }\n\n        .pod-intro-copy p {\n            color: #385346\n        }\n\n        .pod-intro-visual {\n            min-height: 430px\n        }\n\n        .pod-map-card {\n            height: 430px;\n            border-radius: 30px;\n            position: relative;\n            overflow: hidden;\n            background: radial-gradient(circle at 32% 20%, rgba(255, 214, 0, .26), transparent 28%), radial-gradient(circle at 70% 70%, rgba(0, 146, 63, .25), transparent 34%), linear-gradient(135deg, #EAF8EF, #ffffff);\n            border: 1px solid rgba(0, 146, 63, .18);\n            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .7), 0 20px 45px rgba(0, 66, 32, .11)\n        }\n\n        .pod-map-card:before {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            background-image: linear-gradient(rgba(0, 146, 63, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 146, 63, .07) 1px, transparent 1px);\n            background-size: 34px 34px\n        }\n\n        .pod-map-center {\n            position: absolute;\n            left: 50%;\n            top: 50%;\n            transform: translate(-50%, -50%);\n            width: 95px;\n            height: 95px;\n            border-radius: 32px;\n            display: grid;\n            place-items: center;\n            background: linear-gradient(135deg, #006B2E, #00923F);\n            color: #fff;\n            font-weight: 950;\n            font-size: 26px;\n            box-shadow: 0 0 0 12px rgba(0, 146, 63, .12), 0 22px 50px rgba(0, 66, 32, .28)\n        }\n\n        .pod-map-node {\n            position: absolute;\n            width: 18px;\n            height: 18px;\n            border-radius: 50%;\n            background: #FFD600;\n            box-shadow: 0 0 0 8px rgba(255, 214, 0, .18), 0 0 28px rgba(255, 214, 0, .75);\n            animation: podPulse 2.6s infinite\n        }\n\n        .pod-map-node span {\n            position: absolute;\n            left: 24px;\n            top: -8px;\n            background: #fff;\n            padding: 5px 9px;\n            border-radius: 999px;\n            color: #006B2E;\n            font-size: 12px;\n            font-weight: 900;\n            white-space: nowrap\n        }\n\n        .node-1 {\n            left: 56%;\n            top: 34%\n        }\n\n        .node-2 {\n            left: 22%;\n            top: 65%\n        }\n\n        .node-3 {\n            left: 67%;\n            top: 72%\n        }\n\n        .node-4 {\n            left: 30%;\n            top: 26%\n        }\n\t\t\t\t\t\t\t\t\t\t\n\t\t.node-5 {\n            left: 70%;\n            top: 46%\n        }\n\t\t\t\t\t\t\t\t\t\t\n        .node-6 {\n            left: 45%;\n            top: 70%\n        }\n\n        .pod-map-line {\n            position: absolute;\n            height: 2px;\n            background: linear-gradient(90deg, transparent, #00923F, transparent);\n            transform-origin: left;\n            opacity: .55\n        }\n\n        .line-1 {\n            left: 32%;\n            top: 31%;\n            width: 260px;\n            transform: rotate(22deg)\n        }\n\n        .line-2 {\n            left: 28%;\n            top: 66%;\n            width: 300px;\n            transform: rotate(-18deg)\n        }\n\n        .line-3 {\n            left: 50%;\n            top: 50%;\n            width: 230px;\n            transform: rotate(48deg)\n        }\n\n        .pod-map-pulse {\n            position: absolute;\n            border: 1px solid rgba(0, 146, 63, .24);\n            border-radius: 50%;\n            animation: podPulseRing 4s infinite\n        }\n\n        .pulse-1 {\n            inset: 80px\n        }\n\n        .pulse-2 {\n            inset: 130px;\n            animation-delay: .7s\n        }\n\n        .pulse-3 {\n            inset: 180px;\n            animation-delay: 1.4s\n        }\n\n        .pod-attributes {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 18px;\n            margin-top: 24px;\n            grid-column: 1\/-1\n        }\n\n        .pod-attribute-card {\n            padding: 25px;\n            border-radius: 24px;\n            background: linear-gradient(135deg, #fff, #F6FAF7);\n            border: 1px solid rgba(0, 146, 63, .16);\n            box-shadow: 0 16px 36px rgba(0, 66, 32, .08);\n            transition: .25s\n        }\n\n        .pod-attribute-card:hover {\n            transform: translateY(-6px);\n            box-shadow: 0 24px 55px rgba(0, 66, 32, .14)\n        }\n\n        .pod-attribute-card i {\n            font-style: normal;\n            font-size: 34px;\n            display: block;\n            margin-bottom: 12px\n        }\n\n        .pod-attribute-card strong {\n            display: block;\n            font-size: 22px;\n            color: #006B2E;\n            margin-bottom: 8px\n        }\n\n        .pod-attribute-card span {\n            color: #4d6257;\n            line-height: 1.6\n        }\n\n        .pod-tabs {\n            display: flex;\n            gap: 12px;\n            margin: 26px 0\n        }\n\n        .pod-tabs button {\n            border: 0;\n            border-radius: 16px;\n            padding: 14px 22px;\n            background: linear-gradient(135deg, #0066CC, #0b82dc);\n            color: #fff;\n            font-weight: 950;\n            cursor: pointer;\n            box-shadow: 0 14px 28px rgba(0, 102, 204, .18);\n            transition: .22s\n        }\n\n        .pod-tabs button:hover {\n            transform: translateY(-2px)\n        }\n\n        .pod-tabs button.active {\n            background: linear-gradient(135deg, #006B2E, #00923F);\n            box-shadow: 0 16px 34px rgba(0, 146, 63, .28);\n            outline: 3px solid rgba(255, 214, 0, .28)\n        }\n\n        .pod-tab-content {\n            display: none\n        }\n\n        .pod-tab-content.active {\n            display: block;\n            animation: podFadeIn .3s ease both\n        }\n\n        .pod-timeline {\n            position: relative;\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 18px;\n            margin-top: 18px\n        }\n\n        .pod-time-item {\n            position: relative;\n            display: flex;\n            gap: 16px;\n            padding: 22px;\n            border-radius: 22px;\n            background: linear-gradient(135deg, #fff, #F6FAF7);\n            border: 1px solid rgba(0, 146, 63, .16);\n            box-shadow: 0 12px 30px rgba(0, 66, 32, .07)\n        }\n\n        .pod-time-item span {\n            min-width: 64px;\n            height: 46px;\n            border-radius: 16px;\n            display: grid;\n            place-items: center;\n            background: #FFD600;\n            color: #07351d;\n            font-weight: 950\n        }\n\n        .pod-time-item strong {\n            display: block;\n            color: #006B2E;\n            font-size: 18px\n        }\n\n        .pod-time-item p {\n            font-size: 14px;\n            margin: 6px 0 0;\n            color: #4d6257;\n            line-height: 1.55\n        }\n\n        .pod-method-orbit {\n            position: relative;\n            min-height: 470px;\n            border-radius: 30px;\n            background: radial-gradient(circle at center, rgba(0, 146, 63, .14), transparent 35%), linear-gradient(135deg, #F6FAF7, #fff);\n            border: 1px solid rgba(0, 146, 63, .16);\n            overflow: hidden\n        }\n\n        .pod-method-orbit:before {\n            content: \"\";\n            position: absolute;\n            left: 50%;\n            top: 50%;\n            width: 360px;\n            height: 360px;\n            transform: translate(-50%, -50%);\n            border-radius: 50%;\n            border: 1px dashed rgba(0, 146, 63, .28);\n            animation: podOrbit 28s linear infinite\n        }\n\n        .pod-method-center {\n            position: absolute;\n            left: 50%;\n            top: 15%;\n            transform: translate(-50%, -50%);\n            width: 150px;\n            height: 150px;\n            border-radius: 45px;\n            background: linear-gradient(135deg, #006B2E, #00923F);\n            color: #fff;\n            display: grid;\n            place-items: center;\n            text-align: center;\n            font-weight: 950;\n            font-size: 20px;\n            box-shadow: 0 25px 60px rgba(0, 66, 32, .28)\n        }\n\n        .pod-method-node {\n            position: absolute;\n            width: 250px;\n            padding: 22px;\n            border-radius: 24px;\n            background: #fff;\n            border: 1px solid rgba(0, 146, 63, .18);\n            box-shadow: 0 18px 42px rgba(0, 66, 32, .12)\n        }\n\n        .pod-method-node strong {\n            display: block;\n            color: #006B2E;\n            font-size: 20px;\n            margin-bottom: 8px\n        }\n\n        .pod-method-node span {\n            color: #52675c;\n            line-height: 1.55\n        }\n\n        .method-1 {\n            left: 8%;\n            top: 10%\n        }\n\n        .method-2 {\n            right: 8%;\n            top: 16%\n        }\n\n        .method-3 {\n            left: 50%;\n            bottom: 9%;\n            transform: translateX(-50%)\n        }\n\n        .pod-method-text {\n            margin-top: 22px;\n            color: #3f584b\n        }\n\n        .pod-route-section {\n            background: linear-gradient(135deg, #ffffff, #F2FAF5)\n        }\n\n        .pod-route-radar {\n            position: absolute;\n            right: 45px;\n            top: 45px;\n            width: 220px;\n            height: 220px;\n            border-radius: 50%;\n            border: 1px solid rgba(0, 146, 63, .16);\n            opacity: .6\n        }\n\n        .pod-route-radar span {\n            position: absolute;\n            inset: 30px;\n            border-radius: 50%;\n            border: 1px solid rgba(0, 146, 63, .18);\n            animation: podPulseRing 4s infinite\n        }\n\n        .pod-route-radar span:nth-child(2) {\n            inset: 60px;\n            animation-delay: .7s\n        }\n\n        .pod-route-radar span:nth-child(3) {\n            inset: 90px;\n            animation-delay: 1.2s\n        }\n\n        .pod-fases-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 22px;\n            margin-top: 30px\n        }\n\n        .pod-fase-card {\n            min-height: 255px;\n            text-align: left;\n            border: 0;\n            border-radius: 30px;\n            padding: 27px;\n            cursor: pointer;\n            transition: .25s;\n            position: relative;\n            overflow: hidden;\n            background: radial-gradient(circle at 20% 10%, rgba(255, 214, 0, .28), transparent 34%), linear-gradient(135deg, #ffffff, #EAF8EF);\n            border: 1px solid rgba(0, 146, 63, .18);\n            box-shadow: 0 18px 40px rgba(0, 66, 32, .12)\n        }\n\n        .pod-fase-card:before {\n            content: \"\";\n            position: absolute;\n            inset: -80px;\n            background: conic-gradient(from 180deg, transparent, rgba(0, 146, 63, .20), transparent, rgba(255, 214, 0, .26), transparent);\n            animation: podSpin 9s linear infinite;\n            opacity: .7\n        }\n\n        .pod-fase-card>* {\n            position: relative;\n            z-index: 1\n        }\n\n        .pod-fase-card span {\n            display: grid;\n            place-items: center;\n            width: 60px;\n            height: 60px;\n            border-radius: 20px;\n            background: #FFD600;\n            color: #063;\n            font-weight: 950;\n            font-size: 24px;\n            box-shadow: 0 12px 28px rgba(255, 214, 0, .25)\n        }\n\n        .pod-fase-card strong {\n            display: block;\n            font-size: 24px;\n            margin: 24px 0 10px;\n            color: #006B2E\n        }\n\n        .pod-fase-card small {\n            display: block;\n            color: #4d6257;\n            line-height: 1.6\n        }\n\n        .pod-fase-card em {\n            position: absolute;\n            right: 22px;\n            bottom: 18px;\n            z-index: 2;\n            font-style: normal;\n            font-weight: 950;\n            color: #006B2E\n        }\n\n        .pod-fase-card:hover {\n            transform: translateY(-10px) scale(1.025);\n            box-shadow: 0 30px 75px rgba(0, 66, 32, .22)\n        }\n\n        .fase-diagnostico span {\n            background: #6ee7b7\n        }\n\n        .fase-formulacion span {\n            background: #f59e0b;\n            color: #fff\n        }\n\n        .fase-seguimiento span {\n            background: #8b5cf6;\n            color: #fff\n        }\n\n        .pod-dialogo {\n            background: linear-gradient(135deg, #F6FAF7, #EEF8FF)\n        }\n\n        .pod-flip-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 18px;\n            margin-top: 24px\n        }\n\n        .pod-flip-card {\n            height: 240px;\n            perspective: 1200px\n        }\n\n        .pod-flip-inner {\n            height: 100%;\n            transition: transform .7s;\n            transform-style: preserve-3d\n        }\n\n        .pod-flip-card:hover .pod-flip-inner {\n            transform: rotateY(180deg)\n        }\n\n        .pod-flip-front,\n        .pod-flip-back {\n            position: absolute;\n            inset: 0;\n            border-radius: 24px;\n            padding: 24px;\n            backface-visibility: hidden;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            background: #fff;\n            border: 1px solid rgba(0, 146, 63, .18);\n            box-shadow: 0 14px 35px rgba(0, 66, 32, .1)\n        }\n\n        .pod-flip-front {\n            font-size: 38px\n        }\n\n        .pod-flip-front strong {\n            font-size: 20px;\n            margin-top: 16px\n        }\n\n        .pod-flip-front small {\n            color: #60756a\n        }\n\n        .pod-flip-back {\n            transform: rotateY(180deg);\n            background: linear-gradient(135deg, #006B2E, #00923F);\n            color: #fff;\n            font-size: 15px;\n            line-height: 1.6\n        }\n\n        .pod-form-call {\n            margin-top: 30px;\n            padding: 28px;\n            border-radius: 24px;\n            background: #fff;\n            border: 1px solid rgba(0, 146, 63, .18);\n            box-shadow: 0 14px 35px rgba(0, 66, 32, .08)\n        }\n\n        .pod-form-call a {\n            display: inline-flex;\n            margin-top: 10px;\n            padding: 14px 22px;\n            border-radius: 14px;\n            background: #00923F;\n            color: #fff;\n            text-decoration: none;\n            font-weight: 900\n        }\n\n        .pod-modal {\n            position: fixed;\n            inset: 0;\n            display: none;\n            align-items: center;\n            justify-content: center;\n            padding: 24px;\n            z-index: 999999;\n            background: radial-gradient(circle at 20% 20%, rgba(255, 214, 0, .22), transparent 30%), radial-gradient(circle at 80% 30%, rgba(0, 146, 63, .28), transparent 34%), rgba(5, 20, 14, .78);\n            backdrop-filter: blur(14px)\n        }\n\n        .pod-modal.active {\n            display: flex;\n            animation: podFadeIn .25s ease both\n        }\n\n        .pod-modal-orbit {\n            position: absolute;\n            width: 520px;\n            height: 520px;\n            border-radius: 50%;\n            border: 1px dashed rgba(255, 214, 0, .38);\n            animation: podOrbit 18s linear infinite\n        }\n\n        .pod-modal-orbit:before,\n        .pod-modal-orbit:after {\n            content: \"\";\n            position: absolute;\n            width: 18px;\n            height: 18px;\n            border-radius: 50%;\n            background: #FFD600;\n            box-shadow: 0 0 24px rgba(255, 214, 0, .85)\n        }\n\n        .pod-modal-orbit:before {\n            top: 35px;\n            left: 95px\n        }\n\n        .pod-modal-orbit:after {\n            right: 55px;\n            bottom: 85px;\n            background: #00C853\n        }\n\n        .pod-modal-pro {\n            position: relative;\n            width: min(960px, 96vw);\n            max-height: 88vh;\n            overflow: hidden;\n            border-radius: 34px;\n            background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(246, 255, 249, .94)), radial-gradient(circle at top right, rgba(0, 102, 204, .18), transparent 38%);\n            border: 1px solid rgba(255, 255, 255, .55);\n            box-shadow: 0 40px 110px rgba(0, 0, 0, .42), inset 0 0 0 1px rgba(0, 146, 63, .16);\n            animation: podModalEnter .42s cubic-bezier(.2, .9, .2, 1) both\n        }\n\n        .pod-modal-pro:before {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            background-image: linear-gradient(rgba(0, 146, 63, .055) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 146, 63, .055) 1px, transparent 1px);\n            background-size: 34px 34px;\n            mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .8), transparent 80%);\n            pointer-events: none\n        }\n\n        .pod-modal-close {\n            position: absolute;\n            right: 22px;\n            top: 20px;\n            width: 48px;\n            height: 48px;\n            border: 0;\n            border-radius: 18px;\n            background: linear-gradient(135deg, #006B2E, #00923F);\n            color: #fff;\n            font-size: 30px;\n            line-height: 1;\n            cursor: pointer;\n            box-shadow: 0 16px 30px rgba(0, 146, 63, .35);\n            z-index: 5\n        }\n\n        .pod-modal-head {\n            position: relative;\n            z-index: 2;\n            display: flex;\n            gap: 20px;\n            align-items: center;\n            padding: 34px 38px 24px;\n            border-bottom: 1px solid rgba(0, 146, 63, .14);\n            background: linear-gradient(90deg, rgba(0, 146, 63, .10), rgba(255, 214, 0, .12), transparent)\n        }\n\n        .pod-modal-icon {\n            width: 78px;\n            height: 78px;\n            display: grid;\n            place-items: center;\n            border-radius: 26px;\n            font-size: 40px;\n            background: linear-gradient(135deg, #FFD600, #EAF8EF);\n            box-shadow: 0 18px 36px rgba(0, 66, 32, .18), inset 0 0 0 1px rgba(255, 255, 255, .7)\n        }\n\n        .pod-modal-kicker {\n            display: inline-flex;\n            padding: 7px 13px;\n            border-radius: 999px;\n            background: rgba(0, 146, 63, .12);\n            color: #006B2E;\n            font-size: 12px;\n            font-weight: 950;\n            text-transform: uppercase;\n            letter-spacing: .08em\n        }\n\n        #podModalTitle {\n            margin: 10px 0 0;\n            color: #102A1F;\n            font-size: clamp(28px, 4vw, 42px);\n            font-weight: 950;\n            letter-spacing: -.04em\n        }\n\n        .pod-modal-body {\n            position: relative;\n            z-index: 2;\n            padding: 30px 38px 36px;\n            overflow: auto;\n            max-height: 55vh\n        }\n\n        .pod-modal-body p {\n            font-size: 17px;\n            line-height: 1.85;\n            color: #33483d\n        }\n\n        .pod-modal-list {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 14px;\n            margin-top: 24px\n        }\n\n        .pod-modal-list div {\n            padding: 18px;\n            border-radius: 20px;\n            background: #fff;\n            border: 1px solid rgba(0, 146, 63, .16);\n            box-shadow: 0 10px 26px rgba(0, 66, 32, .07)\n        }\n\n        .pod-modal-list strong {\n            display: block;\n            color: #006B2E;\n            margin-bottom: 6px;\n            font-weight: 950\n        }\n\n        .pod-modal-footer {\n            position: relative;\n            z-index: 2;\n            display: flex;\n            justify-content: space-between;\n            gap: 16px;\n            padding: 18px 38px;\n            background: linear-gradient(135deg, #006B2E, #00923F);\n            color: #fff\n        }\n\n        .pod-modal-footer span {\n            color: #FFD600;\n            font-weight: 950\n        }\n\n        .pod-modal-footer strong {\n            font-weight: 850\n        }\n\n        .pod-reveal {\n            opacity: 0;\n            transform: translateY(24px);\n            transition: .75s cubic-bezier(.2, .8, .2, 1)\n        }\n\n        .pod-reveal.visible {\n            opacity: 1;\n            transform: translateY(0)\n        }\n\n        @keyframes podFloat {\n            from {\n                transform: scale(1)\n            }\n            to {\n                transform: scale(1.08) translateY(-10px)\n            }\n        }\n\n        @keyframes podOrbit {\n            to {\n                transform: rotate(360deg)\n            }\n        }\n\n        @keyframes podSpin {\n            to {\n                transform: rotate(360deg)\n            }\n        }\n\n        @keyframes podFadeIn {\n            from {\n                opacity: 0\n            }\n            to {\n                opacity: 1\n            }\n        }\n\n        @keyframes podModalEnter {\n            from {\n                opacity: 0;\n                transform: translateY(30px) scale(.94)\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0) scale(1)\n            }\n        }\n\n        @keyframes podPulse {\n            0%,\n            100% {\n                transform: scale(1)\n            }\n            50% {\n                transform: scale(1.22)\n            }\n        }\n\n        @keyframes podPulseRing {\n            from {\n                transform: scale(.82);\n                opacity: .75\n            }\n            to {\n                transform: scale(1.25);\n                opacity: 0\n            }\n        }\n\n        @media(max-width:1000px) {\n            .pod-intro-pro {\n                grid-template-columns: 1fr\n            }\n            .pod-fases-grid,\n            .pod-flip-grid {\n                grid-template-columns: repeat(2, 1fr)\n            }\n            .pod-timeline {\n                grid-template-columns: 1fr\n            }\n            .pod-method-node {\n                position: relative;\n                left: auto!important;\n                right: auto!important;\n                top: auto!important;\n                bottom: auto!important;\n                transform: none!important;\n                width: auto;\n                margin: 14px\n            }\n            .pod-method-orbit {\n                display: grid;\n                gap: 12px;\n                padding-top: 190px\n            }\n            .pod-method-center {\n                top: 95px\n            }\n            .pod-hero-radar {\n                display: none\n            }\n        }\n\n        @media(max-width:620px) {\n            .pod-participacion-wrap {\n                padding: 0\n            }\n            .pod-hero {\n                padding: 65px 24px;\n                border-radius: 24px\n            }\n            .pod-section {\n                padding: 24px;\n                border-radius: 24px\n            }\n            .pod-fases-grid,\n            .pod-flip-grid,\n            .pod-attributes,\n            .pod-modal-list {\n                grid-template-columns: 1fr\n            }\n            .pod-tabs {\n                flex-direction: column\n            }\n            .pod-modal-head {\n                flex-direction: column;\n                align-items: flex-start;\n                padding: 28px 24px 20px\n            }\n            .pod-modal-body {\n                padding: 24px\n            }\n            .pod-modal-footer {\n                flex-direction: column;\n                padding: 18px 24px\n            }\n        }\n\n\n        \/* =========A================================================\n           SECCI\u00d3N 3 \u2014 CARDS FLIP 3D CON IMAGEN Y MODAL\n        ========================================================= *\/\n        .pod-fases-flip{\n            perspective:1400px;\n            align-items:stretch;\n        }\n\n        .pod-fase-flip-card{\n            height:355px;\n            perspective:1400px;\n            border-radius:30px;\n        }\n\n        .pod-fase-flip-inner{\n            position:relative;\n            width:100%;\n            height:100%;\n            transform-style:preserve-3d;\n            transition:transform .85s cubic-bezier(.2,.85,.2,1);\n        }\n\n        .pod-fase-flip-card:hover .pod-fase-flip-inner{\n            transform:rotateY(180deg);\n        }\n\n        .pod-fase-flip-front,\n        .pod-fase-flip-back{\n            position:absolute;\n            inset:0;\n            border-radius:30px;\n            overflow:hidden;\n            backface-visibility:hidden;\n            box-shadow:0 24px 60px rgba(0,66,32,.16);\n            border:1px solid rgba(0,146,63,.18);\n        }\n\n        .pod-fase-flip-front{\n            padding:28px;\n            display:flex;\n            flex-direction:column;\n            justify-content:center;\n            background:\n                radial-gradient(circle at 20% 10%,rgba(255,214,0,.32),transparent 34%),\n                linear-gradient(135deg,#ffffff,#EAF8EF);\n        }\n\n        .pod-fase-flip-front::before{\n            content:\"\";\n            position:absolute;\n            inset:-90px;\n            background:conic-gradient(from 180deg,transparent,rgba(0,146,63,.18),transparent,rgba(255,214,0,.24),transparent);\n            animation:podSpin 10s linear infinite;\n            opacity:.75;\n        }\n\n        .pod-fase-flip-front > *{\n            position:relative;\n            z-index:1;\n        }\n\n        .pod-fase-flip-front span{\n            display:grid;\n            place-items:center;\n            width:64px;\n            height:64px;\n            border-radius:22px;\n            background:#FFD600;\n            color:#063;\n            font-size:25px;\n            font-weight:950;\n            box-shadow:0 16px 34px rgba(255,214,0,.28);\n        }\n\n        .pod-fase-flip-front strong{\n            display:block;\n            margin:24px 0 10px;\n            font-size:26px;\n            line-height:1.05;\n            color:#006B2E;\n            font-weight:950;\n        }\n\n        .pod-fase-flip-front small{\n            display:block;\n            color:#4d6257;\n            line-height:1.6;\n            font-size:15px;\n            font-weight:700;\n        }\n\n        .pod-fase-flip-front em{\n            margin-top:24px;\n            font-style:normal;\n            color:#006B2E;\n            font-weight:950;\n            font-size:14px;\n        }\n\n        .pod-fase-flip-back{\n            transform:rotateY(180deg);\n            background:#061b12;\n        }\n\n        .pod-fase-flip-back img{\n            width:100%;\n            height:100%;\n                object-fit:contain;\n\t\t\t\tbackground: linear-gradient(135deg, #006B2E, #00923F);\n            display:block;\n            transform:scale(1.02);\n            transition:transform .45s ease;\n        }\n\n        .pod-fase-flip-card:hover .pod-fase-flip-back img{\n            transform:scale(1.08);\n        }\n\n        .pod-fase-flip-back::after{\n            content:\"\";\n            position:absolute;\n            inset:0;\n            background:\n                linear-gradient(to top,rgba(0,0,0,.66),transparent 52%),\n                radial-gradient(circle at top right,rgba(255,214,0,.18),transparent 36%);\n            pointer-events:none;\n        }\n\n        .pod-fase-detail-btn{\n            position:absolute;\n            left:24px;\n            right:24px;\n            bottom:22px;\n            z-index:3;\n            border:0;\n            border-radius:18px;\n            padding:15px 20px;\n            background:linear-gradient(135deg,#FFD600,#fff2a6);\n            color:#06351d;\n            font-weight:950;\n            font-size:15px;\n            cursor:pointer;\n            box-shadow:0 18px 38px rgba(0,0,0,.28);\n            transition:.22s;\n        }\n\n        .pod-fase-detail-btn:hover{\n            transform:translateY(-3px);\n            box-shadow:0 24px 50px rgba(0,0,0,.35);\n        }\n\n        .pod-fase-flip-front.fase-diagnostico span{background:#6ee7b7;}\n        .pod-fase-flip-front.fase-formulacion span{background:#f59e0b;color:#fff;}\n        .pod-fase-flip-front.fase-seguimiento span{background:#8b5cf6;color:#fff;}\n\n        @media(max-width:1000px){\n            .pod-fase-flip-card{height:330px;}\n        }\n\n        @media(max-width:620px){\n            .pod-fase-flip-card{height:390px;}\n        }\n\n\n        \/* =========================================================\n           SECCI\u00d3N 4 \u2014 MENSAJES WOW TIPO GLOBO TERRITORIAL\n        ========================================================= *\/\n        .pod-dialogo{\n            overflow:visible;\n            position:relative;\n            padding-bottom:52px;\n        }\n\n        .pod-dialogo-pop-grid{\n            position:relative;\n            display:grid;\n            grid-template-columns:repeat(4,1fr);\n            gap:22px;\n            margin-top:26px;\n            align-items:stretch;\n            z-index:20;\n        }\n\n        .pod-dialogo-card{\n            position:relative;\n            min-height:210px;\n            padding:30px 24px;\n            border-radius:26px;\n            background:rgba(255,255,255,.90);\n            border:1px solid rgba(0,146,63,.18);\n            box-shadow:0 18px 45px rgba(0,66,32,.10);\n            overflow:visible;\n            cursor:pointer;\n            isolation:isolate;\n            transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease;\n        }\n\n        .pod-dialogo-card::before{\n            content:\"\";\n            position:absolute;\n            inset:0;\n            border-radius:inherit;\n            background:\n                radial-gradient(circle at 20% 15%,rgba(255,214,0,.22),transparent 34%),\n                linear-gradient(135deg,rgba(255,255,255,.95),rgba(246,250,247,.92));\n            z-index:-2;\n        }\n\n        .pod-dialogo-card::after{\n            content:\"\";\n            position:absolute;\n            left:22px;\n            right:22px;\n            bottom:-12px;\n            height:22px;\n            border-radius:999px;\n            background:rgba(0,66,32,.10);\n            filter:blur(12px);\n            opacity:0;\n            transition:.28s ease;\n            z-index:-3;\n        }\n\n        .pod-dialogo-card-glow{\n            position:absolute;\n            width:110px;\n            height:110px;\n            border-radius:50%;\n            right:-34px;\n            top:-34px;\n            background:radial-gradient(circle,rgba(255,214,0,.34),transparent 64%);\n            opacity:.85;\n            pointer-events:none;\n            transition:.35s ease;\n        }\n\n        .pod-dialogo-icon{\n            width:54px;\n            height:54px;\n            display:grid;\n            place-items:center;\n            border-radius:18px;\n            background:linear-gradient(135deg,#EAF8EF,#fff);\n            box-shadow:inset 0 0 0 1px rgba(0,146,63,.14),0 12px 28px rgba(0,66,32,.10);\n            font-size:26px;\n            margin-bottom:18px;\n        }\n\n        .pod-dialogo-card strong{\n            display:block;\n            color:#102A1F;\n            font-size:18px;\n            line-height:1.25;\n            font-weight:950;\n            margin-bottom:12px;\n        }\n\n        .pod-dialogo-card small{\n            display:block;\n            color:#60756a;\n            font-size:25px;\n            line-height:1.42;\n        }\n\n        .pod-dialogo-card:hover,\n        .pod-dialogo-card:focus,\n        .pod-dialogo-card.is-open{\n            transform:translateY(-10px) scale(1.025);\n            background:linear-gradient(135deg,#006B2E,#00923F);\n            border-color:rgba(255,214,0,.55);\n            box-shadow:0 30px 80px rgba(0,66,32,.28);\n            z-index:80;\n            outline:none;\n        }\n\n        .pod-dialogo-card:hover::after,\n        .pod-dialogo-card:focus::after,\n        .pod-dialogo-card.is-open::after{\n            opacity:1;\n        }\n\n        .pod-dialogo-card:hover .pod-dialogo-card-glow,\n        .pod-dialogo-card:focus .pod-dialogo-card-glow,\n        .pod-dialogo-card.is-open .pod-dialogo-card-glow{\n            transform:scale(1.55);\n            opacity:1;\n        }\n\n        .pod-dialogo-card:hover strong,\n        .pod-dialogo-card:hover small,\n        .pod-dialogo-card:focus strong,\n        .pod-dialogo-card:focus small,\n        .pod-dialogo-card.is-open strong,\n        .pod-dialogo-card.is-open small{\n            color:#fff;\n        }\n\n\t\t.pod-dialogo-popover{ \n\t\t\tposition:absolute;\n\t\t\ttop:calc(100% + 30px);\n\t\t\twidth:min(700px,88vw);\n\t\t\tmin-height:220px;\n\t\t\tpadding:20px 20px;\n\t\t\tborder-radius:34px;\n\n\t\t\tbackground:\n\t\t\t\tradial-gradient(circle at 15% 10%, rgba(255,255,255,.38), transparent 26%),\n\t\t\t\tlinear-gradient(135deg, #FFF4A8, #FFD600 58%, #DFA300);\n\n\t\t\tcolor:#12923b !important;\n\n\t\t\tbox-shadow:\n\t\t\t\t0 35px 90px rgba(0,48,112,.34),\n\t\t\t\tinset 0 0 0 1px rgba(255,255,255,.32);\n\n\t\t\topacity:0;\n\t\t\tvisibility:hidden;\n\t\t\ttransform:translateY(18px) scale(.96);\n\t\t\ttransition:\n\t\t\t\topacity .28s ease,\n\t\t\t\ttransform .28s cubic-bezier(.2,.85,.2,1),\n\t\t\t\tvisibility .28s ease;\n\n\t\t\tpointer-events:none;\n\t\t\tz-index:150;\n\t\t}\n\n\t\t\/* ==============================\n\t\tCOLOR TEXTO POPOVER POD\n\t\t============================== *\/\n\n\t\t.pod-dialogo-popover *,\n\t\t.pod-dialogo-popover h1,\n\t\t.pod-dialogo-popover h2,\n\t\t.pod-dialogo-popover h3,\n\t\t.pod-dialogo-popover h4,\n\t\t.pod-dialogo-popover p,\n\t\t.pod-dialogo-popover span,\n\t\t.pod-dialogo-popover strong{\n\t\t\tcolor:#12923b !important;\n\t\t}\n\t\t\t\t\t\t\t\t\n\n        .pod-dialogo-popover::before{\n            content:\"\";\n            position:absolute;\n            top:-28px;\n            width:68px;\n            height:68px;\n            background:linear-gradient(135deg,#FFF4A8,#FFD600);\n            clip-path:polygon(0 0,100% 100%,0 100%);\n            filter:drop-shadow(0 -8px 12px rgba(0,48,112,.12));\n        }\n\n        .pod-dialogo-popover::after{\n            content:\"\";\n            position:absolute;\n            inset:0;\n            border-radius:inherit;\n            background-image:\n                radial-gradient(circle,rgba(255,255,255,.22) 1px,transparent 1.5px),\n                linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);\n            background-size:28px 28px,46px 46px;\n            mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 85%);\n            pointer-events:none;\n        }\n\n        .pod-dialogo-popover h4{\n            position:relative;\n            z-index:1;\n            margin:0 0 18px;\n            color:#fff;\n            font-size:22px;\n            font-weight:950;\n            text-align:center;\n        }\n\n        .pod-dialogo-popover p{\n            position:relative;\n            z-index:1;\n            margin:0;\n            color:#fff;\n            font-size:17px;\n            line-height:1.55;\n            font-weight:650;\n        }\n\n        .pod-dialogo-card:hover .pod-dialogo-popover,\n        .pod-dialogo-card:focus .pod-dialogo-popover,\n        .pod-dialogo-card.is-open .pod-dialogo-popover{\n            opacity:1;\n            visibility:visible;\n            transform:translateY(0) scale(1);\n            pointer-events:auto;\n        }\n\n        .pod-pop-left .pod-dialogo-popover{\n            left:0;\n        }\n\n        .pod-pop-left .pod-dialogo-popover::before{\n            left:70px;\n        }\n\n        .pod-pop-center .pod-dialogo-popover{\n            left:50%;\n            transform:translateX(-50%) translateY(18px) scale(.96);\n        }\n\n        .pod-pop-center:hover .pod-dialogo-popover,\n        .pod-pop-center:focus .pod-dialogo-popover,\n        .pod-pop-center.is-open .pod-dialogo-popover{\n            transform:translateX(-50%) translateY(0) scale(1);\n        }\n\n        .pod-pop-center .pod-dialogo-popover::before{\n            left:calc(50% - 34px);\n        }\n\n        .pod-pop-right .pod-dialogo-popover{\n            right:0;\n        }\n\n        .pod-pop-right .pod-dialogo-popover::before{\n            right:70px;\n            transform:scaleX(-1);\n        }\n\n        @media(max-width:1000px){\n            .pod-dialogo-pop-grid{\n                grid-template-columns:repeat(2,1fr);\n            }\n            .pod-dialogo-popover,\n            .pod-pop-left .pod-dialogo-popover,\n            .pod-pop-center .pod-dialogo-popover,\n            .pod-pop-right .pod-dialogo-popover{\n                left:50%;\n                right:auto;\n                transform:translateX(-50%) translateY(18px) scale(.96);\n            }\n            .pod-dialogo-card:hover .pod-dialogo-popover,\n            .pod-dialogo-card:focus .pod-dialogo-popover,\n            .pod-dialogo-card.is-open .pod-dialogo-popover{\n                transform:translateX(-50%) translateY(0) scale(1);\n            }\n            .pod-dialogo-popover::before,\n            .pod-pop-left .pod-dialogo-popover::before,\n            .pod-pop-center .pod-dialogo-popover::before,\n            .pod-pop-right .pod-dialogo-popover::before{\n                left:calc(50% - 34px);\n                right:auto;\n                transform:none;\n            }\n        }\n\n        @media(max-width:620px){\n            .pod-dialogo-pop-grid{\n                grid-template-columns:1fr;\n            }\n            .pod-dialogo-card{\n                min-height:180px;\n            }\n            .pod-dialogo-popover{\n                position:relative;\n                top:auto;\n                left:auto!important;\n                right:auto!important;\n                width:100%;\n                margin-top:22px;\n                padding:26px 24px;\n                transform:none!important;\n            }\n            .pod-dialogo-popover::before{\n                display:none;\n            }\n            .pod-dialogo-card:hover .pod-dialogo-popover,\n            .pod-dialogo-card:focus .pod-dialogo-popover,\n            .pod-dialogo-card.is-open .pod-dialogo-popover{\n                transform:none!important;\n            }\n            .pod-dialogo-popover p{\n                font-size:15px;\n            }\n        }\n\n\n\n        \/* =========================================================\n           SECCI\u00d3N PARALLAX \u2014 PARTICIPACI\u00d3N CIUDADANA\n        ========================================================= *\/\n        .pod-parallax-section{\n            position:relative;\n            min-height:620px;\n            margin:42px 0;\n            border-radius:36px;\n            overflow:hidden;\n            display:flex;\n            align-items:center;\n            padding:54px;\n            isolation:isolate;\n            border:1px solid rgba(0,146,63,.20);\n            box-shadow:0 35px 100px rgba(0,66,32,.20);\n        }\n\n        .pod-parallax-media{\n            position:absolute;\n            inset:-12%;\n            background-image:url('https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-content\/uploads\/2026\/07\/participacion-ciudadana.jpg');\n            background-size:cover;\n            background-position:center;\n            background-attachment:fixed;\n            transform:scale(1.04);\n            z-index:-3;\n        }\n\n        .pod-parallax-overlay{\n            position:absolute;\n            inset:0;\n            background:\n                radial-gradient(circle at 18% 18%,rgba(255,214,0,.30),transparent 34%),\n                linear-gradient(90deg,rgba(0,45,24,.88),rgba(0,107,46,.60) 48%,rgba(0,0,0,.18));\n            z-index:-2;\n        }\n\n        .pod-parallax-particles{\n            position:absolute;\n            inset:0;\n            background-image:\n                radial-gradient(circle,rgba(255,255,255,.45) 1px,transparent 1.5px),\n                linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),\n                linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);\n            background-size:38px 38px,64px 64px,64px 64px;\n            mask-image:linear-gradient(90deg,rgba(0,0,0,.9),transparent 90%);\n            opacity:.42;\n            animation:podParallaxDrift 18s linear infinite;\n            z-index:-1;\n        }\n\n        .pod-parallax-content{\n            max-width:720px;\n            color:#fff;\n            position:relative;\n            z-index:2;\n        }\n\n        .pod-parallax-kicker{\n            display:inline-flex;\n            padding:9px 16px;\n            border-radius:999px;\n            color:#07351d;\n            background:linear-gradient(135deg,#FFD600,#FFF4A8);\n            font-size:12px;\n            font-weight:950;\n            text-transform:uppercase;\n            letter-spacing:.10em;\n            box-shadow:0 18px 40px rgba(255,214,0,.24);\n        }\n\n        .pod-parallax-content h2{\n            margin:20px 0 16px;\n            color:#FFD600 !important;\n            font-size:clamp(38px,5vw,68px);\n            line-height:1;\n            letter-spacing:-.055em;\n            font-weight:950;\n            text-shadow:0 12px 34px rgba(0,0,0,.34);\n        }\n\n        .pod-parallax-content p{\n            max-width:650px;\n            color:rgba(255,255,255,.92) !important;\n            font-size:20px;\n            line-height:1.75;\n            font-weight:650;\n        }\n\n        .pod-parallax-btn{\n            display:inline-flex;\n            align-items:center;\n            gap:10px;\n            margin-top:22px;\n            padding:16px 24px;\n            border-radius:18px;\n            background:linear-gradient(135deg,#FFD600,#FFF2A6);\n            color:#06351d !important;\n            text-decoration:none !important;\n            font-weight:950;\n            box-shadow:0 24px 55px rgba(255,214,0,.28);\n            transition:.22s ease;\n        }\n\n        .pod-parallax-btn:hover{\n            transform:translateY(-4px);\n            box-shadow:0 32px 70px rgba(255,214,0,.35);\n        }\n\n        @keyframes podParallaxDrift{\n            from{background-position:0 0,0 0,0 0}\n            to{background-position:160px 80px,64px 64px,64px 64px}\n        }\n\n        \/* =========================================================\n           GALER\u00cdA WOW \u2014 PARTICIPACI\u00d3N CIUDADANA\n        ========================================================= *\/\n        .pod-gallery-section{\n            background:\n                radial-gradient(circle at 15% 5%,rgba(255,214,0,.16),transparent 28%),\n                radial-gradient(circle at 95% 10%,rgba(0,146,63,.12),transparent 32%),\n                linear-gradient(135deg,#ffffff,#F6FAF7);\n            overflow:visible;\n        }\n\n        .pod-gallery-head{\n            max-width:980px;\n        }\n\n\n        .pod-gallery-switch{\n            display:flex;\n            flex-wrap:wrap;\n            gap:14px;\n            margin:26px 0 30px;\n            padding:10px;\n            width:max-content;\n            max-width:100%;\n            border-radius:999px;\n            background:rgba(255,255,255,.82);\n            border:1px solid rgba(0,146,63,.16);\n            box-shadow:0 18px 44px rgba(0,66,32,.10);\n        }\n\n        .pod-gallery-switch-btn{\n            position:relative;\n            border:0;\n            border-radius:999px;\n            padding:14px 22px;\n            cursor:pointer;\n            color:#006B2E;\n            background:transparent;\n            font-weight:950;\n            letter-spacing:.01em;\n            transition:transform .22s ease, color .22s ease, background .22s ease, box-shadow .22s ease;\n        }\n\n        .pod-gallery-switch-btn:hover{\n            transform:translateY(-2px);\n            background:rgba(0,146,63,.08);\n        }\n\n        .pod-gallery-switch-btn.active{\n            color:#07351d;\n            background:linear-gradient(135deg,#FFD600,#FFF4A8);\n            box-shadow:0 14px 30px rgba(255,214,0,.28);\n        }\n\n        .pod-gallery-panel{\n            display:none;\n        }\n\n        .pod-gallery-panel.active{\n            display:block;\n            animation:podGalleryPanelIn .38s ease both;\n        }\n\n        @keyframes podGalleryPanelIn{\n            from{opacity:0;transform:translateY(18px) scale(.985)}\n            to{opacity:1;transform:translateY(0) scale(1)}\n        }\n\n        .pod-gallery-mosaic{\n            display:grid;\n            grid-template-columns:repeat(4,1fr);\n            grid-auto-rows:210px;\n            gap:18px;\n            margin-top:28px;\n        }\n\n        .pod-gallery-item{\n            position:relative;\n            display:block;\n            border:0;\n            padding:0;\n            overflow:hidden;\n            border-radius:28px;\n            cursor:pointer;\n            background:#0b2417;\n            box-shadow:0 20px 50px rgba(0,66,32,.14);\n            isolation:isolate;\n            transform:translateZ(0);\n        }\n\n        .pod-gallery-featured{\n            grid-column:span 2;\n            grid-row:span 2;\n        }\n\n        .pod-gallery-item img{\n            width:100%;\n            height:100%;\n            object-fit:cover;\n            display:block;\n            transform:scale(1.05);\n            transition:transform .55s cubic-bezier(.2,.85,.2,1), filter .35s ease;\n        }\n\n        .pod-gallery-item::before{\n            content:\"\";\n            position:absolute;\n            inset:0;\n            background:\n                linear-gradient(to top,rgba(0,0,0,.72),transparent 62%),\n                radial-gradient(circle at 18% 12%,rgba(255,214,0,.30),transparent 28%);\n            opacity:.80;\n            z-index:1;\n            transition:.28s ease;\n        }\n\n        .pod-gallery-item::after{\n            content:\"\u2197\";\n            position:absolute;\n            right:18px;\n            top:18px;\n            width:46px;\n            height:46px;\n            display:grid;\n            place-items:center;\n            border-radius:16px;\n            background:linear-gradient(135deg,#FFD600,#FFF4A8);\n            color:#06351d;\n            font-weight:950;\n            font-size:20px;\n            z-index:3;\n            opacity:0;\n            transform:translateY(-8px) scale(.86);\n            transition:.28s ease;\n            box-shadow:0 16px 34px rgba(0,0,0,.24);\n        }\n\n        .pod-gallery-item span{\n            position:absolute;\n            left:20px;\n            right:20px;\n            bottom:18px;\n            z-index:3;\n            color:#fff;\n            font-size:18px;\n            line-height:1.1;\n            font-weight:950;\n            text-align:left;\n            text-shadow:0 8px 24px rgba(0,0,0,.45);\n        }\n\n        .pod-gallery-item:hover img{\n            transform:scale(1.16) rotate(.8deg);\n            filter:saturate(1.18) contrast(1.06);\n        }\n\n        .pod-gallery-item:hover::before{\n            opacity:.96;\n        }\n\n        .pod-gallery-item:hover::after{\n            opacity:1;\n            transform:translateY(0) scale(1);\n        }\n\n        .pod-gallery-lightbox{\n            position:fixed;\n            inset:0;\n            display:none;\n            align-items:center;\n            justify-content:center;\n            padding:24px;\n            z-index:1000000;\n        }\n\n        .pod-gallery-lightbox.active{\n            display:flex;\n            animation:podFadeIn .22s ease both;\n        }\n\n        .pod-gallery-lightbox-bg{\n            position:absolute;\n            inset:0;\n            background:\n                radial-gradient(circle at 20% 18%,rgba(255,214,0,.22),transparent 32%),\n                radial-gradient(circle at 84% 26%,rgba(0,146,63,.28),transparent 34%),\n                rgba(4,18,11,.88);\n            backdrop-filter:blur(16px);\n        }\n\n        .pod-gallery-lightbox-box{\n            position:relative;\n            width:min(1180px,96vw);\n            max-height:88vh;\n            border-radius:34px;\n            overflow:hidden;\n            background:#071b11;\n            box-shadow:0 45px 130px rgba(0,0,0,.55);\n            border:1px solid rgba(255,255,255,.18);\n            animation:podModalEnter .32s cubic-bezier(.2,.9,.2,1) both;\n        }\n\n        .pod-gallery-lightbox-box img{\n            width:100%;\n            max-height:78vh;\n            object-fit:contain;\n            display:block;\n            background:#061b12;\n        }\n\n        .pod-gallery-caption{\n            position:absolute;\n            left:24px;\n            bottom:22px;\n            padding:12px 18px;\n            border-radius:16px;\n            background:rgba(0,107,46,.82);\n            color:#fff;\n            font-weight:950;\n            backdrop-filter:blur(10px);\n            box-shadow:0 14px 34px rgba(0,0,0,.28);\n        }\n\n        .pod-gallery-close,\n        .pod-gallery-nav{\n            position:absolute;\n            z-index:5;\n            border:0;\n            cursor:pointer;\n            display:grid;\n            place-items:center;\n            color:#06351d;\n            background:linear-gradient(135deg,#FFD600,#FFF4A8);\n            box-shadow:0 18px 40px rgba(0,0,0,.28);\n        }\n\n        .pod-gallery-close{\n            right:18px;\n            top:18px;\n            width:52px;\n            height:52px;\n            border-radius:18px;\n            font-size:32px;\n            line-height:1;\n        }\n\n        .pod-gallery-nav{\n            top:50%;\n            width:56px;\n            height:74px;\n            border-radius:18px;\n            font-size:48px;\n            transform:translateY(-50%);\n        }\n\n        .pod-gallery-prev{left:18px;}\n        .pod-gallery-next{right:18px;}\n\n        @media(max-width:1000px){\n            .pod-parallax-media{background-attachment:scroll;}\n            .pod-parallax-section{min-height:520px;padding:36px;}\n            .pod-gallery-mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:210px;}\n            .pod-gallery-featured{grid-column:span 2;grid-row:span 1;}\n        }\n\n        @media(max-width:620px){\n            .pod-parallax-section{min-height:500px;padding:26px;border-radius:26px;}\n            .pod-parallax-content h2{font-size:38px;}\n            .pod-parallax-content p{font-size:16px;}\n            .pod-gallery-mosaic{grid-template-columns:1fr;grid-auto-rows:240px;}\n            .pod-gallery-featured{grid-column:span 1;}\n            .pod-gallery-nav{width:46px;height:62px;font-size:38px;}\n            .pod-gallery-caption{right:20px;font-size:13px;}\n        }\n\n    <\/style>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function(){\n            const tabs = document.querySelectorAll('.pod-tabs button');\n            tabs.forEach(btn=>{\n                btn.addEventListener('click',()=>{\n                    tabs.forEach(b=>b.classList.remove('active'));\n                    document.querySelectorAll('.pod-tab-content').forEach(c=>c.classList.remove('active'));\n                    btn.classList.add('active');\n                    const panel = document.getElementById('pod-tab-' + btn.dataset.tab);\n                    if (panel) panel.classList.add('active');\n                });\n            });\n\n            const modal = document.getElementById('podModal');\n            const content = document.getElementById('podModalContent');\n            const close = document.querySelector('.pod-modal-close');\n\n            const fases = {\n                fase1:{icon:'\ud83e\udded',title:'Fase 1. Alistamiento',html:`<p>Esta fase prepara t\u00e9cnica, institucional y comunicativamente el proceso participativo. Permite reconocer actores, capacidades, relaciones e intereses para definir una ruta de di\u00e1logo territorial pertinente.<\/p><div class=\"pod-modal-list\"><div><strong>Mapeo de actores<\/strong><span>Identifica actores nacionales, regionales, locales, institucionales, sociales y sectoriales.<\/span><\/div><div><strong>Convocatorias<\/strong><span>Define escenarios de di\u00e1logo seg\u00fan realidades subregionales.<\/span><\/div><div><strong>Comunicaci\u00f3n p\u00fablica<\/strong><span>Socializa objetivos, avances y canales de participaci\u00f3n.<\/span><\/div><div><strong>Transparencia<\/strong><span>Fortalece la visibilidad y trazabilidad del proceso POD.<\/span><\/div><\/div>`},\n                fase2:{icon:'\ud83d\udef0\ufe0f',title:'Fase 2. Diagn\u00f3stico',html:`<p>Recoge, contrasta y organiza informaci\u00f3n territorial mediante mesas subregionales. Permite reconocer tensiones, potencialidades y visiones desde los actores que habitan y gestionan el territorio.<\/p><div class=\"pod-modal-list\"><div><strong>Nodos territoriales<\/strong><span>Taminango, La Uni\u00f3n, T\u00faquerres, Pasto, Ipiales y Tumaco.<\/span><\/div><div><strong>Componentes t\u00e9cnicos<\/strong><span>Biof\u00edsico, socioecon\u00f3mico, funcional, espacial e institucional.<\/span><\/div><div><strong>Visi\u00f3n territorial<\/strong><span>Proyecta el departamento hacia decisiones de largo plazo.<\/span><\/div><div><strong>Insumos POD<\/strong><span>Aporta al modelo de ocupaci\u00f3n y proyectos de impacto departamental.<\/span><\/div><\/div>`},\n                fase3:{icon:'\ud83e\udd1d',title:'Fase 3. Formulaci\u00f3n',html:`<p>Socializa, valida y retroalimenta los componentes centrales del POD. En esta fase se fortalecen instancias de planeaci\u00f3n y se armonizan criterios t\u00e9cnicos e institucionales.<\/p><div class=\"pod-modal-list\"><div><strong>CTP y CTP municipales<\/strong><span>Fortalecimiento para participaci\u00f3n cualificada.<\/span><\/div><div><strong>Mesas subregionales<\/strong><span>Validaci\u00f3n de modelo de ocupaci\u00f3n, visi\u00f3n y lineamientos.<\/span><\/div><div><strong>CROT y COT<\/strong><span>Articulaci\u00f3n institucional para armonizar criterios.<\/span><\/div><div><strong>Ordenanza<\/strong><span>Presentaci\u00f3n ante Asamblea Departamental para adopci\u00f3n formal.<\/span><\/div><\/div>`},\n                fase4:{icon:'\ud83d\udce1',title:'Fase 4. Seguimiento y evaluaci\u00f3n',html:`<p>Garantiza que la participaci\u00f3n trascienda la formulaci\u00f3n del documento y se convierta en una pr\u00e1ctica permanente de seguimiento, corresponsabilidad y control social.<\/p><div class=\"pod-modal-list\"><div><strong>Observatorio territorial<\/strong><span>Organiza informaci\u00f3n para toma de decisiones.<\/span><\/div><div><strong>Control social<\/strong><span>Comit\u00e9s ciudadanos para seguimiento transparente.<\/span><\/div><div><strong>Audiencias p\u00fablicas<\/strong><span>Espacios abiertos de revisi\u00f3n y retroalimentaci\u00f3n.<\/span><\/div><div><strong>Rendici\u00f3n de cuentas<\/strong><span>Seguimiento institucional claro y trazable.<\/span><\/div><\/div>`}\n            };\n\n            document.querySelectorAll('.pod-fase-detail-btn').forEach(card=>{\n                card.addEventListener('click',()=>{\n                    const fase = fases[card.dataset.modal];\n                    if (!fase) return;\n                    document.getElementById('podModalIcon').innerHTML = fase.icon;\n                    document.getElementById('podModalTitle').innerHTML = fase.title;\n                    content.innerHTML = fase.html;\n                    modal.classList.add('active');\n                    document.body.style.overflow = 'hidden';\n                });\n            });\n\n            if (close) close.addEventListener('click',()=>{modal.classList.remove('active');document.body.style.overflow='';});\n            if (modal) modal.addEventListener('click',(e)=>{ if(e.target === modal){modal.classList.remove('active');document.body.style.overflow='';} });\n            document.addEventListener('keydown',(e)=>{ if(e.key === 'Escape' && modal.classList.contains('active')){modal.classList.remove('active');document.body.style.overflow='';} if(e.key === 'Escape' && document.getElementById('podGalleryLightbox') && document.getElementById('podGalleryLightbox').classList.contains('active')){document.getElementById('podGalleryLightbox').classList.remove('active');document.body.style.overflow='';} if(e.key === 'ArrowLeft' && document.getElementById('podGalleryLightbox') && document.getElementById('podGalleryLightbox').classList.contains('active')){document.querySelector('.pod-gallery-prev')?.click();} if(e.key === 'ArrowRight' && document.getElementById('podGalleryLightbox') && document.getElementById('podGalleryLightbox').classList.contains('active')){document.querySelector('.pod-gallery-next')?.click();} });\n\n\n\n            document.querySelectorAll('.pod-dialogo-card').forEach(card=>{\n                card.addEventListener('click', function(e){\n                    document.querySelectorAll('.pod-dialogo-card').forEach(c=>{\n                        if(c !== this) c.classList.remove('is-open');\n                    });\n                    this.classList.toggle('is-open');\n                });\n            });\n\n            document.addEventListener('click', function(e){\n                if(!e.target.closest('.pod-dialogo-card')){\n                    document.querySelectorAll('.pod-dialogo-card').forEach(c=>c.classList.remove('is-open'));\n                }\n            });\n\n\n\n            const galleryPanels = Array.from(document.querySelectorAll('.pod-gallery-panel'));\n            const gallerySwitchBtns = Array.from(document.querySelectorAll('.pod-gallery-switch-btn'));\n            const galleryLightbox = document.getElementById('podGalleryLightbox');\n            const galleryImg = document.getElementById('podGalleryLightboxImg');\n            const galleryCaption = document.getElementById('podGalleryCaption');\n            const galleryClose = document.querySelector('.pod-gallery-close');\n            const galleryPrev = document.querySelector('.pod-gallery-prev');\n            const galleryNext = document.querySelector('.pod-gallery-next');\n            let galleryItems = [];\n            let galleryIndex = 0;\n\n            function refreshGalleryItems(){\n                const activePanel = document.querySelector('.pod-gallery-panel.active') || galleryPanels[0];\n                galleryItems = activePanel ? Array.from(activePanel.querySelectorAll('.pod-gallery-item')) : [];\n            }\n\n            function bindGalleryItems(){\n                document.querySelectorAll('.pod-gallery-item').forEach(item=>{\n                    item.addEventListener('click',()=>{\n                        refreshGalleryItems();\n                        const index = galleryItems.indexOf(item);\n                        openGallery(index >= 0 ? index : 0);\n                    });\n                });\n            }\n\n            function openGallery(index){\n                refreshGalleryItems();\n                if (!galleryLightbox || !galleryImg || !galleryItems.length) return;\n                galleryIndex = (index + galleryItems.length) % galleryItems.length;\n                const item = galleryItems[galleryIndex];\n                galleryImg.src = item.dataset.img || '';\n                galleryCaption.textContent = item.dataset.title || 'Participaci\u00f3n ciudadana POD';\n                galleryLightbox.classList.add('active');\n                galleryLightbox.setAttribute('aria-hidden','false');\n                document.body.style.overflow = 'hidden';\n            }\n\n            function closeGallery(){\n                if (!galleryLightbox) return;\n                galleryLightbox.classList.remove('active');\n                galleryLightbox.setAttribute('aria-hidden','true');\n                if (galleryImg) galleryImg.src = '';\n                document.body.style.overflow = '';\n            }\n\n            gallerySwitchBtns.forEach(btn=>{\n                btn.addEventListener('click',()=>{\n                    const target = btn.dataset.galleryTarget;\n\n                    gallerySwitchBtns.forEach(b=>{\n                        b.classList.remove('active');\n                        b.setAttribute('aria-selected','false');\n                    });\n                    btn.classList.add('active');\n                    btn.setAttribute('aria-selected','true');\n\n                    galleryPanels.forEach(panel=>{\n                        panel.classList.toggle('active', panel.dataset.galleryPanel === target);\n                    });\n\n                    closeGallery();\n                    refreshGalleryItems();\n                });\n            });\n\n            refreshGalleryItems();\n            bindGalleryItems();\n\n            if (galleryClose) galleryClose.addEventListener('click',closeGallery);\n            if (galleryPrev) galleryPrev.addEventListener('click',(e)=>{e.stopPropagation();openGallery(galleryIndex - 1);});\n            if (galleryNext) galleryNext.addEventListener('click',(e)=>{e.stopPropagation();openGallery(galleryIndex + 1);});\n            if (galleryLightbox) galleryLightbox.addEventListener('click',(e)=>{\n                if(e.target === galleryLightbox || e.target.classList.contains('pod-gallery-lightbox-bg')) closeGallery();\n            });\n\n            const observer = new IntersectionObserver((entries)=>{\n                entries.forEach(entry=>{ if(entry.isIntersecting){ entry.target.classList.add('visible'); observer.unobserve(entry.target); } });\n            },{threshold:.12});\n            document.querySelectorAll('.pod-reveal').forEach(el=>observer.observe(el));\n        });\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a9ab64d e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"a9ab64d\" data-element_type=\"container\" data-e-type=\"container\" id=\"participa\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c45faa5 elementor-widget elementor-widget-html\" data-id=\"c45faa5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <div class=\"pod-form-call text-encima\">\r\n                <h3>Participa en el di\u00e1logo territorial<\/h3>\r\n                <p>Aqu\u00ed el enlace del formulario de Google Forms para recoger aportes ciudadanos.<\/p>\r\n                <a href=\"https:\/\/forms.gle\/HdJV436TJ3XP8qZa9\" target=\"_blank\" rel=\"noopener\">Abrir formulario de participaci\u00f3n<\/a>\r\n            <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c5be364 e-con-full e-flex e-con e-parent\" data-id=\"c5be364\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b380018 elementor-widget elementor-widget-heading\" data-id=\"b380018\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h3 style=\"font-style: normal;font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen-Sans, Ubuntu, Cantarell, &quot;Helvetica Neue&quot;, sans-serif;white-space: normal\">Participa en el di\u00e1logo territorial<span style=\"font-family: &quot;Hind Madurai&quot;, sans-serif;font-size: 1.875rem;font-style: inherit;white-space: pre-wrap\"><\/span><\/h3><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a6d51db elementor-widget elementor-widget-text-editor\" data-id=\"a6d51db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Tu conocimiento sobre el departamento y tu visi\u00f3n de futuro son insumos reales para definir c\u00f3mo se ordena Nari\u00f1o en los pr\u00f3ximos a\u00f1os. Ten en cuenta que el POD tiene un marco supramunicipal que aborda din\u00e1micas, desaf\u00edos y oportunidades que trascienden los l\u00edmites de cada municipio y que requieren una mirada compartida entre territorios. Responder el siguiente formulario es una forma directa de aportar al plan<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-ha-element-link=\"{&quot;url&quot;:&quot;https:\\\/\\\/docs.google.com\\\/forms\\\/d\\\/e\\\/1FAIpQLSfOTerSzGf-HMkhpr9KqZqaCkw1B1cEydYuq2dGwRzPe--iLA\\\/viewform&quot;,&quot;is_external&quot;:&quot;on&quot;,&quot;nofollow&quot;:&quot;&quot;}\" style=\"cursor: pointer\" class=\"elementor-element elementor-element-0447c51 elementor-widget elementor-widget-button\" data-id=\"0447c51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/forms.gle\/LuehruTNmuStmq3w7\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Abrir formulario de participaci\u00f3n<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b26ef87 e-flex e-con-boxed e-con e-parent\" data-id=\"b26ef87\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ebb5f51 elementor-widget elementor-widget-heading\" data-id=\"ebb5f51\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"nuestra-encuesta\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">..<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0190c06 elementor-widget elementor-widget-shortcode\" data-id=\"0190c06\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t\t<section id=\"kbpod-publico-423885\" class=\"kbpod-publico\" data-api=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-json\/kb-pod-publico\/v1\/\">\n\t\t\t\t<div class=\"kbpod-hero\">\n\t\t\t\t\t<div class=\"kbpod-hero-copy\">\n\t\t\t\t\t\t<span class=\"kbpod-kicker\">INTELIGENCIA TERRITORIAL \u00b7 OBSERVATORIO POD<\/span>\n\t\t\t\t\t\t<h2>Voces del territorio<\/h2>\n\t\t\t\t\t\t<p>Explore las jornadas participativas, sus respuestas an\u00f3nimas y los conceptos que m\u00e1s resuenan en Nari\u00f1o.<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"kbpod-hero-actions\">\n\t\t\t\t\t\t<button type=\"button\" class=\"kbpod-btn kbpod-btn-light\" data-action=\"share\" aria-label=\"Compartir esta consulta\">\u2301 <span>Compartir<\/span><\/button>\n\t\t\t\t\t\t<button type=\"button\" class=\"kbpod-btn kbpod-btn-yellow\" data-action=\"fullscreen\">\u26f6 <span>Pantalla completa<\/span><\/button>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"kbpod-orb kbpod-orb-a\"><\/div><div class=\"kbpod-orb kbpod-orb-b\"><\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"kbpod-shell\">\n\t\t\t\t\t<div class=\"kbpod-selector-card\">\n\t\t\t\t\t\t<div class=\"kbpod-section-title\">\n\t\t\t\t\t\t\t<div><span class=\"kbpod-step\">01<\/span><h3>Seleccione una jornada<\/h3><\/div>\n\t\t\t\t\t\t\t<p>Solo se presentan resultados publicados y an\u00f3nimos.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"kbpod-selector-grid\">\n\t\t\t\t\t\t\t<label class=\"kbpod-field kbpod-field-search\"><span>Buscar<\/span><div class=\"kbpod-input-icon\">\u2315<input type=\"search\" data-role=\"search\" placeholder=\"Tema, jornada o municipio sede\"><\/div><\/label>\n\t\t\t\t\t\t\t<label class=\"kbpod-field kbpod-field-session\"><span>Sesi\u00f3n o jornada<\/span><select data-role=\"session\"><option value=\"\">Cargando jornadas\u2026<\/option><\/select><\/label>\n\t\t\t\t\t\t\t<button type=\"button\" class=\"kbpod-btn kbpod-btn-green\" data-action=\"load\">Explorar jornada \u2192<\/button>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"kbpod-empty\" data-view=\"empty\">\n\t\t\t\t\t\t<div class=\"kbpod-empty-icon\">\u2301<\/div><h3>Seleccione una jornada para comenzar<\/h3>\n\t\t\t\t\t\t<p>Podr\u00e1 consultar el resumen, explorar respuestas, generar nubes de palabras y comparar sesiones del mismo tema.<\/p>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"kbpod-loading\" data-view=\"loading\" hidden><span><\/span><strong>Organizando las voces del territorio\u2026<\/strong><\/div>\n\t\t\t\t\t<div class=\"kbpod-error\" data-view=\"error\" hidden><\/div>\n\n\t\t\t\t\t<div class=\"kbpod-results\" data-view=\"results\" hidden>\n\t\t\t\t\t\t<header class=\"kbpod-session-head\">\n\t\t\t\t\t\t\t<div><span class=\"kbpod-session-code\" data-role=\"topic-code\"><\/span><span class=\"kbpod-status\" data-role=\"status\"><\/span><\/div>\n\t\t\t\t\t\t\t<h3 data-role=\"topic-title\"><\/h3><p class=\"kbpod-session-name\" data-role=\"session-name\"><\/p>\n\t\t\t\t\t\t\t<div class=\"kbpod-session-meta\"><span data-role=\"date\"><\/span><span data-role=\"place\"><\/span><\/div>\n\t\t\t\t\t\t<\/header>\n\n\t\t\t\t\t\t<div class=\"kbpod-metrics\" data-role=\"metrics\"><\/div>\n\n\t\t\t\t\t\t<nav class=\"kbpod-tabs\" aria-label=\"Opciones de consulta\">\n\t\t\t\t\t\t\t<button type=\"button\" class=\"is-active\" data-tab=\"summary\">\u25eb <span>Resumen<\/span><\/button>\n\t\t\t\t\t\t\t<button type=\"button\" data-tab=\"answers\">\u2630 <span>Respuestas<\/span><\/button>\n\t\t\t\t\t\t\t<button type=\"button\" data-tab=\"cloud\">\u2601 <span>Nube de palabras<\/span><\/button>\n\t\t\t\t\t\t\t<button type=\"button\" data-tab=\"compare\">\u21c4 <span>Comparar sesiones<\/span><\/button>\n\t\t\t\t\t\t<\/nav>\n\n\t\t\t\t\t\t<div class=\"kbpod-panel is-active\" data-panel=\"summary\">\n\t\t\t\t\t\t\t<div class=\"kbpod-summary-grid\"><article><span>ACERCA DEL EJERCICIO<\/span><p data-role=\"description\"><\/p><\/article><article><span>PREGUNTAS CONSULTADAS<\/span><div data-role=\"questions\"><\/div><\/article><\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"kbpod-panel\" data-panel=\"answers\">\n\t\t\t\t\t\t\t<div class=\"kbpod-filter-card\"><div class=\"kbpod-section-title\"><div><span class=\"kbpod-step\">02<\/span><h3>Explore las respuestas<\/h3><\/div><p>La identidad de las personas no se publica.<\/p><\/div><div class=\"kbpod-filters\" data-role=\"answer-filters\"><\/div><\/div>\n\t\t\t\t\t\t\t<div class=\"kbpod-countline\"><strong data-role=\"answer-count\">0 respuestas<\/strong><span>Resultados seg\u00fan los filtros seleccionados<\/span><\/div>\n\t\t\t\t\t\t\t<div class=\"kbpod-answer-grid\" data-role=\"answers\"><\/div><div class=\"kbpod-pagination\" data-role=\"pagination\"><\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"kbpod-panel\" data-panel=\"cloud\">\n\t\t\t\t\t\t\t<div class=\"kbpod-filter-card\"><div class=\"kbpod-section-title\"><div><span class=\"kbpod-step\">02<\/span><h3>Configure su nube<\/h3><\/div><p>Combine pregunta y territorio.<\/p><\/div><div class=\"kbpod-filters\" data-role=\"cloud-filters\"><\/div><\/div>\n\t\t\t\t\t\t\t<div class=\"kbpod-cloud-stage\"><div class=\"kbpod-cloud-head\"><div><span>OBSERVATORIO POD DE NARI\u00d1O<\/span><h3 data-role=\"cloud-title\">Voces de la jornada<\/h3><\/div><strong data-role=\"cloud-total\"><\/strong><\/div><div class=\"kbpod-cloud\" data-role=\"cloud\"><\/div><div class=\"kbpod-frequency\" data-role=\"frequency\"><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"kbpod-panel\" data-panel=\"compare\">\n\t\t\t\t\t\t\t<div class=\"kbpod-filter-card\"><div class=\"kbpod-section-title\"><div><span class=\"kbpod-step\">02<\/span><h3>Compare dos jornadas<\/h3><\/div><p>Las sesiones deben pertenecer al mismo tema.<\/p><\/div><div class=\"kbpod-compare-controls\" data-role=\"compare-controls\"><\/div><\/div>\n\t\t\t\t\t\t\t<div class=\"kbpod-compare-insight\" data-role=\"compare-insight\" hidden><\/div><div class=\"kbpod-compare-grid\" data-role=\"compare-grid\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"kbpod-toast\" data-role=\"toast\" aria-live=\"polite\"><\/div>\n\t\t\t<\/section>\n\n\t\t\t<style>\n\t\t\t#kbpod-publico-423885{--g:#10a13b;--g2:#087b32;--y:#fdd60c;--n:#0d2235;--b:#1479b8;--muted:#60717e;--line:#dbe7df;--paper:#fff;--soft:#f4f8f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,\"Segoe UI\",sans-serif;color:var(--n);position:relative;max-width:1680px;margin:0 auto;background:#eef3ef;border-radius:28px;overflow:hidden;box-shadow:0 28px 80px rgba(13,34,53,.13)}\n\t\t\t#kbpod-publico-423885 [hidden]{display:none!important}\n\t\t\t#kbpod-publico-423885 *{box-sizing:border-box}#kbpod-publico-423885 button,#kbpod-publico-423885 input,#kbpod-publico-423885 select{font:inherit}\n\t\t\t#kbpod-publico-423885 .kbpod-hero{position:relative;overflow:hidden;min-height:260px;padding:48px 52px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff;background:linear-gradient(120deg,#0b2234 0%,#0c3540 48%,#4a622c 100%)}\n\t\t\t#kbpod-publico-423885 .kbpod-hero:after{content:\"\";position:absolute;inset:auto -8% -72% 36%;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(253,214,12,.17),transparent 68%)}\n\t\t\t#kbpod-publico-423885 .kbpod-hero-copy{position:relative;z-index:2;max-width:900px}#kbpod-publico-423885 .kbpod-kicker{display:block;color:var(--y);font-weight:900;letter-spacing:.12em;font-size:13px;margin-bottom:16px}#kbpod-publico-423885 .kbpod-hero h2{color:#fff;font-size:clamp(38px,5vw,72px);line-height:.98;margin:0 0 18px;font-weight:850;letter-spacing:-.04em}#kbpod-publico-423885 .kbpod-hero p{font-size:clamp(16px,1.5vw,21px);line-height:1.55;max-width:760px;margin:0;color:rgba(255,255,255,.88)}\n\t\t\t#kbpod-publico-423885 .kbpod-hero-actions{position:relative;z-index:2;display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.kbpod-orb{position:absolute;border-radius:50%;border:26px solid rgba(255,255,255,.05)}#kbpod-publico-423885 .kbpod-orb-a{width:180px;height:180px;right:17%;top:-90px}#kbpod-publico-423885 .kbpod-orb-b{width:100px;height:100px;right:8%;bottom:-55px}\n\t\t\t#kbpod-publico-423885 .kbpod-shell{padding:28px}#kbpod-publico-423885 .kbpod-selector-card,#kbpod-publico-423885 .kbpod-filter-card{background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.9);border-radius:24px;padding:26px 28px;box-shadow:0 15px 40px rgba(13,34,53,.07);backdrop-filter:blur(14px)}\n\t\t\t#kbpod-publico-423885 .kbpod-section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}#kbpod-publico-423885 .kbpod-section-title>div{display:flex;align-items:center;gap:12px}#kbpod-publico-423885 .kbpod-section-title h3{margin:0;font-size:20px;color:var(--n)}#kbpod-publico-423885 .kbpod-section-title p{margin:0;color:var(--muted)}#kbpod-publico-423885 .kbpod-step{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--y);color:var(--n);font-weight:900;font-size:12px}\n\t\t\t#kbpod-publico-423885 .kbpod-selector-grid{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(320px,1.6fr) auto;gap:16px;align-items:end}#kbpod-publico-423885 .kbpod-field{display:flex;flex-direction:column;gap:8px;font-weight:800;font-size:13px}#kbpod-publico-423885 .kbpod-field input,#kbpod-publico-423885 .kbpod-field select,#kbpod-publico-423885 .kbpod-filters select,#kbpod-publico-423885 .kbpod-compare-controls select{width:100%;min-height:54px;border:1px solid #bfd3c5;border-radius:14px;padding:0 14px;background:#fff;color:var(--n);outline:none;transition:.2s}#kbpod-publico-423885 select:focus,#kbpod-publico-423885 input:focus{border-color:var(--g);box-shadow:0 0 0 4px rgba(16,161,59,.12)}#kbpod-publico-423885 .kbpod-input-icon{display:flex;align-items:center;gap:8px;min-height:54px;padding-left:15px;background:#fff;border:1px solid #bfd3c5;border-radius:14px;font-size:23px}#kbpod-publico-423885 .kbpod-input-icon input{border:0;box-shadow:none!important;padding-left:0;min-height:50px}\n\t\t\t#kbpod-publico-423885 .kbpod-btn{border:0;border-radius:14px;min-height:52px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:900;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}#kbpod-publico-423885 .kbpod-btn:hover{transform:translateY(-2px)}#kbpod-publico-423885 .kbpod-btn-green{background:var(--g);color:#fff;box-shadow:0 10px 24px rgba(16,161,59,.25)}#kbpod-publico-423885 .kbpod-btn-yellow{background:var(--y);color:var(--n)}#kbpod-publico-423885 .kbpod-btn-light{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.28)}\n\t\t\t#kbpod-publico-423885 .kbpod-empty{min-height:340px;margin-top:22px;background:#fff;border:1px dashed #b8cfc0;border-radius:24px;display:grid;place-content:center;text-align:center;padding:40px}#kbpod-publico-423885 .kbpod-empty-icon{margin:auto;width:72px;height:72px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(135deg,var(--y),#fff1a3);font-size:36px}#kbpod-publico-423885 .kbpod-empty h3{font-size:26px;margin:18px 0 8px}#kbpod-publico-423885 .kbpod-empty p{max-width:640px;color:var(--muted);margin:0}\n\t\t\t#kbpod-publico-423885 .kbpod-loading{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}#kbpod-publico-423885 .kbpod-loading span{width:54px;height:54px;border:5px solid #dce9df;border-top-color:var(--g);border-radius:50%;animation:kbpod-spin .8s linear infinite}@keyframes kbpod-spin{to{transform:rotate(360deg)}}#kbpod-publico-423885 .kbpod-error{padding:18px;margin-top:20px;border-radius:15px;background:#fff1f0;color:#a12821;border:1px solid #ffc9c5;font-weight:800}\n\t\t\t#kbpod-publico-423885 .kbpod-results{margin-top:22px}#kbpod-publico-423885 .kbpod-session-head{position:relative;padding:34px;border-radius:24px 24px 0 0;background:linear-gradient(120deg,#f7fbf8,#fffce8);border:1px solid #cce3d2}#kbpod-publico-423885 .kbpod-session-code,#kbpod-publico-423885 .kbpod-status{display:inline-flex;padding:7px 11px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.06em;margin-right:8px}#kbpod-publico-423885 .kbpod-session-code{background:var(--n);color:#fff}#kbpod-publico-423885 .kbpod-status{background:#dff7e6;color:#087b32}#kbpod-publico-423885 .kbpod-session-head h3{font-size:clamp(28px,3.7vw,54px);line-height:1.05;letter-spacing:-.035em;margin:18px 0 10px;color:var(--n);max-width:1180px}#kbpod-publico-423885 .kbpod-session-name{font-size:19px;color:var(--g2);font-weight:800;margin:0 0 12px}#kbpod-publico-423885 .kbpod-session-meta{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted)}#kbpod-publico-423885 .kbpod-session-meta span:not(:empty):before{content:\"\u25cf\";color:var(--y);margin-right:7px}\n\t\t\t#kbpod-publico-423885 .kbpod-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dce7df;border:1px solid #dce7df}#kbpod-publico-423885 .kbpod-metric{background:#fff;padding:22px 25px;display:flex;align-items:center;gap:14px}#kbpod-publico-423885 .kbpod-metric i{font-style:normal;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--soft);font-size:23px}#kbpod-publico-423885 .kbpod-metric strong{display:block;font-size:27px;line-height:1;color:var(--n)}#kbpod-publico-423885 .kbpod-metric span{font-size:12px;color:var(--muted);font-weight:800}\n\t\t\t#kbpod-publico-423885 .kbpod-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 20px 20px;overflow:hidden}#kbpod-publico-423885 .kbpod-tabs button{min-height:68px;border:0;border-right:1px solid var(--line);background:#fff;color:var(--muted);font-weight:900;cursor:pointer;transition:.2s}#kbpod-publico-423885 .kbpod-tabs button:last-child{border-right:0}#kbpod-publico-423885 .kbpod-tabs button.is-active{background:var(--n);color:#fff;box-shadow:inset 0 -5px var(--y)}#kbpod-publico-423885 .kbpod-tabs button:hover:not(.is-active){background:var(--soft);color:var(--g2)}\n\t\t\t#kbpod-publico-423885 .kbpod-panel{display:none;margin-top:22px}#kbpod-publico-423885 .kbpod-panel.is-active{display:block;animation:kbpod-in .35s ease}@keyframes kbpod-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}#kbpod-publico-423885 .kbpod-summary-grid{display:grid;grid-template-columns:.9fr 1.25fr;gap:20px}#kbpod-publico-423885 .kbpod-summary-grid article{background:#fff;border-radius:22px;padding:28px;border:1px solid var(--line);box-shadow:0 12px 35px rgba(13,34,53,.05)}#kbpod-publico-423885 .kbpod-summary-grid article>span{font-size:11px;letter-spacing:.1em;font-weight:900;color:var(--g)}#kbpod-publico-423885 .kbpod-summary-grid p{font-size:16px;line-height:1.75;color:#455966}#kbpod-publico-423885 .kbpod-question{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}#kbpod-publico-423885 .kbpod-question:last-child{border-bottom:0}#kbpod-publico-423885 .kbpod-question b{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--n);color:#fff}#kbpod-publico-423885 .kbpod-question em{font-style:normal;color:var(--g2);font-weight:900;font-size:12px}\n\t\t\t#kbpod-publico-423885 .kbpod-filters{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:12px;align-items:end}#kbpod-publico-423885 .kbpod-filters label,#kbpod-publico-423885 .kbpod-compare-controls label{font-size:12px;font-weight:900;color:var(--n);display:flex;flex-direction:column;gap:7px}#kbpod-publico-423885 .kbpod-countline{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 4px;color:var(--muted)}#kbpod-publico-423885 .kbpod-countline strong{font-size:17px;color:var(--n)}#kbpod-publico-423885 .kbpod-answer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}#kbpod-publico-423885 .kbpod-answer{position:relative;overflow:hidden;background:#fff;border-radius:18px;padding:22px;border:1px solid var(--line);box-shadow:0 10px 25px rgba(13,34,53,.05);transition:.22s}#kbpod-publico-423885 .kbpod-answer:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(13,34,53,.1);border-color:#aad1b6}#kbpod-publico-423885 .kbpod-answer:before{content:\"\u201c\";position:absolute;right:13px;top:-15px;font-size:90px;color:rgba(16,161,59,.08);font-family:serif}#kbpod-publico-423885 .kbpod-answer small{display:block;color:var(--g2);font-weight:900;margin-bottom:9px}#kbpod-publico-423885 .kbpod-answer p{font-size:15px;line-height:1.65;margin:0 0 16px;white-space:pre-wrap}#kbpod-publico-423885 .kbpod-answer footer{display:flex;gap:8px;flex-wrap:wrap}#kbpod-publico-423885 .kbpod-answer footer span{font-size:11px;background:var(--soft);border-radius:999px;padding:6px 9px;color:#526b5b;font-weight:800}#kbpod-publico-423885 .kbpod-pagination{display:flex;justify-content:center;gap:7px;margin:22px 0}#kbpod-publico-423885 .kbpod-pagination button{width:42px;height:42px;border:1px solid #bfd3c5;border-radius:11px;background:#fff;font-weight:900;cursor:pointer}#kbpod-publico-423885 .kbpod-pagination button.is-active{background:var(--g);color:#fff;border-color:var(--g)}\n\t\t\t#kbpod-publico-423885 .kbpod-cloud-stage{margin-top:18px;border-radius:24px;padding:32px;background:radial-gradient(circle at 85% 15%,rgba(253,214,12,.24),transparent 33%),linear-gradient(135deg,#f8fcfa,#fffde6);border:1px solid #cde4d3;min-height:520px}#kbpod-publico-423885 .kbpod-cloud-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-bottom:1px solid #cfe0d4;padding-bottom:18px}#kbpod-publico-423885 .kbpod-cloud-head span{font-size:11px;letter-spacing:.1em;font-weight:900;color:var(--g)}#kbpod-publico-423885 .kbpod-cloud-head h3{font-size:clamp(24px,3vw,40px);margin:6px 0 0}#kbpod-publico-423885 .kbpod-cloud-head strong{color:var(--g2)}#kbpod-publico-423885 .kbpod-cloud{min-height:310px;padding:35px;display:flex;align-items:center;align-content:center;justify-content:center;gap:9px 14px;flex-wrap:wrap}#kbpod-publico-423885 .kbpod-word{display:inline-block;font-weight:900;line-height:1;cursor:default;transition:.2s;text-shadow:0 1px 0 #fff}#kbpod-publico-423885 .kbpod-word:hover{transform:scale(1.12)!important;color:var(--g)!important}#kbpod-publico-423885 .kbpod-frequency{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 22px;padding-top:18px;border-top:1px solid #cfe0d4}#kbpod-publico-423885 .kbpod-freq{display:grid;grid-template-columns:120px 1fr 34px;gap:10px;align-items:center;font-size:12px;font-weight:800}#kbpod-publico-423885 .kbpod-freq i{height:8px;background:#dbe9df;border-radius:999px;overflow:hidden}#kbpod-publico-423885 .kbpod-freq i:after{content:\"\";display:block;width:var(--w);height:100%;background:linear-gradient(90deg,var(--g),var(--y));border-radius:inherit}\n\t\t\t#kbpod-publico-423885 .kbpod-compare-controls{display:grid;grid-template-columns:1.5fr 1.2fr auto;gap:12px;align-items:end}#kbpod-publico-423885 .kbpod-compare-insight{margin:18px 0;background:var(--n);color:#fff;border-radius:18px;padding:22px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}#kbpod-publico-423885 .kbpod-compare-insight strong{font-size:34px;color:var(--y)}#kbpod-publico-423885 .kbpod-compare-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}#kbpod-publico-423885 .kbpod-compare-cloud{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px}#kbpod-publico-423885 .kbpod-compare-cloud h4{font-size:20px;margin:0 0 3px}#kbpod-publico-423885 .kbpod-compare-cloud>span{font-size:12px;color:var(--muted)}#kbpod-publico-423885 .kbpod-compare-cloud .kbpod-cloud{padding:25px 8px;min-height:280px}\n\t\t\t#kbpod-publico-423885 .kbpod-toast{position:fixed;right:24px;bottom:24px;z-index:99999;background:var(--n);color:#fff;padding:14px 18px;border-radius:13px;box-shadow:0 18px 50px rgba(0,0,0,.25);transform:translateY(25px);opacity:0;pointer-events:none;transition:.25s}#kbpod-publico-423885 .kbpod-toast.is-visible{transform:none;opacity:1}\n\t\t\t#kbpod-publico-423885:fullscreen{max-width:none;border-radius:0;overflow:auto;background:#eef3ef}#kbpod-publico-423885:fullscreen .kbpod-hero{border-radius:0}\n\t\t\t@media(max-width:1050px){#kbpod-publico-423885 .kbpod-hero{align-items:flex-start;flex-direction:column}#kbpod-publico-423885 .kbpod-selector-grid{grid-template-columns:1fr 1.4fr}#kbpod-publico-423885 .kbpod-selector-grid .kbpod-btn{grid-column:1\/-1}#kbpod-publico-423885 .kbpod-metrics{grid-template-columns:repeat(2,1fr)}#kbpod-publico-423885 .kbpod-answer-grid{grid-template-columns:repeat(2,1fr)}#kbpod-publico-423885 .kbpod-filters{grid-template-columns:1fr 1fr}#kbpod-publico-423885 .kbpod-filters .kbpod-btn{grid-column:1\/-1}}\n\t\t\t@media(max-width:720px){#kbpod-publico-423885{border-radius:0}#kbpod-publico-423885 .kbpod-hero{padding:34px 22px;min-height:auto}#kbpod-publico-423885 .kbpod-hero-actions{width:100%;justify-content:flex-start}#kbpod-publico-423885 .kbpod-hero-actions .kbpod-btn{flex:1;padding:0 10px}#kbpod-publico-423885 .kbpod-shell{padding:14px}#kbpod-publico-423885 .kbpod-selector-card,#kbpod-publico-423885 .kbpod-filter-card{padding:20px 16px;border-radius:18px}#kbpod-publico-423885 .kbpod-section-title{align-items:flex-start;flex-direction:column}#kbpod-publico-423885 .kbpod-selector-grid,#kbpod-publico-423885 .kbpod-filters,#kbpod-publico-423885 .kbpod-compare-controls{grid-template-columns:1fr}#kbpod-publico-423885 .kbpod-selector-grid .kbpod-btn,#kbpod-publico-423885 .kbpod-filters .kbpod-btn{grid-column:auto}#kbpod-publico-423885 .kbpod-session-head{padding:24px 19px}#kbpod-publico-423885 .kbpod-metrics{grid-template-columns:1fr 1fr}#kbpod-publico-423885 .kbpod-metric{padding:16px 13px;gap:9px}#kbpod-publico-423885 .kbpod-metric i{width:40px;height:40px}#kbpod-publico-423885 .kbpod-metric strong{font-size:22px}#kbpod-publico-423885 .kbpod-tabs{grid-template-columns:repeat(4,minmax(72px,1fr));overflow-x:auto}#kbpod-publico-423885 .kbpod-tabs button{font-size:19px}#kbpod-publico-423885 .kbpod-tabs button span{display:block;font-size:9px;margin-top:5px}#kbpod-publico-423885 .kbpod-summary-grid,#kbpod-publico-423885 .kbpod-answer-grid,#kbpod-publico-423885 .kbpod-compare-grid{grid-template-columns:1fr}#kbpod-publico-423885 .kbpod-cloud-stage{padding:20px 14px}#kbpod-publico-423885 .kbpod-cloud{padding:25px 4px}#kbpod-publico-423885 .kbpod-frequency{grid-template-columns:1fr}#kbpod-publico-423885 .kbpod-cloud-head{align-items:flex-start;flex-direction:column}#kbpod-publico-423885 .kbpod-countline{align-items:flex-start;flex-direction:column}}\n\t\t\t@media(max-width:420px){#kbpod-publico-423885 .kbpod-metrics{grid-template-columns:1fr}#kbpod-publico-423885 .kbpod-hero h2{font-size:36px}}\n\t\t\t<\/style>\n\n\t\t\t<script>\n\t\t\t(function(){\n\t\t\t\t'use strict';\n\t\t\t\tconst root=document.getElementById(\"kbpod-publico-423885\"); if(!root)return;\n\t\t\t\tconst api=root.dataset.api, q=(s,c=root)=>c.querySelector(s), qa=(s,c=root)=>Array.from(c.querySelectorAll(s));\n\t\t\t\tconst state={sessions:[],detail:null,sessionId:0,page:1,tab:'summary'};\n\t\t\t\tconst views={empty:q('[data-view=\"empty\"]'),loading:q('[data-view=\"loading\"]'),error:q('[data-view=\"error\"]'),results:q('[data-view=\"results\"]')};\n\t\t\t\tconst esc=s=>String(s??'').replace(\/[&<>'\"]\/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;',\"'\":'&#039;','\"':'&quot;'}[c]));\n\t\t\t\tconst url=(path,params={})=>{const u=new URL(api+path);Object.entries(params).forEach(([k,v])=>{if(v!==''&&v!==0&&v!=null)u.searchParams.set(k,v)});return u};\n\t\t\t\tasync function get(path,params={}){const res=await fetch(url(path,params),{credentials:'same-origin'});const data=await res.json();if(!res.ok)throw new Error(data.message||'No fue posible consultar la informaci\u00f3n.');return data}\n\t\t\t\tfunction show(name){Object.entries(views).forEach(([k,v])=>v.hidden=k!==name)}\n\t\t\t\tfunction toast(text){const el=q('[data-role=\"toast\"]');el.textContent=text;el.classList.add('is-visible');setTimeout(()=>el.classList.remove('is-visible'),2600)}\n\t\t\t\tfunction statusLabel(s){return({activa:'EN VIVO',pausada:'PAUSADA',finalizada:'FINALIZADA'})[s]||String(s).toUpperCase()}\n\t\t\t\tfunction option(value,label){return '<option value=\"'+esc(value)+'\">'+esc(label)+'<\/option>'}\n\n\t\t\t\tasync function loadSessions(search=''){\n\t\t\t\t\tconst select=q('[data-role=\"session\"]'); select.innerHTML=option('','Consultando jornadas\u2026'); select.disabled=true;\n\t\t\t\t\ttry{const data=await get('sesiones',{buscar:search});state.sessions=data.sesiones||[];select.innerHTML=option('','Seleccione una jornada');state.sessions.forEach(s=>select.insertAdjacentHTML('beforeend',option(s.id,s.temaCodigo+' \u00b7 '+s.nombre+' \u2014 '+s.tema)));\n\t\t\t\t\t\tconst requested=new URLSearchParams(location.search).get('sesion_pod');if(requested&&state.sessions.some(s=>String(s.id)===String(requested))){select.value=requested;if(!state.sessionId)loadDetail(requested)}\n\t\t\t\t\t\tif(!state.sessions.length)select.innerHTML=option('','No hay jornadas p\u00fablicas disponibles');\n\t\t\t\t\t}catch(e){select.innerHTML=option('','No fue posible cargar las jornadas');showError(e.message)}finally{select.disabled=false}\n\t\t\t\t}\n\n\t\t\t\tasync function loadDetail(id){if(!id){show('empty');return}state.sessionId=Number(id);state.page=1;show('loading');\n\t\t\t\t\ttry{state.detail=await get('sesion\/'+state.sessionId);renderDetail();history.replaceState({},'',setQuery('sesion_pod',state.sessionId));show('results');activateTab('summary')}\n\t\t\t\t\tcatch(e){showError(e.message)}\n\t\t\t\t}\n\n\t\t\t\tfunction setQuery(key,value){const u=new URL(location.href);u.searchParams.set(key,value);return u.pathname+u.search+u.hash}\n\t\t\t\tfunction showError(text){views.error.textContent=text;show('error')}\n\t\t\t\tfunction metric(icon,value,label){return '<div class=\"kbpod-metric\"><i>'+icon+'<\/i><div><strong>'+esc(value)+'<\/strong><span>'+esc(label)+'<\/span><\/div><\/div>'}\n\t\t\t\tfunction renderDetail(){const d=state.detail,s=d.sesion,m=d.metricas;q('[data-role=\"topic-code\"]').textContent=s.temaCodigo;q('[data-role=\"status\"]').textContent=statusLabel(s.estado);q('[data-role=\"topic-title\"]').textContent=s.tema;q('[data-role=\"session-name\"]').textContent=s.nombre;q('[data-role=\"date\"]').textContent=s.fecha||'';q('[data-role=\"place\"]').textContent=s.lugar||'';q('[data-role=\"description\"]').textContent=s.descripcion||'Ejercicio participativo del Observatorio POD de Nari\u00f1o.';\n\t\t\t\t\tq('[data-role=\"metrics\"]').innerHTML=metric('\u25c9',m.respuestas,'Respuestas visibles')+metric('\u2659',m.participantes,'Participantes an\u00f3nimos')+metric('?',m.preguntas,'Preguntas respondidas')+metric('\u2316',m.municipios,'Municipios representados');\n\t\t\t\t\tq('[data-role=\"questions\"]').innerHTML=d.preguntas.map(p=>'<div class=\"kbpod-question\"><b>'+p.orden+'<\/b><span>'+esc(p.texto)+'<\/span><em>'+p.respuestas+' respuestas<\/em><\/div>').join('');\n\t\t\t\t\trenderFilters();renderCompareControls();\n\t\t\t\t}\n\n\t\t\t\tfunction filterMarkup(prefix){const d=state.detail;return '<label>Pregunta<select data-filter=\"'+prefix+'-question\">'+option('','Todas las preguntas')+d.preguntas.map(p=>option(p.id,p.orden+'. '+p.texto)).join('')+'<\/select><\/label><label>Municipio<select data-filter=\"'+prefix+'-municipality\">'+option('','Todos los municipios')+d.municipios.map(m=>option(m.id,m.nombre)).join('')+'<\/select><\/label><label>Subregi\u00f3n<select data-filter=\"'+prefix+'-subregion\">'+option('','Todas las subregiones')+d.subregiones.map(s=>option(s,s)).join('')+'<\/select><\/label><button class=\"kbpod-btn kbpod-btn-green\" type=\"button\" data-action=\"'+prefix+'-apply\">Aplicar filtros<\/button>'}\n\t\t\t\tfunction renderFilters(){q('[data-role=\"answer-filters\"]').innerHTML=filterMarkup('answer');q('[data-role=\"cloud-filters\"]').innerHTML=filterMarkup('cloud')}\n\t\t\t\tfunction params(prefix){return{sesion:state.sessionId,pregunta:q('[data-filter=\"'+prefix+'-question\"]').value,municipio:q('[data-filter=\"'+prefix+'-municipality\"]').value,subregion:q('[data-filter=\"'+prefix+'-subregion\"]').value}}\n\n\t\t\t\tasync function loadAnswers(page=1){state.page=page;const box=q('[data-role=\"answers\"]');box.innerHTML='<div class=\"kbpod-loading\"><span><\/span><strong>Consultando respuestas\u2026<\/strong><\/div>';\n\t\t\t\t\ttry{const data=await get('respuestas',{...params('answer'),pagina:page});q('[data-role=\"answer-count\"]').textContent=data.total+' '+(data.total===1?'respuesta':'respuestas');box.innerHTML=data.respuestas.length?data.respuestas.map(r=>'<article class=\"kbpod-answer\"><small>Pregunta '+r.orden+'<\/small><p>'+esc(r.respuesta)+'<\/p><footer><span>\u2316 '+esc(r.municipio)+'<\/span>'+(r.subregion?'<span>'+esc(r.subregion)+'<\/span>':'')+'<\/footer><\/article>').join(''):'<div class=\"kbpod-empty\"><h3>No hay respuestas para estos filtros<\/h3><p>Pruebe otra pregunta o un \u00e1mbito territorial diferente.<\/p><\/div>';renderPagination(data.pagina,data.paginas)}catch(e){box.innerHTML='<div class=\"kbpod-error\">'+esc(e.message)+'<\/div>'}}\n\t\t\t\tfunction renderPagination(current,total){const box=q('[data-role=\"pagination\"]');box.innerHTML='';if(total<2)return;for(let i=1;i<=total;i++){if(total>9&&Math.abs(i-current)>2&&i!==1&&i!==total)continue;const b=document.createElement('button');b.textContent=i;b.className=i===current?'is-active':'';b.addEventListener('click',()=>loadAnswers(i));box.appendChild(b)}}\n\n\t\t\t\tconst colors=['#10A13B','#0D2235','#1479B8','#8E44AD','#E67E22','#006B5E','#455A64'];\n\t\t\t\tfunction cloudHTML(words,limit=60){if(!words.length)return '<div class=\"kbpod-empty\"><h3>No existen palabras para estos filtros<\/h3><\/div>';const max=Math.max(...words.map(w=>w.frecuencia)),min=Math.min(...words.map(w=>w.frecuencia));return words.slice(0,limit).map((w,i)=>{const t=max===min?36:18+(w.frecuencia-min)\/(max-min)*42;const rot=i%11===0?-4:(i%13===0?4:0);return '<span class=\"kbpod-word\" title=\"'+esc(w.frecuencia)+' apariciones\" style=\"font-size:'+t.toFixed(1)+'px;color:'+colors[i%colors.length]+';transform:rotate('+rot+'deg)\">'+esc(w.palabra)+'<\/span>'}).join('')}\n\t\t\t\tfunction frequencyHTML(words){const max=words.length?words[0].frecuencia:1;return words.slice(0,12).map(w=>'<div class=\"kbpod-freq\"><span>'+esc(w.palabra)+'<\/span><i style=\"--w:'+(w.frecuencia\/max*100).toFixed(1)+'%\"><\/i><b>'+w.frecuencia+'<\/b><\/div>').join('')}\n\t\t\t\tasync function loadCloud(){const box=q('[data-role=\"cloud\"]');box.innerHTML='<div class=\"kbpod-loading\"><span><\/span><\/div>';try{const data=await get('nube',params('cloud'));box.innerHTML=cloudHTML(data.palabras);q('[data-role=\"frequency\"]').innerHTML=frequencyHTML(data.palabras);q('[data-role=\"cloud-total\"]').textContent=data.respuestas+' respuestas analizadas'}catch(e){box.innerHTML='<div class=\"kbpod-error\">'+esc(e.message)+'<\/div>'}}\n\n\t\t\t\tfunction renderCompareControls(){const d=state.detail,box=q('[data-role=\"compare-controls\"]');box.innerHTML='<label>Segunda jornada<select data-role=\"compare-session\">'+option('','Seleccione otra jornada')+d.comparables.map(s=>option(s.id,s.nombre+(s.fecha?' \u00b7 '+s.fecha:''))).join('')+'<\/select><\/label><label>Pregunta<select data-role=\"compare-question\">'+option('','Todas las preguntas')+d.preguntas.map(p=>option(p.id,p.orden+'. '+p.texto)).join('')+'<\/select><\/label><button type=\"button\" class=\"kbpod-btn kbpod-btn-green\" data-action=\"compare-run\">Comparar ahora \u21c4<\/button>';q('[data-role=\"compare-grid\"]').innerHTML=d.comparables.length?'':'<div class=\"kbpod-empty\"><h3>No existe otra jornada comparable<\/h3><p>La comparaci\u00f3n se habilitar\u00e1 cuando el mismo tema tenga dos jornadas con respuestas p\u00fablicas.<\/p><\/div>'}\n\t\t\t\tasync function runCompare(){const b=q('[data-role=\"compare-session\"]').value;if(!b){toast('Seleccione una segunda jornada.');return}const box=q('[data-role=\"compare-grid\"]');box.innerHTML='<div class=\"kbpod-loading\"><span><\/span><strong>Comparando jornadas\u2026<\/strong><\/div>';try{const data=await get('comparar',{a:state.sessionId,b:b,pregunta:q('[data-role=\"compare-question\"]').value});q('[data-role=\"compare-insight\"]').hidden=false;q('[data-role=\"compare-insight\"]').innerHTML='<strong>'+data.similitud+'%<\/strong><div><b>Similitud de vocabulario<\/b><br><span>Palabras compartidas: '+esc(data.compartidas.join(', ')||'sin coincidencias relevantes')+'<\/span><\/div>';box.innerHTML=[data.a,data.b].map(g=>'<article class=\"kbpod-compare-cloud\"><h4>'+esc(g.nombre)+'<\/h4><span>'+g.respuestas+' respuestas analizadas<\/span><div class=\"kbpod-cloud\">'+cloudHTML(g.palabras,45)+'<\/div><\/article>').join('')}catch(e){box.innerHTML='<div class=\"kbpod-error\">'+esc(e.message)+'<\/div>'}}\n\n\t\t\t\tfunction activateTab(name){state.tab=name;qa('[data-tab]').forEach(b=>b.classList.toggle('is-active',b.dataset.tab===name));qa('[data-panel]').forEach(p=>p.classList.toggle('is-active',p.dataset.panel===name));if(name==='answers'&&!q('[data-role=\"answers\"]').children.length)loadAnswers();if(name==='cloud'&&!q('[data-role=\"cloud\"]').children.length)loadCloud()}\n\t\t\t\troot.addEventListener('click',e=>{const tab=e.target.closest('[data-tab]');if(tab){activateTab(tab.dataset.tab);return}const a=e.target.closest('[data-action]');if(!a)return;const action=a.dataset.action;if(action==='load')loadDetail(q('[data-role=\"session\"]').value);if(action==='answer-apply')loadAnswers(1);if(action==='cloud-apply')loadCloud();if(action==='compare-run')runCompare();if(action==='fullscreen'){if(!document.fullscreenElement)root.requestFullscreen?.();else document.exitFullscreen?.()}if(action==='share'){navigator.clipboard?.writeText(location.href).then(()=>toast('Enlace copiado.')).catch(()=>toast('Copie la direcci\u00f3n del navegador.'))}});\n\t\t\t\tq('[data-role=\"session\"]').addEventListener('change',e=>{if(e.target.value)loadDetail(e.target.value)});\n\t\t\t\tlet timer;q('[data-role=\"search\"]').addEventListener('input',e=>{clearTimeout(timer);timer=setTimeout(()=>loadSessions(e.target.value.trim()),350)});\n\t\t\t\tloadSessions();\n\t\t\t})();\n\t\t\t<\/script>\n\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Estrategia de participaci\u00f3n ciudadana: Territorio en di\u00e1logo del POD La participaci\u00f3n ciudadana en el Plan de Ordenamiento Departamental de Nari\u00f1o [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-4886","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-json\/wp\/v2\/pages\/4886","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-json\/wp\/v2\/comments?post=4886"}],"version-history":[{"count":211,"href":"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-json\/wp\/v2\/pages\/4886\/revisions"}],"predecessor-version":[{"id":6022,"href":"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-json\/wp\/v2\/pages\/4886\/revisions\/6022"}],"wp:attachment":[{"href":"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-json\/wp\/v2\/media?parent=4886"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}