{"id":4038,"date":"2026-04-19T16:45:50","date_gmt":"2026-04-19T16:45:50","guid":{"rendered":"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/?page_id=4038"},"modified":"2026-04-20T02:12:32","modified_gmt":"2026-04-20T02:12:32","slug":"seguimiento-pots","status":"publish","type":"page","link":"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/seguimiento-pots\/","title":{"rendered":"Seguimiento Pots"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4038\" class=\"elementor elementor-4038\" 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-508abd3 e-con-full pod-hero-pro e-flex e-con e-parent\" data-id=\"508abd3\" 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-7b340bb elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"7b340bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\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-881d4f4 elementor-widget elementor-widget-heading\" data-id=\"881d4f4\" 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\"><span style=\"font-size: 2.0em\">Seguimiento POT municipales<\/span><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-877c180 e-con-full e-flex e-con e-child\" data-id=\"877c180\" 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-d515915 ha-has-bg-overlay elementor-widget elementor-widget-ha-slider happy-addon ha-slider\" data-id=\"d515915\" 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=\"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/seguimiento-pots\/\">\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\/04\/banner-1pod-narino.png\" 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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3ddec57 e-con-full e-flex e-con e-parent\" data-id=\"3ddec57\" 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-a28fe2e elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"a28fe2e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\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<div class=\"elementor-element elementor-element-5899c8d e-con-full e-flex e-con e-parent\" data-id=\"5899c8d\" 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-53ccdb3 e-con-full e-flex e-con e-child\" data-id=\"53ccdb3\" 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-bfb883c pot-obs-wrapper elementor-widget elementor-widget-shortcode\" data-id=\"bfb883c\" 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<div class=\"pot-obs-wrapper\">\n        \t<div class=\"pot-obs-inner\">\n\t\t\t\t<div id=\"pot_obs_641308\" class=\"pot-obs-wrap\">\n\t\t\t\t\t<section class=\"pot-obs-hero-top\">\n\t\t\t\t\t\t<div class=\"pot-obs-hero-copy\">\n\t\t\t\t\t\t\t<span class=\"pot-obs-mini-badge\">Observatorio POT \/ Seguimiento municipal<\/span>\n\t\t\t\t\t\t\t<h2>Seguimiento POT municipal de Nari\u00f1o<\/h2>\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\tConsulta integral por municipio, etapa, filtros tem\u00e1ticos y expediente t\u00e9cnico-documental.\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"pot-obs-select-card\">\n\t\t\t\t\t\t\t<label for=\"pot_obs_641308_municipio\">Seleccione un municipio<\/label>\n\t\t\t\t\t\t\t<select id=\"pot_obs_641308_municipio\" class=\"pot-obs-select\">\n\t\t\t\t\t\t\t\t<option value=\"\">-- Seleccione --<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"2\">\n\t\t\t\t\t\t\t\t\t\tAlb\u00e1n \u2014 DANE 52019\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"3\">\n\t\t\t\t\t\t\t\t\t\tAldana \u2014 DANE 52022\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"4\">\n\t\t\t\t\t\t\t\t\t\tAncuya \u2014 DANE 52036\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"5\">\n\t\t\t\t\t\t\t\t\t\tArboleda \u2014 DANE 52051\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"6\">\n\t\t\t\t\t\t\t\t\t\tBarbacoas \u2014 DANE 52079\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"7\">\n\t\t\t\t\t\t\t\t\t\tBel\u00e9n \u2014 DANE 52083\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"8\">\n\t\t\t\t\t\t\t\t\t\tBuesaco \u2014 DANE 52110\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"16\">\n\t\t\t\t\t\t\t\t\t\tChachag\u00fc\u00ed \u2014 DANE 52240\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"9\">\n\t\t\t\t\t\t\t\t\t\tCol\u00f3n \u2014 DANE 52203\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"10\">\n\t\t\t\t\t\t\t\t\t\tConsac\u00e1 \u2014 DANE 52207\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"11\">\n\t\t\t\t\t\t\t\t\t\tContadero \u2014 DANE 52210\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"12\">\n\t\t\t\t\t\t\t\t\t\tC\u00f3rdoba \u2014 DANE 52215\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"13\">\n\t\t\t\t\t\t\t\t\t\tCuaspud Carlosama \u2014 DANE 52224\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"14\">\n\t\t\t\t\t\t\t\t\t\tCumbal \u2014 DANE 52227\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"15\">\n\t\t\t\t\t\t\t\t\t\tCumbitara \u2014 DANE 52233\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"65\">\n\t\t\t\t\t\t\t\t\t\tDepartamento \u2014 DANE 52000\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"17\">\n\t\t\t\t\t\t\t\t\t\tEl Charco \u2014 DANE 52250\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"18\">\n\t\t\t\t\t\t\t\t\t\tEl Pe\u00f1ol \u2014 DANE 52254\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"19\">\n\t\t\t\t\t\t\t\t\t\tEl Rosario \u2014 DANE 52256\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"20\">\n\t\t\t\t\t\t\t\t\t\tEl Tabl\u00f3n de G\u00f3mez \u2014 DANE 52258\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"21\">\n\t\t\t\t\t\t\t\t\t\tEl Tambo \u2014 DANE 52260\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"43\">\n\t\t\t\t\t\t\t\t\t\tFrancisco Pizarro \u2014 DANE 52520\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"22\">\n\t\t\t\t\t\t\t\t\t\tFunes \u2014 DANE 52287\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"23\">\n\t\t\t\t\t\t\t\t\t\tGuachucal \u2014 DANE 52317\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"24\">\n\t\t\t\t\t\t\t\t\t\tGuaitarilla \u2014 DANE 52320\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"25\">\n\t\t\t\t\t\t\t\t\t\tGualmat\u00e1n \u2014 DANE 52323\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"26\">\n\t\t\t\t\t\t\t\t\t\tIles \u2014 DANE 52352\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"27\">\n\t\t\t\t\t\t\t\t\t\tImu\u00e9s \u2014 DANE 52354\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"28\">\n\t\t\t\t\t\t\t\t\t\tIpiales \u2014 DANE 52356\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"29\">\n\t\t\t\t\t\t\t\t\t\tLa Cruz \u2014 DANE 52378\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"30\">\n\t\t\t\t\t\t\t\t\t\tLa Florida \u2014 DANE 52381\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"31\">\n\t\t\t\t\t\t\t\t\t\tLa Llanada \u2014 DANE 52385\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"32\">\n\t\t\t\t\t\t\t\t\t\tLa Tola \u2014 DANE 52390\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"33\">\n\t\t\t\t\t\t\t\t\t\tLa Uni\u00f3n \u2014 DANE 52399\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"34\">\n\t\t\t\t\t\t\t\t\t\tLeiva \u2014 DANE 52405\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"35\">\n\t\t\t\t\t\t\t\t\t\tLinares \u2014 DANE 52411\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"36\">\n\t\t\t\t\t\t\t\t\t\tLos Andes \u2014 DANE 52418\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"37\">\n\t\t\t\t\t\t\t\t\t\tMag\u00fc\u00ed Pay\u00e1n \u2014 DANE 52427\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"38\">\n\t\t\t\t\t\t\t\t\t\tMallama \u2014 DANE 52435\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"39\">\n\t\t\t\t\t\t\t\t\t\tMosquera \u2014 DANE 52473\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"40\">\n\t\t\t\t\t\t\t\t\t\tNari\u00f1o \u2014 DANE 52480\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"41\">\n\t\t\t\t\t\t\t\t\t\tOlaya Herrera \u2014 DANE 52490\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"42\">\n\t\t\t\t\t\t\t\t\t\tOspina \u2014 DANE 52506\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"1\">\n\t\t\t\t\t\t\t\t\t\tPasto \u2014 DANE 52001\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"44\">\n\t\t\t\t\t\t\t\t\t\tPolicarpa \u2014 DANE 52540\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"45\">\n\t\t\t\t\t\t\t\t\t\tPotos\u00ed \u2014 DANE 52560\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"46\">\n\t\t\t\t\t\t\t\t\t\tProvidencia \u2014 DANE 52565\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"47\">\n\t\t\t\t\t\t\t\t\t\tPuerres \u2014 DANE 52573\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"48\">\n\t\t\t\t\t\t\t\t\t\tPupiales \u2014 DANE 52585\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"49\">\n\t\t\t\t\t\t\t\t\t\tRicaurte \u2014 DANE 52612\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"50\">\n\t\t\t\t\t\t\t\t\t\tRoberto Pay\u00e1n \u2014 DANE 52621\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"51\">\n\t\t\t\t\t\t\t\t\t\tSamaniego \u2014 DANE 52678\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"53\">\n\t\t\t\t\t\t\t\t\t\tSan Bernardo \u2014 DANE 52685\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"54\">\n\t\t\t\t\t\t\t\t\t\tSan Lorenzo \u2014 DANE 52687\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"55\">\n\t\t\t\t\t\t\t\t\t\tSan Pablo \u2014 DANE 52693\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"56\">\n\t\t\t\t\t\t\t\t\t\tSan Pedro de Cartago \u2014 DANE 52694\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"52\">\n\t\t\t\t\t\t\t\t\t\tSandon\u00e1 \u2014 DANE 52683\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"57\">\n\t\t\t\t\t\t\t\t\t\tSanta B\u00e1rbara Iscuand\u00e9 \u2014 DANE 52696\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"58\">\n\t\t\t\t\t\t\t\t\t\tSantacruz de Guachavez \u2014 DANE 52699\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"59\">\n\t\t\t\t\t\t\t\t\t\tSapuyes \u2014 DANE 52720\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"60\">\n\t\t\t\t\t\t\t\t\t\tTaminango \u2014 DANE 52786\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"61\">\n\t\t\t\t\t\t\t\t\t\tTangua \u2014 DANE 52788\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"62\">\n\t\t\t\t\t\t\t\t\t\tTumaco \u2014 DANE 52835\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"63\">\n\t\t\t\t\t\t\t\t\t\tT\u00faquerres \u2014 DANE 52838\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"64\">\n\t\t\t\t\t\t\t\t\t\tYacuanquer \u2014 DANE 52885\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/select>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/section>\n\n\t\t\t\t\t<div class=\"pot-obs-loader\" id=\"pot_obs_641308_loader\" style=\"display:none;\">\n\t\t\t\t\t\t<span class=\"pot-obs-loader-ring\"><\/span>\n\t\t\t\t\t\t<span>Cargando informaci\u00f3n del POT municipal...<\/span>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"pot_obs_641308_panel\"><\/div>\n\n\t\t\t\t\t<div class=\"pot-obs-modal\" id=\"pot_obs_641308_modal\" aria-hidden=\"true\">\n\t\t\t\t\t\t<div class=\"pot-obs-modal-backdrop\"><\/div>\n\t\t\t\t\t\t<div class=\"pot-obs-modal-dialog\">\n\t\t\t\t\t\t\t<button type=\"button\" class=\"pot-obs-modal-close\" id=\"pot_obs_641308_modal_close\">\u00d7<\/button>\n\t\t\t\t\t\t\t<div id=\"pot_obs_641308_modal_content\"><\/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<\/div>\n\t\t<\/div>\n\t\t\n        <script>\n        (function(){\n            const root = document.getElementById('pot_obs_641308');\n            if(!root) return;\n\n            const selectMunicipio = document.getElementById('pot_obs_641308_municipio');\n            const panel = document.getElementById('pot_obs_641308_panel');\n            const loader = document.getElementById('pot_obs_641308_loader');\n            const modal = document.getElementById('pot_obs_641308_modal');\n            const modalContent = document.getElementById('pot_obs_641308_modal_content');\n            const modalClose = document.getElementById('pot_obs_641308_modal_close');\n\n            let panelData = null;\n            let activeStage = null;\n            let activeFilters = {\n                busqueda: '',\n                dimensiones: [],\n                formas: [],\n                tipos: [],\n                etiquetas: [],\n                instrumentos: []\n            };\n\n            function stateLabel(v){\n                const map = {\n                    critico: 'Cr\u00edtico',\n                    bajo: 'Bajo',\n                    medio: 'Medio',\n                    alto: 'Alto',\n                    sobresaliente: 'Sobresaliente'\n                };\n                return map[(v || '').toLowerCase()] || 'Medio';\n            }\n\n            function stateClass(v){\n                return 'estado-' + ((v || 'medio').toLowerCase());\n            }\n\n            function stageIcon(code){\n                const map = {\n                    ET1_DIAGNOSTICO: '\u25c9',\n                    ET2_FORMULACION: '\u2733',\n                    ET3_IMPLEMENTACION: '\u25b2',\n                    ET4_SEGUIMIENTO_EVAL: '\u2713'\n                };\n                return map[code] || '\u2022';\n            }\n\n            function escapeHtml(str){\n                if(str === null || str === undefined) return '';\n                return String(str)\n                    .replace(\/&\/g,'&amp;')\n                    .replace(\/<\/g,'&lt;')\n                    .replace(\/>\/g,'&gt;')\n                    .replace(\/\"\/g,'&quot;')\n                    .replace(\/'\/g,'&#039;');\n            }\n\n            function openModal(html){\n                modalContent.innerHTML = html;\n                modal.setAttribute('aria-hidden', 'false');\n                modal.classList.add('is-open');\n                document.body.classList.add('pot-obs-modal-open');\n            }\n\n            function closeModal(){\n                modal.setAttribute('aria-hidden', 'true');\n                modal.classList.remove('is-open');\n                modalContent.innerHTML = '';\n                document.body.classList.remove('pot-obs-modal-open');\n            }\n\n            modalClose.addEventListener('click', closeModal);\n            modal.addEventListener('click', function(e){\n                if(e.target.classList.contains('pot-obs-modal-backdrop')) closeModal();\n            });\n            document.addEventListener('keydown', function(e){\n                if(e.key === 'Escape' && modal.classList.contains('is-open')) closeModal();\n            });\n\n            function resetFilters(){\n                activeFilters = {\n                    busqueda: '',\n                    dimensiones: [],\n                    formas: [],\n                    tipos: [],\n                    etiquetas: [],\n                    instrumentos: []\n                };\n            }\n\n            function renderFilterGroup(title, key, items, colorize=false){\n                if(!items || !items.length) return '';\n\n                let buttons = items.map(item => {\n                    const selected = activeFilters[key].includes(item.value) ? 'is-active' : '';\n                    const style = colorize && item.color ? `style=\"--chip-color:${item.color}\"` : '';\n                    return `\n                        <button type=\"button\" class=\"pot-obs-filter-chip ${selected}\" data-filter-group=\"${key}\" data-filter-value=\"${escapeHtml(item.value)}\" ${style}>\n                            ${escapeHtml(item.label)}\n                        <\/button>\n                    `;\n                }).join('');\n\n                return `\n                    <div class=\"pot-obs-filter-group\">\n                        <h5>${escapeHtml(title)}<\/h5>\n                        <div class=\"pot-obs-filter-chips\">${buttons}<\/div>\n                    <\/div>\n                `;\n            }\n\n            function renderSummaryCards(summary){\n                if(!summary) return '';\n\n                return `\n                    <section class=\"pot-obs-kpis\">\n                        <article class=\"pot-obs-kpi-card\">\n                            <span>Etapa activa<\/span>\n                            <strong>${escapeHtml(summary.etapa_nombre || '')}<\/strong>\n                            <small>${escapeHtml(summary.etapa_codigo || '')}<\/small>\n                        <\/article>\n                        <article class=\"pot-obs-kpi-card\">\n                            <span>Avance<\/span>\n                            <strong>${Number(summary.porcentaje_avance || 0).toFixed(2)}%<\/strong>\n                            <small>${escapeHtml(stateLabel(summary.estado_semaforo || 'medio'))}<\/small>\n                        <\/article>\n                        <article class=\"pot-obs-kpi-card\">\n                            <span>Documentos<\/span>\n                            <strong>${escapeHtml(summary.documentos_total || 0)}<\/strong>\n                            <small>${escapeHtml(summary.documentos_publicados || 0)} publicados<\/small>\n                        <\/article>\n                        <article class=\"pot-obs-kpi-card\">\n                            <span>\u00daltima actualizaci\u00f3n<\/span>\n                            <strong>${escapeHtml(summary.ultima_actualizacion || 'Sin fecha')}<\/strong>\n                            <small>Estado POT: ${escapeHtml(panelData.municipio.estado_pot || '')}<\/small>\n                        <\/article>\n                    <\/section>\n                `;\n            }\n\n            function renderStageTabs(stages){\n                return `\n                    <div class=\"pot-obs-stage-tabs\">\n                        ${stages.map(st => `\n                            <button type=\"button\" class=\"pot-obs-stage-tab ${activeStage === st.codigo ? 'is-active' : ''}\" data-stage=\"${escapeHtml(st.codigo)}\">\n                                <span class=\"pot-obs-stage-icon\">${escapeHtml(stageIcon(st.codigo))}<\/span>\n                                <span class=\"pot-obs-stage-copy\">\n                                    <strong>${escapeHtml(st.nombre)}<\/strong>\n                                    <small>${Number(st.porcentaje_avance || 0).toFixed(0)}%<\/small>\n                                <\/span>\n                            <\/button>\n                        `).join('')}\n                    <\/div>\n                `;\n            }\n\n            function getStageData(){\n                if(!panelData || !panelData.stages) return null;\n                return panelData.stages.find(s => s.codigo === activeStage) || null;\n            }\n\t\t\t\n\t\t\tfunction updateStageBackground(){\n\t\t\t\tconst wrapper = root.closest('.pot-obs-wrapper');\n\t\t\t\tif(!wrapper) return;\n\n\t\t\t\twrapper.classList.remove('stage-et1', 'stage-et2', 'stage-et3', 'stage-et4');\n\n\t\t\t\tif(activeStage === 'ET1_DIAGNOSTICO'){\n\t\t\t\t\twrapper.classList.add('stage-et1');\n\t\t\t\t}else if(activeStage === 'ET2_FORMULACION'){\n\t\t\t\t\twrapper.classList.add('stage-et2');\n\t\t\t\t}else if(activeStage === 'ET3_IMPLEMENTACION'){\n\t\t\t\t\twrapper.classList.add('stage-et3');\n\t\t\t\t}else if(activeStage === 'ET4_SEGUIMIENTO_EVAL'){\n\t\t\t\t\twrapper.classList.add('stage-et4');\n\t\t\t\t}\n\t\t\t}\n\n            function applyFilters(documents){\n                return documents.filter(doc => {\n                    const txt = [\n                        doc.titulo,\n                        doc.descripcion,\n                        doc.componente,\n                        doc.categoria_tematica,\n                        doc.tipo_nombre,\n                        doc.forma_nombre,\n                        doc.instrumento_nombre,\n                        doc.dimension_nombre,\n                        ...(doc.etiquetas || []).map(t => t.nombre)\n                    ].join(' ').toLowerCase();\n\n                    if(activeFilters.busqueda && !txt.includes(activeFilters.busqueda.toLowerCase())) return false;\n\n                    if(activeFilters.dimensiones.length && !activeFilters.dimensiones.includes(doc.dimension_codigo || '')) return false;\n                    if(activeFilters.formas.length && !activeFilters.formas.includes(doc.forma_codigo || '')) return false;\n                    if(activeFilters.tipos.length && !activeFilters.tipos.includes(doc.tipo_codigo || '')) return false;\n                    if(activeFilters.instrumentos.length && !activeFilters.instrumentos.includes(doc.instrumento_codigo || '')) return false;\n\n                    if(activeFilters.etiquetas.length){\n                        const docTags = (doc.etiquetas || []).map(t => t.slug);\n                        const hasTag = activeFilters.etiquetas.every(slug => docTags.includes(slug));\n                        if(!hasTag) return false;\n                    }\n\n                    return true;\n                });\n            }\n\nfunction renderDocumentCard(doc){\n    const badges = (doc.etiquetas || []).map(tag => `\n        <span class=\"pot-obs-badge\" style=\"${tag.color ? `background:${tag.color};` : ''}\">\n            ${escapeHtml(tag.nombre)}\n        <\/span>\n    `).join('');\n\n    const stageLabel = activeStage === 'ET1_DIAGNOSTICO'\n        ? `${escapeHtml(doc.etapa_nombre || '')} | ${escapeHtml(doc.dimension_nombre || '')}`\n        : `${escapeHtml(doc.etapa_nombre || '')}`;\n\n    return `\n        <article class=\"pot-obs-card pot-obs-card-media\">\n            <div class=\"pot-obs-card-media-top\">\n                <div class=\"pot-obs-card-image-wrap is-hero\">\n                    ${doc.imagen_url\n                        ? `<img decoding=\"async\" src=\"${escapeHtml(doc.imagen_url)}\" alt=\"${escapeHtml(doc.titulo)}\" class=\"pot-obs-card-image\">`\n                        : `<div class=\"pot-obs-card-image ph\"><\/div>`\n                    }\n\n                    <div class=\"pot-obs-card-overlay\"><\/div>\n\n                    <div class=\"pot-obs-card-floating-meta\">\n                        <span class=\"pot-obs-stage-pill pot-obs-stage-pill-float stage-${doc.etapa_codigo}\">\n                            <i>${escapeHtml(stageIcon(doc.etapa_codigo || ''))}<\/i>\n                            ${stageLabel}\n                        <\/span>\n\n                        <div class=\"pot-obs-card-title-box\">\n                            <h4>${escapeHtml(doc.titulo)}<\/h4>\n                            <div class=\"pot-obs-card-subline on-image\">\n                                Instrumento: <strong>${escapeHtml(doc.instrumento_nombre || '')}<\/strong>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"pot-obs-card-body\">\n                <div class=\"pot-obs-doc-meta\">\n                    <div class=\"pot-obs-doc-meta-title\">${escapeHtml(doc.forma_nombre || 'Documento')}<\/div>\n                    <ul>\n                        <li><strong>Tipo:<\/strong> ${escapeHtml(doc.tipo_nombre || '')}<\/li>\n                        <li><strong>${activeStage === 'ET1_DIAGNOSTICO' ? 'Dimensi\u00f3n' : 'Componente'}:<\/strong> ${escapeHtml((activeStage === 'ET1_DIAGNOSTICO' ? doc.dimension_nombre : doc.componente) || '')}<\/li>\n                        <li><strong>Categor\u00eda tem\u00e1tica:<\/strong> ${escapeHtml(doc.categoria_tematica || '')}<\/li>\n                        <li><strong>Formato:<\/strong> ${escapeHtml(doc.formato || '')}<\/li>\n                        <li><strong>Publicado:<\/strong> ${escapeHtml(doc.fecha_publicacion || '')}<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"pot-obs-card-actions\">\n                    <a class=\"pot-obs-btn-lite\" href=\"${escapeHtml(doc.archivo_url || '#')}\" target=\"_blank\" rel=\"noopener\">Ver<\/a>\n                    <button type=\"button\" class=\"pot-obs-btn-lite is-secondary\" data-doc-detail=\"${doc.id_documento}\">Detalles<\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"pot-obs-card-tags\">\n                ${badges}\n            <\/div>\n        <\/article>\n    `;\n}\n\n            function renderDocumentGrid(docs){\n                if(!docs.length){\n                    return `<div class=\"pot-obs-empty-grid\">No se encontraron documentos con los filtros seleccionados.<\/div>`;\n                }\n\n                return `<div class=\"pot-obs-grid\">${docs.map(renderDocumentCard).join('')}<\/div>`;\n            }\n\n            function renderFilters(filters, stageCode){\n                const dimensionsHtml = stageCode === 'ET1_DIAGNOSTICO'\n                    ? renderFilterGroup('Dimensiones', 'dimensiones', filters.dimensions || [])\n                    : '';\n\n                return `\n                    <aside class=\"pot-obs-sidebar\">\n                        <div class=\"pot-obs-filter-header\">\n                            <h4>Filtra resultados<\/h4>\n                            <button type=\"button\" class=\"pot-obs-clear-btn\" id=\"${root.id}_clearFilters\">Limpiar<\/button>\n                        <\/div>\n\n                        <div class=\"pot-obs-search-wrap\">\n                            <input type=\"text\" id=\"${root.id}_search\" class=\"pot-obs-search\" placeholder=\"Filtra resultados por palabra\" value=\"${escapeHtml(activeFilters.busqueda)}\">\n                        <\/div>\n\n                        ${dimensionsHtml}\n                        ${renderFilterGroup('Forma de representaci\u00f3n', 'formas', filters.formas || [])}\n                        ${renderFilterGroup('Tipo', 'tipos', filters.tipos || [])}\n                        ${renderFilterGroup('Etiquetas', 'etiquetas', filters.tags || [], true)}\n                        ${renderFilterGroup('Instrumento', 'instrumentos', filters.instrumentos || [])}\n                    <\/aside>\n                `;\n            }\n\n            function renderMunicipioHeader(){\n                const heroImage = panelData.hero_image || '';\n                return `\n                    <section class=\"pot-obs-municipio-hero\">\n                        <div class=\"pot-obs-municipio-copy\">\n                            <span class=\"pot-obs-mini-badge alt\">Municipio seleccionado<\/span>\n                            <h3>${escapeHtml(panelData.municipio.nombre || '')}<\/h3>\n                            <p>\n                                C\u00f3digo DANE: <strong>${escapeHtml(panelData.municipio.codigo_dane || '')}<\/strong> \u00b7\n                                Subregi\u00f3n: <strong>${escapeHtml(panelData.municipio.subregion || '')}<\/strong> \u00b7\n                                Estado POT: <strong>${escapeHtml(panelData.municipio.estado_pot || '')}<\/strong>\n                            <\/p>\n                        <\/div>\n                        <div class=\"pot-obs-municipio-image\">\n                            ${heroImage ? `<img decoding=\"async\" src=\"${escapeHtml(heroImage)}\" alt=\"${escapeHtml(panelData.municipio.nombre || '')}\">` : `<div class=\"pot-obs-municipio-placeholder\"><\/div>`}\n                        <\/div>\n                    <\/section>\n                `;\n            }\n\n            function renderPanel(){\n                const stageData = getStageData();\n                if(!stageData){\n                    panel.innerHTML = `<div class=\"pot-obs-empty\">No fue posible cargar la etapa seleccionada.<\/div>`;\n                    return;\n                }\n\n                const docs = applyFilters(stageData.documents || []);\n\n                panel.innerHTML = `\n                    ${renderMunicipioHeader()}\n                    ${renderSummaryCards({\n                        etapa_nombre: stageData.nombre,\n                        etapa_codigo: stageData.codigo,\n                        porcentaje_avance: stageData.porcentaje_avance,\n                        estado_semaforo: stageData.estado_semaforo,\n                        documentos_total: stageData.documentos_total,\n                        documentos_publicados: stageData.documentos_publicados,\n                        ultima_actualizacion: stageData.ultima_actualizacion\n                    })}\n                    ${renderStageTabs(panelData.stages)}\n                    <section class=\"pot-obs-main-layout\">\n                        ${renderFilters(stageData.filters, stageData.codigo)}\n                        <div class=\"pot-obs-content\">\n                            <div class=\"pot-obs-results-top\">\n                                <strong>${docs.length}<\/strong> resultado(s)\n                            <\/div>\n                            ${renderDocumentGrid(docs)}\n                        <\/div>\n                    <\/section>\n                `;\n\t\t\t\tupdateStageBackground();\n                bindDynamicEvents();\n            }\n\n            function bindDynamicEvents(){\n                root.querySelectorAll('.pot-obs-stage-tab').forEach(btn => {\n                    btn.addEventListener('click', function(){\n                        activeStage = this.dataset.stage;\n                        resetFilters();\n                        renderPanel();\n                    });\n                });\n\n                const search = document.getElementById(root.id + '_search');\n                if(search){\n                    search.addEventListener('input', function(){\n                        activeFilters.busqueda = this.value || '';\n                        renderPanel();\n                    });\n                }\n\n                const clearBtn = document.getElementById(root.id + '_clearFilters');\n                if(clearBtn){\n                    clearBtn.addEventListener('click', function(){\n                        resetFilters();\n                        renderPanel();\n                    });\n                }\n\n                root.querySelectorAll('.pot-obs-filter-chip').forEach(btn => {\n                    btn.addEventListener('click', function(){\n                        const group = this.dataset.filterGroup;\n                        const value = this.dataset.filterValue;\n                        if(!group || !value) return;\n\n                        const arr = activeFilters[group] || [];\n                        const idx = arr.indexOf(value);\n\n                        if(idx >= 0){\n                            arr.splice(idx, 1);\n                        } else {\n                            arr.push(value);\n                        }\n\n                        activeFilters[group] = arr;\n                        renderPanel();\n                    });\n                });\n\n                root.querySelectorAll('[data-doc-detail]').forEach(btn => {\n                    btn.addEventListener('click', function(){\n                        const id = this.getAttribute('data-doc-detail');\n                        if(id) fetchDetail(id);\n                    });\n                });\n            }\n\n            function renderDetailModal(data){\n                const trace = (data.trazabilidad || []).length\n                    ? `\n                        <div class=\"pot-obs-trace\">\n                            ${(data.trazabilidad || []).map(t => `\n                                <div class=\"pot-obs-trace-item\">\n                                    <div class=\"pot-obs-trace-top\">\n                                        <strong>${escapeHtml(t.titulo_evento || '')}<\/strong>\n                                        <span>${escapeHtml(t.fecha_evento || '')}<\/span>\n                                    <\/div>\n                                    <div class=\"pot-obs-trace-type\">${escapeHtml(t.tipo_evento || '')}<\/div>\n                                    <p>${escapeHtml(t.descripcion_evento || '')}<\/p>\n                                    ${t.responsable ? `<small>Responsable: ${escapeHtml(t.responsable)}<\/small>` : ''}\n                                <\/div>\n                            `).join('')}\n                        <\/div>\n                    `\n                    : `<div class=\"pot-obs-empty-grid\">No hay trazabilidad registrada para este documento.<\/div>`;\n\n                const tags = (data.etiquetas || []).map(tag => `\n                    <span class=\"pot-obs-badge\" style=\"${tag.color ? `background:${tag.color};` : ''}\">${escapeHtml(tag.nombre)}<\/span>\n                `).join('');\n\n                const html = `\n                    <div class=\"pot-obs-detail-wrap\">\n                        <div class=\"pot-obs-detail-hero\">\n                            <div class=\"pot-obs-detail-copy\">\n                                <span class=\"pot-obs-stage-pill\">\n                                    <i>${escapeHtml(stageIcon(data.etapa_codigo || ''))}<\/i>\n                                    ${escapeHtml(data.etapa_nombre || '')}\n                                <\/span>\n                                <h3>${escapeHtml(data.titulo || '')}<\/h3>\n                                <p>${escapeHtml(data.descripcion || '')}<\/p>\n                            <\/div>\n                            <div class=\"pot-obs-detail-image\">\n                                ${data.imagen_url ? `<img decoding=\"async\" src=\"${escapeHtml(data.imagen_url)}\" alt=\"${escapeHtml(data.titulo || '')}\">` : ''}\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"pot-obs-detail-grid\">\n                            <div class=\"pot-obs-detail-box\"><span>Instrumento<\/span><strong>${escapeHtml(data.instrumento_nombre || '')}<\/strong><\/div>\n                            <div class=\"pot-obs-detail-box\"><span>Tipo<\/span><strong>${escapeHtml(data.tipo_nombre || '')}<\/strong><\/div>\n                            <div class=\"pot-obs-detail-box\"><span>Forma<\/span><strong>${escapeHtml(data.forma_nombre || '')}<\/strong><\/div>\n                            <div class=\"pot-obs-detail-box\"><span>Formato<\/span><strong>${escapeHtml(data.formato || '')}<\/strong><\/div>\n                            <div class=\"pot-obs-detail-box\"><span>${data.etapa_codigo === 'ET1_DIAGNOSTICO' ? 'Dimensi\u00f3n' : 'Componente'}<\/span><strong>${escapeHtml((data.etapa_codigo === 'ET1_DIAGNOSTICO' ? data.dimension_nombre : data.componente) || '')}<\/strong><\/div>\n                            <div class=\"pot-obs-detail-box\"><span>Fecha publicaci\u00f3n<\/span><strong>${escapeHtml(data.fecha_publicacion || '')}<\/strong><\/div>\n                            <div class=\"pot-obs-detail-box full\"><span>Categor\u00eda tem\u00e1tica<\/span><strong>${escapeHtml(data.categoria_tematica || '')}<\/strong><\/div>\n                            <div class=\"pot-obs-detail-box full\"><span>Etiquetas<\/span><div class=\"pot-obs-detail-tags\">${tags || '<em>Sin etiquetas<\/em>'}<\/div><\/div>\n                        <\/div>\n\n                        <div class=\"pot-obs-detail-actions\">\n                            <a href=\"${escapeHtml(data.archivo_url || '#')}\" target=\"_blank\" rel=\"noopener\" class=\"pot-obs-btn-main\">Ver documento<\/a>\n                            ${data.detalle_url ? `<a href=\"${escapeHtml(data.detalle_url)}\" target=\"_blank\" rel=\"noopener\" class=\"pot-obs-btn-main ghost\">Ver ficha externa<\/a>` : ''}\n                        <\/div>\n\n                        <div class=\"pot-obs-detail-trace-box\">\n                            <h4>Trazabilidad \/ seguimiento documental<\/h4>\n                            ${trace}\n                        <\/div>\n                    <\/div>\n                `;\n\n                openModal(html);\n            }\n\n            function fetchDetail(docId){\n                const fd = new FormData();\n                fd.append('action', 'pot_get_documento_detalle_premium');\n                fd.append('id_documento', docId);\n\n                fetch('https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-admin\/admin-ajax.php', {\n                    method: 'POST',\n                    body: fd\n                })\n                .then(r => r.json())\n                .then(res => {\n                    if(!res.success){\n                        openModal(`<div class=\"pot-obs-empty-grid\">${escapeHtml(res.data || 'No fue posible cargar el detalle.')}<\/div>`);\n                        return;\n                    }\n                    renderDetailModal(res.data);\n                })\n                .catch(() => {\n                    openModal(`<div class=\"pot-obs-empty-grid\">Ocurri\u00f3 un error cargando el detalle.<\/div>`);\n                });\n            }\n\n            function fetchPanel(municipioId){\n                loader.style.display = 'flex';\n                panel.innerHTML = '';\n\n                const fd = new FormData();\n                fd.append('action', 'pot_get_panel_premium');\n                fd.append('id_municipio', municipioId);\n\n                fetch('https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-admin\/admin-ajax.php', {\n                    method: 'POST',\n                    body: fd\n                })\n                .then(r => r.json())\n                .then(res => {\n                    loader.style.display = 'none';\n\n                    if(!res.success){\n                        panel.innerHTML = `<div class=\"pot-obs-empty\">${escapeHtml(res.data || 'No fue posible cargar el panel.')}<\/div>`;\n                        return;\n                    }\n\n                    panelData = res.data;\n                    activeStage = (panelData.stages && panelData.stages.length) ? panelData.stages[0].codigo : null;\n                    resetFilters();\n                    renderPanel();\n                })\n                .catch(() => {\n                    loader.style.display = 'none';\n                    panel.innerHTML = `<div class=\"pot-obs-empty\">Ocurri\u00f3 un error al consultar la informaci\u00f3n del municipio.<\/div>`;\n                });\n            }\n\n            selectMunicipio.addEventListener('change', function(){\n                const id = this.value;\n                if(!id){\n                    panel.innerHTML = '';\n                    panelData = null;\n                    activeStage = null;\n                    return;\n                }\n                fetchPanel(id);\n            });\n        })();\n        <\/script>\n\n        <style>\n        .pot-obs-wrap{\n            --pot-green:#10A13B;\n            --pot-yellow:#FDD60C;\n            --pot-dark:#0f172a;\n            --pot-ink:#334155;\n            --pot-muted:#64748b;\n            --pot-soft:#f8fafc;\n            --pot-border:rgba(15,23,42,.08);\n            --pot-shadow:0 20px 60px rgba(2,17,34,.10);\n            max-width:100%;\n            margin:0 auto;\n            padding:12px;\n            font-family:inherit;\n\t\t\tposition: relative;\n    \t\tz-index: 2;\n        }\n \n        .pot-obs-hero-top{\n            display:grid;\n            grid-template-columns:1.25fr .85fr;\n            gap:22px;\n            margin-bottom:22px;\n        }\n\n        .pot-obs-hero-copy,\n        .pot-obs-select-card,\n        .pot-obs-municipio-hero,\n        .pot-obs-kpi-card,\n        .pot-obs-sidebar,\n        .pot-obs-content,\n        .pot-obs-card,\n        .pot-obs-empty,\n        .pot-obs-empty-grid{\n            background:\n                radial-gradient(circle at top right, rgba(253,214,12,.10), transparent 28%),\n                radial-gradient(circle at bottom left, rgba(16,161,59,.09), transparent 26%),\n                linear-gradient(180deg, rgba(255,255,255,.97), rgba(248,250,252,.97));\n            border:1px solid var(--pot-border);\n            border-radius:28px;\n            box-shadow:var(--pot-shadow);\n        }\n\n        .pot-obs-hero-copy,\n        .pot-obs-select-card,\n        .pot-obs-sidebar,\n        .pot-obs-content{\n            padding:24px;\n        }\n\n        .pot-obs-mini-badge{\n            display:inline-flex;\n            padding:8px 14px;\n            border-radius:999px;\n            background:rgba(16,161,59,.10);\n            color:var(--pot-green);\n            font-size:.82rem;\n            font-weight:900;\n            margin-bottom:12px;\n        }\n\n        .pot-obs-mini-badge.alt{\n            margin-bottom:10px;\n        }\n\n        .pot-obs-hero-copy h2,\n        .pot-obs-municipio-copy h3{\n            margin:0 0 10px;\n            font-size:clamp(2rem, 3vw, 3rem);\n            line-height:1.03;\n            color:var(--pot-dark);\n            font-weight:900;\n            letter-spacing:-.04em;\n        }\n\n        .pot-obs-municipio-copy h3{\n            font-size:clamp(1.7rem, 2.6vw, 2.5rem);\n        }\n\n        .pot-obs-hero-copy p,\n        .pot-obs-municipio-copy p{\n            margin:0;\n            color:var(--pot-muted);\n            line-height:1.75;\n        }\n\n        .pot-obs-select-card label{\n            display:block;\n            margin-bottom:10px;\n            color:var(--pot-dark);\n            font-weight:800;\n        }\n\n        .pot-obs-select{\n            width:100%;\n            min-height:52px;\n            border:1px solid rgba(16,161,59,.20);\n            border-radius:18px;\n            padding:12px 16px;\n            font-size:1rem;\n            font-weight:700;\n            outline:none;\n            background:#fff;\n            color:#1e293b;\n        }\n\n        .pot-obs-select:focus{\n            border-color:rgba(16,161,59,.45);\n            box-shadow:0 0 0 4px rgba(16,161,59,.10);\n        }\n\n        .pot-obs-loader{\n            display:flex;\n            align-items:center;\n            justify-content:center;\n            gap:12px;\n            padding:24px;\n            color:#334155;\n            font-weight:800;\n        }\n\n        .pot-obs-loader-ring{\n            width:26px;\n            height:26px;\n            border-radius:50%;\n            border:3px solid rgba(16,161,59,.16);\n            border-top-color:var(--pot-green);\n            animation:potSpin .8s linear infinite;\n        }\n\n        @keyframes potSpin{\n            to{transform:rotate(360deg);}\n        }\n\n        .pot-obs-municipio-hero{\n            display:grid;\n            grid-template-columns:1.2fr .8fr;\n            gap:22px;\n            padding:24px;\n            margin-bottom:20px;\n            overflow:hidden;\n        }\n\n        .pot-obs-municipio-image{\n            min-height:260px;\n            border-radius:24px;\n            overflow:hidden;\n            background:#e2e8f0;\n        }\n\n        .pot-obs-municipio-image img,\n        .pot-obs-card-image,\n        .pot-obs-detail-image img{\n            width:100%;\n            height:100%;\n            object-fit:cover;\n            display:block;\n        }\n\n        .pot-obs-municipio-placeholder,\n        .pot-obs-card-image.ph{\n            width:100%;\n            height:100%;\n            min-height:240px;\n            background:linear-gradient(135deg,#dbeafe,#ecfdf5);\n        }\n\n        .pot-obs-kpis{\n            display:grid;\n            grid-template-columns:repeat(4,minmax(0,1fr));\n            gap:16px;\n            margin-bottom:20px;\n        }\n\n        .pot-obs-kpi-card{\n            padding:20px;\n        }\n\n        .pot-obs-kpi-card span{\n            display:block;\n            font-size:.82rem;\n            font-weight:800;\n            color:#64748b;\n            margin-bottom:8px;\n            text-transform:uppercase;\n            letter-spacing:.04em;\n        }\n\n        .pot-obs-kpi-card strong{\n            display:block;\n            font-size:1.7rem;\n            line-height:1.05;\n            color:#0f172a;\n            font-weight:900;\n            margin-bottom:8px;\n            letter-spacing:-.03em;\n        }\n\n        .pot-obs-kpi-card small{\n            color:#64748b;\n        }\n\n        .pot-obs-stage-tabs{\n            display:flex;\n            gap:12px;\n            flex-wrap:wrap;\n            margin-bottom:20px;\n        }\n\n        .pot-obs-stage-tab{\n            border:none;\n            cursor:pointer;\n            background:#fff;\n            border:1px solid rgba(15,23,42,.08);\n            border-radius:22px;\n            padding:14px 16px;\n            display:flex;\n            align-items:center;\n            gap:12px;\n            min-width:220px;\n            transition:.25s ease;\n            box-shadow:0 10px 26px rgba(15,23,42,.05);\n        }\n\n        .pot-obs-stage-tab.is-active{\n            background:linear-gradient(135deg, rgba(16,161,59,.12), rgba(253,214,12,.14));\n            border-color:rgba(16,161,59,.26);\n            transform:translateY(-2px);\n        }\n\n        .pot-obs-stage-icon{\n            width:40px;\n            height:40px;\n            border-radius:14px;\n            display:flex;\n            align-items:center;\n            justify-content:center;\n            background:#0f172a;\n            color:#fff;\n            font-weight:900;\n        }\n\n        .pot-obs-stage-copy strong{\n            display:block;\n            color:#0f172a;\n            font-weight:900;\n            text-align:left;\n        }\n\n        .pot-obs-stage-copy small{\n            color:#64748b;\n            font-weight:700;\n        }\n\n        .pot-obs-main-layout{\n            display:grid;\n            grid-template-columns:330px 1fr;\n            gap:20px;\n        }\n\n        .pot-obs-filter-header{\n            display:flex;\n            align-items:center;\n            justify-content:space-between;\n            gap:10px;\n            margin-bottom:14px;\n        }\n\n        .pot-obs-filter-header h4{\n            margin:0;\n            color:#0f172a;\n            font-weight:900;\n            font-size:1.1rem;\n        }\n\n        .pot-obs-clear-btn{\n            border:none;\n            border-radius:999px;\n            background:#0f172a;\n            color:#fff;\n            padding:9px 14px;\n            font-weight:800;\n            cursor:pointer;\n        }\n\n        .pot-obs-search{\n            width:100%;\n            min-height:48px;\n            border-radius:16px;\n            border:1px solid rgba(15,23,42,.10);\n            background:#fff;\n            padding:12px 14px;\n            outline:none;\n            margin-bottom:16px;\n        }\n\n        .pot-obs-filter-group{\n            margin-bottom:18px;\n        }\n\n        .pot-obs-filter-group h5{\n            margin:0 0 10px;\n            color:#334155;\n            font-size:.95rem;\n            font-weight:900;\n        }\n\n        .pot-obs-filter-chips{\n            display:flex;\n            flex-wrap:wrap;\n            gap:8px;\n        }\n\n        .pot-obs-filter-chip{\n            border:1px solid rgba(15,23,42,.10);\n            background:#fff;\n            color:#334155;\n            padding:8px 12px;\n            border-radius:999px;\n            cursor:pointer;\n            font-size:.86rem;\n            font-weight:800;\n            transition:.2s ease;\n        }\n\n        .pot-obs-filter-chip.is-active{\n            background:var(--chip-color, linear-gradient(90deg,#10A13B,#FDD60C));\n            color:#fff;\n            border-color:transparent;\n            box-shadow:0 10px 22px rgba(16,161,59,.18);\n        }\n\n        .pot-obs-content{\n            min-height:400px;\n        }\n\n        .pot-obs-results-top{\n            margin-bottom:14px;\n            color:#64748b;\n            font-weight:700;\n        }\n\n        .pot-obs-grid{\n            display:grid;\n            grid-template-columns:repeat(3,minmax(0,1fr));\n            gap:18px;\n        }\n\n        .pot-obs-card{\n            overflow:hidden;\n            transition:transform .25s ease, box-shadow .25s ease;\n        }\n\n        .pot-obs-card:hover{\n            transform:translateY(-4px);\n            box-shadow:0 22px 44px rgba(15,23,42,.10);\n        }\n\n        .pot-obs-card-topline{\n            padding:14px 16px 0;\n        }\n\n        .pot-obs-stage-pill{\n            display:inline-flex;\n            align-items:center;\n            gap:8px;\n            border-radius:999px;\n            background:#8e5a47;\n            color:#fff;\n            padding:7px 12px;\n            font-size:.84rem;\n            font-weight:900;\n        }\n\n        .pot-obs-stage-pill i{\n            font-style:normal;\n            display:inline-flex;\n            width:18px;\n            height:18px;\n            align-items:center;\n            justify-content:center;\n            border-radius:50%;\n            background:rgba(255,255,255,.22);\n        }\n\n        .pot-obs-card-image-wrap{\n            padding:14px 16px 0;\n            height:220px;\n        }\n\n        .pot-obs-card-image{\n            border-radius:18px;\n            overflow:hidden;\n            border:1px solid rgba(15,23,42,.06);\n        }\n\n        .pot-obs-card-body{\n            padding:16px;\n        }\n\n        .pot-obs-card-body h4{\n            margin:0 0 8px;\n            color:#0f172a;\n            font-size:1.18rem;\n            line-height:1.2;\n            font-weight:500;\n            min-height:58px;\n        }\n\n        .pot-obs-card-subline{\n            margin-bottom:10px;\n            color:#334155;\n        }\n\n        .pot-obs-card-body hr{\n            border:none;\n            border-top:1px solid rgba(15,23,42,.08);\n            margin:12px 0 14px;\n        }\n\n        .pot-obs-doc-meta-title{\n            font-size:1rem;\n            font-weight:900;\n            color:#0f172a;\n            margin-bottom:8px;\n        }\n\n        .pot-obs-doc-meta ul{\n            margin:0;\n            padding-left:18px;\n            color:#475569;\n            line-height:1.65;\n        }\n\n        .pot-obs-doc-meta li strong{\n            color:#111827;\n        }\n\n        .pot-obs-card-actions{\n            display:grid;\n            grid-template-columns:1fr 1fr;\n            gap:10px;\n            margin-top:16px;\n        }\n\n        .pot-obs-btn-lite,\n        .pot-obs-btn-main{\n            border:none;\n            text-decoration:none;\n            display:inline-flex;\n            align-items:center;\n            justify-content:center;\n            min-height:42px;\n            border-radius:999px;\n            padding:10px 14px;\n            font-weight:800;\n            cursor:pointer;\n            transition:.25s ease;\n        }\n\n        .pot-obs-btn-lite{\n            background:#fff;\n            color:#0f172a;\n            border:1px solid rgba(15,23,42,.15);\n        }\n\n        .pot-obs-btn-lite.is-secondary{\n            background:#f8fafc;\n        }\n\n        .pot-obs-btn-main{\n            background:linear-gradient(90deg,#10A13B,#0c8b30);\n            color:#fff;\n            box-shadow:0 12px 28px rgba(16,161,59,.22);\n        }\n\n        .pot-obs-btn-main.ghost{\n            background:#fff;\n            color:#0f172a;\n            border:1px solid rgba(15,23,42,.14);\n            box-shadow:none;\n        }\n\n        .pot-obs-card-tags{\n            padding:0 16px 16px;\n            display:flex;\n            flex-wrap:wrap;\n            gap:8px;\n        }\n\n        .pot-obs-badge{\n            display:inline-flex;\n            align-items:center;\n            justify-content:center;\n            border-radius:7px;\n            padding:6px 10px;\n            color:#fff;\n            background:#4b5563;\n            font-size:.76rem;\n            font-weight:900;\n        }\n\n        .pot-obs-empty,\n        .pot-obs-empty-grid{\n            padding:24px;\n            color:#64748b;\n        }\n\n        .pot-obs-modal{\n            position:fixed;\n            inset:0;\n            z-index:99999;\n            display:none;\n        }\n\n        .pot-obs-modal.is-open{\n            display:block;\n        }\n\n        .pot-obs-modal-backdrop{\n            position:absolute;\n            inset:0;\n            background:rgba(2,6,23,.56);\n            backdrop-filter:blur(4px);\n        }\n\n        .pot-obs-modal-dialog{\n            position:relative;\n            width:min(1100px, calc(100vw - 32px));\n            max-height:calc(100vh - 40px);\n            overflow:auto;\n            margin:20px auto;\n            background:#fff;\n            border-radius:30px;\n            box-shadow:0 30px 70px rgba(2,6,23,.26);\n            padding:24px;\n        }\n\n        .pot-obs-modal-close{\n            position:sticky;\n            top:0;\n            margin-left:auto;\n            display:flex;\n            width:42px;\n            height:42px;\n            border:none;\n            border-radius:50%;\n            background:#0f172a;\n            color:#fff;\n            align-items:center;\n            justify-content:center;\n            font-size:1.4rem;\n            cursor:pointer;\n            z-index:3;\n        }\n\n        .pot-obs-detail-hero{\n            display:grid;\n            grid-template-columns:1fr 420px;\n            gap:20px;\n            margin-top:10px;\n        }\n\n        .pot-obs-detail-copy h3{\n            margin:12px 0 10px;\n            color:#0f172a;\n            font-size:2rem;\n            line-height:1.1;\n            font-weight:900;\n            letter-spacing:-.03em;\n        }\n\n        .pot-obs-detail-copy p{\n            margin:0;\n            color:#475569;\n            line-height:1.75;\n        }\n\n        .pot-obs-detail-image{\n            border-radius:22px;\n            overflow:hidden;\n            min-height:260px;\n            background:#e2e8f0;\n        }\n\n        .pot-obs-detail-grid{\n            display:grid;\n            grid-template-columns:repeat(2,minmax(0,1fr));\n            gap:14px;\n            margin-top:20px;\n        }\n\n        .pot-obs-detail-box{\n            border:1px solid rgba(15,23,42,.08);\n            border-radius:18px;\n            padding:16px;\n            background:#f8fafc;\n        }\n\n        .pot-obs-detail-box.full{\n            grid-column:1 \/ -1;\n        }\n\n        .pot-obs-detail-box span{\n            display:block;\n            font-size:.8rem;\n            font-weight:900;\n            color:#64748b;\n            text-transform:uppercase;\n            margin-bottom:8px;\n        }\n\n        .pot-obs-detail-box strong{\n            display:block;\n            color:#0f172a;\n            line-height:1.65;\n        }\n\n        .pot-obs-detail-tags{\n            display:flex;\n            flex-wrap:wrap;\n            gap:8px;\n        }\n\n        .pot-obs-detail-actions{\n            display:flex;\n            gap:12px;\n            flex-wrap:wrap;\n            margin-top:20px;\n        }\n\n        .pot-obs-detail-trace-box{\n            margin-top:24px;\n            border-top:1px solid rgba(15,23,42,.08);\n            padding-top:18px;\n        }\n\n        .pot-obs-detail-trace-box h4{\n            margin:0 0 14px;\n            color:#0f172a;\n            font-size:1.2rem;\n            font-weight:900;\n        }\n\n        .pot-obs-trace{\n            display:grid;\n            gap:12px;\n        }\n\n        .pot-obs-trace-item{\n            border:1px solid rgba(15,23,42,.08);\n            border-radius:18px;\n            padding:16px;\n            background:#fff;\n        }\n\n        .pot-obs-trace-top{\n            display:flex;\n            justify-content:space-between;\n            gap:10px;\n            flex-wrap:wrap;\n            margin-bottom:6px;\n        }\n\n        .pot-obs-trace-top strong{\n            color:#0f172a;\n        }\n\n        .pot-obs-trace-top span,\n        .pot-obs-trace-item small{\n            color:#64748b;\n        }\n\n        .pot-obs-trace-type{\n            color:#166534;\n            font-weight:900;\n            margin-bottom:8px;\n        }\n\n        .pot-obs-trace-item p{\n            margin:0 0 8px;\n            color:#475569;\n            line-height:1.7;\n        }\n\n        .pot-obs-modal-open{\n            overflow:hidden;\n        }\n\n        @media (max-width: 1180px){\n            .pot-obs-grid{\n                grid-template-columns:repeat(2,minmax(0,1fr));\n            }\n            .pot-obs-kpis{\n                grid-template-columns:repeat(2,minmax(0,1fr));\n            }\n        }\n\n        @media (max-width: 980px){\n            .pot-obs-hero-top,\n            .pot-obs-municipio-hero,\n            .pot-obs-main-layout,\n            .pot-obs-detail-hero{\n                grid-template-columns:1fr;\n            }\n        }\n\n        @media (max-width: 680px){\n            .pot-obs-grid,\n            .pot-obs-kpis,\n            .pot-obs-detail-grid{\n                grid-template-columns:1fr;\n            }\n            .pot-obs-stage-tab{\n                min-width:100%;\n            }\n            .pot-obs-card-actions{\n                grid-template-columns:1fr;\n            }\n            .pot-obs-detail-box.full{\n                grid-column:auto;\n            }\n        }\n\t\t\n\t\t\/* =========================================================\n\t\t   FONDO PREMIUM \u00daNICO - ONDAS WOW PRO\n\t\t   ========================================================= *\/\n\n\t\t.pot-obs-wrapper{\n\t\t\tposition: relative;\n\t\t\tz-index: 1;\n\t\t\toverflow: hidden;\n\t\t\tisolation: isolate;\n\t\t\tborder-radius: 30px;\n\t\t\tpadding: 8px 0;\n\t\t\tbackground:\n\t\t\t\tlinear-gradient(180deg, #f5faf7 0%, #eef6f1 100%);\n\t\t}\n\n\t\t\/* CAPA BASE DE LUZ Y PROFUNDIDAD *\/\n\t\t.pot-obs-wrapper::before{\n\t\t\tcontent: \"\";\n\t\t\tposition: absolute;\n\t\t\tinset: -8%;\n\t\t\tz-index: 0;\n\t\t\tpointer-events: none;\n\t\t\topacity: .95;\n\t\t\tbackground:\n\t\t\t\tradial-gradient(circle at 12% 18%, rgba(16,161,59,.16) 0%, rgba(16,161,59,0) 28%),\n\t\t\t\tradial-gradient(circle at 84% 14%, rgba(253,214,12,.18) 0%, rgba(253,214,12,0) 30%),\n\t\t\t\tradial-gradient(circle at 78% 78%, rgba(16,161,59,.10) 0%, rgba(16,161,59,0) 26%),\n\t\t\t\tradial-gradient(circle at 14% 86%, rgba(253,214,12,.10) 0%, rgba(253,214,12,0) 28%);\n\t\t\tanimation: potObsGlowMove 18s ease-in-out infinite alternate;\n\t\t}\n\n\t\t\/* CAPA DE ONDAS REALES *\/\n\t\t.pot-obs-wrapper::after{\n\t\t\tcontent: \"\";\n\t\t\tposition: absolute;\n\t\t\tinset: 0;\n\t\t\tz-index: 0;\n\t\t\tpointer-events: none;\n\t\t\topacity: .55;\n\t\t\tbackground:\n\t\t\t\turl(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1600 900' preserveAspectRatio='none'><g fill='none' stroke='%2310A13B' stroke-width='1.2' stroke-opacity='0.12'><path d='M0 180 C180 120 320 120 500 180 S860 240 1040 180 1380 120 1600 180'\/><path d='M0 240 C180 180 320 180 500 240 S860 300 1040 240 1380 180 1600 240'\/><path d='M0 300 C180 240 320 240 500 300 S860 360 1040 300 1380 240 1600 300'\/><path d='M0 520 C220 460 380 460 600 520 S1020 580 1240 520 1460 470 1600 520'\/><path d='M0 590 C220 530 380 530 600 590 S1020 650 1240 590 1460 540 1600 590'\/><path d='M0 660 C220 600 380 600 600 660 S1020 720 1240 660 1460 610 1600 660'\/><\/g><g fill='none' stroke='%23FDD60C' stroke-width='1' stroke-opacity='0.10'><path d='M0 120 C180 70 340 70 520 120 S900 170 1080 120 1420 70 1600 120'\/><path d='M0 430 C180 380 340 380 520 430 S900 480 1080 430 1420 380 1600 430'\/><path d='M0 760 C180 710 340 710 520 760 S900 810 1080 760 1420 710 1600 760'\/><\/g><\/svg>\") center\/cover no-repeat;\n\t\t\tanimation: potObsWaveDrift 26s ease-in-out infinite alternate;\n\t\t}\n\n\t\t.pot-obs-inner{\n\t\t\tposition: relative;\n\t\t\tz-index: 2;\n\t\t}\n\n\t\t\/* tarjetas ligeramente m\u00e1s cristalinas *\/\n\t\t.pot-obs-hero-copy,\n\t\t.pot-obs-select-card,\n\t\t.pot-obs-municipio-hero,\n\t\t.pot-obs-kpi-card,\n\t\t.pot-obs-sidebar,\n\t\t.pot-obs-content,\n\t\t.pot-obs-card,\n\t\t.pot-obs-empty,\n\t\t.pot-obs-empty-grid{\n\t\t\tbackdrop-filter: blur(8px);\n\t\t\t-webkit-backdrop-filter: blur(8px);\n\t\t\tbackground:\n\t\t\t\tlinear-gradient(135deg, rgba(255,255,255,.88), rgba(255,255,255,.72));\n\t\t}\n\n\t\t\/* animaciones *\/\n\t\t@keyframes potObsGlowMove{\n\t\t\t0%{\n\t\t\t\ttransform: translate3d(0,0,0) scale(1);\n\t\t\t}\n\t\t\t50%{\n\t\t\t\ttransform: translate3d(-1.2%, 1.2%, 0) scale(1.03);\n\t\t\t}\n\t\t\t100%{\n\t\t\t\ttransform: translate3d(1.5%, -1%, 0) scale(1.05);\n\t\t\t}\n\t\t}\n\n\t\t@keyframes potObsWaveDrift{\n\t\t\t0%{\n\t\t\t\ttransform: translateX(0) translateY(0) scale(1);\n\t\t\t}\n\t\t\t50%{\n\t\t\t\ttransform: translateX(-1.2%) translateY(1%) scale(1.02);\n\t\t\t}\n\t\t\t100%{\n\t\t\t\ttransform: translateX(1.2%) translateY(-1%) scale(1.03);\n\t\t\t}\n\t\t}\n\n\t\t@media (prefers-reduced-motion: reduce){\n\t\t\t.pot-obs-wrapper::before,\n\t\t\t.pot-obs-wrapper::after{\n\t\t\t\tanimation: none !important;\n\t\t\t}\n\t\t}\n\n\t\t@media (max-width: 768px){\n\t\t\t.pot-obs-wrapper{\n\t\t\t\tborder-radius: 22px;\n\t\t\t}\n\n\t\t\t.pot-obs-wrapper::after{\n\t\t\t\topacity: .34;\n\t\t\t\tbackground-size: 180% auto;\n\t\t\t}\n\t\t}\n\t\t\n\t   \/* =========================================================\n\t   VARIANTE DE FONDO SEG\u00daN ETAPA ACTIVA\n\t   ========================================================= *\/\n\n\t\t\/* Base din\u00e1mica *\/\n\t\t.pot-obs-wrapper.stage-et1::before{\n\t\t\tbackground:\n\t\t\t\tradial-gradient(circle at 12% 18%, rgba(16,161,59,.18) 0%, rgba(16,161,59,0) 28%),\n\t\t\t\tradial-gradient(circle at 84% 14%, rgba(253,214,12,.14) 0%, rgba(253,214,12,0) 30%),\n\t\t\t\tradial-gradient(circle at 78% 78%, rgba(16,161,59,.10) 0%, rgba(16,161,59,0) 26%),\n\t\t\t\tradial-gradient(circle at 14% 86%, rgba(253,214,12,.09) 0%, rgba(253,214,12,0) 28%);\n\t\t}\n\n\t\t.pot-obs-wrapper.stage-et2::before{\n\t\t\tbackground:\n\t\t\t\tradial-gradient(circle at 16% 16%, rgba(59,130,246,.16) 0%, rgba(59,130,246,0) 28%),\n\t\t\t\tradial-gradient(circle at 84% 12%, rgba(253,214,12,.16) 0%, rgba(253,214,12,0) 30%),\n\t\t\t\tradial-gradient(circle at 76% 80%, rgba(16,161,59,.08) 0%, rgba(16,161,59,0) 24%),\n\t\t\t\tradial-gradient(circle at 18% 84%, rgba(255,255,255,.20) 0%, rgba(255,255,255,0) 24%);\n\t\t}\n\n\t\t.pot-obs-wrapper.stage-et3::before{\n\t\t\tbackground:\n\t\t\t\tradial-gradient(circle at 10% 20%, rgba(249,115,22,.16) 0%, rgba(249,115,22,0) 28%),\n\t\t\t\tradial-gradient(circle at 84% 12%, rgba(16,161,59,.18) 0%, rgba(16,161,59,0) 30%),\n\t\t\t\tradial-gradient(circle at 76% 78%, rgba(253,214,12,.10) 0%, rgba(253,214,12,0) 26%),\n\t\t\t\tradial-gradient(circle at 18% 84%, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 24%);\n\t\t}\n\n\t\t.pot-obs-wrapper.stage-et4::before{\n\t\t\tbackground:\n\t\t\t\tradial-gradient(circle at 12% 18%, rgba(139,92,246,.15) 0%, rgba(139,92,246,0) 28%),\n\t\t\t\tradial-gradient(circle at 86% 12%, rgba(16,161,59,.16) 0%, rgba(16,161,59,0) 30%),\n\t\t\t\tradial-gradient(circle at 76% 80%, rgba(253,214,12,.12) 0%, rgba(253,214,12,0) 26%),\n\t\t\t\tradial-gradient(circle at 16% 86%, rgba(59,130,246,.10) 0%, rgba(59,130,246,0) 24%);\n\t\t}\n\n\t\t\/* Ondas seg\u00fan etapa *\/\n\t\t.pot-obs-wrapper.stage-et1::after{\n\t\t\topacity: .52;\n\t\t\tfilter: saturate(1.02);\n\t\t}\n\n\t\t.pot-obs-wrapper.stage-et2::after{\n\t\t\topacity: .46;\n\t\t\tfilter: hue-rotate(12deg) saturate(1.05);\n\t\t}\n\n\t\t.pot-obs-wrapper.stage-et3::after{\n\t\t\topacity: .50;\n\t\t\tfilter: hue-rotate(-10deg) saturate(1.08);\n\t\t}\n\n\t\t.pot-obs-wrapper.stage-et4::after{\n\t\t\topacity: .48;\n\t\t\tfilter: hue-rotate(18deg) saturate(1.06);\n\t\t}\n\t\t\n\t   \/* =========================================================\n\t   CARD HERO PREMIUM CON TEXTO LEGIBLE SOBRE IMAGEN\n\t   ========================================================= *\/\n\n\t\t.pot-obs-card-media{\n\t\t\toverflow: hidden;\n\t\t\tborder-radius: 28px;\n\t\t}\n\n\t\t.pot-obs-card-image-wrap.is-hero{\n\t\t\tposition: relative;\n\t\t\theight: 280px;\n\t\t\tpadding: 0;\n\t\t\tborder-radius: 24px 24px 0 0;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t.pot-obs-card-image-wrap.is-hero .pot-obs-card-image,\n\t\t.pot-obs-card-image-wrap.is-hero .pot-obs-card-image.ph{\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tobject-fit: cover;\n\t\t\tdisplay: block;\n\t\t\tborder-radius: 0;\n\t\t\tborder: none;\n\t\t}\n\n\t\t.pot-obs-card-overlay{\n\t\t\tposition: absolute;\n\t\t\tinset: 0;\n\t\t\tbackground:\n\t\t\t\tlinear-gradient(180deg, rgba(2,6,23,.10) 0%, rgba(2,6,23,.18) 30%, rgba(2,6,23,.58) 100%);\n\t\t\tz-index: 1;\n\t\t\tpointer-events: none;\n\t\t}\n\n\t\t.pot-obs-card-floating-meta{\n\t\t\tposition: absolute;\n\t\t\tinset: 0;\n\t\t\tz-index: 2;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: space-between;\n\t\t\tpadding: 16px;\n\t\t}\n\n\t\t.pot-obs-stage-pill-float{\n\t\t\talign-self: flex-start;\n\t\t\tbackground: rgba(15,23,42,.62);\n\t\t\tbackdrop-filter: blur(8px);\n\t\t\t-webkit-backdrop-filter: blur(8px);\n\t\t\tborder: 1px solid rgba(255,255,255,.14);\n\t\t\tbox-shadow: 0 10px 22px rgba(2,6,23,.16);\n\t\t}\n\n\t\t.pot-obs-card-title-box{\n\t\t\talign-self: stretch;\n\t\t\tbackground: linear-gradient(180deg, rgba(15,23,42,.16), rgba(15,23,42,.72));\n\t\t\tbackdrop-filter: blur(8px);\n\t\t\t-webkit-backdrop-filter: blur(8px);\n\t\t\tborder: 1px solid rgba(255,255,255,.10);\n\t\t\tborder-radius: 18px;\n\t\t\tpadding: 14px 16px;\n\t\t\tbox-shadow: 0 14px 30px rgba(2,6,23,.20);\n\t\t}\n\n\t\t.pot-obs-card-title-box h4{\n\t\t\tmargin: 0 0 8px !important;\n\t\t\tcolor: #fff !important;\n\t\t\tfont-size: 1.16rem;\n\t\t\tline-height: 1.18;\n\t\t\tfont-weight: 900 !important;\n\t\t\tmin-height: auto !important;\n\t\t\ttext-shadow: 0 2px 10px rgba(0,0,0,.28);\n\t\t}\n\n\t\t.pot-obs-card-subline.on-image{\n\t\t\tcolor: rgba(255,255,255,.92);\n\t\t\tfont-size: .92rem;\n\t\t\tmargin: 0;\n\t\t\tline-height: 1.45;\n\t\t}\n\n\t\t.pot-obs-card-subline.on-image strong{\n\t\t\tcolor: #fff;\n\t\t\tfont-weight: 900;\n\t\t}\n\n\t\t.pot-obs-card-media .pot-obs-card-body{\n\t\t\tpadding-top: 18px;\n\t\t}\n\n\t\t.pot-obs-card-media .pot-obs-doc-meta-title{\n\t\t\tmargin-bottom: 10px;\n\t\t}\n\n\t\t.pot-obs-card-media .pot-obs-card-tags{\n\t\t\tpadding-top: 0;\n\t\t}\n\n\t\t\/* Hover m\u00e1s premium *\/\n\t\t.pot-obs-card-media:hover .pot-obs-card-image{\n\t\t\ttransform: scale(1.04);\n\t\t\ttransition: transform .45s ease;\n\t\t}\n\n\t\t.pot-obs-card-media .pot-obs-card-image{\n\t\t\ttransition: transform .45s ease;\n\t\t}\n\n\t\t\/* Responsive *\/\n\t\t@media (max-width: 768px){\n\t\t\t.pot-obs-card-image-wrap.is-hero{\n\t\t\t\theight: 240px;\n\t\t\t}\n\n\t\t\t.pot-obs-card-title-box{\n\t\t\t\tpadding: 12px 14px;\n\t\t\t}\n\n\t\t\t.pot-obs-card-title-box h4{\n\t\t\t\tfont-size: 1.03rem;\n\t\t\t}\n\n\t\t\t.pot-obs-card-subline.on-image{\n\t\t\t\tfont-size: .84rem;\n\t\t\t}\n\t\t}\n\n\t\t\/* =========================================================\n\t\t   COLORES DIN\u00c1MICOS POR ETAPA (BADGE FLOTANTE)\n\t\t   ========================================================= *\/\n\n\t\t\/* BASE *\/\n\t\t.pot-obs-stage-pill-float{\n\t\t\tcolor:#fff;\n\t\t\tborder:1px solid rgba(255,255,255,.18);\n\t\t\tbackdrop-filter: blur(8px);\n\t\t\t-webkit-backdrop-filter: blur(8px);\n\t\t}\n\n\t\t\/* ETAPA 1: DIAGN\u00d3STICO (verde institucional + tierra) *\/\n\t\t.pot-obs-stage-pill-float.stage-ET1_DIAGNOSTICO{\n\t\t\tbackground: linear-gradient(135deg, #10A13B, #4b5d2a);\n\t\t\tbox-shadow: 0 10px 25px rgba(16,161,59,.35);\n\t\t}\n\n\t\t\/* ETAPA 2: FORMULACI\u00d3N (azul t\u00e9cnico) *\/\n\t\t.pot-obs-stage-pill-float.stage-ET2_FORMULACION{\n\t\t\tbackground: linear-gradient(135deg, #2563eb, #1e3a8a);\n\t\t\tbox-shadow: 0 10px 25px rgba(37,99,235,.35);\n\t\t}\n\n\t\t\/* ETAPA 3: IMPLEMENTACI\u00d3N (\u00e1mbar\/naranja) *\/\n\t\t.pot-obs-stage-pill-float.stage-ET3_IMPLEMENTACION{\n\t\t\tbackground: linear-gradient(135deg, #f59e0b, #ea580c);\n\t\t\tbox-shadow: 0 10px 25px rgba(245,158,11,.35);\n\t\t}\n\n\t\t\/* ETAPA 4: SEGUIMIENTO (violeta ejecutivo) *\/\n\t\t.pot-obs-stage-pill-float.stage-ET4_SEGUIMIENTO_EVAL{\n\t\t\tbackground: linear-gradient(135deg, #7c3aed, #4c1d95);\n\t\t\tbox-shadow: 0 10px 25px rgba(124,58,237,.35);\n\t\t}\n\n\t\t\/* HOVER PREMIUM *\/\n\t\t.pot-obs-stage-pill-float:hover{\n\t\t\ttransform: translateY(-2px) scale(1.02);\n\t\t\tbox-shadow: 0 14px 30px rgba(0,0,0,.25);\n\t\t}\n\n\t\t.pot-obs-card.stage-ET2_FORMULACION{\n\t\t\tborder-left: 4px solid #2563eb;\n\t\t}\n\n        <\/style>\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02607c0 e-flex e-con-boxed e-con e-parent\" data-id=\"02607c0\" 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-4c4cc88 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"4c4cc88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\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<div class=\"elementor-element elementor-element-3826434 e-flex e-con-boxed e-con e-parent\" data-id=\"3826434\" 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-df280af elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"df280af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\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>Seguimiento POT municipales<\/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-4038","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-json\/wp\/v2\/pages\/4038","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=4038"}],"version-history":[{"count":46,"href":"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-json\/wp\/v2\/pages\/4038\/revisions"}],"predecessor-version":[{"id":4088,"href":"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-json\/wp\/v2\/pages\/4038\/revisions\/4088"}],"wp:attachment":[{"href":"https:\/\/planeacion.narino.gov.co\/observatorio-pot\/wp-json\/wp\/v2\/media?parent=4038"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}