{"id":8006,"date":"2026-06-07T17:33:08","date_gmt":"2026-06-07T22:33:08","guid":{"rendered":"https:\/\/observatorioarmenia.org\/site\/?p=8006"},"modified":"2026-06-09T15:53:53","modified_gmt":"2026-06-09T20:53:53","slug":"observatorio-economico-inflacion-en-mayo-armenia-0-49-ibague-0-35-manizales-0-23-pereira-0-45-y-nacional-0-47","status":"publish","type":"post","link":"https:\/\/observatorioarmenia.org\/site\/observatorio-economico-inflacion-en-mayo-armenia-0-49-ibague-0-35-manizales-0-23-pereira-0-45-y-nacional-0-47\/","title":{"rendered":"Observatorio Econ\u00f3mico: inflaci\u00f3n en mayo Armenia 0.49%, Ibagu\u00e9 0.35%, Manizales 0.23%, Pereira 0.45% y nacional 0.47%"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">I. Contexto: <strong>Variaci\u00f3n mensual (mayo 2026)<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">El IPC nacional registr\u00f3 una variaci\u00f3n mensual de <strong>0.47%<\/strong>, con Armenia (0.49%) y Pereira (0.45%) por encima del promedio, mientras Manizales (0.23%) fue la ciudad con menor presi\u00f3n inflacionaria del mes. Ibagu\u00e9 (0.35%) tambi\u00e9n se mantuvo por debajo del dato nacional.<\/p>\n\n\n\n<style>\n  .panel { padding: 1.5rem 0; }\n  .section-title { font-size: 13px; font-weight: 500; color: var(--color-text-secondary); text-transform: uppercase; letter-spacing: 0.05em; margin: 0 0 12px; }\n  .metrics-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 2rem; }\n  .metric-card { background: var(--color-background-secondary); border-radius: var(--border-radius-md); padding: 14px 16px; }\n  .metric-label { font-size: 12px; color: var(--color-text-secondary); margin: 0 0 4px; }\n  .metric-value { font-size: 22px; font-weight: 500; margin: 0; }\n  .metric-sub { font-size: 12px; color: var(--color-text-secondary); margin: 2px 0 0; }\n  .pos { color: #185FA5; }\n  .neg { color: #A32D2D; }\n  .neu { color: var(--color-text-primary); }\n  .charts-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-bottom: 2rem; }\n  .chart-card { background: var(--color-background-primary); border: 0.5px solid var(--color-border-tertiary); border-radius: var(--border-radius-lg); padding: 1rem 1.25rem; }\n  .chart-title { font-size: 14px; font-weight: 500; margin: 0 0 12px; color: var(--color-text-primary); }\n  .legend { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 10px; font-size: 12px; color: var(--color-text-secondary); }\n  .legend-item { display: flex; align-items: center; gap: 4px; }\n  .legend-box { width: 10px; height: 10px; border-radius: 2px; }\n  .full-chart { background: var(--color-background-primary); border: 0.5px solid var(--color-border-tertiary); border-radius: var(--border-radius-lg); padding: 1rem 1.25rem; margin-bottom: 2rem; }\n  .ranking-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }\n  .ranking-item { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 0.5px solid var(--color-border-tertiary); }\n  .rank-num { font-size: 12px; color: var(--color-text-secondary); width: 16px; text-align: right; }\n  .rank-bar-wrap { flex: 1; height: 8px; background: var(--color-background-secondary); border-radius: 4px; overflow: hidden; }\n  .rank-bar { height: 100%; border-radius: 4px; }\n  .rank-label { font-size: 12px; color: var(--color-text-primary); width: 90px; }\n  .rank-val { font-size: 12px; font-weight: 500; width: 38px; text-align: right; }\n<\/style>\n\n<div class=\"panel\">\n  <p class=\"section-title\">M\u00e9tricas clave \u2014 mayo 2026 (variaci\u00f3n mensual %)<\/p>\n  <div class=\"metrics-grid\">\n    <div class=\"metric-card\">\n      <p class=\"metric-label\">IPC nacional<\/p>\n      <p class=\"metric-value neu\">0.47%<\/p>\n      <p class=\"metric-sub\">A\u00f1o corrido: 4.36%<\/p>\n    <\/div>\n    <div class=\"metric-card\">\n      <p class=\"metric-label\">Mayor presi\u00f3n \u2014 Enseres<\/p>\n      <p class=\"metric-value pos\">1.02%<\/p>\n      <p class=\"metric-sub\">Armenia lidera (vs 0.53% nac.)<\/p>\n    <\/div>\n    <div class=\"metric-card\">\n      <p class=\"metric-label\">Deflaci\u00f3n \u2014 Alimentos<\/p>\n      <p class=\"metric-value neg\">-0.37%<\/p>\n      <p class=\"metric-sub\">Ibagu\u00e9, la m\u00e1s negativa<\/p>\n    <\/div>\n    <div class=\"metric-card\">\n      <p class=\"metric-label\">Educaci\u00f3n (mensual)<\/p>\n      <p class=\"metric-value neu\">0.00%<\/p>\n      <p class=\"metric-sub\">Sin movimiento en mayo<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"charts-row\">\n    <div class=\"chart-card\">\n      <p class=\"chart-title\">Variaci\u00f3n mensual por ciudad<\/p>\n      <div class=\"legend\">\n        <span class=\"legend-item\"><span class=\"legend-box\" style=\"background:#378ADD\"><\/span>Armenia<\/span>\n        <span class=\"legend-item\"><span class=\"legend-box\" style=\"background:#1D9E75\"><\/span>Ibagu\u00e9<\/span>\n        <span class=\"legend-item\"><span class=\"legend-box\" style=\"background:#D85A30\"><\/span>Manizales<\/span>\n        <span class=\"legend-item\"><span class=\"legend-box\" style=\"background:#BA7517\"><\/span>Pereira<\/span>\n        <span class=\"legend-item\"><span class=\"legend-box\" style=\"background:#888780; border: 1px dashed #5F5E5A\"><\/span>Nacional<\/span>\n      <\/div>\n      <div style=\"position:relative;height:220px;\"><canvas id=\"c1\" role=\"img\" aria-label=\"Variaci\u00f3n mensual del IPC por ciudad en mayo 2026\">Armenia 0.49%, Ibagu\u00e9 0.35%, Manizales 0.23%, Pereira 0.45%, Nacional 0.47%<\/canvas><\/div>\n    <\/div>\n    <div class=\"chart-card\">\n      <p class=\"chart-title\">A\u00f1o corrido (enero\u2013mayo 2026)<\/p>\n      <div class=\"legend\">\n        <span class=\"legend-item\"><span class=\"legend-box\" style=\"background:#378ADD\"><\/span>Armenia<\/span>\n        <span class=\"legend-item\"><span class=\"legend-box\" style=\"background:#1D9E75\"><\/span>Ibagu\u00e9<\/span>\n        <span class=\"legend-item\"><span class=\"legend-box\" style=\"background:#D85A30\"><\/span>Manizales<\/span>\n        <span class=\"legend-item\"><span class=\"legend-box\" style=\"background:#BA7517\"><\/span>Pereira<\/span>\n        <span class=\"legend-item\"><span class=\"legend-box\" style=\"background:#888780; border: 1px dashed #5F5E5A\"><\/span>Nacional<\/span>\n      <\/div>\n      <div style=\"position:relative;height:220px;\"><canvas id=\"c2\" role=\"img\" aria-label=\"IPC acumulado enero a mayo 2026 por ciudad\">Armenia 5.11%, Ibagu\u00e9 4.88%, Manizales 4.57%, Pereira 4.88%, Nacional 4.36%<\/canvas><\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"full-chart\">\n    <p class=\"chart-title\">Variaci\u00f3n mensual mayo 2026 \u2014 por rubro (nacional vs ciudades)<\/p>\n    <div class=\"legend\">\n      <span class=\"legend-item\"><span class=\"legend-box\" style=\"background:#888780\"><\/span>Nacional<\/span>\n      <span class=\"legend-item\"><span class=\"legend-box\" style=\"background:#378ADD\"><\/span>Armenia<\/span>\n      <span class=\"legend-item\"><span class=\"legend-box\" style=\"background:#1D9E75\"><\/span>Ibagu\u00e9<\/span>\n      <span class=\"legend-item\"><span class=\"legend-box\" style=\"background:#D85A30\"><\/span>Manizales<\/span>\n      <span class=\"legend-item\"><span class=\"legend-box\" style=\"background:#BA7517\"><\/span>Pereira<\/span>\n    <\/div>\n    <div style=\"position:relative;height:340px;\"><canvas id=\"c3\" role=\"img\" aria-label=\"Comparativo de inflaci\u00f3n mensual por rubro, mayo 2026\">Datos por sector para Nacional, Armenia, Ibagu\u00e9, Manizales y Pereira<\/canvas><\/div>\n  <\/div>\n\n  <div class=\"charts-row\">\n    <div class=\"chart-card\">\n      <p class=\"chart-title\">Inflaci\u00f3n anual por ciudad (jun 2025 \u2013 may 2026)<\/p>\n      <div style=\"position:relative;height:240px;\"><canvas id=\"c4\" role=\"img\" aria-label=\"IPC anual por ciudad, junio 2025 a mayo 2026\">Armenia 6.59%, Ibagu\u00e9 5.61%, Manizales 5.79%, Pereira 6.69%, Nacional 5.84%<\/canvas><\/div>\n    <\/div>\n    <div class=\"chart-card\">\n      <p class=\"chart-title\">Sectores con mayor presi\u00f3n anual (nacional)<\/p>\n      <div id=\"ranking-list\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.js\"><\/script>\n<script>\nconst ciudades = ['Armenia','Ibagu\u00e9','Manizales','Pereira','Nacional'];\nconst colores = ['#378ADD','#1D9E75','#D85A30','#BA7517','#888780'];\nconst rubros = ['Alimentos','Beb. Alcoh','Vestido','Alojamiento','Enseres','Salud','Transporte','Comunicaciones','Recreaci\u00f3n','Educaci\u00f3n','Restaurantes','Otros'];\n\nconst mensual = {\n  Armenia:  [0.12,0.69,0.11,0.47,1.02,0.37,0.89,0.31,0.81,0,0.77,0.44],\n  Ibagu\u00e9:   [-0.37,1.06,-0.1,0.76,0.52,0.37,0.6,0.22,0.51,0,0.48,0.41],\n  Manizales:[-0.27,0.48,-0.1,0.53,0.7,0.58,0.39,0.11,0.33,0,0.14,-0.01],\n  Pereira:  [-0.22,0.48,-0.25,0.82,0.6,-0.18,0.75,0.31,0.3,0,0.93,0.28],\n  Nacional: [-0.02,0.27,0.42,0.86,0.53,0.52,0.61,0.25,0.77,0,0.38,0.22]\n};\nconst corrido = {\n  Armenia:  [6.52,3.17,2.34,4.62,6.66,4.26,3.9,3.9,4.08,7.42,5.97,4.68],\n  Ibagu\u00e9:   [6.5,4.32,0.71,3.81,4.68,7.59,4.67,3.15,2.7,6.91,8.04,2.66],\n  Manizales:[5.65,3.88,2.73,4.47,3.7,5.14,4.03,3.36,0.73,6.52,6.23,3.82],\n  Pereira:  [5.61,3.71,1.48,3.72,5.34,3.67,6.3,3.56,2.12,8.27,7.56,4.2],\n  Nacional: [5.85,3.39,1.95,3.13,5.32,4.51,4.48,3.24,2.84,5.89,6.02,3.66]\n};\nconst anual = {\n  Armenia:  [6.58,5.71,4.22,5.48,7.8,8.08,4.81,6.67,6.54,7.44,11.09,6.67],\n  Ibagu\u00e9:   [5.46,8.66,1.91,4.7,5.34,10.42,5.8,5.45,3.22,7.28,9.93,5],\n  Manizales:[5.52,6.71,2.97,5.74,5.25,7.69,4.76,5.29,2.19,8.63,9.88,5.66],\n  Pereira:  [6.19,7.24,3.42,5.76,7.51,5.37,7.07,5.92,4.42,8.67,11.6,6.8],\n  Nacional: [6.04,6.78,2.7,4.5,6.16,8.35,5.67,5.3,3.84,7.58,9.62,6.05]\n};\nconst totalesMensual  = [0.49,0.35,0.23,0.45,0.47];\nconst totalesCorrido  = [5.11,4.88,4.57,4.88,4.36];\nconst totalesAnual    = [6.59,5.61,5.79,6.69,5.84];\n\nconst opts = { responsive:true, maintainAspectRatio:false, plugins:{ legend:{display:false} } };\n\nnew Chart(document.getElementById('c1'),{\n  type:'bar',\n  data:{ labels:ciudades, datasets:[{ data:totalesMensual, backgroundColor:colores, borderRadius:4 }] },\n  options:{ ...opts, scales:{ y:{ ticks:{ callback:v=>v.toFixed(2)+'%' } } } }\n});\nnew Chart(document.getElementById('c2'),{\n  type:'bar',\n  data:{ labels:ciudades, datasets:[{ data:totalesCorrido, backgroundColor:colores, borderRadius:4 }] },\n  options:{ ...opts, scales:{ y:{ ticks:{ callback:v=>v.toFixed(2)+'%' } } } }\n});\nnew Chart(document.getElementById('c3'),{\n  type:'bar',\n  data:{\n    labels:rubros,\n    datasets: ciudades.map((c,i)=>({ label:c, data:mensual[c], backgroundColor:colores[i], borderRadius:2 }))\n  },\n  options:{\n    ...opts,\n    scales:{\n      x:{ ticks:{ autoSkip:false, maxRotation:35, font:{size:11} } },\n      y:{ ticks:{ callback:v=>v.toFixed(2)+'%' } }\n    }\n  }\n});\nnew Chart(document.getElementById('c4'),{\n  type:'bar',\n  data:{ labels:ciudades, datasets:[{ data:totalesAnual, backgroundColor:colores, borderRadius:4 }] },\n  options:{ ...opts, scales:{ y:{ min:5, ticks:{ callback:v=>v.toFixed(2)+'%' } } } }\n});\n\nconst nacAnual = [6.04,6.78,2.7,4.5,6.16,8.35,5.67,5.3,3.84,7.58,9.62,6.05];\nconst rubrosAnual = [...rubros];\nconst paired = rubrosAnual.map((r,i)=>({r,v:nacAnual[i]})).sort((a,b)=>b.v-a.v);\nconst maxV = paired[0].v;\nconst rl = document.getElementById('ranking-list');\npaired.forEach((item,i)=>{\n  const pct = (item.v\/maxV*100).toFixed(1);\n  const col = item.v>=9 ? '#A32D2D' : item.v>=7 ? '#BA7517' : '#185FA5';\n  rl.innerHTML += `<div class=\"ranking-item\">\n    <span class=\"rank-num\">${i+1}<\/span>\n    <span class=\"rank-label\" style=\"font-size:11px;\">${item.r}<\/span>\n    <div class=\"rank-bar-wrap\"><div class=\"rank-bar\" style=\"width:${pct}%;background:${col}\"><\/div><\/div>\n    <span class=\"rank-val\" style=\"color:${col}\">${item.v.toFixed(2)}%<\/span>\n  <\/div>`;\n});\n<\/script>\n\n\n\n<h2 class=\"wp-block-heading\">II. <strong>Rubros con mayor presi\u00f3n en mayo:<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Enseres dom\u00e9sticos<\/strong> fue el sector m\u00e1s inflacionario del mes (Armenia: 1.02%; nacional: 0.53%), reflejando posiblemente ajustes en precios de bienes durables.<\/li>\n\n\n\n<li><strong>Alojamiento<\/strong> tambi\u00e9n mostr\u00f3 presi\u00f3n importante: 0.86% nacional, con Pereira liderando (0.82%).<\/li>\n\n\n\n<li><strong>Alimentos<\/strong> present\u00f3 deflaci\u00f3n en tres de las cuatro ciudades (Ibagu\u00e9: -0.37%, Manizales: -0.27%, Pereira: -0.22%), compensando parcialmente los aumentos en otros rubros.<\/li>\n\n\n\n<li><strong>Educaci\u00f3n<\/strong> no registr\u00f3 variaci\u00f3n en ninguna ciudad durante mayo (0.00%), lo que es usual fuera de los meses de inicio de a\u00f1o acad\u00e9mico.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">III. <strong>A\u00f1o corrido (enero\u2013mayo 2026)<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Acumulado en el a\u00f1o, Armenia lidera con <strong>5.11%<\/strong> (posici\u00f3n n.\u00ba 2 nacional), seguida de Ibagu\u00e9 y Pereira empatadas en 4.88% (posici\u00f3n n.\u00ba 3). Manizales es la m\u00e1s moderada con 4.57%. El dato nacional es 4.36%.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">IV. <strong>Perspectiva anual (jun 2025 \u2013 may 2026)<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">En el horizonte de 12 meses, los rubros con mayor presi\u00f3n a nivel nacional son:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Restaurantes y hoteles<\/strong> (9.62%) \u2014 el m\u00e1s alto, con Pereira (11.6%) y Armenia (11.09%) muy por encima del promedio.<\/li>\n\n\n\n<li><strong>Salud<\/strong> (8.35%) \u2014 Ibagu\u00e9 destaca con 10.42%, la mayor del grupo.<\/li>\n\n\n\n<li><strong>Educaci\u00f3n<\/strong> (7.58%) y <strong>Bebidas alcoh\u00f3licas<\/strong> (6.78%) completan los sectores de alta presi\u00f3n.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Pereira encabeza la inflaci\u00f3n anual total con <strong>6.69%<\/strong> (posici\u00f3n n.\u00ba 1 nacional), seguida de Armenia (6.59%, posici\u00f3n n.\u00ba 4). Ibagu\u00e9 y Manizales se ubican por debajo del promedio nacional de 5.84%.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">V. An\u00e1lisis para Armenia<\/h2>\n\n\n\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>IPC Mayo 2026 | Observatorio Econ\u00f3mico \u2014 Armenia, Quind\u00edo<\/title>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/plotly.js\/2.27.0\/plotly.min.js\"><\/script>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Mono:wght@400;600&#038;family=DM+Serif+Display&#038;family=DM+Sans:wght@300;400;500;600&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --verde: #00AA00;\n    --verde-oscuro: #008800;\n    --verde-claro: #00CC0022;\n    --amarillo: #FFEE00;\n    --amarillo-oscuro: #E6D600;\n    --negro: #0A0A0A;\n    --blanco: #FAFAFA;\n    --gris-1: #F4F4F2;\n    --gris-2: #E0E0DC;\n    --gris-3: #B0B0A8;\n    --gris-4: #606060;\n    --fondo: #F6F6F4;\n    --card: #FFFFFF;\n    --borde: #D8D8D4;\n    --alerta: #CC2200;\n  }\n\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  body {\n    font-family: 'DM Sans', sans-serif;\n    background: var(--fondo);\n    color: var(--negro);\n    min-height: 100vh;\n    font-size: 14px;\n    line-height: 1.6;\n  }\n\n  \/* \u2500\u2500\u2500 HEADER \u2500\u2500\u2500 *\/\n  .header {\n    background: var(--negro);\n    color: var(--blanco);\n    padding: 0;\n    position: sticky;\n    top: 0;\n    z-index: 100;\n    border-bottom: 3px solid var(--verde);\n  }\n  .header-inner {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 14px 32px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n  }\n  .logo-bloque {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n  }\n  .logo-icono {\n    width: 38px; height: 38px;\n    background: var(--verde);\n    border-radius: 6px;\n    display: flex; align-items: center; justify-content: center;\n    font-family: 'IBM Plex Mono', monospace;\n    font-weight: 600;\n    font-size: 12px;\n    color: var(--negro);\n    letter-spacing: -0.5px;\n    flex-shrink: 0;\n  }\n  .logo-texto h1 {\n    font-family: 'DM Serif Display', serif;\n    font-size: 15px;\n    font-weight: 400;\n    color: var(--blanco);\n    line-height: 1.2;\n  }\n  .logo-texto p {\n    font-size: 11px;\n    color: var(--gris-3);\n    font-family: 'IBM Plex Mono', monospace;\n    letter-spacing: 0.3px;\n  }\n  .header-badge {\n    background: var(--verde);\n    color: var(--negro);\n    font-family: 'IBM Plex Mono', monospace;\n    font-size: 11px;\n    font-weight: 600;\n    padding: 5px 12px;\n    border-radius: 3px;\n    white-space: nowrap;\n    letter-spacing: 0.5px;\n  }\n\n  \/* \u2500\u2500\u2500 TABS \u2500\u2500\u2500 *\/\n  .tabs-bar {\n    background: var(--negro);\n    border-bottom: 1px solid #222;\n  }\n  .tabs-inner {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 32px;\n    display: flex;\n    gap: 0;\n    overflow-x: auto;\n    scrollbar-width: none;\n  }\n  .tabs-inner::-webkit-scrollbar { display: none; }\n  .tab-btn {\n    background: none;\n    border: none;\n    color: var(--gris-3);\n    font-family: 'DM Sans', sans-serif;\n    font-size: 12.5px;\n    font-weight: 500;\n    padding: 13px 18px;\n    cursor: pointer;\n    white-space: nowrap;\n    position: relative;\n    transition: color 0.2s;\n    letter-spacing: 0.2px;\n  }\n  .tab-btn::after {\n    content: '';\n    position: absolute;\n    bottom: 0; left: 0; right: 0;\n    height: 2px;\n    background: var(--verde);\n    transform: scaleX(0);\n    transition: transform 0.2s;\n  }\n  .tab-btn:hover { color: var(--blanco); }\n  .tab-btn.active { color: var(--verde); }\n  .tab-btn.active::after { transform: scaleX(1); }\n\n  \/* \u2500\u2500\u2500 MAIN \u2500\u2500\u2500 *\/\n  .main {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 28px 32px 60px;\n  }\n\n  .tab-panel { display: none; }\n  .tab-panel.active { display: block; }\n\n  \/* \u2500\u2500\u2500 SECTION HEADER \u2500\u2500\u2500 *\/\n  .section-header {\n    margin-bottom: 28px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--borde);\n    display: flex;\n    align-items: flex-end;\n    justify-content: space-between;\n    gap: 20px;\n    flex-wrap: wrap;\n  }\n  .section-title {\n    font-family: 'DM Serif Display', serif;\n    font-size: 22px;\n    font-weight: 400;\n    color: var(--negro);\n    line-height: 1.3;\n  }\n  .section-sub {\n    font-size: 12px;\n    color: var(--gris-4);\n    font-family: 'IBM Plex Mono', monospace;\n    margin-top: 4px;\n  }\n  .tag {\n    background: var(--gris-1);\n    border: 1px solid var(--borde);\n    font-family: 'IBM Plex Mono', monospace;\n    font-size: 10.5px;\n    padding: 4px 10px;\n    border-radius: 2px;\n    color: var(--gris-4);\n    white-space: nowrap;\n  }\n  .tag.verde { background: var(--verde-claro); border-color: var(--verde); color: var(--verde-oscuro); }\n  .tag.alerta { background: #FFF0EE; border-color: #FFCCCC; color: var(--alerta); }\n\n  \/* \u2500\u2500\u2500 KPI GRID \u2500\u2500\u2500 *\/\n  .kpi-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 14px;\n    margin-bottom: 28px;\n  }\n  .kpi-card {\n    background: var(--card);\n    border: 1px solid var(--borde);\n    border-radius: 6px;\n    padding: 20px 22px;\n    position: relative;\n    overflow: hidden;\n    transition: box-shadow 0.2s;\n  }\n  .kpi-card:hover { box-shadow: 0 4px 18px rgba(0,0,0,0.07); }\n  .kpi-card::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 3px;\n    background: var(--verde);\n  }\n  .kpi-card.amarillo::before { background: var(--amarillo-oscuro); }\n  .kpi-card.alerta::before { background: var(--alerta); }\n  .kpi-card.gris::before { background: var(--gris-3); }\n  .kpi-label {\n    font-size: 10.5px;\n    color: var(--gris-4);\n    font-family: 'IBM Plex Mono', monospace;\n    letter-spacing: 0.3px;\n    text-transform: uppercase;\n    margin-bottom: 10px;\n    line-height: 1.4;\n  }\n  .kpi-valor {\n    font-family: 'IBM Plex Mono', monospace;\n    font-size: 30px;\n    font-weight: 600;\n    color: var(--negro);\n    line-height: 1;\n    margin-bottom: 6px;\n  }\n  .kpi-valor span { font-size: 16px; font-weight: 400; color: var(--gris-4); }\n  .kpi-nota {\n    font-size: 11px;\n    color: var(--gris-4);\n    line-height: 1.4;\n  }\n  .kpi-delta {\n    display: inline-block;\n    font-family: 'IBM Plex Mono', monospace;\n    font-size: 11px;\n    font-weight: 600;\n    padding: 2px 7px;\n    border-radius: 2px;\n    margin-top: 6px;\n  }\n  .kpi-delta.up { background: #FFF0EE; color: var(--alerta); }\n  .kpi-delta.down { background: #EEFFF0; color: #007700; }\n  .kpi-delta.neutral { background: var(--gris-1); color: var(--gris-4); }\n\n  \/* \u2500\u2500\u2500 CHART CARD \u2500\u2500\u2500 *\/\n  .chart-card {\n    background: var(--card);\n    border: 1px solid var(--borde);\n    border-radius: 6px;\n    padding: 24px 26px;\n    margin-bottom: 20px;\n  }\n  .chart-title {\n    font-family: 'DM Serif Display', serif;\n    font-size: 15px;\n    color: var(--negro);\n    margin-bottom: 4px;\n    font-weight: 400;\n  }\n  .chart-subtitle {\n    font-size: 11.5px;\n    color: var(--gris-4);\n    margin-bottom: 18px;\n    font-family: 'IBM Plex Mono', monospace;\n  }\n  .fig-num {\n    font-family: 'IBM Plex Mono', monospace;\n    font-size: 10px;\n    color: var(--gris-3);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-bottom: 8px;\n  }\n  .chart-fuente {\n    font-size: 11px;\n    color: var(--gris-4);\n    margin-top: 12px;\n    line-height: 1.5;\n    padding-top: 10px;\n    border-top: 1px solid var(--gris-2);\n  }\n  .chart-fuente strong { color: var(--negro); }\n\n  \/* \u2500\u2500\u2500 GRID 2 COL \u2500\u2500\u2500 *\/\n  .grid-2 {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    margin-bottom: 20px;\n  }\n  @media (max-width: 900px) { .grid-2 { grid-template-columns: 1fr; } }\n\n  \/* \u2500\u2500\u2500 TABLE APA \u2500\u2500\u2500 *\/\n  .tabla-wrapper { overflow-x: auto; margin: 0; }\n  .tabla-apa {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 12.5px;\n  }\n  .tabla-apa thead tr {\n    border-top: 2px solid var(--negro);\n    border-bottom: 1.5px solid var(--negro);\n  }\n  .tabla-apa tfoot tr {\n    border-top: 1.5px solid var(--negro);\n  }\n  .tabla-apa th {\n    padding: 8px 12px;\n    text-align: center;\n    font-weight: 600;\n    font-size: 11.5px;\n    color: var(--negro);\n    background: none;\n    font-family: 'DM Sans', sans-serif;\n  }\n  .tabla-apa th:first-child { text-align: left; }\n  .tabla-apa td {\n    padding: 8px 12px;\n    text-align: center;\n    color: var(--negro);\n    border: none;\n    font-family: 'IBM Plex Mono', monospace;\n    font-size: 12px;\n  }\n  .tabla-apa td:first-child {\n    text-align: left;\n    font-family: 'DM Sans', sans-serif;\n    font-size: 12.5px;\n  }\n  .tabla-apa tbody tr:hover { background: var(--gris-1); }\n  .tabla-apa tfoot td {\n    font-family: 'DM Sans', sans-serif;\n    font-size: 12.5px;\n    font-weight: 600;\n  }\n  .val-alto { color: var(--alerta); font-weight: 600; }\n  .val-bajo { color: #007700; font-weight: 600; }\n  .val-armenia { color: var(--verde-oscuro); font-weight: 700; }\n\n  \/* \u2500\u2500\u2500 ALERT BOX \u2500\u2500\u2500 *\/\n  .alert-box {\n    background: #FFFBEE;\n    border: 1px solid var(--amarillo-oscuro);\n    border-left: 4px solid var(--amarillo-oscuro);\n    border-radius: 4px;\n    padding: 16px 20px;\n    margin-bottom: 20px;\n    font-size: 13px;\n    line-height: 1.6;\n    color: var(--negro);\n  }\n  .alert-box strong { color: var(--negro); }\n  .alert-box.verde-box {\n    background: #F0FFF0;\n    border-color: var(--verde);\n    border-left-color: var(--verde);\n  }\n  .alert-box.rojo-box {\n    background: #FFF8F8;\n    border-color: #FFCCCC;\n    border-left-color: var(--alerta);\n  }\n\n  \/* \u2500\u2500\u2500 GLOSARIO \u2500\u2500\u2500 *\/\n  .glosario-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 14px;\n  }\n  .glosario-item {\n    background: var(--card);\n    border: 1px solid var(--borde);\n    border-radius: 6px;\n    padding: 16px 18px;\n  }\n  .glosario-term {\n    font-family: 'IBM Plex Mono', monospace;\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--verde-oscuro);\n    margin-bottom: 6px;\n  }\n  .glosario-def {\n    font-size: 12.5px;\n    color: var(--gris-4);\n    line-height: 1.5;\n  }\n\n  \/* \u2500\u2500\u2500 NOTA METOD \u2500\u2500\u2500 *\/\n  .nota-metod {\n    background: var(--gris-1);\n    border: 1px solid var(--borde);\n    border-radius: 6px;\n    padding: 22px 26px;\n    font-size: 12.5px;\n    line-height: 1.7;\n    color: var(--gris-4);\n    margin-bottom: 22px;\n  }\n  .nota-metod h4 {\n    font-family: 'IBM Plex Mono', monospace;\n    font-size: 11px;\n    text-transform: uppercase;\n    color: var(--negro);\n    letter-spacing: 0.8px;\n    margin-bottom: 10px;\n  }\n  .nota-metod p + p { margin-top: 8px; }\n\n  \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n  .footer {\n    background: var(--negro);\n    color: var(--gris-3);\n    padding: 24px 32px;\n    font-family: 'IBM Plex Mono', monospace;\n    font-size: 11px;\n    line-height: 1.6;\n    margin-top: 40px;\n  }\n  .footer-inner {\n    max-width: 1400px;\n    margin: 0 auto;\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 30px;\n    flex-wrap: wrap;\n  }\n  .footer a { color: var(--verde); text-decoration: none; }\n  .footer a:hover { text-decoration: underline; }\n\n  \/* \u2500\u2500\u2500 PLOTLY OVERRIDE \u2500\u2500\u2500 *\/\n  .plotly-graph-div { width: 100% !important; }\n\n  @media (max-width: 640px) {\n    .main { padding: 20px 16px 48px; }\n    .header-inner { padding: 12px 16px; }\n    .tabs-inner { padding: 0 16px; }\n    .kpi-grid { grid-template-columns: 1fr 1fr; }\n    .kpi-valor { font-size: 22px; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<!-- HEADER -->\n<header class=\"header\">\n  <div class=\"header-inner\">\n    <div class=\"logo-bloque\">\n      <div class=\"logo-icono\">OBS<br>ECO<\/div>\n      <div class=\"logo-texto\">\n        <h1>Observatorio Econ\u00f3mico, Tributario, Fiscal e Inmobiliario<\/h1>\n        <p>Secretar\u00eda de Hacienda \u00b7 Alcald\u00eda de Armenia, Quind\u00edo<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"header-badge\">IPC \u00b7 MAYO 2026<\/div>\n  <\/div>\n<\/header>\n\n<!-- TABS -->\n<nav class=\"tabs-bar\">\n  <div class=\"tabs-inner\">\n    <button class=\"tab-btn active\" onclick=\"showTab('resumen')\">01 \u00b7 Resumen Ejecutivo<\/button>\n    <button class=\"tab-btn\" onclick=\"showTab('nacional')\">02 \u00b7 Din\u00e1mica Nacional<\/button>\n    <button class=\"tab-btn\" onclick=\"showTab('armenia')\">03 \u00b7 Armenia &#038; Eje Cafetero<\/button>\n    <button class=\"tab-btn\" onclick=\"showTab('divisiones')\">04 \u00b7 Divisiones de Gasto<\/button>\n    <button class=\"tab-btn\" onclick=\"showTab('glosario')\">05 \u00b7 Glosario y Metodolog\u00eda<\/button>\n  <\/div>\n<\/nav>\n\n<!-- MAIN -->\n<main class=\"main\">\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       TAB 1: RESUMEN EJECUTIVO\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section id=\"tab-resumen\" class=\"tab-panel active\">\n    <div class=\"section-header\">\n      <div>\n        <div class=\"section-title\">Resumen Ejecutivo \u2014 IPC Mayo 2026<\/div>\n        <div class=\"section-sub\">DANE \u00b7 Publicado 5 de junio de 2026 \u00b7 Elaborado por Cardozo, Y. R.<\/div>\n      <\/div>\n      <span class=\"tag alerta\">Armenia: 6,59% anual \u00b7 4.\u00b0 ciudad m\u00e1s inflacionaria<\/span>\n    <\/div>\n\n    <div class=\"alert-box rojo-box\" style=\"margin-bottom:20px;\">\n      <strong>Se\u00f1al de alerta territorial:<\/strong> La inflaci\u00f3n anual de Armenia (6,59%) supera en 0,75 puntos porcentuales al promedio nacional (5,84%) y se ubica como la cuarta ciudad m\u00e1s inflacionaria del pa\u00eds, solo por detr\u00e1s de Pereira (6,69%), Bucaramanga (6,68%) y Medell\u00edn (6,64%). La \u00faltima vez que la variaci\u00f3n anual nacional fue superior a la de mayo de 2026 fue en agosto de 2024 (6,12%), lo que evidencia una reaceleraci\u00f3n inflacionaria preocupante.\n    <\/div>\n\n    <div class=\"kpi-grid\">\n      <div class=\"kpi-card gris\">\n        <div class=\"kpi-label\">IPC Nacional \u00b7 Var. mensual<\/div>\n        <div class=\"kpi-valor\">0,47<span>%<\/span><\/div>\n        <div class=\"kpi-nota\">Mayo 2026 vs. 0,32% mayo 2025<\/div>\n        <div class=\"kpi-delta up\">\u2191 +0,15 pp vs. a\u00f1o anterior<\/div>\n      <\/div>\n      <div class=\"kpi-card amarillo\">\n        <div class=\"kpi-label\">IPC Armenia \u00b7 Var. mensual<\/div>\n        <div class=\"kpi-valor\">0,49<span>%<\/span><\/div>\n        <div class=\"kpi-nota\">Por encima del promedio nacional<\/div>\n        <div class=\"kpi-delta up\">\u2191 +0,02 pp vs. nacional<\/div>\n      <\/div>\n      <div class=\"kpi-card alerta\">\n        <div class=\"kpi-label\">IPC Armenia \u00b7 Var. anual<\/div>\n        <div class=\"kpi-valor\">6,59<span>%<\/span><\/div>\n        <div class=\"kpi-nota\">4.\u00b0 ciudad m\u00e1s inflacionaria del pa\u00eds<\/div>\n        <div class=\"kpi-delta up\">\u2191 +0,75 pp vs. nacional (5,84%)<\/div>\n      <\/div>\n      <div class=\"kpi-card\">\n        <div class=\"kpi-label\">Armenia \u00b7 Var. a\u00f1o corrido<\/div>\n        <div class=\"kpi-valor\">5,11<span>%<\/span><\/div>\n        <div class=\"kpi-nota\">Ene\u2013May 2026 acumulado<\/div>\n        <div class=\"kpi-delta up\">\u2191 +0,75 pp vs. nacional (4,36%)<\/div>\n      <\/div>\n      <div class=\"kpi-card\">\n        <div class=\"kpi-label\">Restaurantes y hoteles \u00b7 Anual Armenia<\/div>\n        <div class=\"kpi-valor\">11,09<span>%<\/span><\/div>\n        <div class=\"kpi-nota\">Divisi\u00f3n m\u00e1s inflacionaria en Armenia<\/div>\n        <div class=\"kpi-delta up\">\u2191 vs. 9,62% nacional<\/div>\n      <\/div>\n      <div class=\"kpi-card gris\">\n        <div class=\"kpi-label\">Electricidad Armenia \u00b7 Mensual<\/div>\n        <div class=\"kpi-valor\">1,69<span>%<\/span><\/div>\n        <div class=\"kpi-nota\">6.\u00b0 ciudad con mayor alza el\u00e9ctrica<\/div>\n        <div class=\"kpi-delta up\">\u2191 vs. 1,04% promedio nacional<\/div>\n      <\/div>\n      <div class=\"kpi-card gris\">\n        <div class=\"kpi-label\">Expectativa analistas Banrep<\/div>\n        <div class=\"kpi-valor\">0,52<span>%<\/span><\/div>\n        <div class=\"kpi-nota\">Promedio encuesta mayo 2026<\/div>\n        <div class=\"kpi-delta down\">\u2713 Resultado real: 0,47% (sorpresa baja)<\/div>\n      <\/div>\n      <div class=\"kpi-card gris\">\n        <div class=\"kpi-label\">Alimentos \u00b7 Var. mensual nacional<\/div>\n        <div class=\"kpi-valor\">\u22120,02<span>%<\/span><\/div>\n        <div class=\"kpi-nota\">\u00danico alivio mensual en mayo 2026<\/div>\n        <div class=\"kpi-delta down\">\u2193 Correcci\u00f3n tras +1,51% en abril<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"chart-card\">\n      <div class=\"fig-num\">Figura 1<\/div>\n      <div class=\"chart-title\">Comparativo inflaci\u00f3n anual: Armenia, Eje Cafetero y referencia nacional<\/div>\n      <div class=\"chart-subtitle\">Mayo 2026 \u00b7 Variaci\u00f3n % anual<\/div>\n      <div id=\"fig-radar\"><\/div>\n      <div class=\"chart-fuente\">\n        <strong>Fuente:<\/strong> Elaborado por Cardozo, Y. R., para el Observatorio Econ\u00f3mico de la Secretar\u00eda de Hacienda de la Alcald\u00eda de Armenia, con base en datos del DANE \u2014 IPC, mayo 2026.\n        <a href=\"https:\/\/www.dane.gov.co\/index.php\/estadisticas-por-tema\/precios-y-costos\/indice-de-precios-al-consumidor-ipc\" target=\"_blank\">https:\/\/www.dane.gov.co<\/a><br>\n        <em>Nota.<\/em> Adaptado de &#8220;IPC. Variaci\u00f3n anual del IPC por dominios geogr\u00e1ficos, mayo 2026&#8221;, por DANE, 2026.\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       TAB 2: DIN\u00c1MICA NACIONAL\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section id=\"tab-nacional\" class=\"tab-panel\">\n    <div class=\"section-header\">\n      <div>\n        <div class=\"section-title\">Din\u00e1mica Inflacionaria Nacional<\/div>\n        <div class=\"section-sub\">IPC Colombia \u00b7 Serie hist\u00f3rica y desagregaci\u00f3n por divisiones<\/div>\n      <\/div>\n      <span class=\"tag\">Ene 2023 \u2013 May 2026<\/span>\n    <\/div>\n\n    <div class=\"chart-card\">\n      <div class=\"fig-num\">Figura 2<\/div>\n      <div class=\"chart-title\">Variaci\u00f3n mensual y anual del IPC total \u2014 Colombia<\/div>\n      <div class=\"chart-subtitle\">Enero 2023 \u2013 Mayo 2026 \u00b7 Eje izquierdo: anual (%) \u00b7 Eje derecho: mensual (%)<\/div>\n      <div id=\"fig-serie-nacional\"><\/div>\n      <div class=\"chart-fuente\">\n        <strong>Fuente:<\/strong> Elaborado por Cardozo, Y. R., para el Observatorio Econ\u00f3mico de la Secretar\u00eda de Hacienda de la Alcald\u00eda de Armenia, con base en datos del DANE \u2014 Hoja 1, Anexos IPC, mayo 2026.\n        <a href=\"https:\/\/www.dane.gov.co\/index.php\/estadisticas-por-tema\/precios-y-costos\/indice-de-precios-al-consumidor-ipc\" target=\"_blank\">https:\/\/www.dane.gov.co<\/a><br>\n        <em>Nota.<\/em> Adaptado de &#8220;IPC. Variaci\u00f3n mensual, a\u00f1o corrido y anual. Total IPC 2017-2026&#8221;, por DANE, 2026.\n      <\/div>\n    <\/div>\n\n    <div class=\"grid-2\">\n      <div class=\"chart-card\" style=\"margin-bottom:0\">\n        <div class=\"fig-num\">Figura 3<\/div>\n        <div class=\"chart-title\">Variaci\u00f3n mensual por divisiones de gasto \u2014 Nacional<\/div>\n        <div class=\"chart-subtitle\">Mayo 2026 \u00b7 Barras horizontales ordenadas descendentemente<\/div>\n        <div id=\"fig-div-mensual\"><\/div>\n        <div class=\"chart-fuente\">\n          <strong>Fuente:<\/strong> Cardozo, Y. R., con base en DANE \u2014 Hoja 2, Anexos IPC mayo 2026. <em>Nota.<\/em> Adaptado de &#8220;IPC. Variaci\u00f3n y contribuci\u00f3n mensual, seg\u00fan divisiones&#8221;, por DANE, 2026.\n        <\/div>\n      <\/div>\n      <div class=\"chart-card\" style=\"margin-bottom:0\">\n        <div class=\"fig-num\">Figura 4<\/div>\n        <div class=\"chart-title\">Variaci\u00f3n anual por divisiones de gasto \u2014 Nacional<\/div>\n        <div class=\"chart-subtitle\">Mayo 2026 \u00b7 Ordenado descendentemente<\/div>\n        <div id=\"fig-div-anual\"><\/div>\n        <div class=\"chart-fuente\">\n          <strong>Fuente:<\/strong> Cardozo, Y. R., con base en DANE \u2014 Hoja 2, Anexos IPC mayo 2026. <em>Nota.<\/em> Adaptado de &#8220;IPC. Variaci\u00f3n y contribuci\u00f3n anual, seg\u00fan divisiones&#8221;, por DANE, 2026.\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"chart-card\" style=\"margin-top:20px\">\n      <div class=\"fig-num\">Figura 5<\/div>\n      <div class=\"chart-title\">IPC por niveles de ingreso \u2014 Variaci\u00f3n mensual y anual<\/div>\n      <div class=\"chart-subtitle\">Mayo 2026 \u00b7 Pobres \u00b7 Vulnerables \u00b7 Clase media \u00b7 Ingresos altos<\/div>\n      <div id=\"fig-ingresos\"><\/div>\n      <div class=\"chart-fuente\">\n        <strong>Fuente:<\/strong> Elaborado por Cardozo, Y. R., para el Observatorio Econ\u00f3mico de la Secretar\u00eda de Hacienda de la Alcald\u00eda de Armenia, con base en datos del DANE \u2014 Hoja 3, Anexos IPC mayo 2026.\n        <a href=\"https:\/\/www.dane.gov.co\/index.php\/estadisticas-por-tema\/precios-y-costos\/indice-de-precios-al-consumidor-ipc\" target=\"_blank\">https:\/\/www.dane.gov.co<\/a><br>\n        <em>Nota.<\/em> Adaptado de &#8220;IPC. Variaci\u00f3n mensual, a\u00f1o corrido y anual, total y por niveles de ingreso (criterio absoluto), mayo 2026&#8221;, por DANE, 2026.\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       TAB 3: ARMENIA & EJE CAFETERO\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section id=\"tab-armenia\" class=\"tab-panel\">\n    <div class=\"section-header\">\n      <div>\n        <div class=\"section-title\">Armenia y el Eje Cafetero en perspectiva nacional<\/div>\n        <div class=\"section-sub\">Variaciones mensual, a\u00f1o corrido y anual \u00b7 Posicionamiento entre 24 ciudades<\/div>\n      <\/div>\n      <span class=\"tag verde\">Armenia: 4.\u00b0 anual \u00b7 1.\u00b0 a\u00f1o corrido Eje Cafetero<\/span>\n    <\/div>\n\n    <div class=\"alert-box\">\n      <strong>Principio de Exposici\u00f3n Asim\u00e9trica del Quind\u00edo:<\/strong> A diferencia de regiones productoras de petr\u00f3leo o minerales, el Quind\u00edo enfrenta los choques de costos energ\u00e9ticos (combustibles, electricidad) solo por el lado del gasto, sin beneficios de ingresos upstream. Los incrementos en tarifas el\u00e9ctricas y en combustibles para el transporte tur\u00edstico impactan directamente la estructura de costos del sector servicios local, sin ning\u00fan mecanismo de compensaci\u00f3n v\u00eda regal\u00edas o ingresos fiscales asociados.\n    <\/div>\n\n    <div class=\"chart-card\">\n      <div class=\"fig-num\">Figura 6<\/div>\n      <div class=\"chart-title\">Variaci\u00f3n anual del IPC por dominios geogr\u00e1ficos \u2014 24 ciudades<\/div>\n      <div class=\"chart-subtitle\">Mayo 2026 \u00b7 Armenia resaltada \u00b7 Eje Cafetero destacado<\/div>\n      <div id=\"fig-ciudades-anual\"><\/div>\n      <div class=\"chart-fuente\">\n        <strong>Fuente:<\/strong> Elaborado por Cardozo, Y. R., para el Observatorio Econ\u00f3mico de la Secretar\u00eda de Hacienda de la Alcald\u00eda de Armenia, con base en datos del DANE \u2014 Hoja 6, Anexos IPC mayo 2026.\n        <a href=\"https:\/\/www.dane.gov.co\/index.php\/estadisticas-por-tema\/precios-y-costos\/indice-de-precios-al-consumidor-ipc\" target=\"_blank\">https:\/\/www.dane.gov.co<\/a><br>\n        <em>Nota.<\/em> Adaptado de &#8220;IPC. Variaci\u00f3n anual, total y por divisiones de bienes y servicios, seg\u00fan ciudades, mayo 2026&#8221;, por DANE, 2026.\n      <\/div>\n    <\/div>\n\n    <div class=\"grid-2\">\n      <div class=\"chart-card\" style=\"margin-bottom:0\">\n        <div class=\"fig-num\">Figura 7<\/div>\n        <div class=\"chart-title\">Variaci\u00f3n mensual \u2014 24 ciudades<\/div>\n        <div class=\"chart-subtitle\">Mayo 2026 \u00b7 Armenia = 0,49%<\/div>\n        <div id=\"fig-ciudades-mensual\"><\/div>\n        <div class=\"chart-fuente\">\n          <strong>Fuente:<\/strong> Cardozo, Y. R., con base en DANE \u2014 Hoja 4, Anexos IPC mayo 2026. <em>Nota.<\/em> Adaptado de &#8220;IPC. Variaci\u00f3n mensual, seg\u00fan ciudades, mayo 2026&#8221;, por DANE, 2026.\n        <\/div>\n      <\/div>\n      <div class=\"chart-card\" style=\"margin-bottom:0\">\n        <div class=\"fig-num\">Figura 8<\/div>\n        <div class=\"chart-title\">Variaci\u00f3n a\u00f1o corrido \u2014 Eje Cafetero vs. Nacional<\/div>\n        <div class=\"chart-subtitle\">Mayo 2026 \u00b7 Acumulado enero\u2013mayo 2026<\/div>\n        <div id=\"fig-corrido-eje\"><\/div>\n        <div class=\"chart-fuente\">\n          <strong>Fuente:<\/strong> Cardozo, Y. R., con base en DANE \u2014 Hoja 5, Anexos IPC mayo 2026. <em>Nota.<\/em> Adaptado de &#8220;IPC. Variaci\u00f3n a\u00f1o corrido, seg\u00fan ciudades, mayo 2026&#8221;, por DANE, 2026.\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"chart-card\" style=\"margin-top:20px\">\n      <div class=\"fig-num\">Tabla 3<\/div>\n      <div class=\"chart-title\" style=\"font-family:'DM Serif Display',serif; font-weight:400; font-size:15px;\">Comparativo IPC \u2014 Armenia, Eje Cafetero y referencia nacional, mayo 2026<\/div>\n      <div class=\"chart-subtitle\">Variaciones mensual, a\u00f1o corrido y anual por divisi\u00f3n de gasto<\/div>\n      <div class=\"tabla-wrapper\" style=\"margin-top:14px\">\n        <table class=\"tabla-apa\">\n          <thead>\n            <tr>\n              <th>Divisi\u00f3n de gasto<\/th>\n              <th>Armenia M (%)<\/th>\n              <th>Pereira M (%)<\/th>\n              <th>Manizales M (%)<\/th>\n              <th>Nacional M (%)<\/th>\n              <th>Armenia Anual (%)<\/th>\n              <th>Nacional Anual (%)<\/th>\n            <\/tr>\n          <\/thead>\n          <tbody>\n            <tr><td>Alimentos y beb. no alcoh\u00f3licas<\/td><td>0,12<\/td><td class=\"val-bajo\">\u22120,22<\/td><td class=\"val-bajo\">\u22120,27<\/td><td class=\"val-bajo\">\u22120,02<\/td><td>6,58<\/td><td>6,04<\/td><\/tr>\n            <tr><td>Bebidas alcoh\u00f3licas y tabaco<\/td><td class=\"val-alto\">0,69<\/td><td>0,48<\/td><td>0,48<\/td><td>0,27<\/td><td>5,71<\/td><td>6,78<\/td><\/tr>\n            <tr><td>Prendas de vestir y calzado<\/td><td>0,11<\/td><td class=\"val-bajo\">\u22120,25<\/td><td class=\"val-bajo\">\u22120,10<\/td><td>0,42<\/td><td>4,22<\/td><td>2,70<\/td><\/tr>\n            <tr><td>Alojamiento, agua, electr., gas<\/td><td>0,47<\/td><td>0,82<\/td><td>0,53<\/td><td class=\"val-alto\">0,86<\/td><td>5,48<\/td><td>4,50<\/td><\/tr>\n            <tr><td>Muebles y art\u00edculos para el hogar<\/td><td class=\"val-alto\">1,02<\/td><td>0,60<\/td><td>0,70<\/td><td>0,53<\/td><td class=\"val-alto\">7,80<\/td><td>6,16<\/td><\/tr>\n            <tr><td>Salud<\/td><td>0,37<\/td><td class=\"val-bajo\">\u22120,18<\/td><td>0,58<\/td><td>0,52<\/td><td class=\"val-alto\">8,08<\/td><td>8,35<\/td><\/tr>\n            <tr><td>Transporte<\/td><td>0,89<\/td><td>0,75<\/td><td>0,39<\/td><td>0,61<\/td><td>4,81<\/td><td>5,67<\/td><\/tr>\n            <tr><td>Informaci\u00f3n y comunicaci\u00f3n<\/td><td>0,31<\/td><td>0,31<\/td><td>0,11<\/td><td>0,25<\/td><td>6,67<\/td><td>5,30<\/td><\/tr>\n            <tr><td>Recreaci\u00f3n y cultura<\/td><td>0,81<\/td><td>0,30<\/td><td>0,33<\/td><td>0,77<\/td><td>6,54<\/td><td>3,84<\/td><\/tr>\n            <tr><td>Educaci\u00f3n<\/td><td>0,00<\/td><td>0,00<\/td><td>0,00<\/td><td>0,00<\/td><td>7,44<\/td><td>7,58<\/td><\/tr>\n            <tr><td>Restaurantes y hoteles<\/td><td class=\"val-alto\">0,77<\/td><td>0,93<\/td><td>0,14<\/td><td>0,38<\/td><td class=\"val-alto\">11,09<\/td><td>9,62<\/td><\/tr>\n            <tr><td>Bienes y servicios diversos<\/td><td>0,44<\/td><td>0,28<\/td><td class=\"val-bajo\">\u22120,01<\/td><td>0,22<\/td><td>6,67<\/td><td>6,05<\/td><\/tr>\n          <\/tbody>\n          <tfoot>\n            <tr>\n              <td><strong>TOTAL<\/strong><\/td>\n              <td class=\"val-armenia\"><strong>0,49<\/strong><\/td>\n              <td>0,45<\/td>\n              <td>0,23<\/td>\n              <td>0,47<\/td>\n              <td class=\"val-armenia\"><strong>6,59<\/strong><\/td>\n              <td>5,84<\/td>\n            <\/tr>\n          <\/tfoot>\n        <\/table>\n      <\/div>\n      <div class=\"chart-fuente\" style=\"margin-top:12px\">\n        <strong>Fuente:<\/strong> Elaborado por Cardozo, Y. R., para el Observatorio Econ\u00f3mico de la Secretar\u00eda de Hacienda de la Alcald\u00eda de Armenia, con base en datos del DANE \u2014 Hojas 4, 5 y 6, Anexos IPC mayo 2026. <a href=\"https:\/\/www.dane.gov.co\/index.php\/estadisticas-por-tema\/precios-y-costos\/indice-de-precios-al-consumidor-ipc\" target=\"_blank\">https:\/\/www.dane.gov.co<\/a><br>\n        <em>Nota.<\/em> Adaptado de &#8220;IPC. Variaci\u00f3n mensual, a\u00f1o corrido y anual por divisiones de bienes y servicios, seg\u00fan ciudades, mayo 2026&#8221;, por DANE, 2026. M = variaci\u00f3n mensual. Valores en rojo indican presi\u00f3n superior al promedio; en verde, alivio relativo.\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       TAB 4: DIVISIONES DE GASTO\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section id=\"tab-divisiones\" class=\"tab-panel\">\n    <div class=\"section-header\">\n      <div>\n        <div class=\"section-title\">Divisiones de Gasto \u2014 Detalle anal\u00edtico<\/div>\n        <div class=\"section-sub\">Contribuciones, variaciones y subclases de mayor relevancia \u00b7 Nacional y Armenia<\/div>\n      <\/div>\n      <span class=\"tag\">COICOP \u00b7 12 divisiones<\/span>\n    <\/div>\n\n    <div class=\"grid-2\">\n      <div class=\"chart-card\" style=\"margin-bottom:0\">\n        <div class=\"fig-num\">Figura 9<\/div>\n        <div class=\"chart-title\">Contribuci\u00f3n mensual al IPC \u2014 Nacional<\/div>\n        <div class=\"chart-subtitle\">Mayo 2026 \u00b7 Puntos porcentuales (p.p.)<\/div>\n        <div id=\"fig-contribucion\"><\/div>\n        <div class=\"chart-fuente\">\n          <strong>Fuente:<\/strong> Cardozo, Y. R., con base en DANE \u2014 Hoja 2, Anexos IPC mayo 2026. <em>Nota.<\/em> Adaptado de &#8220;IPC. Variaci\u00f3n y contribuci\u00f3n mensual, seg\u00fan divisiones&#8221;, por DANE, 2026.\n        <\/div>\n      <\/div>\n      <div class=\"chart-card\" style=\"margin-bottom:0\">\n        <div class=\"fig-num\">Figura 10<\/div>\n        <div class=\"chart-title\">Contribuci\u00f3n anual al IPC \u2014 Nacional<\/div>\n        <div class=\"chart-subtitle\">Mayo 2026 \u00b7 Puntos porcentuales (p.p.)<\/div>\n        <div id=\"fig-contrib-anual\"><\/div>\n        <div class=\"chart-fuente\">\n          <strong>Fuente:<\/strong> Cardozo, Y. R., con base en DANE \u2014 Hoja 2, Anexos IPC mayo 2026. <em>Nota.<\/em> Adaptado de &#8220;IPC. Variaci\u00f3n y contribuci\u00f3n anual, seg\u00fan divisiones&#8221;, por DANE, 2026.\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"chart-card\" style=\"margin-top:20px\">\n      <div class=\"fig-num\">Figura 11<\/div>\n      <div class=\"chart-title\">Variaci\u00f3n mensual electricidad por ciudad \u2014 Mayo 2026<\/div>\n      <div class=\"chart-subtitle\">Subclase electricidad \u00b7 Armenia: 1,69% \u00b7 Nacional: 1,04%<\/div>\n      <div id=\"fig-electricidad\"><\/div>\n      <div class=\"chart-fuente\">\n        <strong>Fuente:<\/strong> Elaborado por Cardozo, Y. R., para el Observatorio Econ\u00f3mico de la Secretar\u00eda de Hacienda de la Alcald\u00eda de Armenia, con base en datos del DANE \u2014 Comunicado de prensa IPC mayo 2026.\n        <a href=\"https:\/\/www.dane.gov.co\/index.php\/estadisticas-por-tema\/precios-y-costos\/indice-de-precios-al-consumidor-ipc\" target=\"_blank\">https:\/\/www.dane.gov.co<\/a><br>\n        <em>Nota.<\/em> Adaptado de &#8220;Variaci\u00f3n mensual por ciudad de la subclase electricidad, mayo 2026&#8221;, por DANE, 2026.\n      <\/div>\n    <\/div>\n\n    <div class=\"chart-card\" style=\"margin-top:0\">\n      <div class=\"fig-num\">Tabla 2<\/div>\n      <div class=\"chart-title\" style=\"font-family:'DM Serif Display',serif; font-weight:400; font-size:15px;\">Subclases con mayor variaci\u00f3n mensual y anual \u2014 Nacional, mayo 2026<\/div>\n      <div class=\"chart-subtitle\">Selecci\u00f3n de subclases con mayor relevancia en la din\u00e1mica de precios<\/div>\n      <div class=\"tabla-wrapper\" style=\"margin-top:14px\">\n        <table class=\"tabla-apa\">\n          <thead>\n            <tr>\n              <th>Subclase<\/th>\n              <th>Variaci\u00f3n mensual (%)<\/th>\n              <th>Variaci\u00f3n a\u00f1o corrido (%)<\/th>\n              <th>Variaci\u00f3n anual (%)<\/th>\n              <th>Contribuci\u00f3n mensual (p.p.)<\/th>\n            <\/tr>\n          <\/thead>\n          <tbody>\n            <tr><td>Carne de res y derivados<\/td><td class=\"val-alto\">1,36<\/td><td>7,89<\/td><td class=\"val-alto\">13,96<\/td><td>0,03<\/td><\/tr>\n            <tr><td>Arriendo imputado del alojamiento<\/td><td>0,67<\/td><td>2,63<\/td><td>4,85<\/td><td>0,08<\/td><\/tr>\n            <tr><td>Arriendo efectivo del alojamiento<\/td><td>0,69<\/td><td>2,73<\/td><td>4,94<\/td><td>0,06<\/td><\/tr>\n            <tr><td>Suministro de agua y servicios relacionados<\/td><td class=\"val-alto\">1,91<\/td><td>6,40<\/td><td>9,09<\/td><td>0,08<\/td><\/tr>\n            <tr><td>Servicios de transporte<\/td><td>0,15<\/td><td>9,58<\/td><td class=\"val-alto\">10,89<\/td><td>0,01<\/td><\/tr>\n            <tr><td>Servicios suministro de comidas (rest.)<\/td><td>0,37<\/td><td>6,08<\/td><td>9,68<\/td><td>0,04<\/td><\/tr>\n            <tr><td>Pan<\/td><td>0,49<\/td><td>5,69<\/td><td>7,11<\/td><td>0,00<\/td><\/tr>\n            <tr><td>Leche<\/td><td>0,32<\/td><td>6,65<\/td><td>8,27<\/td><td>0,00<\/td><\/tr>\n            <tr><td>Pl\u00e1tano<\/td><td>\u2014<\/td><td>\u2014<\/td><td class=\"val-alto\">26,59<\/td><td>\u2014<\/td><\/tr>\n            <tr><td>Frutas frescas<\/td><td>\u2014<\/td><td>\u2014<\/td><td>19,91<\/td><td>\u2014<\/td><\/tr>\n            <tr><td>Tomate<\/td><td>\u2014<\/td><td>\u2014<\/td><td class=\"val-bajo\">\u221217,06<\/td><td>\u2014<\/td><\/tr>\n            <tr><td>Arroz<\/td><td class=\"val-bajo\">\u22120,31<\/td><td class=\"val-bajo\">\u22122,25<\/td><td class=\"val-bajo\">\u22127,82<\/td><td>0,00<\/td><\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n      <div class=\"chart-fuente\" style=\"margin-top:12px\">\n        <strong>Fuente:<\/strong> Elaborado por Cardozo, Y. R., para el Observatorio Econ\u00f3mico de la Secretar\u00eda de Hacienda de la Alcald\u00eda de Armenia, con base en datos del DANE \u2014 Hoja 8, Anexos IPC mayo 2026. <a href=\"https:\/\/www.dane.gov.co\/index.php\/estadisticas-por-tema\/precios-y-costos\/indice-de-precios-al-consumidor-ipc\" target=\"_blank\">https:\/\/www.dane.gov.co<\/a><br>\n        <em>Nota.<\/em> Adaptado de &#8220;IPC. Variaciones y contribuciones mensual, a\u00f1o corrido y anual seg\u00fan subclases, mayo 2026&#8221;, por DANE, 2026. Los datos de variaci\u00f3n anual de pl\u00e1tano, frutas y tomate corresponden al comunicado de prensa del DANE. (\u2014) indica que el dato de contribuci\u00f3n no est\u00e1 disponible desagregado para esa subclase en la fuente consultada.\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       TAB 5: GLOSARIO Y METODOLOG\u00cdA\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section id=\"tab-glosario\" class=\"tab-panel\">\n    <div class=\"section-header\">\n      <div>\n        <div class=\"section-title\">Glosario y Nota Metodol\u00f3gica<\/div>\n        <div class=\"section-sub\">T\u00e9rminos t\u00e9cnicos, fuentes y criterios de elaboraci\u00f3n<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"nota-metod\">\n      <h4>Nota Metodol\u00f3gica<\/h4>\n      <p>Este dashboard elaborado por Cardozo, Y. R. para el Observatorio Econ\u00f3mico, Tributario, Fiscal e Inmobiliario de la Secretar\u00eda de Hacienda de la Alcald\u00eda de Armenia (Quind\u00edo), utiliza exclusivamente los datos oficiales publicados por el DANE el 5 de junio de 2026, correspondientes al \u00cdndice de Precios al Consumidor (IPC) del per\u00edodo de referencia mayo de 2026, con base diciembre de 2018 = 100.<\/p>\n      <p>El an\u00e1lisis territorial emplea las hojas 4 (variaci\u00f3n mensual por ciudades), 5 (variaci\u00f3n a\u00f1o corrido por ciudades) y 6 (variaci\u00f3n anual por ciudades) de los Anexos Estad\u00edsticos del IPC. La nomenclatura de divisiones de gasto sigue el est\u00e1ndar internacional COICOP (Clasificaci\u00f3n del Consumo Individual por Finalidades). Los datos de expectativas de analistas provienen de la Encuesta Mensual de Expectativas del Banco de la Rep\u00fablica, mayo de 2026. No se utilizan datos interpolados ni estimados: todos los valores num\u00e9ricos del dashboard tienen correspondencia directa con las fuentes oficiales citadas. La diferencia en la suma de variables obedece al sistema de aproximaci\u00f3n y redondeo del DANE.<\/p>\n    <\/div>\n\n    <div class=\"glosario-grid\">\n      <div class=\"glosario-item\">\n        <div class=\"glosario-term\">IPC<\/div>\n        <div class=\"glosario-def\">\u00cdndice de Precios al Consumidor. Mide la variaci\u00f3n porcentual promedio de los precios de una canasta representativa de bienes y servicios adquiridos por los hogares colombianos. Base diciembre 2018 = 100.<\/div>\n      <\/div>\n      <div class=\"glosario-item\">\n        <div class=\"glosario-term\">Variaci\u00f3n mensual<\/div>\n        <div class=\"glosario-def\">Cambio porcentual en el nivel de precios entre el mes de an\u00e1lisis (mayo 2026) y el mes inmediatamente anterior (abril 2026).<\/div>\n      <\/div>\n      <div class=\"glosario-item\">\n        <div class=\"glosario-term\">Variaci\u00f3n a\u00f1o corrido<\/div>\n        <div class=\"glosario-def\">Cambio porcentual acumulado entre diciembre del a\u00f1o anterior (diciembre 2025) y el mes de an\u00e1lisis (mayo 2026). Refleja la inflaci\u00f3n acumulada en lo que va del a\u00f1o.<\/div>\n      <\/div>\n      <div class=\"glosario-item\">\n        <div class=\"glosario-term\">Variaci\u00f3n anual<\/div>\n        <div class=\"glosario-def\">Cambio porcentual entre el mismo mes del a\u00f1o anterior (mayo 2025) y el mes de an\u00e1lisis (mayo 2026). Es el indicador de inflaci\u00f3n m\u00e1s utilizado en an\u00e1lisis de pol\u00edtica econ\u00f3mica.<\/div>\n      <\/div>\n      <div class=\"glosario-item\">\n        <div class=\"glosario-term\">Contribuci\u00f3n (p.p.)<\/div>\n        <div class=\"glosario-def\">Aporte en puntos porcentuales de cada divisi\u00f3n de gasto a la variaci\u00f3n total del IPC. Se calcula como el producto de la variaci\u00f3n de la divisi\u00f3n por su ponderaci\u00f3n en la canasta.<\/div>\n      <\/div>\n      <div class=\"glosario-item\">\n        <div class=\"glosario-term\">COICOP<\/div>\n        <div class=\"glosario-def\">Clasificaci\u00f3n del Consumo Individual por Finalidades (Classification of Individual Consumption According to Purpose). Est\u00e1ndar internacional adoptado por el DANE desde enero de 2019 para organizar las 12 divisiones del IPC.<\/div>\n      <\/div>\n      <div class=\"glosario-item\">\n        <div class=\"glosario-term\">IPC sin alimentos<\/div>\n        <div class=\"glosario-def\">Indicador que excluye la divisi\u00f3n 01 (Alimentos y bebidas no alcoh\u00f3licas) del IPC total. Aproxima la inflaci\u00f3n subyacente o &#8220;n\u00facleo&#8221;, menos vol\u00e1til que la inflaci\u00f3n total.<\/div>\n      <\/div>\n      <div class=\"glosario-item\">\n        <div class=\"glosario-term\">Exposici\u00f3n asim\u00e9trica<\/div>\n        <div class=\"glosario-def\">Condici\u00f3n del Quind\u00edo por la cual los choques en precios de energ\u00eda o materias primas solo impactan por el lado del costo (sin beneficios de ingresos por producci\u00f3n de hidrocarburos o minerales), amplificando el efecto neto sobre los hogares y empresas locales.<\/div>\n      <\/div>\n      <div class=\"glosario-item\">\n        <div class=\"glosario-term\">Edeq<\/div>\n        <div class=\"glosario-def\">Empresa de Energ\u00eda del Quind\u00edo. Operador del sistema de distribuci\u00f3n el\u00e9ctrica en el departamento. Sus tarifas reguladas inciden directamente en la subclase de electricidad del IPC de Armenia.<\/div>\n      <\/div>\n      <div class=\"glosario-item\">\n        <div class=\"glosario-term\">Dominio geogr\u00e1fico<\/div>\n        <div class=\"glosario-def\">Unidad territorial para la cual el DANE calcula el IPC de forma independiente. Armenia es uno de los 24 dominios geogr\u00e1ficos del sistema de medici\u00f3n del IPC en Colombia.<\/div>\n      <\/div>\n      <div class=\"glosario-item\">\n        <div class=\"glosario-term\">Encuesta Banrep<\/div>\n        <div class=\"glosario-def\">Encuesta Mensual de Expectativas de Analistas Econ\u00f3micos del Banco de la Rep\u00fablica. Re\u00fane proyecciones de bancos, sociedades comisionistas, fondos de pensiones y organismos internacionales sobre variables macroecon\u00f3micas.<\/div>\n      <\/div>\n      <div class=\"glosario-item\">\n        <div class=\"glosario-term\">Eje Cafetero \/ RAP<\/div>\n        <div class=\"glosario-def\">Regi\u00f3n conformada por los departamentos de Caldas, Quind\u00edo y Risaralda, y en el marco de la Regi\u00f3n Administrativa y de Planificaci\u00f3n (RAP) Eje Cafetero, tambi\u00e9n incluye Tolima. Armenia es capital del Quind\u00edo y nodo econ\u00f3mico de la regi\u00f3n.<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"alert-box verde-box\" style=\"margin-top:22px\">\n      <strong>Referencias bibliogr\u00e1ficas (APA 7):<\/strong><br><br>\n      Departamento Administrativo Nacional de Estad\u00edstica [DANE]. (2026, junio 5). <em>\u00cdndice de Precios al Consumidor \u2014 IPC, mayo 2026. Principales resultados y Anexos estad\u00edsticos.<\/em> <a href=\"https:\/\/www.dane.gov.co\/index.php\/estadisticas-por-tema\/precios-y-costos\/indice-de-precios-al-consumidor-ipc\" target=\"_blank\">https:\/\/www.dane.gov.co<\/a><br><br>\n      Banco de la Rep\u00fablica de Colombia. (2026, mayo). <em>Encuesta mensual de expectativas de analistas econ\u00f3micos \u2014 resultados mayo 2026.<\/em> <a href=\"https:\/\/www.banrep.gov.co\/es\/estadisticas\/encuesta-expectativas-analistas-economicos\" target=\"_blank\">https:\/\/www.banrep.gov.co<\/a><br><br>\n      Cardozo, Y. R. (2026). <em>Dashboard interactivo: IPC mayo 2026 \u2014 Armenia y el Eje Cafetero.<\/em> Observatorio Econ\u00f3mico, Tributario, Fiscal e Inmobiliario. Secretar\u00eda de Hacienda, Alcald\u00eda de Armenia, Quind\u00edo.\n    <\/div>\n  <\/section>\n\n<\/main>\n\n<!-- FOOTER -->\n<footer class=\"footer\">\n  <div class=\"footer-inner\">\n    <div>\n      <strong style=\"color:#fff\">Observatorio Econ\u00f3mico, Tributario, Fiscal e Inmobiliario<\/strong><br>\n      Secretar\u00eda de Hacienda \u00b7 Alcald\u00eda de Armenia, Quind\u00edo, Colombia<br>\n      Elaborado por: Cardozo, Y. R. \u00b7 Junio 2026\n    <\/div>\n    <div style=\"text-align:right\">\n      Fuente primaria: <a href=\"https:\/\/www.dane.gov.co\" target=\"_blank\">DANE.gov.co<\/a> \u00b7 IPC mayo 2026<br>\n      Publicado: 5 de junio de 2026<br>\n      Dashboard: HTML5 + Plotly.js \u00b7 Autocontenido\n    <\/div>\n  <\/div>\n<\/footer>\n\n<script>\n\/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\/\/ PALETA\n\/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nconst C = {\n  verde: '#00AA00',\n  verdePale: '#C8ECC8',\n  amarillo: '#E6D600',\n  negro: '#0A0A0A',\n  gris1: '#B0B0A8',\n  gris2: '#E0E0DC',\n  alerta: '#CC2200',\n  azul: '#1A5276',\n  naranja: '#D35400',\n  morado: '#6C3483'\n};\n\nconst LAYOUT_BASE = {\n  paper_bgcolor: 'rgba(0,0,0,0)',\n  plot_bgcolor: 'rgba(0,0,0,0)',\n  font: { family: 'DM Sans, sans-serif', color: C.negro, size: 12 },\n  margin: { t: 20, b: 60, l: 60, r: 20 },\n  hoverlabel: {\n    bgcolor: C.negro,\n    font: { color: '#fff', family: 'IBM Plex Mono, monospace', size: 11 }\n  }\n};\n\nconst AXIS_BASE = {\n  gridcolor: '#EAEAE6',\n  linecolor: '#D0D0CC',\n  tickfont: { size: 11, family: 'IBM Plex Mono, monospace' },\n  zerolinecolor: '#C0C0BC'\n};\n\nconst CONFIG = {\n  displayModeBar: true,\n  modeBarButtonsToRemove: ['pan2d','lasso2d','select2d','autoScale2d','resetScale2d'],\n  displaylogo: false,\n  responsive: true,\n  toImageButtonOptions: { format: 'png', filename: 'IPC_Mayo2026_Armenia', scale: 2 }\n};\n\n\/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\/\/ FIGURA 1: RADAR \/ BAR COMPARATIVO\n\/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n(function() {\n  const ciudades = ['Armenia', 'Pereira', 'Manizales', 'Bogot\u00e1', 'Medell\u00edn', 'Cali', 'Barranquilla', 'Nacional'];\n  const anual   = [6.59, 6.69, 5.79, 5.75, 6.64, 6.04, 4.55, 5.84];\n  const colores = ciudades.map(c => {\n    if (c === 'Armenia') return C.verde;\n    if (['Pereira','Manizales'].includes(c)) return C.amarillo;\n    if (c === 'Nacional') return C.gris1;\n    return C.gris2;\n  });\n\n  Plotly.newPlot('fig-radar', [{\n    type: 'bar',\n    x: anual,\n    y: ciudades,\n    orientation: 'h',\n    marker: { color: colores, line: { color: C.negro, width: 0.5 } },\n    text: anual.map(v => v.toFixed(2) + '%'),\n    textposition: 'outside',\n    textfont: { family: 'IBM Plex Mono, monospace', size: 11, color: C.negro },\n    hovertemplate: '<b>%{y}<\/b><br>Variaci\u00f3n anual: %{x:.2f}%<extra><\/extra>',\n    cliponaxis: false\n  }], {\n    ...LAYOUT_BASE,\n    margin: { t: 10, b: 40, l: 110, r: 80 },\n    height: 340,\n    xaxis: { ...AXIS_BASE, title: { text: 'Variaci\u00f3n anual (%)', font: { size: 11 } },\n      range: [0, 8], tickformat: '.1f', ticksuffix: '%' },\n    yaxis: { ...AXIS_BASE, autorange: 'reversed',\n      tickfont: { size: 12, family: 'DM Sans, sans-serif' } },\n    shapes: [{\n      type: 'line', x0: 5.84, x1: 5.84, y0: -0.5, y1: 7.5,\n      line: { color: C.alerta, width: 1.5, dash: 'dot' }\n    }],\n    annotations: [{\n      x: 5.84, y: -0.5, text: 'Nacional<br>5,84%', showarrow: false,\n      yanchor: 'bottom', xanchor: 'center',\n      font: { size: 10, color: C.alerta, family: 'IBM Plex Mono, monospace' }\n    }]\n  }, CONFIG);\n})();\n\n\/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\/\/ FIGURA 2: SERIE HIST\u00d3RICA NACIONAL\n\/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n(function() {\n  const labels = [\n    'Ene-23','Feb-23','Mar-23','Abr-23','May-23','Jun-23','Jul-23','Ago-23','Sep-23','Oct-23','Nov-23','Dic-23',\n    'Ene-24','Feb-24','Mar-24','Abr-24','May-24','Jun-24','Jul-24','Ago-24','Sep-24','Oct-24','Nov-24','Dic-24',\n    'Ene-25','Feb-25','Mar-25','Abr-25','May-25','Jun-25','Jul-25','Ago-25','Sep-25','Oct-25','Nov-25','Dic-25',\n    'Ene-26','Feb-26','Mar-26','Abr-26','May-26'\n  ];\n  const anual = [\n    13.25,13.28,13.34,13.01,12.36,12.13,11.78,11.43,10.99,10.48,10.15,9.28,\n    8.35,7.74,7.36,7.16,7.16,7.18,6.86,6.12,5.81,5.41,5.20,5.20,\n    5.22,5.28,5.09,5.06,5.05,4.97,4.86,4.79,4.74,4.61,4.56,5.20,\n    5.22,5.71,5.79,6.08,5.84\n  ];\n  const mensual = [\n    1.66,1.66,1.11,0.84,0.43,0.31,0.47,0.63,0.48,0.47,0.59,0.47,\n    0.89,1.01,0.71,0.69,0.43,0.26,0.17,0.28,0.26,-0.24,0.18,0.32,\n    0.62,0.92,0.59,0.69,0.32,0.21,0.29,0.33,0.26,0.28,0.26,0.40,\n    1.05,1.02,0.84,0.78,0.47\n  ];\n\n  Plotly.newPlot('fig-serie-nacional', [\n    {\n      type: 'bar', x: labels, y: mensual, name: 'Mensual',\n      yaxis: 'y2', marker: { color: C.gris2, opacity: 0.8 },\n      hovertemplate: '<b>%{x}<\/b><br>Mensual: %{y:.2f}%<extra><\/extra>'\n    },\n    {\n      type: 'scatter', x: labels, y: anual, name: 'Anual',\n      mode: 'lines+markers',\n      line: { color: C.negro, width: 2.5 },\n      marker: { color: labels.map(l => l === 'May-26' ? C.verde : C.negro),\n        size: labels.map(l => l === 'May-26' ? 10 : 4) },\n      hovertemplate: '<b>%{x}<\/b><br>Anual: %{y:.2f}%<extra><\/extra>'\n    }\n  ], {\n    ...LAYOUT_BASE,\n    height: 360,\n    margin: { t: 10, b: 60, l: 55, r: 55 },\n    xaxis: { ...AXIS_BASE, tickangle: -45, tickfont: { size: 10, family: 'IBM Plex Mono, monospace' } },\n    yaxis: { ...AXIS_BASE, title: { text: 'Variaci\u00f3n Anual (%)', font: { size: 11 } },\n      tickformat: '.1f', ticksuffix: '%', range: [0, 16] },\n    yaxis2: { ...AXIS_BASE, title: { text: 'Variaci\u00f3n Mensual (%)', font: { size: 11 } },\n      overlaying: 'y', side: 'right', tickformat: '.2f', ticksuffix: '%', range: [-1, 3] },\n    legend: { orientation: 'h', x: 0.5, xanchor: 'center', y: 1.05,\n      font: { size: 11, family: 'DM Sans, sans-serif' } },\n    annotations: [{\n      x: 'May-26', y: 5.84, text: '<b>5,84%<\/b>', showarrow: true,\n      arrowhead: 2, arrowcolor: C.verde, arrowsize: 0.8,\n      ax: 30, ay: -30, font: { size: 11, color: C.verde, family: 'IBM Plex Mono, monospace' }\n    }]\n  }, CONFIG);\n})();\n\n\/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\/\/ FIGURA 3: VARIACI\u00d3N MENSUAL POR DIVISIONES\n\/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n(function() {\n  const divs = ['Alojamiento, agua, electr.','Recreaci\u00f3n y cultura','Transporte','Muebles y hogar',\n    'Salud','Prendas de vestir','Restaurantes y hoteles','Bebidas alcoh\u00f3licas',\n    'Informaci\u00f3n y comunic.','Bienes y serv. diversos','Educaci\u00f3n','Alimentos y bebidas'];\n  const vals = [0.86,0.77,0.61,0.53,0.52,0.42,0.38,0.27,0.25,0.22,0.00,-0.02];\n  const cols = vals.map(v => v > 0 ? C.verde : C.alerta);\n\n  Plotly.newPlot('fig-div-mensual', [{\n    type: 'bar', x: vals, y: divs, orientation: 'h',\n    marker: { color: cols, line: { color: C.negro, width: 0.3 } },\n    text: vals.map(v => v.toFixed(2) + '%'),\n    textposition: 'outside',\n    textfont: { size: 10.5, family: 'IBM Plex Mono, monospace', color: C.negro },\n    hovertemplate: '<b>%{y}<\/b><br>%{x:.2f}%<extra><\/extra>',\n    cliponaxis: false\n  }], {\n    ...LAYOUT_BASE,\n    height: 360,\n    margin: { t: 10, b: 40, l: 160, r: 70 },\n    xaxis: { ...AXIS_BASE, title: { text: 'Variaci\u00f3n mensual (%)', font: { size: 11 } },\n      tickformat: '.2f', ticksuffix: '%', range: [-0.25, 1.15] },\n    yaxis: { ...AXIS_BASE, autorange: 'reversed', tickfont: { size: 11, family: 'DM Sans, sans-serif' } }\n  }, CONFIG);\n})();\n\n\/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\/\/ FIGURA 4: VARIACI\u00d3N ANUAL POR DIVISIONES\n\/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n(function() {\n  const divs = ['Restaurantes y hoteles','Salud','Educaci\u00f3n','Bebidas alcoh\u00f3licas',\n    'Muebles y hogar','Bienes y serv. diversos','Alimentos y bebidas','Transporte',\n    'Informaci\u00f3n y comunic.','Alojamiento, agua, electr.','Recreaci\u00f3n y cultura','Prendas de vestir'];\n  const vals = [9.62,8.35,7.58,6.78,6.16,6.05,6.04,5.67,5.30,4.50,3.84,2.70];\n  const national_avg = 5.84;\n  const cols = vals.map(v => v > national_avg ? C.amarillo : C.gris2);\n\n  Plotly.newPlot('fig-div-anual', [{\n    type: 'bar', x: vals, y: divs, orientation: 'h',\n    marker: { color: cols, line: { color: C.negro, width: 0.3 } },\n    text: vals.map(v => v.toFixed(2) + '%'),\n    textposition: 'outside',\n    textfont: { size: 10.5, family: 'IBM Plex Mono, monospace', color: C.negro },\n    hovertemplate: '<b>%{y}<\/b><br>%{x:.2f}%<extra><\/extra>',\n    cliponaxis: false\n  }], {\n    ...LAYOUT_BASE,\n    height: 360,\n    margin: { t: 10, b: 40, l: 160, r: 70 },\n    xaxis: { ...AXIS_BASE, title: { text: 'Variaci\u00f3n anual (%)', font: { size: 11 } },\n      tickformat: '.1f', ticksuffix: '%', range: [0, 12] },\n    yaxis: { ...AXIS_BASE, autorange: 'reversed', tickfont: { size: 11, family: 'DM Sans, sans-serif' } },\n    shapes: [{\n      type: 'line', x0: 5.84, x1: 5.84, y0: -0.5, y1: 11.5,\n      line: { color: C.alerta, width: 1.5, dash: 'dot' }\n    }]\n  }, CONFIG);\n})();\n\n\/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\/\/ FIGURA 5: INGRESOS\n\/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n(function() {\n  const segmentos = ['Pobres','Vulnerables','Clase media','Ingresos altos'];\n  const mensual = [0.41, 0.43, 0.47, 0.52];\n  const anual = [5.56, 5.66, 5.85, 5.97];\n\n  Plotly.newPlot('fig-ingresos', [\n    {\n      type: 'bar', name: 'Variaci\u00f3n mensual (%)',\n      x: segmentos, y: mensual,\n      marker: { color: C.gris2, line: { color: C.negro, width: 0.5 } },\n      text: mensual.map(v => v.toFixed(2) + '%'),\n      textposition: 'outside',\n      textfont: { size: 11, family: 'IBM Plex Mono, monospace' },\n      yaxis: 'y',\n      hovertemplate: '<b>%{x}<\/b><br>Mensual: %{y:.2f}%<extra><\/extra>'\n    },\n    {\n      type: 'scatter', name: 'Variaci\u00f3n anual (%)',\n      x: segmentos, y: anual,\n      mode: 'lines+markers',\n      yaxis: 'y2',\n      line: { color: C.verde, width: 2.5 },\n      marker: { color: C.verde, size: 9 },\n      hovertemplate: '<b>%{x}<\/b><br>Anual: %{y:.2f}%<extra><\/extra>'\n    }\n  ], {\n    ...LAYOUT_BASE,\n    height: 340,\n    margin: { t: 20, b: 50, l: 55, r: 60 },\n    xaxis: { ...AXIS_BASE, tickfont: { size: 12, family: 'DM Sans, sans-serif' } },\n    yaxis: { ...AXIS_BASE, title: { text: 'Variaci\u00f3n mensual (%)', font: { size: 11 } },\n      tickformat: '.2f', ticksuffix: '%', range: [0, 0.8] },\n    yaxis2: { ...AXIS_BASE, title: { text: 'Variaci\u00f3n anual (%)', font: { size: 11 } },\n      overlaying: 'y', side: 'right', tickformat: '.2f', ticksuffix: '%', range: [4, 7] },\n    legend: { orientation: 'h', x: 0.5, xanchor: 'center', y: 1.08,\n      font: { size: 11, family: 'DM Sans, sans-serif' } }\n  }, CONFIG);\n})();\n\n\/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\/\/ FIGURA 6: CIUDADES ANUAL\n\/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n(function() {\n  const data = [\n    ['Pereira',6.69],['Bucaramanga',6.68],['Medell\u00edn',6.64],['Armenia',6.59],\n    ['Villavicencio',6.16],['Cali',6.04],['Florencia',5.84],['Nacional',5.84],\n    ['Otras \u00c1reas',5.79],['Manizales',5.79],['C\u00facuta',5.76],['Bogot\u00e1 D.C.',5.75],\n    ['Neiva',5.74],['Ibagu\u00e9',5.61],['Cartagena',5.43],['Popay\u00e1n',5.43],\n    ['Tunja',5.42],['Monter\u00eda',5.12],['Sincelejo',4.69],['Barranquilla',4.55],\n    ['Pasto',4.52],['Valledupar',4.49],['Santa Marta',4.29],['Riohacha',3.28]\n  ];\n  data.sort((a, b) => b[1] - a[1]);\n\n  const ciudades = data.map(d => d[0]);\n  const vals = data.map(d => d[1]);\n  const cols = ciudades.map(c => {\n    if (c === 'Armenia') return C.verde;\n    if (['Pereira','Manizales'].includes(c)) return C.amarillo;\n    if (c === 'Nacional') return C.gris1;\n    return C.gris2;\n  });\n\n  Plotly.newPlot('fig-ciudades-anual', [{\n    type: 'bar', x: vals, y: ciudades, orientation: 'h',\n    marker: { color: cols, line: { color: C.negro, width: 0.3 } },\n    text: vals.map(v => v.toFixed(2) + '%'),\n    textposition: 'outside',\n    textfont: { size: 10.5, family: 'IBM Plex Mono, monospace', color: C.negro },\n    hovertemplate: '<b>%{y}<\/b><br>Variaci\u00f3n anual: %{x:.2f}%<extra><\/extra>',\n    cliponaxis: false\n  }], {\n    ...LAYOUT_BASE,\n    height: 580,\n    margin: { t: 10, b: 50, l: 120, r: 80 },\n    xaxis: { ...AXIS_BASE, title: { text: 'Variaci\u00f3n anual (%)', font: { size: 11 } },\n      tickformat: '.1f', ticksuffix: '%', range: [0, 8.5] },\n    yaxis: { ...AXIS_BASE, autorange: 'reversed', tickfont: { size: 11, family: 'DM Sans, sans-serif' } },\n    shapes: [{\n      type: 'line', x0: 5.84, x1: 5.84, y0: -0.5, y1: 23.5,\n      line: { color: C.alerta, width: 1.5, dash: 'dot' }\n    }],\n    annotations: [{\n      x: 5.84, y: 23.5, text: 'Nac. 5,84%', showarrow: false,\n      xanchor: 'left', yanchor: 'bottom',\n      font: { size: 10, color: C.alerta, family: 'IBM Plex Mono, monospace' }\n    }]\n  }, CONFIG);\n})();\n\n\/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\/\/ FIGURA 7: VARIACI\u00d3N MENSUAL CIUDADES\n\/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n(function() {\n  const data = [\n    ['Medell\u00edn',0.73],['Santa Marta',0.64],['Otras \u00c1reas',0.62],['Villavicencio',0.59],\n    ['Cartagena',0.58],['Pasto',0.56],['Valledupar',0.56],['Cali',0.55],\n    ['Armenia',0.49],['Monter\u00eda',0.48],['Nacional',0.47],['Florencia',0.47],\n    ['Popay\u00e1n',0.46],['Sincelejo',0.46],['Pereira',0.45],['Bogot\u00e1 D.C.',0.43],\n    ['Neiva',0.41],['Barranquilla',0.37],['Ibagu\u00e9',0.35],['Manizales',0.23],\n    ['C\u00facuta',0.15],['Tunja',0.10],['Bucaramanga',0.06],['Riohacha',0.06]\n  ];\n  data.sort((a, b) => b[1] - a[1]);\n  const ciudades = data.map(d => d[0]);\n  const vals = data.map(d => d[1]);\n  const cols = ciudades.map(c => {\n    if (c === 'Armenia') return C.verde;\n    if (['Pereira','Manizales'].includes(c)) return C.amarillo;\n    if (c === 'Nacional') return C.gris1;\n    return C.gris2;\n  });\n\n  Plotly.newPlot('fig-ciudades-mensual', [{\n    type: 'bar', x: vals, y: ciudades, orientation: 'h',\n    marker: { color: cols, line: { color: C.negro, width: 0.3 } },\n    text: vals.map(v => v.toFixed(2) + '%'),\n    textposition: 'outside',\n    textfont: { size: 10, family: 'IBM Plex Mono, monospace', color: C.negro },\n    hovertemplate: '<b>%{y}<\/b><br>Mensual: %{x:.2f}%<extra><\/extra>',\n    cliponaxis: false\n  }], {\n    ...LAYOUT_BASE,\n    height: 560,\n    margin: { t: 10, b: 50, l: 115, r: 65 },\n    xaxis: { ...AXIS_BASE, title: { text: 'Variaci\u00f3n mensual (%)', font: { size: 11 } },\n      tickformat: '.2f', ticksuffix: '%', range: [0, 1.1] },\n    yaxis: { ...AXIS_BASE, autorange: 'reversed', tickfont: { size: 11, family: 'DM Sans, sans-serif' } }\n  }, CONFIG);\n})();\n\n\/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\/\/ FIGURA 8: A\u00d1O CORRIDO EJE CAFETERO\n\/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n(function() {\n  const categorias = ['Alimentos','Bebidas alc.','Prendas','Alojamiento','Muebles','Salud',\n    'Transporte','Informaci\u00f3n','Recreaci\u00f3n','Educaci\u00f3n','Rest. y hoteles','Bienes div.','TOTAL'];\n  const armenia  = [6.52, 3.17, 2.34, 4.62, 6.66, 4.26, 3.90, 3.90, 4.08, 7.42, 5.97, 4.68, 5.11];\n  const pereira  = [5.61, 3.71, 1.48, 3.72, 5.34, 3.67, 6.30, 3.56, 2.12, 8.27, 7.56, 4.20, 4.88];\n  const manizales= [5.65, 3.88, 2.73, 4.47, 3.70, 5.14, 4.03, 3.36, 0.73, 6.52, 6.23, 3.82, 4.57];\n  const nacional = [5.85, 3.39, 1.95, 3.13, 5.32, 4.51, 4.48, 3.24, 2.84, 5.89, 6.02, 3.66, 4.36];\n\n  Plotly.newPlot('fig-corrido-eje', [\n    {\n      type: 'scatter', name: 'Armenia', x: categorias, y: armenia,\n      mode: 'lines+markers', line: { color: C.verde, width: 2.5 },\n      marker: { color: C.verde, size: 7 },\n      hovertemplate: 'Armenia<br>%{x}: %{y:.2f}%<extra><\/extra>'\n    },\n    {\n      type: 'scatter', name: 'Pereira', x: categorias, y: pereira,\n      mode: 'lines+markers', line: { color: C.amarillo, width: 2, dash: 'dash' },\n      marker: { color: C.amarillo, size: 6 },\n      hovertemplate: 'Pereira<br>%{x}: %{y:.2f}%<extra><\/extra>'\n    },\n    {\n      type: 'scatter', name: 'Manizales', x: categorias, y: manizales,\n      mode: 'lines+markers', line: { color: C.gris1, width: 2, dash: 'dot' },\n      marker: { color: C.gris1, size: 6 },\n      hovertemplate: 'Manizales<br>%{x}: %{y:.2f}%<extra><\/extra>'\n    },\n    {\n      type: 'scatter', name: 'Nacional', x: categorias, y: nacional,\n      mode: 'lines+markers', line: { color: C.alerta, width: 1.5, dash: 'longdash' },\n      marker: { color: C.alerta, size: 5 },\n      hovertemplate: 'Nacional<br>%{x}: %{y:.2f}%<extra><\/extra>'\n    }\n  ], {\n    ...LAYOUT_BASE,\n    height: 360,\n    margin: { t: 20, b: 70, l: 50, r: 20 },\n    xaxis: { ...AXIS_BASE, tickangle: -40, tickfont: { size: 10, family: 'IBM Plex Mono, monospace' } },\n    yaxis: { ...AXIS_BASE, title: { text: 'Variaci\u00f3n a\u00f1o corrido (%)', font: { size: 11 } },\n      tickformat: '.1f', ticksuffix: '%' },\n    legend: { orientation: 'h', x: 0.5, xanchor: 'center', y: 1.12,\n      font: { size: 11, family: 'DM Sans, sans-serif' } }\n  }, CONFIG);\n})();\n\n\/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\/\/ FIGURA 9: CONTRIBUCI\u00d3N MENSUAL\n\/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n(function() {\n  const divs = ['Alojamiento','Transporte','Rest. y hoteles','Recreaci\u00f3n','Muebles y hogar','Otros'];\n  const contribs = [0.26, 0.08, 0.04, 0.02, 0.02, 0.05];\n\n  Plotly.newPlot('fig-contribucion', [{\n    type: 'pie',\n    labels: divs,\n    values: contribs,\n    hole: 0.42,\n    marker: {\n      colors: [C.negro, C.gris1, C.amarillo, C.verde, C.gris2, '#AAAAAA'],\n      line: { color: '#fff', width: 2 }\n    },\n    textinfo: 'label+percent',\n    textfont: { size: 11, family: 'DM Sans, sans-serif' },\n    hovertemplate: '<b>%{label}<\/b><br>%{value:.2f} p.p.<br>%{percent}<extra><\/extra>',\n    insidetextorientation: 'radial'\n  }], {\n    ...LAYOUT_BASE,\n    height: 320,\n    margin: { t: 20, b: 20, l: 20, r: 20 },\n    annotations: [{\n      text: '<b>0,47%<\/b><br>total',\n      showarrow: false, x: 0.5, y: 0.5,\n      font: { size: 14, family: 'IBM Plex Mono, monospace', color: C.negro }\n    }],\n    showlegend: false\n  }, CONFIG);\n})();\n\n\/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\/\/ FIGURA 10: CONTRIBUCI\u00d3N ANUAL\n\/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n(function() {\n  const divs = ['Alojamiento','Alimentos','Rest. y hoteles','Transporte','Bienes div.','Otros'];\n  const contribs = [1.40, 1.15, 1.07, 0.76, 0.31, 1.15];\n\n  Plotly.newPlot('fig-contrib-anual', [{\n    type: 'pie',\n    labels: divs,\n    values: contribs,\n    hole: 0.42,\n    marker: {\n      colors: [C.negro, C.verde, C.amarillo, C.gris1, C.gris2, '#AAAAAA'],\n      line: { color: '#fff', width: 2 }\n    },\n    textinfo: 'label+percent',\n    textfont: { size: 11, family: 'DM Sans, sans-serif' },\n    hovertemplate: '<b>%{label}<\/b><br>%{value:.2f} p.p.<br>%{percent}<extra><\/extra>',\n    insidetextorientation: 'radial'\n  }], {\n    ...LAYOUT_BASE,\n    height: 320,\n    margin: { t: 20, b: 20, l: 20, r: 20 },\n    annotations: [{\n      text: '<b>5,84%<\/b><br>anual',\n      showarrow: false, x: 0.5, y: 0.5,\n      font: { size: 14, family: 'IBM Plex Mono, monospace', color: C.negro }\n    }],\n    showlegend: false\n  }, CONFIG);\n})();\n\n\/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\/\/ FIGURA 11: ELECTRICIDAD POR CIUDAD\n\/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n(function() {\n  const data = [\n    ['Medell\u00edn',5.65],['Villavicencio',3.05],['Pereira',1.89],['Bucaramanga',1.78],\n    ['Manizales',1.72],['Armenia',1.69],['Pasto',1.62],['Neiva',1.49],\n    ['Otras \u00c1reas',1.38],['Popay\u00e1n',1.20],['Nacional',1.04],['Cali',1.00],\n    ['Florencia',0.69],['Riohacha',0.38],['Barranquilla',0.33],['Monter\u00eda',0.21],\n    ['C\u00facuta',0.15],['Santa Marta',0.15],['Sincelejo',0.07],['Bogot\u00e1 D.C.',-0.19],\n    ['Valledupar',-0.28],['Cartagena',-0.36],['Ibagu\u00e9',-0.56],['Tunja',-3.66]\n  ];\n  data.sort((a, b) => b[1] - a[1]);\n  const ciudades = data.map(d => d[0]);\n  const vals = data.map(d => d[1]);\n  const cols = ciudades.map((c, i) => {\n    if (c === 'Armenia') return C.verde;\n    if (c === 'Nacional') return C.gris1;\n    return vals[i] > 0 ? C.gris2 : '#FFDDDD';\n  });\n\n  Plotly.newPlot('fig-electricidad', [{\n    type: 'bar', x: vals, y: ciudades, orientation: 'h',\n    marker: { color: cols, line: { color: C.negro, width: 0.3 } },\n    text: vals.map(v => v.toFixed(2) + '%'),\n    textposition: 'outside',\n    textfont: { size: 10, family: 'IBM Plex Mono, monospace', color: C.negro },\n    hovertemplate: '<b>%{y}<\/b><br>Electricidad mensual: %{x:.2f}%<extra><\/extra>',\n    cliponaxis: false\n  }], {\n    ...LAYOUT_BASE,\n    height: 560,\n    margin: { t: 10, b: 50, l: 115, r: 65 },\n    xaxis: { ...AXIS_BASE, title: { text: 'Variaci\u00f3n mensual electricidad (%)', font: { size: 11 } },\n      tickformat: '.2f', ticksuffix: '%', range: [-5.5, 7.5] },\n    yaxis: { ...AXIS_BASE, autorange: 'reversed', tickfont: { size: 11, family: 'DM Sans, sans-serif' } },\n    shapes: [{\n      type: 'line', x0: 0, x1: 0, y0: -0.5, y1: 23.5,\n      line: { color: C.gris1, width: 1, dash: 'dot' }\n    }]\n  }, CONFIG);\n})();\n\n\/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\/\/ TABS\n\/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction showTab(id) {\n  document.querySelectorAll('.tab-panel').forEach(p => p.classList.remove('active'));\n  document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));\n  document.getElementById('tab-' + id).classList.add('active');\n  event.currentTarget.classList.add('active');\n  \/\/ Forzar reflow de Plotly\n  setTimeout(() => {\n    window.dispatchEvent(new Event('resize'));\n  }, 50);\n}\n<\/script>\n<\/body>\n<\/html>\n\n\n\n\n<h2 class=\"wp-block-heading\">Referencias<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Dane (2026). Precios y costos. <a href=\"https:\/\/www.dane.gov.co\/index.php\/estadisticas-por-tema\/precios-y-costos\/indice-de-precios-al-consumidor-ipc\/ipc-informacion-tecnica\">https:\/\/www.dane.gov.co\/index.php\/estadisticas-por-tema\/precios-y-costos\/indice-de-precios-al-consumidor-ipc\/ipc-informacion-tecnica<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I. Contexto: Variaci\u00f3n mensual (mayo 2026) El IPC nacional registr\u00f3 una variaci\u00f3n mensual de 0.47%, con Armenia (0.49%) y Pereira (0.45%) por encima del promedio, mientras Manizales (0.23%) fue la ciudad con menor presi\u00f3n inflacionaria del mes. Ibagu\u00e9 (0.35%) tambi\u00e9n se mantuvo por debajo del dato nacional. M\u00e9tricas clave \u2014<\/p>\n<div class=\"continue-reading-wrapper\"><a href=\"https:\/\/observatorioarmenia.org\/site\/observatorio-economico-inflacion-en-mayo-armenia-0-49-ibague-0-35-manizales-0-23-pereira-0-45-y-nacional-0-47\/\" class=\"continue-reading\">Ampliar informaci\u00f3n<i class=\"ion-ios-arrow-right\"><\/i><\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-8006","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/observatorioarmenia.org\/site\/wp-json\/wp\/v2\/posts\/8006","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/observatorioarmenia.org\/site\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/observatorioarmenia.org\/site\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/observatorioarmenia.org\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/observatorioarmenia.org\/site\/wp-json\/wp\/v2\/comments?post=8006"}],"version-history":[{"count":3,"href":"https:\/\/observatorioarmenia.org\/site\/wp-json\/wp\/v2\/posts\/8006\/revisions"}],"predecessor-version":[{"id":8017,"href":"https:\/\/observatorioarmenia.org\/site\/wp-json\/wp\/v2\/posts\/8006\/revisions\/8017"}],"wp:attachment":[{"href":"https:\/\/observatorioarmenia.org\/site\/wp-json\/wp\/v2\/media?parent=8006"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/observatorioarmenia.org\/site\/wp-json\/wp\/v2\/categories?post=8006"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/observatorioarmenia.org\/site\/wp-json\/wp\/v2\/tags?post=8006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}