{"id":16,"date":"2025-12-22T21:52:02","date_gmt":"2025-12-22T20:52:02","guid":{"rendered":"https:\/\/ejecafeterorap.gov.co\/new2026\/?page_id=16"},"modified":"2026-07-28T12:55:01","modified_gmt":"2026-07-28T17:55:01","slug":"ejes-estrategicos","status":"publish","type":"page","link":"https:\/\/ejecafeterorap.gov.co\/new2026\/ejes-estrategicos\/","title":{"rendered":"Ejes Estrat\u00e9gicos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6cba95 e-con-full e-flex e-con e-parent\" data-id=\"d6cba95\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-dcbd85e e-con-full e-flex e-con e-child\" data-id=\"dcbd85e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc760cf elementor-invisible elementor-widget elementor-widget-html\" data-id=\"fc760cf\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"widget-rap-interactivo\">\r\n  \r\n  <h2 class=\"rap-main-title\">Plan Estrat\u00e9gico Regional 2021-2033<\/h2>\r\n\r\n  <div class=\"rap-layout\">\r\n    \r\n    <!-- Lado Izquierdo: Gr\u00e1fico Circular Interactivo (SVG) -->\r\n    <div class=\"rap-graphic-col\">\r\n      <!-- Se ampli\u00f3 el viewBox a \"-20 -20 240 240\" para dar margen a la sombra -->\r\n      <svg viewBox=\"-20 -20 240 240\" class=\"rap-svg-donut\">\r\n        <defs>\r\n          <!-- Se ampli\u00f3 el \u00e1rea del filtro para evitar cortes -->\r\n          <filter id=\"shadow\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\">\r\n            <feDropShadow dx=\"0\" dy=\"4\" stdDeviation=\"6\" flood-color=\"#000000\" flood-opacity=\"0.25\"\/>\r\n          <\/filter>\r\n        <\/defs>\r\n\r\n        <!-- Segmentos Circulares (Hechos) -->\r\n        <g transform=\"rotate(-90 100 100)\">\r\n          <!-- ECONOM\u00cdA DEL CONOCIMIENTO (Amarillo - 0 a 120 grados) -->\r\n          <circle cx=\"100\" cy=\"100\" r=\"60\" fill=\"transparent\" stroke=\"#F4B324\" stroke-width=\"40\" \r\n                  stroke-dasharray=\"125.66 251.32\" stroke-dashoffset=\"0\" \r\n                  class=\"rap-arc\" onclick=\"mostrarPoliticasRap('economia')\" \r\n                  filter=\"url(#shadow)\"><\/circle>\r\n                  \r\n          <!-- TERRITORIO SOSTENIBLE (Rojo - 120 a 240 grados) -->\r\n          <circle cx=\"100\" cy=\"100\" r=\"60\" fill=\"transparent\" stroke=\"#A31F34\" stroke-width=\"40\" \r\n                  stroke-dasharray=\"125.66 251.32\" stroke-dashoffset=\"-125.66\" \r\n                  class=\"rap-arc\" onclick=\"mostrarPoliticasRap('territorio')\" \r\n                  filter=\"url(#shadow)\"><\/circle>\r\n\r\n          <!-- EQUIDAD (Azul - 240 a 360 grados) -->\r\n          <circle cx=\"100\" cy=\"100\" r=\"60\" fill=\"transparent\" stroke=\"#007AC3\" stroke-width=\"40\" \r\n                  stroke-dasharray=\"125.66 251.32\" stroke-dashoffset=\"-251.32\" \r\n                  class=\"rap-arc\" onclick=\"mostrarPoliticasRap('equidad')\" \r\n                  filter=\"url(#shadow)\"><\/circle>\r\n        <\/g>\r\n\r\n        <!-- TEXTOS PERFECTAMENTE CENTRADOS Y ALINEADOS -->\r\n        \r\n        <!-- ECONOM\u00cdA (Centro matem\u00e1tico en 60 grados) -->\r\n        <g transform=\"translate(152, 70) rotate(60)\" pointer-events=\"none\">\r\n          <text x=\"0\" y=\"-1.5\" text-anchor=\"middle\" font-size=\"7\" font-weight=\"bold\" fill=\"#ffffff\">ECONOM\u00cdA<\/text>\r\n          <text x=\"0\" y=\"6.5\" text-anchor=\"middle\" font-size=\"4.5\" font-weight=\"normal\" fill=\"#ffffff\">DEL CONOCIMIENTO<\/text>\r\n        <\/g>\r\n\r\n        <!-- TERRITORIO (Centro matem\u00e1tico en 180 grados - base horizontal) -->\r\n        <g transform=\"translate(100, 160) rotate(0)\" pointer-events=\"none\">\r\n          <text x=\"0\" y=\"-1.5\" text-anchor=\"middle\" font-size=\"7\" font-weight=\"bold\" fill=\"#ffffff\">TERRITORIO<\/text>\r\n          <text x=\"0\" y=\"6.5\" text-anchor=\"middle\" font-size=\"7\" font-weight=\"bold\" fill=\"#ffffff\">SOSTENIBLE<\/text>\r\n        <\/g>\r\n\r\n        <!-- EQUIDAD (Centro matem\u00e1tico en 300 grados) -->\r\n        <g transform=\"translate(48, 70) rotate(-60)\" pointer-events=\"none\">\r\n          <text x=\"0\" y=\"3\" text-anchor=\"middle\" font-size=\"8\" font-weight=\"bold\" fill=\"#ffffff\">EQUIDAD<\/text>\r\n        <\/g>\r\n\r\n        <!-- C\u00edrculo Central Blanco -->\r\n        <circle cx=\"100\" cy=\"100\" r=\"42\" fill=\"#ffffff\" filter=\"url(#shadow)\"><\/circle>\r\n        \r\n        <!-- Texto Central -->\r\n        <text x=\"100\" y=\"93\" text-anchor=\"middle\" font-size=\"24\" font-weight=\"900\" fill=\"#333333\" font-family=\"Arial, sans-serif\">PER<\/text>\r\n        <text x=\"100\" y=\"105\" text-anchor=\"middle\" font-size=\"7\" fill=\"#444444\" font-family=\"Arial, sans-serif\">Plan Estrat\u00e9gico<\/text>\r\n        <text x=\"100\" y=\"114\" text-anchor=\"middle\" font-size=\"7\" fill=\"#444444\" font-family=\"Arial, sans-serif\">Regional<\/text>\r\n      <\/svg>\r\n      <div class=\"rap-hint\">Haz clic en un color para ver sus pol\u00edticas<\/div>\r\n    <\/div>\r\n\r\n    <!-- Lado Derecho: Panel de Pol\u00edticas Din\u00e1mico -->\r\n    <div class=\"rap-content-col\">\r\n      \r\n      <!-- Estado Inicial -->\r\n      <div id=\"rap-default\" class=\"rap-panel active\">\r\n        <h3 class=\"rap-panel-title\" style=\"color: #666; border-color: #ccc;\">Selecciona un Hecho Regional<\/h3>\r\n        <p class=\"rap-panel-desc\">Interact\u00faa con el gr\u00e1fico de la izquierda para desplegar las pol\u00edticas estrat\u00e9gicas de cada eje.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Pol\u00edticas: EQUIDAD (Azul) -->\r\n      <div id=\"rap-equidad\" class=\"rap-panel\">\r\n        <div class=\"rap-hecho-badge\" style=\"background-color: #007AC3;\">EQUIDAD<\/div>\r\n        <h3 class=\"rap-panel-title\" style=\"color: #007AC3; border-color: #007AC3;\">Pol\u00edticas de Equidad<\/h3>\r\n        <ul class=\"rap-list\">\r\n          <li><strong>Pol\u00edtica 1:<\/strong> Reducci\u00f3n de las inequidades sociales y de la pobreza multidimensional.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Pol\u00edticas: ECONOM\u00cdA (Amarillo) -->\r\n      <div id=\"rap-economia\" class=\"rap-panel\">\r\n        <div class=\"rap-hecho-badge\" style=\"background-color: #F4B324; color: #333;\">ECONOM\u00cdA DEL CONOCIMIENTO<\/div>\r\n        <h3 class=\"rap-panel-title\" style=\"color: #D49815; border-color: #F4B324;\">Pol\u00edticas de Econom\u00eda<\/h3>\r\n        <ul class=\"rap-list\">\r\n          <li><strong>Pol\u00edtica 2:<\/strong> Fortalecimiento de la investigaci\u00f3n cient\u00edfica, la innovaci\u00f3n y su aplicaci\u00f3n.<\/li>\r\n          <li><strong>Pol\u00edtica 3:<\/strong> Fortalecimiento de la econom\u00eda rural.<\/li>\r\n          <li><strong>Pol\u00edtica 4:<\/strong> Posicionamiento del Eje Cafetero como epicentro de turismo sostenible de clase mundial.<\/li>\r\n          <li><strong>Pol\u00edtica 5:<\/strong> Modernizaci\u00f3n de la infraestructura de transporte y desarrollo log\u00edstico para el Eje Cafetero.<\/li>\r\n          <li><strong>Pol\u00edtica 6:<\/strong> Buen Gobierno Regional y Gobernanza.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Pol\u00edticas: TERRITORIO (Rojo) -->\r\n      <div id=\"rap-territorio\" class=\"rap-panel\">\r\n        <div class=\"rap-hecho-badge\" style=\"background-color: #A31F34;\">TERRITORIO SOSTENIBLE<\/div>\r\n        <h3 class=\"rap-panel-title\" style=\"color: #A31F34; border-color: #A31F34;\">Pol\u00edticas de Territorio<\/h3>\r\n        <ul class=\"rap-list\">\r\n          <li><strong>Pol\u00edtica 7:<\/strong> Aumento y mejoramiento de la resiliencia y la prestaci\u00f3n de servicios ecosist\u00e9micos.<\/li>\r\n          <li><strong>Pol\u00edtica 8:<\/strong> Cooperaci\u00f3n y concertaci\u00f3n regional para el ordenamiento territorial y la conservaci\u00f3n del Paisaje Cultural Cafetero.<\/li>\r\n          <li><strong>Pol\u00edtica 9:<\/strong> Promoci\u00f3n y protecci\u00f3n del patrimonio cultural regional.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  #widget-rap-interactivo {\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n    padding: 20px;\r\n    background: transparent;\r\n  }\r\n\r\n  .rap-main-title {\r\n    text-align: center;\r\n    color: #21578A;\r\n    font-size: 32px;\r\n    font-weight: 900;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .rap-layout {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    gap: 40px;\r\n  }\r\n\r\n  \/* Columna Gr\u00e1fica *\/\r\n  .rap-graphic-col {\r\n    flex: 1 1 400px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    position: relative;\r\n  }\r\n\r\n  .rap-svg-donut {\r\n    width: 100%;\r\n    max-width: 450px;\r\n    height: auto;\r\n    overflow: visible;\r\n  }\r\n\r\n  .rap-arc {\r\n    cursor: pointer;\r\n    transition: stroke-width 0.3s ease, filter 0.3s ease;\r\n  }\r\n\r\n  .rap-arc:hover {\r\n    stroke-width: 44;\r\n    filter: brightness(1.1) drop-shadow(0px 8px 10px rgba(0,0,0,0.3));\r\n  }\r\n\r\n  .rap-hint {\r\n    margin-top: 15px;\r\n    font-size: 13px;\r\n    color: #888;\r\n    font-style: italic;\r\n    background: #f9f9f9;\r\n    padding: 5px 15px;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  \/* Columna Contenido *\/\r\n  .rap-content-col {\r\n    flex: 1 1 400px;\r\n    background: #ffffff;\r\n    border-radius: 12px;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\r\n    min-height: 350px;\r\n    padding: 30px;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .rap-panel {\r\n    display: none;\r\n    animation: rapSlideIn 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;\r\n  }\r\n\r\n  .rap-panel.active {\r\n    display: block;\r\n  }\r\n\r\n  .rap-hecho-badge {\r\n    display: inline-block;\r\n    padding: 5px 12px;\r\n    color: white;\r\n    font-weight: bold;\r\n    font-size: 12px;\r\n    border-radius: 4px;\r\n    margin-bottom: 15px;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  .rap-panel-title {\r\n    margin-top: 0;\r\n    margin-bottom: 20px;\r\n    font-size: 24px;\r\n    font-weight: bold;\r\n    padding-bottom: 10px;\r\n    border-bottom: 3px solid;\r\n  }\r\n\r\n  .rap-panel-desc {\r\n    color: #555;\r\n    font-size: 16px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .rap-list {\r\n    list-style-type: none;\r\n    padding-left: 0;\r\n    margin: 0;\r\n  }\r\n\r\n  .rap-list li {\r\n    margin-bottom: 18px;\r\n    padding-left: 30px;\r\n    position: relative;\r\n    line-height: 1.5;\r\n    color: #444;\r\n    font-size: 15px;\r\n  }\r\n\r\n  .rap-list li::before {\r\n    content: '\u25cf';\r\n    position: absolute;\r\n    left: 0;\r\n    top: -2px;\r\n    font-size: 18px;\r\n    color: inherit;\r\n    opacity: 0.8;\r\n  }\r\n\r\n  \/* Colores vi\u00f1etas din\u00e1micos seg\u00fan panel *\/\r\n  #rap-equidad .rap-list li::before { color: #007AC3; }\r\n  #rap-economia .rap-list li::before { color: #F4B324; }\r\n  #rap-territorio .rap-list li::before { color: #A31F34; }\r\n\r\n  .rap-list li strong {\r\n    color: #222;\r\n    display: block;\r\n    font-size: 14px;\r\n    margin-bottom: 3px;\r\n  }\r\n\r\n  @keyframes rapSlideIn {\r\n    from { opacity: 0; transform: translateX(20px); }\r\n    to { opacity: 1; transform: translateX(0); }\r\n  }\r\n\r\n  \/* Responsivo para m\u00f3viles *\/\r\n  @media (max-width: 768px) {\r\n    .rap-main-title { font-size: 24px; margin-bottom: 20px; }\r\n    .rap-layout { gap: 20px; }\r\n    .rap-content-col { padding: 20px; min-height: auto; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  function mostrarPoliticasRap(idHecho) {\r\n    var paneles = document.getElementsByClassName(\"rap-panel\");\r\n    for (var i = 0; i < paneles.length; i++) {\r\n      paneles[i].classList.remove(\"active\");\r\n    }\r\n    \r\n    document.getElementById(\"rap-\" + idHecho).classList.add(\"active\");\r\n  }\r\n<\/script>\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","protected":false},"excerpt":{"rendered":"<p>Plan Estrat\u00e9gico Regional 2021-2033 ECONOM\u00cdA DEL CONOCIMIENTO TERRITORIO SOSTENIBLE EQUIDAD PER Plan Estrat\u00e9gico Regional Haz clic en un color para ver sus pol\u00edticas Selecciona un Hecho Regional Interact\u00faa con el [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ejecafeterorap.gov.co\/new2026\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ejecafeterorap.gov.co\/new2026\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ejecafeterorap.gov.co\/new2026\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ejecafeterorap.gov.co\/new2026\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/ejecafeterorap.gov.co\/new2026\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":5,"href":"https:\/\/ejecafeterorap.gov.co\/new2026\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":13359,"href":"https:\/\/ejecafeterorap.gov.co\/new2026\/wp-json\/wp\/v2\/pages\/16\/revisions\/13359"}],"wp:attachment":[{"href":"https:\/\/ejecafeterorap.gov.co\/new2026\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}