{"id":2528,"date":"2025-10-15T15:27:41","date_gmt":"2025-10-15T15:27:41","guid":{"rendered":"https:\/\/narino.gov.co\/lamejortaza\/?page_id=2528"},"modified":"2026-09-22T14:40:08","modified_gmt":"2026-09-22T14:40:08","slug":"agenda","status":"publish","type":"page","link":"https:\/\/narino.gov.co\/lamejortaza\/agenda\/","title":{"rendered":"Agenda"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2528\" class=\"elementor elementor-2528\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-206e736 e-flex e-con-boxed e-con e-parent\" data-id=\"206e736\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-741ba8c e-flex e-con-boxed e-con e-child\" data-id=\"741ba8c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3db3b8a elementor-widget elementor-widget-ha-post-title happy-addon ha-post-title\" data-id=\"3db3b8a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ha-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"ha-post-title elementor-size-default\">Agenda<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f5d8a1f elementor-widget elementor-widget-button\" data-id=\"f5d8a1f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/narino.gov.co\/lamejortaza\/wp-content\/uploads\/2026\/09\/agenda-academica.pdf\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-arrow-alt-circle-down\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm-32-316v116h-67c-10.7 0-16 12.9-8.5 20.5l99 99c4.7 4.7 12.3 4.7 17 0l99-99c7.6-7.6 2.2-20.5-8.5-20.5h-67V140c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Descargar Agenda<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a9afda elementor-widget elementor-widget-html\" data-id=\"5a9afda\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     AGENDA INTERACTIVA \u00b7 LA MEJOR TAZA NARI\u00d1O 2026 (v2)\r\n     - Fondo transparente: se integra sobre el fondo claro del sitio.\r\n     - Sin t\u00edtulo principal.\r\n     - Todo encapsulado bajo .agenda-mejor-taza (prefijo amt-).\r\n     Pegar TODO este bloque en un bloque \"HTML personalizado\" de WordPress.\r\n     ============================================================ -->\r\n\r\n<!-- ====================== 1. HTML ====================== -->\r\n<div class=\"agenda-mejor-taza\" id=\"agenda-mejor-taza\">\r\n\r\n  <!-- Pesta\u00f1as por d\u00eda (se generan desde el CSV) -->\r\n  <div class=\"amt-tabs\" role=\"tablist\" aria-label=\"D\u00edas del evento\" id=\"amt-tabs\"><\/div>\r\n\r\n  <!-- Estado: cargando -->\r\n  <div class=\"amt-state amt-state--loading\" id=\"amt-loading\" role=\"status\" aria-live=\"polite\">\r\n    <span class=\"amt-cup\" aria-hidden=\"true\">\r\n      <span class=\"amt-cup__steam\"><\/span>\r\n      <span class=\"amt-cup__steam\"><\/span>\r\n      <span class=\"amt-cup__steam\"><\/span>\r\n    <\/span>\r\n    <p>Cargando agenda\u2026<\/p>\r\n  <\/div>\r\n\r\n  <!-- Estado: error -->\r\n  <div class=\"amt-state amt-state--error\" id=\"amt-error\" role=\"alert\" hidden>\r\n    <p class=\"amt-state__title\">No pudimos cargar la agenda<\/p>\r\n    <p class=\"amt-state__text\">Revisa tu conexi\u00f3n e int\u00e9ntalo de nuevo.<\/p>\r\n    <button type=\"button\" class=\"amt-btn\" id=\"amt-retry\">Reintentar<\/button>\r\n  <\/div>\r\n\r\n  <!-- Paneles con la l\u00ednea de tiempo de cada d\u00eda (se generan desde el CSV) -->\r\n  <div class=\"amt-panels\" id=\"amt-panels\"><\/div>\r\n\r\n<\/div>\r\n\r\n<!-- ====================== 2. CSS ====================== -->\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;500;700;900&display=swap');\r\n\r\n  .agenda-mejor-taza {\r\n    \/* ---- Paleta del dise\u00f1o La Mejor Taza 2026, en su versi\u00f3n para fondo claro ---- *\/\r\n    --amt-rojo: #C8102E;          \/* rojo del hero *\/\r\n    --amt-rojo-oscuro: #8E1B2C;   \/* rojo del bloque \"SEP. 25 al 27\" *\/\r\n    --amt-verde: #1F5A33;         \/* verde de la secci\u00f3n Agenda *\/\r\n    --amt-verde-oscuro: #143D22;  \/* sombra del verde, para texto *\/\r\n    --amt-naranja: #F5A623;       \/* p\u00edldoras \"25 DE SEPTIEMBRE\" *\/\r\n    --amt-naranja-hover: #FFB63A;\r\n    --amt-crema: #F7F1E5;         \/* tarjetas (crema del footer) *\/\r\n    --amt-cafe: #3A2417;          \/* caf\u00e9 oscuro: texto principal *\/\r\n    --amt-cafe-suave: #6B4A36;    \/* caf\u00e9 medio: texto secundario *\/\r\n    --amt-linea: #B9C7B0;         \/* verde muy suave para la l\u00ednea de tiempo *\/\r\n    --amt-font: 'Roboto', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;\r\n    --amt-ease: cubic-bezier(.22,.61,.36,1);\r\n\r\n    all: initial;                 \/* a\u00edsla del tema *\/\r\n    display: block;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    max-width: 1040px;\r\n    margin: 0 auto;\r\n    padding: .5rem 0;\r\n    background: transparent;      \/* REGLA 1 *\/\r\n    font-family: var(--amt-font);\r\n    color: var(--amt-cafe);\r\n    line-height: 1.5;\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n  .agenda-mejor-taza *, .agenda-mejor-taza *::before, .agenda-mejor-taza *::after { box-sizing: border-box; }\r\n  .agenda-mejor-taza p, .agenda-mejor-taza h3 { margin: 0; }\r\n  .agenda-mejor-taza button { font-family: inherit; cursor: pointer; }\r\n  .agenda-mejor-taza :focus-visible { outline: 3px solid var(--amt-rojo); outline-offset: 3px; }\r\n\r\n  \/* ---------- Pesta\u00f1as de d\u00eda (p\u00edldoras como en el PDF) ---------- *\/\r\n  .amt-tabs {\r\n    display: flex;\r\n    gap: .6rem;\r\n    overflow-x: auto;\r\n    padding: .25rem .25rem .6rem;\r\n    margin-bottom: 1.5rem;\r\n    scrollbar-width: none;\r\n    -webkit-overflow-scrolling: touch;\r\n  }\r\n  .amt-tabs::-webkit-scrollbar { display: none; }\r\n  .amt-tab {\r\n    flex: 0 0 auto;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: .55rem;\r\n    padding: .5rem 1.1rem .5rem .5rem;\r\n    border: 2px solid var(--amt-verde);\r\n    border-radius: 999px;\r\n    background: transparent;\r\n    color: var(--amt-verde-oscuro);\r\n    font-weight: 700;\r\n    font-size: .9rem;\r\n    line-height: 1;\r\n    white-space: nowrap;\r\n    transition: background .25s var(--amt-ease), border-color .25s var(--amt-ease),\r\n                color .25s var(--amt-ease), transform .25s var(--amt-ease), box-shadow .25s var(--amt-ease);\r\n  }\r\n  .amt-tab__num {\r\n    display: grid;\r\n    place-items: center;\r\n    min-width: 34px; height: 34px;\r\n    padding: 0 .35rem;\r\n    border-radius: 999px;\r\n    background: var(--amt-verde);\r\n    color: #fff;\r\n    font-size: 1.05rem;\r\n    font-weight: 900;\r\n    transition: background .25s var(--amt-ease), color .25s var(--amt-ease);\r\n  }\r\n  .amt-tab__count {\r\n    font-weight: 400;\r\n    font-size: .8rem;\r\n    color: var(--amt-cafe-suave);\r\n  }\r\n\r\n  \/*33333333333333333333333\r\n  .amt-tab:hover {\r\n    background: rgba(31,90,51,.08);\r\n    transform: translateY(-1px);\r\n  }*\/\r\n  .amt-tab:hover, \r\n  .amt-tab:focus {\r\n    background: rgba(31,90,51,.08) !important;\r\n    transform: translateY(-1px);\r\n    color: var(--amt-verde-oscuro) !important; \/* Fuerza a que el texto siga siendo verde oscuro *\/\r\n    border-color: var(--amt-verde) !important; \/* Evita el borde azul del tema de WP *\/\r\n    outline: none !important;\r\n  }\r\n  .amt-tab[aria-selected=\"true\"] {\r\n    background: var(--amt-naranja);\r\n    border-color: var(--amt-naranja);\r\n    color: var(--amt-cafe);\r\n    box-shadow: 0 6px 16px rgba(245,166,35,.35);\r\n  }\r\n  .amt-tab[aria-selected=\"true\"] .amt-tab__num { background: var(--amt-rojo-oscuro); }\r\n  .amt-tab[aria-selected=\"true\"] .amt-tab__count { color: var(--amt-cafe); }\r\n\r\n  \/* ---------- Paneles \/ l\u00ednea de tiempo ---------- *\/\r\n  .amt-panel { display: none; }\r\n  .amt-panel.is-active { display: block; animation: amt-fade .35s var(--amt-ease); }\r\n  @keyframes amt-fade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }\r\n\r\n  .amt-timeline {\r\n    list-style: none;\r\n    margin: 0; padding: 0;\r\n    position: relative;\r\n  }\r\n  .amt-timeline::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 10px; top: 16px; bottom: 16px;\r\n    width: 3px;\r\n    border-radius: 3px;\r\n    background: var(--amt-linea);\r\n  }\r\n  .amt-item {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: .35rem;\r\n    padding: 0 0 1.15rem 2.1rem;\r\n  }\r\n  .amt-item:last-child { padding-bottom: 0; }\r\n  \/* marcador *\/\r\n  .amt-item::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 3px; top: 12px;\r\n    width: 17px; height: 17px;\r\n    border-radius: 50%;\r\n    background: var(--amt-naranja);\r\n    border: 3px solid #fff;\r\n    box-shadow: 0 0 0 2px var(--amt-verde);\r\n    transition: transform .25s var(--amt-ease), background .25s var(--amt-ease), box-shadow .25s var(--amt-ease);\r\n  }\r\n  .amt-item:hover::before {\r\n    transform: scale(1.2);\r\n    background: var(--amt-rojo);\r\n    box-shadow: 0 0 0 2px var(--amt-rojo);\r\n  }\r\n\r\n  .amt-item__time {\r\n    font-size: .9rem;\r\n    font-weight: 700;\r\n    color: var(--amt-verde);\r\n    padding-top: .35rem;\r\n    white-space: nowrap;\r\n  }\r\n  .amt-item__card {\r\n    background: var(--amt-crema);\r\n    color: var(--amt-cafe);\r\n    border-radius: 14px;\r\n    padding: 1rem 1.15rem;\r\n    border-left: 6px solid var(--amt-rojo);\r\n    box-shadow: 0 4px 14px rgba(58,36,23,.10);\r\n    transition: transform .3s var(--amt-ease), box-shadow .3s var(--amt-ease), border-color .3s var(--amt-ease);\r\n  }\r\n  .amt-item:hover .amt-item__card {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 12px 26px rgba(58,36,23,.18);\r\n    border-left-color: var(--amt-naranja);\r\n  }\r\n  .amt-item__title {\r\n    font-size: 1.02rem;\r\n    font-weight: 500;\r\n    line-height: 1.4;\r\n    color: var(--amt-cafe);\r\n  }\r\n\r\n  .amt-item--nohora .amt-item__time { color: var(--amt-cafe-suave); font-weight: 400; }\r\n  .amt-empty { color: var(--amt-cafe-suave); padding: 1.5rem 0; }\r\n\r\n  \/* ---------- Estados ---------- *\/\r\n  .amt-state { text-align: center; padding: 2.5rem 1rem; color: var(--amt-cafe); }\r\n  .amt-state[hidden] { display: none; }\r\n  .amt-state--loading p { margin-top: 1rem; font-weight: 500; color: var(--amt-verde-oscuro); }\r\n  .amt-state__title { font-size: 1.2rem; font-weight: 700; color: var(--amt-rojo-oscuro); margin-bottom: .35rem; }\r\n  .amt-state__text { max-width: 44ch; margin: 0 auto 1.1rem; color: var(--amt-cafe-suave); }\r\n  .amt-btn {\r\n    display: inline-block;\r\n    padding: .65rem 1.5rem;\r\n    border: 0;\r\n    border-radius: 999px;\r\n    background: var(--amt-naranja);\r\n    color: var(--amt-cafe);\r\n    font-weight: 700;\r\n    font-size: .95rem;\r\n    transition: background .2s, transform .2s;\r\n  }\r\n  .amt-btn:hover { background: var(--amt-naranja-hover); transform: translateY(-1px); }\r\n\r\n  \/* Taza con vapor (spinner) en tonos oscuros *\/\r\n  .amt-cup {\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 52px; height: 38px;\r\n    border-radius: 0 0 22px 22px;\r\n    background: var(--amt-rojo-oscuro);\r\n    margin-top: 22px;\r\n  }\r\n  .amt-cup::after {\r\n    content: '';\r\n    position: absolute;\r\n    right: -14px; top: 6px;\r\n    width: 18px; height: 19px;\r\n    border: 5px solid var(--amt-rojo-oscuro);\r\n    border-left: 0;\r\n    border-radius: 0 12px 12px 0;\r\n  }\r\n  .amt-cup__steam {\r\n    position: absolute;\r\n    bottom: 100%;\r\n    width: 4px; height: 16px;\r\n    border-radius: 4px;\r\n    background: var(--amt-verde);\r\n    opacity: 0;\r\n    animation: amt-steam 1.6s ease-in-out infinite;\r\n  }\r\n  .amt-cup__steam:nth-child(1) { left: 12px; animation-delay: 0s; }\r\n  .amt-cup__steam:nth-child(2) { left: 24px; animation-delay: .3s; }\r\n  .amt-cup__steam:nth-child(3) { left: 36px; animation-delay: .6s; }\r\n  @keyframes amt-steam {\r\n    0%   { transform: translateY(6px) scaleY(.6); opacity: 0; }\r\n    40%  { opacity: .8; }\r\n    100% { transform: translateY(-14px) scaleY(1); opacity: 0; }\r\n  }\r\n\r\n  \/* ---------- Escritorio ---------- *\/\r\n@media (min-width: 720px) {\r\n    .amt-tabs { flex-wrap: wrap; overflow: visible; }\r\n    .amt-tab { font-size: .95rem; }\r\n    .amt-timeline::before { left: 191px; } \r\n    .amt-item {\r\n      grid-template-columns: 165px 1fr; \r\n      gap: 1.6rem;\r\n      padding-left: 0;\r\n      padding-bottom: 1.4rem;\r\n    }\r\n    .amt-item::before { left: 184px; top: 14px; } \r\n    .amt-item__time { \r\n      text-align: right; \r\n      font-size: 1.02rem; \r\n      white-space: normal; \r\n      line-height: 1.3;\r\n      padding-top: 0.15rem;\r\n    }\r\n    .amt-item__card { padding: 1.15rem 1.4rem; }\r\n    .amt-item__title { font-size: 1.08rem; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .agenda-mejor-taza *, .agenda-mejor-taza *::before, .agenda-mejor-taza *::after {\r\n      animation: none !important;\r\n      transition: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- ====================== 3. JAVASCRIPT ====================== -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/PapaParse\/5.4.1\/papaparse.min.js\"><\/script>\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  var CSV_URL = 'https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vRmlLQXSRufNR_VRh3XU-02AVzY5K8Mjy-S5b2U9Vt9wQYf_WrdVPBp_AHGOFEegQMwiMMvWgXb3NGN\/pub?output=csv';\r\n\r\n  var root     = document.getElementById('agenda-mejor-taza');\r\n  if (!root) return;\r\n  var tabsEl   = document.getElementById('amt-tabs');\r\n  var panelsEl = document.getElementById('amt-panels');\r\n  var loading  = document.getElementById('amt-loading');\r\n  var errorEl  = document.getElementById('amt-error');\r\n  var retryBtn = document.getElementById('amt-retry');\r\n\r\n  \/* ---------- utilidades ---------- *\/\r\n  function normalizeKey(k) {\r\n    return String(k || '')\r\n      .replace(\/^\\uFEFF\/, '')\r\n      .normalize('NFD').replace(\/[\\u0300-\\u036f]\/g, '')\r\n      .trim().toLowerCase();\r\n  }\r\n  function pick(row, wanted) {\r\n    var keys = Object.keys(row);\r\n    for (var i = 0; i < keys.length; i++) {\r\n      if (normalizeKey(keys[i]) === wanted) return String(row[keys[i]] || '').trim();\r\n    }\r\n    return '';\r\n  }\r\n  function escapeHtml(s) {\r\n    return String(s).replace(\/[&<>\"']\/g, function (c) {\r\n      return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '\"': '&quot;', \"'\": '&#39;' }[c];\r\n    });\r\n  }\r\n  \/\/ \"8:30 a.m.\" | \"14:00\" | \"2 pm\" -> minutos desde medianoche, o null\r\n  function timeToMinutes(t) {\r\n    var m = String(t).toLowerCase().match(\/(\\d{1,2})(?:[:.h](\\d{2}))?\\s*(a\\.?\\s*m\\.?|p\\.?\\s*m\\.?)?\/);\r\n    if (!m) return null;\r\n    var h = parseInt(m[1], 10), min = m[2] ? parseInt(m[2], 10) : 0;\r\n    var ap = (m[3] || '').replace(\/[.\\s]\/g, '');\r\n    if (ap === 'pm' && h < 12) h += 12;\r\n    if (ap === 'am' && h === 12) h = 0;\r\n    return h * 60 + min;\r\n  }\r\n  \/\/ \"25 de septiembre\" -> { num: \"25\", rest: \"de septiembre\" }\r\n  function splitDay(label) {\r\n    var m = String(label).match(\/^\\s*(\\d{1,2})\\s*(.*)$\/);\r\n    if (m) return { num: m[1], rest: m[2].replace(\/^(de|del)\\s+\/i, '') };\r\n    var w = String(label).match(\/^\\s*(d[i\u00ed]a)\\s*(\\d+)\\s*(.*)$\/i);\r\n    if (w) return { num: w[2], rest: w[3] };\r\n    return { num: '', rest: label };\r\n  }\r\n  var MESES = ['enero','febrero','marzo','abril','mayo','junio','julio','agosto','septiembre','octubre','noviembre','diciembre'];\r\n  function monthIndex(text) {\r\n    var t = normalizeKey(text).replace('setiembre', 'septiembre');\r\n    for (var i = 0; i < MESES.length; i++) if (t.indexOf(MESES[i]) !== -1) return i;\r\n    return -1;\r\n  }\r\n\r\n  \/* ---------- agrupaci\u00f3n por d\u00eda ---------- *\/\r\n  function groupByDay(rows) {\r\n    var order = [], map = {};\r\n    rows.forEach(function (r) {\r\n      var dia = pick(r, 'dia'), hora = pick(r, 'hora'), act = pick(r, 'actividad');\r\n      if (!dia && !act) return;\r\n      if (!map[dia]) { map[dia] = []; order.push(dia); }\r\n      map[dia].push({ hora: hora, actividad: act, min: timeToMinutes(hora) });\r\n    });\r\n    order.forEach(function (d) {\r\n      map[d].sort(function (a, b) {\r\n        if (a.min === null && b.min === null) return 0;\r\n        if (a.min === null) return 1;\r\n        if (b.min === null) return -1;\r\n        return a.min - b.min;\r\n      });\r\n    });\r\n    return order.map(function (d) { return { label: d, items: map[d] }; });\r\n  }\r\n\r\n  \/* ---------- render ---------- *\/\r\n  function render(days) {\r\n    tabsEl.innerHTML = '';\r\n    panelsEl.innerHTML = '';\r\n    if (!days.length) {\r\n      panelsEl.innerHTML = '<p class=\"amt-empty\">A\u00fan no hay actividades programadas. Vuelve pronto.<\/p>';\r\n      return;\r\n    }\r\n\r\n    \/\/ si hoy coincide con alguno de los d\u00edas, se abre ese por defecto\r\n    var today = new Date(), start = 0;\r\n    days.forEach(function (d, i) {\r\n      var p = splitDay(d.label), mi = monthIndex(d.label);\r\n      if (p.num && parseInt(p.num, 10) === today.getDate() && (mi === -1 || mi === today.getMonth())) start = i;\r\n    });\r\n\r\n    days.forEach(function (d, i) {\r\n      var parts = splitDay(d.label);\r\n      var id = 'amt-panel-' + i;\r\n\r\n      var tab = document.createElement('button');\r\n      tab.type = 'button';\r\n      tab.className = 'amt-tab';\r\n      tab.id = 'amt-tab-' + i;\r\n      tab.setAttribute('role', 'tab');\r\n      tab.setAttribute('aria-controls', id);\r\n      tab.setAttribute('aria-selected', i === start ? 'true' : 'false');\r\n      tab.setAttribute('tabindex', i === start ? '0' : '-1');\r\n      tab.innerHTML =\r\n        (parts.num ? '<span class=\"amt-tab__num\">' + escapeHtml(parts.num) + '<\/span>' : '') +\r\n        '<span>' + escapeHtml(parts.num ? (parts.rest || 'D\u00eda ' + parts.num) : d.label) + '<\/span>' +\r\n        '<span class=\"amt-tab__count\">' + d.items.length + '<\/span>';\r\n      tab.addEventListener('click', function () { activate(i); });\r\n      tabsEl.appendChild(tab);\r\n\r\n      var panel = document.createElement('div');\r\n      panel.className = 'amt-panel' + (i === start ? ' is-active' : '');\r\n      panel.id = id;\r\n      panel.setAttribute('role', 'tabpanel');\r\n      panel.setAttribute('aria-labelledby', tab.id);\r\n      panel.innerHTML = '<ol class=\"amt-timeline\">' + d.items.map(function (it) {\r\n        return '<li class=\"amt-item' + (it.hora ? '' : ' amt-item--nohora') + '\">' +\r\n          '<div class=\"amt-item__time\">' + escapeHtml(it.hora || 'Por confirmar') + '<\/div>' +\r\n          '<div class=\"amt-item__card\"><h3 class=\"amt-item__title\">' + escapeHtml(it.actividad) + '<\/h3><\/div>' +\r\n        '<\/li>';\r\n      }).join('') + '<\/ol>';\r\n      panelsEl.appendChild(panel);\r\n    });\r\n\r\n    \/\/ navegaci\u00f3n con flechas del teclado\r\n    tabsEl.addEventListener('keydown', function (e) {\r\n      var tabs = tabsEl.querySelectorAll('.amt-tab');\r\n      var cur = Array.prototype.indexOf.call(tabs, document.activeElement);\r\n      if (cur === -1) return;\r\n      var next = null;\r\n      if (e.key === 'ArrowRight') next = (cur + 1) % tabs.length;\r\n      if (e.key === 'ArrowLeft')  next = (cur - 1 + tabs.length) % tabs.length;\r\n      if (e.key === 'Home') next = 0;\r\n      if (e.key === 'End')  next = tabs.length - 1;\r\n      if (next !== null) { e.preventDefault(); activate(next); tabs[next].focus(); }\r\n    });\r\n  }\r\n\r\n  function activate(index) {\r\n    var tabs = tabsEl.querySelectorAll('.amt-tab');\r\n    var panels = panelsEl.querySelectorAll('.amt-panel');\r\n    tabs.forEach(function (t, i) {\r\n      t.setAttribute('aria-selected', i === index ? 'true' : 'false');\r\n      t.setAttribute('tabindex', i === index ? '0' : '-1');\r\n    });\r\n    panels.forEach(function (p, i) { p.classList.toggle('is-active', i === index); });\r\n    var t = tabs[index];\r\n    if (t && t.scrollIntoView) t.scrollIntoView({ block: 'nearest', inline: 'center', behavior: 'smooth' });\r\n  }\r\n\r\n  \/* ---------- carga ---------- *\/\r\n  function setState(s) {\r\n    loading.hidden = s !== 'loading';\r\n    errorEl.hidden = s !== 'error';\r\n    panelsEl.style.display = s === 'ready' ? '' : 'none';\r\n    tabsEl.style.display   = s === 'ready' ? '' : 'none';\r\n  }\r\n\r\n  function load() {\r\n    setState('loading');\r\n    var url = CSV_URL + '&t=' + Math.floor(Date.now() \/ 60000); \/\/ evita cach\u00e9 por 1 min\r\n    fetch(url, { cache: 'no-store' })\r\n      .then(function (res) {\r\n        if (!res.ok) throw new Error('HTTP ' + res.status);\r\n        return res.text();\r\n      })\r\n      .then(function (text) {\r\n        var parsed = Papa.parse(text, { header: true, skipEmptyLines: true });\r\n        if (!parsed.data || !parsed.data.length) throw new Error('CSV vac\u00edo');\r\n        render(groupByDay(parsed.data));\r\n        setState('ready');\r\n      })\r\n      .catch(function (err) {\r\n        console.error('[Agenda La Mejor Taza]', err);\r\n        setState('error');\r\n      });\r\n  }\r\n\r\n  retryBtn.addEventListener('click', load);\r\n  if (typeof Papa === 'undefined') {\r\n    window.addEventListener('load', function () { typeof Papa !== 'undefined' ? load() : setState('error'); });\r\n  } else {\r\n    load();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Agenda Descargar Agenda Cargando agenda\u2026 No pudimos cargar la agenda Revisa tu conexi\u00f3n e int\u00e9ntalo de nuevo. Reintentar<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2528","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/narino.gov.co\/lamejortaza\/wp-json\/wp\/v2\/pages\/2528","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/narino.gov.co\/lamejortaza\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/narino.gov.co\/lamejortaza\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/narino.gov.co\/lamejortaza\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/narino.gov.co\/lamejortaza\/wp-json\/wp\/v2\/comments?post=2528"}],"version-history":[{"count":91,"href":"https:\/\/narino.gov.co\/lamejortaza\/wp-json\/wp\/v2\/pages\/2528\/revisions"}],"predecessor-version":[{"id":3308,"href":"https:\/\/narino.gov.co\/lamejortaza\/wp-json\/wp\/v2\/pages\/2528\/revisions\/3308"}],"wp:attachment":[{"href":"https:\/\/narino.gov.co\/lamejortaza\/wp-json\/wp\/v2\/media?parent=2528"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}