{"id":9615,"date":"2022-02-23T15:14:43","date_gmt":"2022-02-23T20:14:43","guid":{"rendered":"https:\/\/amc.gov.co\/amc\/?page_id=9615"},"modified":"2026-05-20T16:15:30","modified_gmt":"2026-05-20T21:15:30","slug":"eventos","status":"publish","type":"page","link":"https:\/\/amc.gov.co\/amc\/eventos\/","title":{"rendered":"eventos"},"content":{"rendered":"<div class=\"vce-row-container\"><div class=\"vce-row vce-row--col-gap-30 vce-row-equal-height vce-row-content--top\" data-vce-full-width=\"true\" data-vce-stretch-content=\"true\" id=\"el-3358897b\" data-vce-do-apply=\"all el-3358897b\"><div class=\"vce-row-content\" data-vce-element-content=\"true\"><div class=\"vce-col vce-col--md-auto vce-col--xs-1 vce-col--xs-last vce-col--xs-first vce-col--sm-last vce-col--sm-first vce-col--md-last vce-col--lg-last vce-col--xl-last vce-col--md-first vce-col--lg-first vce-col--xl-first\" id=\"el-7d74b239\"><div class=\"vce-col-inner\" data-vce-do-apply=\"border margin background  el-7d74b239\"><div class=\"vce-col-content\" data-vce-element-content=\"true\" data-vce-do-apply=\"padding el-7d74b239\"><div class=\"vce-text-block\"><div class=\"vce-text-block-wrapper vce\" id=\"el-5217c687\" data-vce-do-apply=\"all el-5217c687\"><nav aria-label=\"breadcrumb\">\n<ol class=\"breadcrumb gov-co-breadcrumb\">\n<li class=\"breadcrumb-item\"><a href=\"https:\/\/amc.gov.co\/amc\/\"><i class=\"fas fa-home\"><\/i> Inicio <\/a><\/li>\n<li class=\"breadcrumb-item active\" aria-current=\"page\"><a href=\"\/transparencia-y-acceso-informacion-publica\/\">Transparencia y acceso a la informaci\u00f3n p\u00fablica<\/a><\/li>\n<li class=\"breadcrumb-item active\" aria-current=\"page\"><a href=\"https:\/\/amc.gov.co\/amc\/eventos\/\">Calendario de actividades y eventos<\/a><\/li>\n<\/ol>\n<\/nav>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vce-row-container\"><div class=\"vce-row vce-row--col-gap-15 vce-row-content--middle\" data-vce-full-width=\"true\" data-vce-stretch-content=\"true\" id=\"el-dfcd589a\" data-vce-do-apply=\"all el-dfcd589a\"><div class=\"vce-content-background-container\"><\/div><div class=\"vce-row-content\" data-vce-element-content=\"true\"><div class=\"vce-col vce-col--xs-100p vce-col--xs-visible vce-col--xs-last vce-col--xs-first vce-col--sm-100p vce-col--sm-visible vce-col--sm-last vce-col--sm-first vce-col--md-100p vce-col--md-visible vce-col--md-last vce-col--md-first vce-col--lg-100p vce-col--lg-visible vce-col--lg-last vce-col--lg-first vce-col--xl-100p vce-col--xl-visible vce-col--xl-last vce-col--xl-first\" id=\"el-5ed2d2e5\"><div class=\"vce-col-inner\" data-vce-do-apply=\"border margin background  el-5ed2d2e5\"><div class=\"vce-col-content\" data-vce-element-content=\"true\" data-vce-do-apply=\"padding el-5ed2d2e5\"><div class=\"vce-raw-html\"><div class=\"vce-raw-html-wrapper\" id=\"el-e9179950\" data-vce-do-apply=\"all el-e9179950\"><!--\n=============================================================\n  CALENDARIO WEB - \u00c1REA METROPOLITANA DE C\u00daCUTA\n  Versi\u00f3n: 1.0 \n=============================================================\n-->\n\n\n\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Calendario - \u00c1rea Metropolitana de C\u00facuta<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&amp;display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n  --azul:       #0D2B5E;\n  --azul-mid:   #1A4080;\n  --azul-light: #2A5FAE;\n  --azul-pale:  #E8F0FB;\n  --verde:      #1E8A4A;\n  --verde-mid:  #28A85C;\n  --verde-pale: #E6F5ED;\n  --blanco:     #FFFFFF;\n  --gris-1:     #F5F7FA;\n  --gris-2:     #E8EDF3;\n  --gris-3:     #C5CFD9;\n  --gris-4:     #8898AA;\n  --gris-5:     #4A5568;\n  --texto:      #1A2535;\n  --sombra-sm:  0 2px 8px rgba(13,43,94,.10);\n  --sombra-md:  0 6px 24px rgba(13,43,94,.13);\n  --sombra-lg:  0 16px 48px rgba(13,43,94,.18);\n  --radio:      14px;\n  --radio-sm:   8px;\n  --fuente:     'Plus Jakarta Sans', system-ui, sans-serif;\n  --transicion: .22s cubic-bezier(.4,0,.2,1);\n}\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\nbody {\n  font-family: var(--fuente);\n  color: var(--texto);\n  background: transparent;\n  line-height: 1.5;\n}\n\n#amc-calendar {\n  max-width: 100%;\n  margin: 0 auto;\n  padding: 0 0 40px;\n}\n\n.cal-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  background: var(--azul);\n  border-radius: var(--radio) var(--radio) 0 0;\n  padding: 20px 32px;\n  gap: 16px;\n}\n\n.cal-logo-wrap {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n}\n\n.cal-logo {\n  height: 52px;\n  width: auto;\n  object-fit: contain;\n  filter: brightness(0) invert(1);\n}\n\n.cal-logo-text { display: flex; flex-direction: column; }\n.cal-logo-titulo { font-size: 18px; font-weight: 700; color: #fff; letter-spacing: .3px; line-height: 1.2; }\n.cal-logo-sub { font-size: 12px; font-weight: 400; color: rgba(255,255,255,.65); letter-spacing: .8px; text-transform: uppercase; }\n\n.cal-header-right { display: flex; align-items: center; gap: 10px; }\n\n.cal-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n\n.legend-item { display: flex; align-items: center; gap: 6px; font-size: 12px; color: rgba(255,255,255,.8); font-weight: 500; }\n.legend-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }\n\n.cal-nav {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  background: var(--azul-mid);\n  padding: 14px 28px;\n  gap: 12px;\n}\n\n.cal-nav-btn {\n  width: 38px !important; height: 38px !important;\n  border: none !important; border-radius: 50% !important;\n  background: rgba(255,255,255,.12) !important;\n  color: #fff !important; font-size: 18px !important;\n  cursor: pointer !important;\n  display: flex !important; align-items: center !important;\n  justify-content: center !important;\n  transition: background var(--transicion), transform var(--transicion) !important;\n  line-height: 1 !important;\n  padding: 0 !important;\n  text-decoration: none !important;\n}\n.cal-nav-btn:hover {\n  background: rgba(255,255,255,.25) !important;\n  transform: scale(1.08) !important;\n  color: #fff !important;\n}\n\n.cal-mes-actual { font-size: 22px; font-weight: 700; color: #fff; letter-spacing: .2px; text-align: center; }\n\n.cal-hoy-btn {\n  padding: 7px 18px;\n  border: 1.5px solid rgba(255,255,255,.35);\n  border-radius: 20px; background: transparent;\n  color: rgba(255,255,255,.9); font-size: 13px; font-weight: 600;\n  font-family: var(--fuente); cursor: pointer;\n  transition: all var(--transicion); letter-spacing: .3px;\n}\n.cal-hoy-btn:hover { background: rgba(255,255,255,.18); border-color: rgba(255,255,255,.6); }\n\n.cal-grid-wrap {\n  background: var(--blanco);\n  border-radius: 0 0 var(--radio) var(--radio);\n  box-shadow: var(--sombra-md);\n  overflow: hidden;\n}\n\n.cal-dias-semana {\n  display: grid; grid-template-columns: repeat(7, 1fr);\n  background: var(--gris-1); border-bottom: 1.5px solid var(--gris-2);\n}\n\n.dia-semana-label {\n  text-align: center; padding: 10px 4px;\n  font-size: 12px; font-weight: 700; color: var(--gris-4);\n  letter-spacing: .8px; text-transform: uppercase;\n}\n\n.cal-dias {\n  display: grid !important;\n  grid-template-columns: repeat(7, 1fr) !important;\n  gap: 0 !important;\n  width: 100% !important;\n}\n\n.dia-celda {\n  min-height: 130px !important; height: 130px !important; overflow: hidden !important;\n  padding: 8px 6px 6px !important;\n  border-right: 1px solid var(--gris-2) !important;\n  border-bottom: 1px solid var(--gris-2) !important;\n  position: relative !important; cursor: default !important;\n  transition: background var(--transicion) !important;\n  display: flex !important; flex-direction: column !important; gap: 3px !important;\n  vertical-align: top !important; float: none !important;\n}\n\n.dia-celda:nth-child(7n) { border-right: none; }\n.dia-celda:hover:not(.dia-otro-mes) { background: var(--azul-pale); z-index: 1; }\n.dia-celda.dia-otro-mes { background: var(--gris-1); opacity: .55; }\n.dia-celda.dia-hoy { background: var(--azul-pale); }\n.dia-celda.dia-hoy .dia-numero { background: var(--azul); color: #fff; }\n.dia-celda.dia-finde .dia-numero { color: var(--gris-4); }\n\n.dia-numero {\n  width: 28px; height: 28px;\n  display: flex; align-items: center; justify-content: center;\n  border-radius: 50%; font-size: 14px; font-weight: 600; color: var(--texto);\n  transition: all var(--transicion); align-self: flex-start; flex-shrink: 0;\n}\n\n.evento-chip {\n  display: flex; align-items: center; gap: 4px;\n  padding: 3px 7px 3px 5px; border-radius: 5px;\n  font-size: 11px; font-weight: 600;\n  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\n  cursor: pointer;\n  transition: opacity var(--transicion), transform var(--transicion);\n  max-width: 100%; line-height: 1.3;\n}\n.evento-chip:hover { opacity: .85; transform: translateX(1px); }\n\n.chip-dot { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; background: currentColor; opacity: .7; }\n\n.evento-chip.mas-eventos { background: var(--gris-2) !important; color: var(--gris-5) !important; font-size: 10px; cursor: pointer; }\n\n.cal-color-0 { background: #E8F0FB; color: #1A4080; }\n.cal-color-1 { background: #E6F5ED; color: #1A6B38; }\n.cal-color-2 { background: #FEF3E2; color: #92560A; }\n.cal-color-3 { background: #F3EFFE; color: #5B3AC4; }\n.cal-color-4 { background: #FDE8EC; color: #B0213A; }\n\n.modal-overlay {\n  position: fixed; inset: 0;\n  background: rgba(10,20,40,.45);\n  z-index: 9999; display: flex; align-items: center; justify-content: center;\n  padding: 16px; opacity: 0; visibility: hidden;\n  transition: opacity .25s, visibility .25s;\n}\n.modal-overlay.activo { opacity: 1; visibility: visible; }\n\n.modal-card {\n  background: var(--blanco); border-radius: 18px;\n  box-shadow: var(--sombra-lg); padding: 0;\n  width: 100%; max-width: 460px; overflow: hidden;\n  transform: translateY(16px) scale(.97);\n  transition: transform .28s cubic-bezier(.34,1.56,.64,1);\n}\n.modal-overlay.activo .modal-card { transform: translateY(0) scale(1); }\n\n.modal-top { padding: 22px 24px 16px; border-bottom: 1px solid var(--gris-2); position: relative; }\n.modal-tag { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; margin-bottom: 10px; }\n.modal-titulo { font-size: 20px; font-weight: 700; color: var(--texto); line-height: 1.3; }\n.modal-cerrar { position: absolute; top: 18px; right: 20px; width: 32px; height: 32px; border: none; border-radius: 50%; background: var(--gris-2); color: var(--gris-5); font-size: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all var(--transicion); }\n.modal-cerrar:hover { background: var(--gris-3); color: var(--texto); }\n\n.modal-body { padding: 18px 24px 22px; display: flex; flex-direction: column; gap: 12px; }\n.modal-fila { display: flex; align-items: flex-start; gap: 10px; }\n.modal-icono { width: 32px; height: 32px; border-radius: 8px; background: var(--gris-1); display: flex; align-items: center; justify-content: center; font-size: 15px; flex-shrink: 0; }\n.modal-fila-texto { flex: 1; }\n.modal-fila-label { font-size: 11px; font-weight: 700; color: var(--gris-4); text-transform: uppercase; letter-spacing: .6px; margin-bottom: 2px; }\n.modal-fila-valor { font-size: 14px; color: var(--texto); font-weight: 500; line-height: 1.5; }\n.modal-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; padding: 9px 18px; background: var(--azul); color: #fff; text-decoration: none; border-radius: 8px; font-size: 13px; font-weight: 600; transition: background var(--transicion); align-self: flex-start; }\n.modal-link:hover { background: var(--azul-light); }\n\n\/* Error banner *\/\n.cal-error {\n  background: #FDE8EC; border-left: 4px solid #D85A30;\n  padding: 12px 16px; margin: 12px 16px;\n  border-radius: 8px; font-size: 13px; color: #7A2020;\n  display: none;\n}\n.cal-error.visible { display: block; }\n\n.cal-layout { display: grid; grid-template-columns: 1fr 280px; gap: 20px; align-items: stretch; }\n\n.cal-sidebar { background: var(--blanco); border-radius: var(--radio); box-shadow: var(--sombra-sm); padding: 20px; }\n\n.sidebar-titulo { font-size: 15px; font-weight: 700; color: var(--texto); margin-bottom: 14px; display: flex; align-items: center; gap: 8px; }\n.sidebar-titulo::before { content: ''; display: block; width: 3px; height: 16px; background: var(--azul); border-radius: 2px; }\n\n.sidebar-evento { padding: 10px 12px; border-radius: 9px; margin-bottom: 8px; cursor: pointer; transition: transform var(--transicion), box-shadow var(--transicion); border-left: 3px solid transparent; }\n.sidebar-evento:hover { transform: translateX(2px); box-shadow: var(--sombra-sm); }\n.sidebar-evento-nombre { font-size: 13px; font-weight: 600; color: var(--texto); line-height: 1.3; margin-bottom: 3px; }\n.sidebar-evento-fecha { font-size: 11px; color: var(--gris-4); font-weight: 500; }\n.sidebar-vacio { color: var(--gris-4); font-size: 13px; text-align: center; padding: 20px 0; }\n\n.cal-loading { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px 20px; gap: 14px; color: var(--gris-4); font-size: 14px; }\n.spinner { width: 36px; height: 36px; border: 3px solid var(--gris-2); border-top-color: var(--azul); border-radius: 50%; animation: spin .8s linear infinite; }\n@keyframes spin { to { transform: rotate(360deg); } }\n\n\/* \u2500\u2500 BARRA DE B\u00daSQUEDA + FILTROS \u2500\u2500\u2500\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.cal-busqueda-wrap {\n  padding: 16px 20px 12px;\n  background: var(--blanco);\n}\n\n\/* Botones r\u00e1pidos encima del recuadro *\/\n.cal-filtros-rapidos {\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n  margin-bottom: 10px;\n}\n.cal-filtro-btn {\n  padding: 4px 13px;\n  border: 1.5px solid var(--gris-2);\n  border-radius: 20px;\n  background: transparent;\n  font-family: var(--fuente);\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--gris-5);\n  cursor: pointer;\n  transition: all var(--transicion);\n  line-height: 1.6;\n}\n.cal-filtro-btn:hover  { border-color: var(--azul-light); color: var(--azul); }\n.cal-filtro-btn.activo { background: var(--azul); color: #fff; border-color: var(--azul); }\n\n\/* Recuadro \u00fanico *\/\n.cal-busqueda {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  background: var(--gris-1);\n  border: 1.5px solid var(--gris-2);\n  border-radius: 10px;\n  padding: 0 14px;\n  transition: border-color var(--transicion), box-shadow var(--transicion);\n}\n.cal-busqueda:focus-within {\n  border-color: var(--azul-light);\n  box-shadow: 0 0 0 3px rgba(42,95,174,.12);\n  background: var(--blanco);\n}\n\n\/* Lupa izquierda *\/\n.cal-busqueda-icono { flex-shrink: 0; display: flex; align-items: center; }\n\n\/* Input de texto *\/\n.cal-busqueda-input {\n  flex: 1;\n  border: none;\n  background: transparent;\n  font-family: var(--fuente);\n  font-size: 14px;\n  color: var(--texto);\n  padding: 11px 0;\n  outline: none;\n  min-width: 0;\n}\n.cal-busqueda-input::placeholder { color: var(--gris-3); }\n\n\/* Separador vertical *\/\n.cal-busqueda-sep {\n  width: 1px;\n  height: 20px;\n  background: var(--gris-2);\n  flex-shrink: 0;\n}\n\n\/* Icono calendario derecha *\/\n.cal-busqueda-cal-icono {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  color: var(--gris-4);\n  position: relative;\n}\n\n\/* Input fecha invisible sobre el icono *\/\n.cal-fecha-picker {\n  position: absolute;\n  inset: 0;\n  opacity: 0;\n  cursor: pointer;\n  width: 100%;\n  height: 100%;\n  border: none;\n  background: transparent;\n}\n.cal-fecha-picker::-webkit-calendar-picker-indicator {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  cursor: pointer;\n}\n\n\/* Etiqueta de fecha seleccionada *\/\n.cal-fecha-label {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--azul);\n  white-space: nowrap;\n  display: none;\n}\n.cal-fecha-label.visible { display: block; }\n\n\/* Bot\u00f3n limpiar *\/\n.cal-busqueda-limpiar {\n  background: none !important;\n  border: none !important;\n  border-radius: 50% !important;\n  cursor: pointer !important;\n  color: var(--gris-4) !important;\n  font-size: 13px !important;\n  font-weight: 700 !important;\n  width: 20px !important;\n  height: 20px !important;\n  padding: 0 !important;\n  line-height: 1 !important;\n  display: none !important;\n  align-items: center !important;\n  justify-content: center !important;\n  transition: all var(--transicion) !important;\n  flex-shrink: 0 !important;\n  text-decoration: none !important;\n}\n.cal-busqueda-limpiar:hover {\n  background: var(--gris-2) !important;\n  color: var(--gris-5) !important;\n}\n.cal-busqueda-limpiar.visible { display: flex !important; }\n\n\/* X de fecha (naranja) *\/\n#cal-fecha-limpiar {\n  background: #FDE8EC !important;\n  color: #ad0e16 !important;\n  font-size: 12px !important;\n  width: 22px !important;\n  height: 22px !important;\n  display: none !important;\n}\n#cal-fecha-limpiar.visible {\n  display: flex !important;\n}\n#cal-fecha-limpiar:hover {\n  background: #ad0e16 !important;\n  color: #fff !important;\n}\n\n.busqueda-resultados { display: none; flex-direction: column; gap: 6px; padding: 10px 20px 16px; background: var(--blanco); border-top: 1px solid var(--gris-2); max-height: 320px; overflow-y: auto; }\n.busqueda-resultados.visible { display: flex; }\n.busqueda-resultado-item { display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; border-radius: 9px; cursor: pointer; transition: background var(--transicion); border: 1px solid var(--gris-2); }\n.busqueda-resultado-item:hover { background: var(--azul-pale); border-color: var(--azul-pale); }\n.busqueda-barra-color { width: 4px; border-radius: 2px; align-self: stretch; flex-shrink: 0; min-height: 36px; }\n.busqueda-resultado-texto { flex: 1; min-width: 0; }\n.busqueda-resultado-nombre { font-size: 13px; font-weight: 600; color: var(--texto); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n.busqueda-resultado-nombre mark { background: #FEF3E2; color: #92560A; border-radius: 2px; padding: 0 2px; font-weight: 700; }\n.busqueda-resultado-meta { font-size: 11px; color: var(--gris-4); margin-top: 2px; }\n.busqueda-sin-resultados { text-align: center; padding: 24px 0; color: var(--gris-4); font-size: 13px; }\n\n@media (max-width: 900px) { .cal-layout { grid-template-columns: 1fr; } }\n@media (max-width: 640px) {\n  .cal-header { padding: 14px 18px; }\n  .cal-logo { height: 38px; }\n  .cal-logo-titulo { font-size: 14px; }\n  .cal-logo-sub, .cal-legend { display: none; }\n  .cal-nav { padding: 10px 14px; }\n  .cal-mes-actual { font-size: 16px; }\n  .dia-celda { min-height: 90px; padding: 5px 3px 3px; }\n  .dia-numero { width: 23px; height: 23px; font-size: 12px; }\n  .evento-chip { font-size: 9.5px; padding: 2px 5px 2px 4px; }\n  .chip-dot { width: 5px; height: 5px; }\n  .dia-semana-label { font-size: 10px; letter-spacing: .3px; }\n  .modal-card { border-radius: 14px; }\n  .modal-titulo { font-size: 16px; }\n  .cal-hoy-btn { display: none; }\n}\n@media (max-width: 400px) {\n  .dia-celda { min-height: 56px; }\n  .evento-chip span { display: none; }\n}\n\n.modal-icono svg {\n  display: block;\n}\n.cal-busqueda-icono svg {\n  display: block;\n}\n\n\/* \u2500\u2500 AISLAMIENTO TOTAL CONTRA WORDPRESS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#amc-calendar .cal-dias,\n#amc-calendar .cal-dias-semana {\n  display: grid !important;\n  grid-template-columns: repeat(7, 1fr) !important;\n  width: 100% !important;\n  float: none !important;\n  table-layout: auto !important;\n}\n\n#amc-calendar .cal-dias > div,\n#amc-calendar .dia-celda {\n  display: flex !important;\n  flex-direction: column !important;\n  float: none !important;\n  position: relative !important;\n  box-sizing: border-box !important;\n  vertical-align: top !important;\n  margin: 0 !important;\n}\n\n#amc-calendar .dia-semana-label {\n  display: block !important;\n  float: none !important;\n  text-align: center !important;\n  box-sizing: border-box !important;\n  margin: 0 !important;\n}\n\n#amc-calendar .cal-layout {\n  display: grid !important;\n  grid-template-columns: 1fr 280px !important;\n}\n\n<\/style>\n\n\n\n<div id=\"amc-calendar\">\n  <div class=\"cal-layout\">\n    <div>\n      <div class=\"cal-header\">\n        <div class=\"cal-logo-wrap\">\n          <img decoding=\"async\" class=\"cal-logo\" src=\"https:\/\/amc.gov.co\/amc\/wp-content\/uploads\/2026\/05\/AMC.png\" alt=\"Logo AMC\" onerror=\"this.style.display='none'\">\n          <div class=\"cal-logo-text\">\n            <span class=\"cal-logo-titulo\">Calendario de Eventos<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"cal-header-right\">\n          <div class=\"cal-legend\" id=\"cal-legend\"><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"cal-nav\">\n        <button class=\"cal-nav-btn\" id=\"btn-anterior\" aria-label=\"Mes anterior\">\u2039<\/button>\n        <div style=\"display:flex;align-items:center;gap:8px;\">\n          <span class=\"cal-mes-actual\" id=\"cal-mes-titulo\" style=\"cursor:pointer;\" title=\"Clic para ir a mes\/a\u00f1o espec\u00edfico\">Cargando\u2026<\/span>\n          <!-- Selector r\u00e1pido oculto -->\n          <div id=\"cal-nav-picker\" style=\"display:none;gap:6px;align-items:center;\">\n            <select id=\"picker-mes\" style=\"padding:4px 8px;border-radius:6px;border:none;font-family:inherit;font-size:14px;font-weight:600;background:rgba(255,255,255,.15);color:#fff;cursor:pointer;outline:none;\">\n              <option value=\"0\">Enero<\/option><option value=\"1\">Febrero<\/option>\n              <option value=\"2\">Marzo<\/option><option value=\"3\">Abril<\/option>\n              <option value=\"4\">Mayo<\/option><option value=\"5\">Junio<\/option>\n              <option value=\"6\">Julio<\/option><option value=\"7\">Agosto<\/option>\n              <option value=\"8\">Septiembre<\/option><option value=\"9\">Octubre<\/option>\n              <option value=\"10\">Noviembre<\/option><option value=\"11\">Diciembre<\/option>\n            <\/select>\n            <select id=\"picker-anio\" style=\"padding:4px 8px;border-radius:6px;border:none;font-family:inherit;font-size:14px;font-weight:600;background:rgba(255,255,255,.15);color:#fff;cursor:pointer;outline:none;\">\n            <\/select>\n            <button id=\"picker-ok\" style=\"padding:4px 10px;border-radius:6px;border:none;background:#fff;color:var(--azul);font-weight:700;font-size:13px;cursor:pointer;\">IR<\/button>\n            <button id=\"picker-cancel\" style=\"padding:4px 8px;border-radius:6px;border:none;background:rgba(255,255,255,.15);color:#fff;font-size:13px;cursor:pointer;\">\u2715<\/button>\n          <\/div>\n        <\/div>\n        <div style=\"display:flex;gap:10px;align-items:center;\">\n          <button class=\"cal-hoy-btn\" id=\"btn-hoy\">Hoy<\/button>\n          <button class=\"cal-nav-btn\" id=\"btn-siguiente\" aria-label=\"Mes siguiente\">\u203a<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"cal-grid-wrap\">\n        <div class=\"cal-busqueda-wrap\">\n\n  <!-- Botones r\u00e1pidos ENCIMA del recuadro -->\n  <div class=\"cal-filtros-rapidos\" id=\"cal-filtros-fecha\">\n    <button class=\"cal-filtro-btn activo\" data-filtro=\"todos\">Todos<\/button>\n    <button class=\"cal-filtro-btn\" data-filtro=\"hoy\">Hoy<\/button>\n    <button class=\"cal-filtro-btn\" data-filtro=\"semana\">Esta semana<\/button>\n    <button class=\"cal-filtro-btn\" data-filtro=\"mes\">Este mes<\/button>\n  <\/div>\n\n  <!-- Recuadro \u00fanico -->\n  <div class=\"cal-busqueda\">\n\n    <!-- Lupa (izquierda) -->\n    <span class=\"cal-busqueda-icono\">\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8898AA\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n      <\/svg>\n    <\/span>\n\n    <!-- Texto de b\u00fasqueda -->\n    <input class=\"cal-busqueda-input\" id=\"cal-busqueda-input\" type=\"text\" placeholder=\"Buscar por nombre, lugar, descripci\u00f3n o fecha\u2026\" autocomplete=\"off\">\n\n    <!-- Contador resultados -->\n    <span class=\"cal-busqueda-contador\" id=\"cal-busqueda-contador\" style=\"display:none\"><\/span>\n\n      <!-- Bot\u00f3n limpiar texto -->\n    <button class=\"cal-busqueda-limpiar\" id=\"cal-busqueda-limpiar\" aria-label=\"Limpiar b\u00fasqueda\">\u00d7<\/button>\n\n    <!-- Separador -->\n    <span class=\"cal-busqueda-sep\"><\/span>\n\n    <!-- Icono calendario con date picker invisible encima (derecha) -->\n    <span class=\"cal-busqueda-cal-icono\" title=\"Filtrar por fecha\">\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"><\/rect>\n        <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\n        <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\n        <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\n      <\/svg>\n      <input type=\"date\" class=\"cal-fecha-picker\" id=\"cal-fecha-picker\" aria-label=\"Filtrar por fecha\">\n    <\/span>\n\n    <!-- Etiqueta de fecha activa -->\n    <span class=\"cal-fecha-label\" id=\"cal-fecha-label\"><\/span>\n\n    <!-- Bot\u00f3n limpiar fecha -->\n    <button class=\"cal-busqueda-limpiar\" id=\"cal-fecha-limpiar\" aria-label=\"Quitar filtro de fecha\">\u00d7<\/button>\n\n  <\/div>\n<\/div>\n        <!-- Banner de error API -->\n        <div class=\"cal-error\" id=\"cal-error\"><\/div>\n        <div class=\"busqueda-resultados\" id=\"busqueda-resultados\"><\/div>\n        <div class=\"cal-dias-semana\" id=\"cal-dias-semana\"><\/div>\n        <div class=\"cal-dias\" id=\"cal-dias\">\n          <div class=\"cal-loading\"><div class=\"spinner\"><\/div><span>Cargando eventos\u2026<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"cal-sidebar\">\n      <div class=\"sidebar-titulo\">Pr\u00f3ximos eventos<\/div>\n      <div id=\"sidebar-lista\"><div class=\"sidebar-vacio\">Sin eventos pr\u00f3ximos<\/div><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<div class=\"modal-overlay\" id=\"modal-overlay\" role=\"dialog\" aria-modal=\"true\">\n  <div class=\"modal-card\">\n    <div class=\"modal-top\">\n      <div class=\"modal-tag\" id=\"modal-tag\"><\/div>\n      <div class=\"modal-titulo\" id=\"modal-nombre\"><\/div>\n      <button class=\"modal-cerrar\" id=\"modal-cerrar\" aria-label=\"Cerrar\">\u00d7<\/button>\n    <\/div>\n    <div class=\"modal-body\">\n      <div class=\"modal-fila\">\n        <div class=\"modal-icono\">\n  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4A5568\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n    <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\n  <\/svg>\n<\/div>\n        <div class=\"modal-fila-texto\">\n          <div class=\"modal-fila-label\">Fecha<\/div>\n          <div class=\"modal-fila-valor\" id=\"modal-fecha\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"modal-fila\" id=\"modal-hora-fila\">\n        <div class=\"modal-icono\">\n  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4A5568\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n    <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline>\n  <\/svg>\n<\/div>\n        <div class=\"modal-fila-texto\">\n          <div class=\"modal-fila-label\">Hora<\/div>\n          <div class=\"modal-fila-valor\" id=\"modal-hora\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"modal-fila\" id=\"modal-lugar-fila\">\n        <div class=\"modal-icono\">\n  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4A5568\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n    <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n  <\/svg>\n<\/div>\n        <div class=\"modal-fila-texto\">\n          <div class=\"modal-fila-label\">Lugar<\/div>\n          <div class=\"modal-fila-valor\" id=\"modal-lugar\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"modal-fila\" id=\"modal-desc-fila\">\n        <div class=\"modal-icono\">\n  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4A5568\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n    <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n  <\/svg>\n<\/div>\n        <div class=\"modal-fila-texto\">\n          <div class=\"modal-fila-label\">Descripci\u00f3n<\/div>\n          <div class=\"modal-fila-valor\" id=\"modal-desc\"><\/div>\n        <\/div>\n      <\/div>\n      <a class=\"modal-link\" id=\"modal-gcal-link\" href=\"#\" target=\"_blank\" rel=\"noopener\" style=\"display:none;\">\n  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex-shrink:0\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><line x1=\"12\" y1=\"14\" x2=\"12\" y2=\"18\"><\/line><line x1=\"10\" y1=\"16\" x2=\"14\" y2=\"16\"><\/line><\/svg>\n  Agregar evento a mi agenda\n<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n'use strict';\n\n\/* =============================================================\n   \u2699\ufe0f  CONFIGURACI\u00d3N\n   ============================================================= *\/\nvar CONFIG = {\n  apiKey: 'AIzaSyBHpP73z4lCqqPZSyNg4qFw8mcAyued4L4',\n \n  \/* --- Calendarios a mostrar --- *\/\n  calendarios: [\n    {\n      id: '5341b455604d6f7aeb1641e69f52ab6558d4ad4f84d8b5d6c736fa3903f19ed8@group.calendar.google.com',\n      nombre: 'Eventos Institucionales',\n      colorIndex: 0   \/* 0=azul, 1=verde, 2=naranja, 3=violeta, 4=rojo *\/\n    },\n    {\n      id: 'f5a0bfeea28c1f93733bb3b0f3b901ef93531e48551a413e83594109ddb02adc@group.calendar.google.com',\n      nombre: 'Agenda P\u00fablica',\n      colorIndex: 1\n    }\n    \/* Puedes agregar m\u00e1s objetos aqu\u00ed *\/\n  ],\n  diasProximos: 30,\n  maxChipsPorDia: 3\n};\n\n\/* =============================================================\n   ESTADO\n   ============================================================= *\/\nvar estado = {\n  fechaActual: new Date(),\n  eventos: [],\n  cargando: true\n};\n\n\/* =============================================================\n   UTILIDADES\n   ============================================================= *\/\nvar MESES     = ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'];\nvar DIAS_CORTO = ['Dom','Lun','Mar','Mi\u00e9','Jue','Vie','S\u00e1b'];\n\nfunction pad(n){ return n < 10 ? '0'+n : ''+n; }\n\nfunction fechaStr(d){\n  return d.getFullYear()+'-'+pad(d.getMonth()+1)+'-'+pad(d.getDate());\n}\n\nfunction formatearFecha(str){\n  var p = str.split('-');\n  var d = new Date(+p[0], +p[1]-1, +p[2]);\n  return DIAS_CORTO[d.getDay()]+', '+d.getDate()+' de '+MESES[d.getMonth()]+' de '+p[0];\n}\n\nfunction formatearHora(str){\n  if (!str) return '';\n  var p = str.split(':');\n  var h = +p[0], min = +p[1];\n  var suf = h >= 12 ? 'p.m.' : 'a.m.';\n  h = h % 12 || 12;\n  return h+':'+(min < 10 ? '0'+min : min)+' '+suf;\n}\n\nfunction mostrarError(msg){\n  var el = document.getElementById('cal-error');\n  el.textContent = msg;\n  el.classList.add('visible');\n}\n\n\/* =============================================================\n   FETCH CON fetch() \u2014 SIN JSONP\n   ============================================================= *\/\nfunction fetchCalendario(cal, timeMin, timeMax){\n  var id  = encodeURIComponent(cal.id);\n  var url = 'https:\/\/www.googleapis.com\/calendar\/v3\/calendars\/'\n    + id + '\/events'\n    + '?key='         + encodeURIComponent(CONFIG.apiKey)\n    + '&timeMin='     + encodeURIComponent(timeMin)\n    + '&timeMax='     + encodeURIComponent(timeMax)\n    + '&singleEvents=true'\n    + '&orderBy=startTime'\n    + '&maxResults=250';\n\n  return fetch(url)\n    .then(function(res){\n      if (!res.ok) {\n        return res.json().then(function(e){\n          var msg = (e && e.error && e.error.message) || ('HTTP '+res.status);\n          throw new Error(msg);\n        });\n      }\n      return res.json();\n    })\n    .then(function(data){ return parsearEventos(data, cal); });\n}\n\nfunction parsearEventos(data, cal){\n  if (!data || !data.items) return [];\n  return data.items.map(function(item){\n    var startDate  = item.start.date  || (item.start.dateTime || '').slice(0,10);\n    var endDate    = item.end.date    || (item.end.dateTime   || '').slice(0,10);\n    var horaInicio = item.start.dateTime ? item.start.dateTime.slice(11,16) : '';\n    var horaFin    = item.end.dateTime   ? item.end.dateTime.slice(11,16)   : '';\n\n    \/* Google pone el fin del evento de todo el d\u00eda como el d\u00eda SIGUIENTE *\/\n    if (item.end.date) {\n      var fin = new Date(item.end.date + 'T00:00:00');\n      fin.setDate(fin.getDate() - 1);\n      endDate = fechaStr(fin);\n    }\n\n    return {\n      id:          item.id || Math.random().toString(),\n      titulo:      item.summary || '(Sin t\u00edtulo)',\n      fechaInicio: startDate,\n      fechaFin:    endDate || startDate,\n      horaInicio:  horaInicio,\n      horaFin:     horaFin,\n      lugar:       item.location || '',\n      descripcion: (item.description || '').replace(\/<[^>]+>\/g,'').slice(0,300),\n      link:        item.htmlLink || '',\n      calNombre:   cal.nombre,\n      colorIndex:  cal.colorIndex\n    };\n  });\n}\n\n\/* =============================================================\n   CARGAR TODOS LOS CALENDARIOS\n   ============================================================= *\/\nfunction cargarEventos(){\n  \/* Rango: mes anterior \u2192 3 meses adelante *\/\n  var ahora = new Date();\n  var timeMin = new Date(ahora.getFullYear(), ahora.getMonth() - 1, 1).toISOString();\n  var timeMax = new Date(ahora.getFullYear(), ahora.getMonth() + 4, 0).toISOString();\n\n  var promesas = CONFIG.calendarios.map(function(cal){\n    return fetchCalendario(cal, timeMin, timeMax)\n      .catch(function(err){\n        mostrarError('\u26a0\ufe0f No se pudieron cargar algunos eventos: ' + err.message\n          + '. Verifica que el calendario sea p\u00fablico y que la API Key sea correcta.');\n        return []; \/* Continuar con los dem\u00e1s calendarios *\/\n      });\n  });\n\n  Promise.all(promesas).then(function(resultados){\n    estado.eventos = [].concat.apply([], resultados);\n    estado.cargando = false;\n    renderizar();\n  });\n}\n\n\/* =============================================================\n   MAPA DE EVENTOS POR D\u00cdA\n   ============================================================= *\/\nfunction eventosDelMes(y, m){\n  var mapa = {};\n  estado.eventos.forEach(function(ev){\n    var d   = new Date(ev.fechaInicio + 'T00:00:00');\n    var fin = new Date((ev.fechaFin || ev.fechaInicio) + 'T00:00:00');\n    while (d <= fin){\n      if (d.getFullYear() === y && d.getMonth() === m){\n        var key = fechaStr(d);\n        if (!mapa[key]) mapa[key] = [];\n        mapa[key].push(ev);\n      }\n      d.setDate(d.getDate() + 1);\n    }\n  });\n  return mapa;\n}\n\n\/* =============================================================\n   RENDER\n   ============================================================= *\/\nfunction renderizar(){\n  var fc  = estado.fechaActual;\n  var y   = fc.getFullYear();\n  var m   = fc.getMonth();\n  var hoy = new Date();\n\n  document.getElementById('cal-mes-titulo').textContent = MESES[m] + ' ' + y;\n\n  var semWrap = document.getElementById('cal-dias-semana');\n  semWrap.innerHTML = '';\n  DIAS_CORTO.forEach(function(d){\n    var div = document.createElement('div');\n    div.className = 'dia-semana-label';\n    div.textContent = d;\n    semWrap.appendChild(div);\n  });\n\n  var primerDia   = new Date(y, m, 1);\n  var ultimoDia   = new Date(y, m + 1, 0);\n  var inicioCelda = primerDia.getDay();\n  var mapa        = eventosDelMes(y, m);\n\n  var container = document.getElementById('cal-dias');\n  container.innerHTML = '';\n\n  var mesAnt = new Date(y, m, 0);\n  for (var i = inicioCelda - 1; i >= 0; i--){\n    container.appendChild(crearCelda(mesAnt.getDate() - i, true, false, [], null));\n  }\n\n  for (var dia = 1; dia <= ultimoDia.getDate(); dia++){\n    var diaSemana = new Date(y, m, dia).getDay();\n    var esFinde   = (diaSemana === 0 || diaSemana === 6);\n    var key       = y + '-' + pad(m + 1) + '-' + pad(dia);\n    var evsDia    = mapa[key] || [];\n    var esHoy     = (hoy.getFullYear() === y && hoy.getMonth() === m && hoy.getDate() === dia);\n    container.appendChild(crearCelda(dia, false, esHoy, evsDia, esFinde));\n  }\n\n  var celdasUsadas = inicioCelda + ultimoDia.getDate();\n  var restantes    = (7 - (celdasUsadas % 7)) % 7;\n  for (var j = 1; j <= restantes; j++){\n    container.appendChild(crearCelda(j, true, false, [], null));\n  }\n\n  renderLeyenda();\n  renderSidebar();\n}\n\nfunction crearCelda(numero, otroMes, esHoy, eventos, esFinde){\n  var celda = document.createElement('div');\n  var cl = 'dia-celda';\n  if (otroMes)  cl += ' dia-otro-mes';\n  if (esHoy)    cl += ' dia-hoy';\n  if (esFinde)  cl += ' dia-finde';\n  celda.className = cl;\n\n  var numDiv = document.createElement('div');\n  numDiv.className = 'dia-numero';\n  numDiv.textContent = numero;\n  celda.appendChild(numDiv);\n\n  if (!otroMes){\n    var max = CONFIG.maxChipsPorDia;\n    eventos.slice(0, max).forEach(function(ev){ celda.appendChild(crearChip(ev)); });\n    if (eventos.length > max){\n      var masDiv = document.createElement('div');\n      masDiv.className = 'evento-chip mas-eventos';\n      masDiv.textContent = '+' + (eventos.length - max) + ' m\u00e1s';\n      masDiv.onclick = function(e){ e.stopPropagation(); abrirModal(eventos[0]); };\n      celda.appendChild(masDiv);\n    }\n  }\n  return celda;\n}\n\nfunction crearChip(ev){\n  var chip = document.createElement('div');\n  chip.className = 'evento-chip cal-color-' + ev.colorIndex;\n  chip.title = ev.titulo;\n  var dot = document.createElement('span');\n  dot.className = 'chip-dot';\n  var txt = document.createElement('span');\n  txt.textContent = ev.titulo;\n  chip.appendChild(dot);\n  chip.appendChild(txt);\n  chip.onclick = function(e){ e.stopPropagation(); abrirModal(ev); };\n  return chip;\n}\n\n\/* =============================================================\n   LEYENDA\n   ============================================================= *\/\nfunction renderLeyenda(){\n  var wrap = document.getElementById('cal-legend');\n  wrap.innerHTML = '';\n  var paleta = ['#378ADD','#1E8A4A','#EF9F27','#7F77DD','#D85A30'];\n  var usados = {};\n  estado.eventos.forEach(function(ev){ usados[ev.colorIndex] = ev.calNombre; });\n  Object.keys(usados).forEach(function(idx){\n    var item = document.createElement('div');\n    item.className = 'legend-item';\n    var dot = document.createElement('span');\n    dot.className = 'legend-dot';\n    dot.style.background = paleta[idx] || paleta[0];\n    var lbl = document.createElement('span');\n    lbl.textContent = usados[idx];\n    item.appendChild(dot);\n    item.appendChild(lbl);\n    wrap.appendChild(item);\n  });\n}\n\n\/* =============================================================\n   SIDEBAR\n   ============================================================= *\/\nfunction renderSidebar(){\n  var lista    = document.getElementById('sidebar-lista');\n  var tituloEl = document.querySelector('.sidebar-titulo');\n  lista.innerHTML = '';\n\n  var hoy = new Date(); hoy.setHours(0,0,0,0);\n  var hoyStr = fechaStr(hoy);\n  var limite = new Date(hoy);\n  limite.setDate(limite.getDate() + CONFIG.diasProximos);\n  var limStr = fechaStr(limite);\n\n  var fc       = estado.fechaActual;\n  var mesVisto = fc.getFullYear() * 100 + fc.getMonth();\n  var mesHoy   = hoy.getFullYear() * 100 + hoy.getMonth();\n\n  var proximos = estado.eventos\n    .filter(function(ev){ return ev.fechaInicio >= hoyStr && ev.fechaInicio <= limStr; })\n    .sort(function(a,b){ return a.fechaInicio.localeCompare(b.fechaInicio); })\n    .slice(0, 10);\n\n  tituloEl.textContent = mesVisto < mesHoy ? 'Mes pasado'\n                       : mesVisto > mesHoy ? 'Pr\u00f3ximos eventos'\n                       : 'Pr\u00f3ximos ' + CONFIG.diasProximos + ' d\u00edas';\n  tituloEl.className = 'sidebar-titulo';\n\n  var paleta      = ['#378ADD','#1E8A4A','#EF9F27','#7F77DD','#D85A30'];\n  var paletalight = ['#E8F0FB','#E6F5ED','#FEF3E2','#F3EFFE','#FDE8EC'];\n\n  if (proximos.length === 0){\n    lista.innerHTML = '<div class=\"sidebar-vacio\">Sin eventos pr\u00f3ximos<\/div>';\n    return;\n  }\n  proximos.forEach(function(ev){\n    var div = document.createElement('div');\n    div.className = 'sidebar-evento';\n    div.style.background = paletalight[ev.colorIndex] || paletalight[0];\n    div.style.borderLeftColor = paleta[ev.colorIndex] || paleta[0];\n    var nombre = document.createElement('div');\n    nombre.className = 'sidebar-evento-nombre';\n    nombre.textContent = ev.titulo;\n    var fecha = document.createElement('div');\n    fecha.className = 'sidebar-evento-fecha';\n    fecha.textContent = formatearFecha(ev.fechaInicio) + (ev.horaInicio ? ' \u00b7 ' + formatearHora(ev.horaInicio) : '');\n    div.appendChild(nombre);\n    div.appendChild(fecha);\n    div.onclick = function(){ abrirModal(ev); };\n    lista.appendChild(div);\n  });\n}\n\n\/* =============================================================\n   MODAL\n   ============================================================= *\/\nfunction abrirModal(ev){\n  var paleta  = ['#378ADD','#1E8A4A','#EF9F27','#7F77DD','#D85A30'];\n  var palelaL = ['#E8F0FB','#E6F5ED','#FEF3E2','#F3EFFE','#FDE8EC'];\n\n  var tag = document.getElementById('modal-tag');\n  tag.textContent = ev.calNombre;\n  tag.style.background = palelaL[ev.colorIndex] || palelaL[0];\n  tag.style.color = paleta[ev.colorIndex] || paleta[0];\n\n  document.getElementById('modal-nombre').textContent = ev.titulo;\n\n  var fechaTexto = formatearFecha(ev.fechaInicio);\n  if (ev.fechaFin && ev.fechaFin !== ev.fechaInicio)\n    fechaTexto += ' \u2014 ' + formatearFecha(ev.fechaFin);\n  document.getElementById('modal-fecha').textContent = fechaTexto;\n\n  var horaFila = document.getElementById('modal-hora-fila');\n  if (ev.horaInicio){\n    var hs = formatearHora(ev.horaInicio);\n    if (ev.horaFin) hs += ' \u2013 ' + formatearHora(ev.horaFin);\n    document.getElementById('modal-hora').textContent = hs;\n    horaFila.style.display = 'flex';\n  } else { horaFila.style.display = 'none'; }\n\n  var lugarFila = document.getElementById('modal-lugar-fila');\n  if (ev.lugar){\n    document.getElementById('modal-lugar').textContent = ev.lugar;\n    lugarFila.style.display = 'flex';\n  } else { lugarFila.style.display = 'none'; }\n\n  var descFila = document.getElementById('modal-desc-fila');\n  if (ev.descripcion){\n    document.getElementById('modal-desc').textContent = ev.descripcion;\n    descFila.style.display = 'flex';\n  } else { descFila.style.display = 'none'; }\n\n  var linkEl = document.getElementById('modal-gcal-link');\nif (ev.fechaInicio) {\n  \/* Construir URL de Google Calendar para \"agregar evento\" *\/\n  var fechaBase = ev.fechaInicio.replace(\/-\/g, '');\n  var fechaFin  = (ev.fechaFin || ev.fechaInicio).replace(\/-\/g, '');\n  var dates;\n  if (ev.horaInicio) {\n    \/* Evento con hora: formato YYYYMMDDTHHmmss *\/\n    var hiParts = ev.horaInicio.split(':');\n    var hfParts = (ev.horaFin || ev.horaInicio).split(':');\n    dates = fechaBase + 'T' + hiParts[0] + hiParts[1] + '00'\n          + '\/' + fechaFin + 'T' + hfParts[0] + hfParts[1] + '00';\n  } else {\n    \/* Evento de todo el d\u00eda: solo fecha, fin es d\u00eda siguiente para Google *\/\n    var finDt = new Date(fechaFin.slice(0,4)+'-'+fechaFin.slice(4,6)+'-'+fechaFin.slice(6,8)+'T00:00:00');\n    finDt.setDate(finDt.getDate() + 1);\n    var finStr = finDt.getFullYear()\n      + pad(finDt.getMonth()+1)\n      + pad(finDt.getDate());\n    dates = fechaBase + '\/' + finStr;\n  }\n  var gcalUrl = 'https:\/\/calendar.google.com\/calendar\/render?action=TEMPLATE'\n    + '&text='     + encodeURIComponent(ev.titulo)\n    + '&dates='    + dates\n    + (ev.lugar       ? '&location='    + encodeURIComponent(ev.lugar)       : '')\n    + (ev.descripcion ? '&details='     + encodeURIComponent(ev.descripcion) : '');\n  linkEl.href = gcalUrl;\n  linkEl.style.display = 'inline-flex';\n} else {\n  linkEl.style.display = 'none';\n}\n\n  document.getElementById('modal-overlay').classList.add('activo');\n}\n\nfunction cerrarModal(){\n  document.getElementById('modal-overlay').classList.remove('activo');\n}\n\n\/* =============================================================\n   B\u00daSQUEDA\n   ============================================================= *\/\nvar busquedaTimeout = null;\n\nfunction normalizarTexto(txt){\n  return (txt||'').toLowerCase().normalize('NFD').replace(\/[\\u0300-\\u036f]\/g,'');\n}\n\nfunction escHtml(s){\n  return (s||'').replace(\/&\/g,'&amp;').replace(\/<\/g,'&lt;').replace(\/>\/g,'&gt;');\n}\n\nfunction destacarTexto(texto, termino){\n  if (!termino) return escHtml(texto);\n  var norm = normalizarTexto(texto), normT = normalizarTexto(termino);\n  var idx  = norm.indexOf(normT);\n  if (idx === -1) return escHtml(texto);\n  return escHtml(texto.slice(0,idx))\n    + '<mark>' + escHtml(texto.slice(idx, idx+termino.length)) + '<\/mark>'\n    + escHtml(texto.slice(idx+termino.length));\n}\n\nfunction buscarEventos(termino){\n  var norm = normalizarTexto(termino);\n  if (!norm) return [];\n  return estado.eventos.filter(function(ev){\n    return normalizarTexto(ev.titulo).indexOf(norm)      !== -1\n        || normalizarTexto(ev.lugar).indexOf(norm)       !== -1\n        || normalizarTexto(ev.descripcion).indexOf(norm) !== -1\n        || normalizarTexto(ev.calNombre).indexOf(norm)   !== -1;\n  }).sort(function(a,b){ return a.fechaInicio.localeCompare(b.fechaInicio); });\n}\n\nfunction renderResultados(termino){\n  var panel    = document.getElementById('busqueda-resultados');\n  var contador = document.getElementById('cal-busqueda-contador');\n  var limpiar  = document.getElementById('cal-busqueda-limpiar');\n  var paleta   = ['#378ADD','#1E8A4A','#EF9F27','#7F77DD','#D85A30'];\n\n  if (!termino.trim()){\n    panel.classList.remove('visible'); panel.innerHTML = '';\n    contador.style.display = 'none'; limpiar.classList.remove('visible');\n    return;\n  }\n\n  if (!filtroFecha) limpiar.classList.add('visible');\n  var resultados = buscarEventos(termino);\n  contador.style.display = 'inline-block';\n  contador.textContent = resultados.length + (resultados.length === 1 ? ' resultado' : ' resultados');\n  panel.innerHTML = '';\n\n  if (resultados.length === 0){\n    panel.innerHTML = '<div class=\"busqueda-sin-resultados\">No se encontraron eventos para <strong>\"'+escHtml(termino)+'\"<\/strong><\/div>';\n    panel.classList.add('visible');\n    return;\n  }\n\n  resultados.forEach(function(ev){\n    var item  = document.createElement('div'); item.className = 'busqueda-resultado-item';\n    var barra = document.createElement('div'); barra.className = 'busqueda-barra-color';\n    barra.style.background = paleta[ev.colorIndex] || paleta[0];\n    var texto  = document.createElement('div'); texto.className = 'busqueda-resultado-texto';\n    var nombre = document.createElement('div'); nombre.className = 'busqueda-resultado-nombre';\n    nombre.innerHTML = destacarTexto(ev.titulo, termino);\n    var meta = document.createElement('div'); meta.className = 'busqueda-resultado-meta';\n    var partes = [formatearFecha(ev.fechaInicio)];\n    if (ev.horaInicio) partes.push(formatearHora(ev.horaInicio));\n    if (ev.lugar)      partes.push(ev.lugar);\n    meta.textContent = partes.join(' \u00b7 ');\n    texto.appendChild(nombre); texto.appendChild(meta);\n    item.appendChild(barra); item.appendChild(texto);\n    item.onclick = function(){\n      var p = ev.fechaInicio.split('-');\n      estado.fechaActual = new Date(+p[0], +p[1]-1, 1);\n      renderizar();\n      setTimeout(function(){ abrirModal(ev); }, 80);\n      document.getElementById('cal-busqueda-input').value = '';\n      renderResultados('');\n    };\n    panel.appendChild(item);\n  });\n  panel.classList.add('visible');\n}\n\ndocument.getElementById('cal-busqueda-input').addEventListener('input', function(){\n  var v = this.value;\n  \/* Si el filtro de fecha est\u00e1 activo, ignorar escritura manual en el input *\/\n  if (filtroFecha) return;\n  clearTimeout(busquedaTimeout);\n  busquedaTimeout = setTimeout(function(){ renderResultados(v); }, 220);\n});\n\ndocument.getElementById('cal-busqueda-limpiar').addEventListener('click', function(){\n  document.getElementById('cal-busqueda-input').value = '';\n  renderResultados('');\n  document.getElementById('cal-busqueda-input').focus();\n});\n\ndocument.getElementById('cal-busqueda-input').addEventListener('keydown', function(e){\n  if (e.key === 'Escape'){ this.value = ''; renderResultados(''); this.blur(); }\n});\n\n\/* =============================================================\n   NAVEGACI\u00d3N\n   ============================================================= *\/\ndocument.getElementById('btn-anterior').addEventListener('click', function(){\n  estado.fechaActual.setMonth(estado.fechaActual.getMonth()-1); renderizar();\n});\ndocument.getElementById('btn-siguiente').addEventListener('click', function(){\n  estado.fechaActual.setMonth(estado.fechaActual.getMonth()+1); renderizar();\n});\ndocument.getElementById('btn-hoy').addEventListener('click', function(){\n  estado.fechaActual = new Date(); renderizar();\n});\ndocument.getElementById('modal-cerrar').addEventListener('click', cerrarModal);\ndocument.getElementById('modal-overlay').addEventListener('click', function(e){\n  if (e.target === this) cerrarModal();\n});\ndocument.addEventListener('keydown', function(e){ if (e.key === 'Escape') cerrarModal(); });\n\n\/* =============================================================\n   FILTROS DE FECHA\n   ============================================================= *\/\nvar filtroActivo = 'todos';\nvar filtroFecha  = '';   \n\nfunction aplicarFiltros(){\n  document.querySelectorAll('.cal-filtro-btn').forEach(function(b){\n    b.classList.toggle('activo', b.dataset.filtro === filtroActivo);\n  });\n  renderSidebar();\n}\n\nfunction eventoEnFiltro(ev){\n  var hoy    = new Date(); hoy.setHours(0,0,0,0);\n  var hoyStr = fechaStr(hoy);\n\n  \/* Filtro por fecha exacta del picker *\/\n  if (filtroFecha) {\n    return ev.fechaInicio <= filtroFecha && ev.fechaFin >= filtroFecha;\n  }\n\n  if (filtroActivo === 'todos')  return true;\n  if (filtroActivo === 'hoy')    return ev.fechaInicio === hoyStr;\n\n  if (filtroActivo === 'semana') {\n    var dow   = hoy.getDay();\n    var lunes = new Date(hoy);\n    lunes.setDate(hoy.getDate() - (dow === 0 ? 6 : dow - 1));\n    var domingo = new Date(lunes); domingo.setDate(lunes.getDate() + 6);\n    return ev.fechaInicio >= fechaStr(lunes) && ev.fechaInicio <= fechaStr(domingo);\n  }\n\n  if (filtroActivo === 'mes') {\n    var y = hoy.getFullYear(), m = hoy.getMonth();\n    return ev.fechaInicio >= fechaStr(new Date(y, m, 1))\n        && ev.fechaInicio <= fechaStr(new Date(y, m+1, 0));\n  }\n\n  return true;\n}\n\n\/* Botones r\u00e1pidos *\/\ndocument.getElementById('cal-filtros-fecha').addEventListener('click', function(e){\n  var btn = e.target.closest('.cal-filtro-btn');\n  if (!btn) return;\n  filtroActivo = btn.dataset.filtro;\n  \/* Limpiar picker de fecha si se usa un bot\u00f3n r\u00e1pido *\/\n  filtroFecha = '';\n  document.getElementById('cal-fecha-picker').value = '';\n  document.getElementById('cal-fecha-label').textContent = '';\n  document.getElementById('cal-fecha-label').classList.remove('visible');\n  document.getElementById('cal-fecha-limpiar').classList.remove('visible');\n  aplicarFiltros();\n  if (filtroActivo !== 'todos') { estado.fechaActual = new Date(); renderizar(); }\n});\n\n\/* Date picker de calendario *\/\ndocument.getElementById('cal-fecha-picker').addEventListener('change', function(){\n  filtroFecha  = this.value;\n  filtroActivo = '';\n  document.querySelectorAll('.cal-filtro-btn').forEach(function(b){ b.classList.remove('activo'); });\n\n  var label   = document.getElementById('cal-fecha-label');\n  var limpiar = document.getElementById('cal-fecha-limpiar');\n  var input   = document.getElementById('cal-busqueda-input');\n\n  if (filtroFecha) {\n    var p = filtroFecha.split('-');\n    var fechaLegible = p[2]+'\/'+p[1]+'\/'+p[0];\n\n    \/* Mostrar etiqueta junto al icono *\/\n    label.textContent = fechaLegible;\n    label.classList.add('visible');\n    limpiar.classList.add('visible');\n\n    \/* \u2190 NUEVO: poner la fecha tambi\u00e9n en el input de b\u00fasqueda y disparar resultados *\/\n    input.value = fechaLegible;\n    renderResultados(fechaLegible);\n\n    \/* Navegar al mes *\/\n    estado.fechaActual = new Date(+p[0], +p[1]-1, 1);\n    renderizar();\n  } else {\n    label.classList.remove('visible');\n    limpiar.style.display = 'none';\n    input.value = '';\n    renderResultados('');\n  }\n  aplicarFiltros();\n});\n\n\/* Limpiar filtro de fecha *\/\ndocument.getElementById('cal-fecha-limpiar').addEventListener('click', function(){\n  filtroFecha  = '';\n  filtroActivo = 'todos';\n  document.getElementById('cal-fecha-picker').value = '';\n  document.getElementById('cal-fecha-label').textContent = '';\n  document.getElementById('cal-fecha-label').classList.remove('visible');\n  this.classList.remove('visible')\n  \/* \u2190 NUEVO: limpiar tambi\u00e9n el input de b\u00fasqueda *\/\n  var input = document.getElementById('cal-busqueda-input');\n  input.value = '';\n  renderResultados('');\n  aplicarFiltros();\n  document.querySelectorAll('.cal-filtro-btn').forEach(function(b){\n    b.classList.toggle('activo', b.dataset.filtro === 'todos');\n  });\n});\n\n\/* Tambi\u00e9n buscar por fecha en el input de texto *\/\nvar _buscarEventosOriginal = buscarEventos;\nbuscarEventos = function(termino){\n  var norm = normalizarTexto(termino);\n  if (!norm) return [];\n  \/* Intentar detectar si es una fecha en formato dd\/mm\/aaaa o dd-mm-aaaa *\/\n  var matchFecha = termino.match(\/^(\\d{1,2})[\\\/\\-\\.](\\d{1,2})(?:[\\\/\\-\\.](\\d{2,4}))?$\/);\n  if (matchFecha) {\n    var dia = pad(+matchFecha[1]);\n    var mes = pad(+matchFecha[2]);\n    var anio = matchFecha[3]\n      ? (matchFecha[3].length === 2 ? '20'+matchFecha[3] : matchFecha[3])\n      : null;\n    return estado.eventos.filter(function(ev){\n      var fi = ev.fechaInicio; \/* YYYY-MM-DD *\/\n      if (anio) return fi === anio+'-'+mes+'-'+dia;\n      return fi.slice(5,7) === mes && fi.slice(8,10) === dia;\n    }).sort(function(a,b){ return a.fechaInicio.localeCompare(b.fechaInicio); });\n  }\n  \/* B\u00fasqueda normal por texto *\/\n  return estado.eventos.filter(function(ev){\n    return normalizarTexto(ev.titulo).indexOf(norm)      !== -1\n        || normalizarTexto(ev.lugar).indexOf(norm)       !== -1\n        || normalizarTexto(ev.descripcion).indexOf(norm) !== -1\n        || normalizarTexto(ev.calNombre).indexOf(norm)   !== -1\n        || normalizarTexto(formatearFecha(ev.fechaInicio)).indexOf(norm) !== -1;\n  }).sort(function(a,b){ return a.fechaInicio.localeCompare(b.fechaInicio); });\n};\n\n\/* =============================================================\n   NAVEGADOR R\u00c1PIDO MES\/A\u00d1O\n   ============================================================= *\/\n(function(){\n  var picker  = document.getElementById('cal-nav-picker');\n  var titulo  = document.getElementById('cal-mes-titulo');\n  var selMes  = document.getElementById('picker-mes');\n  var selAnio = document.getElementById('picker-anio');\n  var btnOk   = document.getElementById('picker-ok');\n  var btnCx   = document.getElementById('picker-cancel');\n\n  var anioHoy = new Date().getFullYear();\n  for (var a = anioHoy - 3; a <= anioHoy + 5; a++){\n    var opt = document.createElement('option');\n    opt.value = a; opt.textContent = a;\n    selAnio.appendChild(opt);\n  }\n\n  function abrirPicker(){\n    selMes.value  = estado.fechaActual.getMonth();\n    selAnio.value = estado.fechaActual.getFullYear();\n    titulo.style.display = 'none';\n    picker.style.display = 'flex';\n  }\n  function cerrarPicker(){\n    titulo.style.display = '';\n    picker.style.display = 'none';\n  }\n\n  titulo.addEventListener('click', abrirPicker);\n  btnOk.addEventListener('click', function(){\n    estado.fechaActual = new Date(+selAnio.value, +selMes.value, 1);\n    renderizar(); cerrarPicker();\n  });\n  btnCx.addEventListener('click', cerrarPicker);\n})();\n\n\/* Sidebar con filtros *\/\nrenderSidebar = function(){\n  var lista    = document.getElementById('sidebar-lista');\n  var tituloEl = document.querySelector('.sidebar-titulo');\n  lista.innerHTML = '';\n\n  var hoy = new Date(); hoy.setHours(0,0,0,0);\n  var hoyStr = fechaStr(hoy);\n  var limite = new Date(hoy);\n  limite.setDate(limite.getDate() + CONFIG.diasProximos);\n  var limStr = fechaStr(limite);\n\n  var fc       = estado.fechaActual;\n  var mesVisto = fc.getFullYear() * 100 + fc.getMonth();\n  var mesHoy   = hoy.getFullYear() * 100 + hoy.getMonth();\n\n   var proximos;\n  if (mesVisto < mesHoy) {\n    \/* Mes pasado: mostrar solo eventos de ese mes *\/\n    var inicioMes = fechaStr(new Date(fc.getFullYear(), fc.getMonth(), 1));\n    var finMes    = fechaStr(new Date(fc.getFullYear(), fc.getMonth() + 1, 0));\n    proximos = estado.eventos\n      .filter(function(ev){ return ev.fechaInicio >= inicioMes && ev.fechaInicio <= finMes; })\n      .filter(eventoEnFiltro)\n      .sort(function(a,b){ return a.fechaInicio.localeCompare(b.fechaInicio); })\n      .slice(0, 10);\n  } else if (mesVisto > mesHoy) {\n    \/* Mes futuro: mostrar eventos de ese mes *\/\n    var inicioMes = fechaStr(new Date(fc.getFullYear(), fc.getMonth(), 1));\n    var finMes    = fechaStr(new Date(fc.getFullYear(), fc.getMonth() + 1, 0));\n    proximos = estado.eventos\n      .filter(function(ev){ return ev.fechaInicio >= inicioMes && ev.fechaInicio <= finMes; })\n      .filter(eventoEnFiltro)\n      .sort(function(a,b){ return a.fechaInicio.localeCompare(b.fechaInicio); })\n      .slice(0, 10);\n  } else {\n    \/* Mes actual: pr\u00f3ximos 30 d\u00edas desde hoy *\/\n    proximos = estado.eventos\n      .filter(function(ev){ return ev.fechaInicio >= hoyStr && ev.fechaInicio <= limStr; })\n      .filter(eventoEnFiltro)\n      .sort(function(a,b){ return a.fechaInicio.localeCompare(b.fechaInicio); })\n      .slice(0, 10);\n  }\n\n  tituloEl.textContent = mesVisto < mesHoy ? 'Eventos de ' + MESES[fc.getMonth()]\n                       : mesVisto > mesHoy ? 'Eventos de ' + MESES[fc.getMonth()]\n                       : 'Pr\u00f3ximos ' + CONFIG.diasProximos + ' d\u00edas';\n  tituloEl.className = 'sidebar-titulo';\n\n  var paleta      = ['#378ADD','#1E8A4A','#EF9F27','#7F77DD','#D85A30'];\n  var paletalight = ['#E8F0FB','#E6F5ED','#FEF3E2','#F3EFFE','#FDE8EC'];\n\n  if (proximos.length === 0){\n    lista.innerHTML = '<div class=\"sidebar-vacio\">Sin eventos en este per\u00edodo<\/div>';\n    return;\n  }\n  proximos.forEach(function(ev){\n    var div = document.createElement('div');\n    div.className = 'sidebar-evento';\n    div.style.background      = paletalight[ev.colorIndex] || paletalight[0];\n    div.style.borderLeftColor = paleta[ev.colorIndex]      || paleta[0];\n    var nombre = document.createElement('div');\n    nombre.className   = 'sidebar-evento-nombre';\n    nombre.textContent = ev.titulo;\n    var fecha = document.createElement('div');\n    fecha.className   = 'sidebar-evento-fecha';\n    fecha.textContent = formatearFecha(ev.fechaInicio)\n      + (ev.horaInicio ? ' \u00b7 ' + formatearHora(ev.horaInicio) : '');\n    div.appendChild(nombre);\n    div.appendChild(fecha);\n    div.onclick = function(){ abrirModal(ev); };\n    lista.appendChild(div);\n  });\n};\n\n\/* =============================================================\n   INICIO\n   ============================================================= *\/\nrenderizar();\ncargarEventos();\n\n})();\n<\/script>\n\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vce-row-container\"><div class=\"vce-row vce-element--has-background vce-row--col-gap-30 vce-row-content--top\" data-vce-full-width=\"true\" data-vce-stretch-content=\"true\" id=\"el-e95204cc\" data-vce-do-apply=\"all el-e95204cc\"><div class=\"vce-content-background-container\"><div class=\"vce-asset-background-simple-container vce-visible-all-only vce-asset-background-simple--style-cover vce-asset-background-simple--position-center-top\"><div class=\"vce-asset-background-simple\">\n              <div class=\"vce-asset-background-simple-item vcv-lozad\" data-background-image=\"https:\/\/www.aunap.gov.co\/wp-content\/uploads\/2021\/08\/fondo-contadores.png\"><\/div>\n              <noscript>\n                <div class=\"vce-asset-background-simple-item\" style=\"background-image: url(https:\/\/www.aunap.gov.co\/wp-content\/uploads\/2021\/08\/fondo-contadores.png)\"><\/div>\n              <\/noscript>\n            <\/div><\/div><\/div><div class=\"vce-row-content\" data-vce-element-content=\"true\"><div class=\"vce-col vce-col--md-auto vce-col--xs-1 vce-col--xs-last vce-col--xs-first vce-col--sm-last vce-col--sm-first vce-col--md-first vce-col--lg-first vce-col--xl-first\" id=\"el-241e4d10\"><div class=\"vce-col-inner\" data-vce-do-apply=\"border margin background  el-241e4d10\"><div class=\"vce-col-content\" data-vce-element-content=\"true\" data-vce-do-apply=\"padding el-241e4d10\"><div class=\"vce-text-block\"><div class=\"vce-text-block-wrapper vce\" id=\"el-8371e23b\" data-vce-do-apply=\"all el-8371e23b\"><ul class=\"section-imprimir\"><br> \t<li class=\"share-print\" role=\"presentation\"><a title=\"Imprimir\" href=\"javascript:window.print(); void 0;\"><span class=\"fa fa-print fa-2x\" aria-hidden=\"true\"><\/span><span class=\"hidden\">Imprimir<\/span><\/a><\/li><br><\/ul><\/div><\/div><\/div><\/div><\/div><div class=\"vce-col vce-col--md-auto vce-col--xs-1 vce-col--xs-last vce-col--xs-first vce-col--sm-last vce-col--sm-first vce-col--md-last vce-col--lg-last vce-col--xl-last\" id=\"el-cb1e11db\"><div class=\"vce-col-inner\" data-vce-do-apply=\"border margin background  el-cb1e11db\"><div class=\"vce-col-content\" data-vce-element-content=\"true\" data-vce-do-apply=\"padding el-cb1e11db\"><div class=\"vce-text-block\"><div class=\"vce-text-block-wrapper vce\" id=\"el-39e80272\" data-vce-do-apply=\"all el-39e80272\"><div class=\"section-count\">N\u00famero de visitas a esta p\u00e1gina 0<br>Fecha de publicaci\u00f3n 23 febrero, 2022<br>\u00daltima modificaci\u00f3n 20 mayo, 2026<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Inicio Transparencia y acceso a la informaci\u00f3n p\u00fablica Calendario de actividades y eventos Calendario &#8211; \u00c1rea Metropolitana de C\u00facuta Calendario de Eventos \u2039 Cargando\u2026 EneroFebrero MarzoAbril MayoJunio JulioAgosto SeptiembreOctubre NoviembreDiciembre IR \u2715 Hoy \u203a Todos Hoy Esta semana Este mes \u00d7 \u00d7 Cargando eventos\u2026 Pr\u00f3ximos eventos Sin eventos pr\u00f3ximos \u00d7 Fecha Hora Lugar Descripci\u00f3n Agregar&hellip; <a class=\"more-link\" href=\"https:\/\/amc.gov.co\/amc\/eventos\/\">Seguir leyendo <span class=\"screen-reader-text\">eventos<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_joinchat":[]},"_links":{"self":[{"href":"https:\/\/amc.gov.co\/amc\/wp-json\/wp\/v2\/pages\/9615"}],"collection":[{"href":"https:\/\/amc.gov.co\/amc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/amc.gov.co\/amc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/amc.gov.co\/amc\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/amc.gov.co\/amc\/wp-json\/wp\/v2\/comments?post=9615"}],"version-history":[{"count":40,"href":"https:\/\/amc.gov.co\/amc\/wp-json\/wp\/v2\/pages\/9615\/revisions"}],"predecessor-version":[{"id":17712,"href":"https:\/\/amc.gov.co\/amc\/wp-json\/wp\/v2\/pages\/9615\/revisions\/17712"}],"wp:attachment":[{"href":"https:\/\/amc.gov.co\/amc\/wp-json\/wp\/v2\/media?parent=9615"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}