{"id":125,"date":"2026-06-03T18:49:02","date_gmt":"2026-06-03T18:49:02","guid":{"rendered":"https:\/\/atlahuilco.gob.mx\/portal\/?page_id=125"},"modified":"2026-06-03T18:51:02","modified_gmt":"2026-06-03T18:51:02","slug":"actas-de-cabildo","status":"publish","type":"page","link":"https:\/\/atlahuilco.gob.mx\/portal\/actas-de-cabildo\/","title":{"rendered":"ACTAS DE CABILDO"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"125\" class=\"elementor elementor-125\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b131c10 e-flex e-con-boxed e-con e-parent\" data-id=\"b131c10\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-157cc09 elementor-widget elementor-widget-shortcode\" data-id=\"157cc09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- FONT AWESOME -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/PapaParse\/5.4.1\/papaparse.min.js\"><\/script>\r\n\r\n<style>\r\n:root{\r\n  --guinda:#7A1737;\r\n  --guinda-hover:#5E112B;\r\n  --guinda-oscuro:#430C20;\r\n  --guinda-profundo:#2B0714;\r\n  --oro:#C7A35A;\r\n  --oro-claro:#E8D7A8;\r\n  --crema:#F8F2E8;\r\n  --crema-suave:#FCF8F1;\r\n  --texto:#3E3030;\r\n  --texto-suave:#766868;\r\n  --borde:rgba(122,23,55,.14);\r\n  --borde-suave:rgba(122,23,55,.08);\r\n  --superficie:#FFFFFF;\r\n  --sombra:0 18px 45px rgba(67,12,32,.12);\r\n}\r\n\r\n#cabildo{\r\n  padding:28px;\r\n  font-family:'Segoe UI', Arial, sans-serif;\r\n  background:\r\n    radial-gradient(circle at 10% 0%, rgba(199,163,90,.16), transparent 30%),\r\n    radial-gradient(circle at 90% 10%, rgba(122,23,55,.10), transparent 32%),\r\n    linear-gradient(180deg,#fffaf3 0%,#f8f2e8 100%);\r\n  border-radius:28px;\r\n}\r\n\r\n#cabildo h2{\r\n  text-align:center;\r\n  color:var(--guinda-oscuro);\r\n  margin:10px 0 30px;\r\n  font-size:30px;\r\n  font-weight:900;\r\n  letter-spacing:.4px;\r\n}\r\n\r\n#cabildo h2::after{\r\n  content:\"\";\r\n  display:block;\r\n  width:110px;\r\n  height:5px;\r\n  background:linear-gradient(90deg,var(--guinda),var(--oro));\r\n  margin:12px auto 0;\r\n  border-radius:999px;\r\n}\r\n\r\n\/* CONTROLES *\/\r\n\r\n#cabildo .controls{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  flex-wrap:wrap;\r\n  gap:14px;\r\n  margin-bottom:20px;\r\n  padding:18px;\r\n  background:rgba(255,255,255,.78);\r\n  border:1px solid var(--borde-suave);\r\n  border-radius:20px;\r\n  box-shadow:0 10px 28px rgba(67,12,32,.07);\r\n}\r\n\r\n#cabildo .filters{\r\n  display:flex;\r\n  gap:11px;\r\n  flex-wrap:wrap;\r\n  align-items:center;\r\n}\r\n\r\n#cabildo select,\r\n#cabildo input{\r\n  padding:10px 13px;\r\n  border-radius:12px;\r\n  border:1px solid var(--borde);\r\n  font-size:13px;\r\n  background:#FFFFFF;\r\n  color:var(--texto);\r\n  outline:none;\r\n  transition:.25s ease;\r\n}\r\n\r\n#cabildo select:focus,\r\n#cabildo input:focus{\r\n  border-color:var(--guinda);\r\n  box-shadow:0 0 0 3px rgba(122,23,55,.10);\r\n}\r\n\r\n#cabildo .filters label{\r\n  font-size:12px !important;\r\n  color:var(--texto-suave) !important;\r\n  font-weight:700;\r\n}\r\n\r\n#cabildo .clear-btn{\r\n  background:linear-gradient(145deg,var(--guinda),var(--guinda-oscuro));\r\n  border:none;\r\n  color:#FFFFFF;\r\n  padding:10px 15px;\r\n  border-radius:12px;\r\n  font-size:12px;\r\n  font-weight:700;\r\n  cursor:pointer;\r\n  transition:.3s ease;\r\n  box-shadow:0 8px 18px rgba(122,23,55,.20);\r\n}\r\n\r\n#cabildo .clear-btn:hover{\r\n  background:linear-gradient(145deg,var(--guinda-hover),var(--guinda-profundo));\r\n  transform:translateY(-2px);\r\n}\r\n\r\n#cabildo .counter{\r\n  display:flex;\r\n  align-items:center;\r\n  font-size:13px;\r\n  color:var(--guinda-oscuro);\r\n  font-weight:800;\r\n  background:var(--crema);\r\n  border:1px solid rgba(199,163,90,.35);\r\n  padding:8px 14px;\r\n  border-radius:999px;\r\n}\r\n\r\n\/* TABLA *\/\r\n\r\n#cabildo .table-box{\r\n  background:#FFFFFF;\r\n  border-radius:24px;\r\n  box-shadow:var(--sombra);\r\n  padding:16px;\r\n  overflow:hidden;\r\n  border:1px solid var(--borde-suave);\r\n}\r\n\r\n#cabildo table{\r\n  width:100%;\r\n  border-collapse:separate;\r\n  border-spacing:0;\r\n}\r\n\r\n#cabildo th{\r\n  background:linear-gradient(145deg,var(--guinda-oscuro),var(--guinda));\r\n  color:#FFFFFF;\r\n  padding:14px 12px;\r\n  font-weight:800;\r\n  font-size:13px;\r\n  text-transform:uppercase;\r\n  letter-spacing:.4px;\r\n}\r\n\r\n#cabildo th:first-child{\r\n  border-radius:14px 0 0 14px;\r\n}\r\n\r\n#cabildo th:last-child{\r\n  border-radius:0 14px 14px 0;\r\n}\r\n\r\n#cabildo td{\r\n  padding:13px 12px;\r\n  border-bottom:1px solid var(--borde-suave);\r\n  color:var(--texto);\r\n  font-size:13px;\r\n}\r\n\r\n#cabildo tbody tr:nth-child(even){\r\n  background:var(--crema-suave);\r\n}\r\n\r\n#cabildo tbody tr:hover{\r\n  background:#F3E7D8;\r\n}\r\n\r\n\/* BADGES *\/\r\n\r\n#cabildo .badge{\r\n  padding:6px 13px;\r\n  border-radius:999px;\r\n  color:#FFFFFF;\r\n  font-size:12px;\r\n  font-weight:800;\r\n  display:inline-block;\r\n  box-shadow:0 7px 14px rgba(67,12,32,.12);\r\n}\r\n\r\n#cabildo .ordinaria{\r\n  background:linear-gradient(145deg,var(--guinda),var(--guinda-oscuro));\r\n}\r\n\r\n#cabildo .extraordinaria{\r\n  background:linear-gradient(145deg,var(--oro),#A67F36);\r\n  color:#3A2414;\r\n}\r\n\r\n\/* ICONOS *\/\r\n\r\n#cabildo .icon,\r\n#cabildo .icon:link,\r\n#cabildo .icon:visited,\r\n#cabildo .icon:hover,\r\n#cabildo .icon:active,\r\n#cabildo .icon:focus,\r\n#cabildo a.icon,\r\n#cabildo a.icon:link,\r\n#cabildo a.icon:visited,\r\n#cabildo a.icon:hover,\r\n#cabildo a.icon:active,\r\n#cabildo a.icon:focus{\r\n  display:inline-flex !important;\r\n  align-items:center;\r\n  justify-content:center;\r\n  width:38px;\r\n  height:38px;\r\n  background:linear-gradient(145deg,var(--guinda),var(--guinda-oscuro)) !important;\r\n  color:#FFFFFF !important;\r\n  border-radius:12px;\r\n  text-decoration:none !important;\r\n  outline:none !important;\r\n  border:none !important;\r\n  transition:.3s ease;\r\n  box-shadow:0 8px 18px rgba(122,23,55,.22);\r\n}\r\n\r\n#cabildo .icon:hover{\r\n  background:linear-gradient(145deg,var(--oro),var(--guinda)) !important;\r\n  color:#FFFFFF !important;\r\n  transform:translateY(-3px) scale(1.04);\r\n}\r\n\r\n#cabildo .icon.disabled{\r\n  background:#B9B1AA !important;\r\n  pointer-events:none;\r\n  box-shadow:none;\r\n}\r\n\r\n\/* PAGINACI\u00d3N *\/\r\n\r\n#cabildo .pagination{\r\n  display:flex;\r\n  justify-content:center;\r\n  margin-top:20px;\r\n  gap:7px;\r\n  flex-wrap:wrap;\r\n}\r\n\r\n#cabildo .page-btn{\r\n  border:none;\r\n  padding:9px 13px;\r\n  border-radius:10px;\r\n  background:var(--crema);\r\n  cursor:pointer;\r\n  font-size:12px;\r\n  font-weight:700;\r\n  color:var(--guinda-oscuro);\r\n  transition:.25s ease;\r\n  border:1px solid rgba(122,23,55,.10);\r\n}\r\n\r\n#cabildo .page-btn.active{\r\n  background:linear-gradient(145deg,var(--guinda),var(--guinda-oscuro));\r\n  color:#FFFFFF;\r\n  box-shadow:0 8px 18px rgba(122,23,55,.22);\r\n}\r\n\r\n#cabildo .page-btn:hover{\r\n  background:#EFE1CF;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media (max-width:1024px){\r\n  #cabildo h2{\r\n    font-size:25px;\r\n  }\r\n\r\n  #cabildo th,\r\n  #cabildo td{\r\n    font-size:13px;\r\n  }\r\n}\r\n\r\n@media (max-width:768px){\r\n  #cabildo{\r\n    padding:18px;\r\n    border-radius:22px;\r\n  }\r\n\r\n  #cabildo h2{\r\n    font-size:21px;\r\n  }\r\n\r\n  #cabildo .controls{\r\n    flex-direction:column;\r\n  }\r\n\r\n  #cabildo .filters{\r\n    width:100%;\r\n  }\r\n\r\n  #cabildo select,\r\n  #cabildo input,\r\n  #cabildo .clear-btn{\r\n    width:100%;\r\n  }\r\n\r\n  #cabildo .counter{\r\n    justify-content:center;\r\n    width:100%;\r\n  }\r\n\r\n  #cabildo .table-box{\r\n    overflow-x:auto;\r\n  }\r\n\r\n  #cabildo table{\r\n    min-width:720px;\r\n  }\r\n\r\n  #cabildo th,\r\n  #cabildo td{\r\n    font-size:12px;\r\n    padding:9px;\r\n  }\r\n}\r\n\r\n@media (max-width:480px){\r\n  #cabildo h2{\r\n    font-size:19px;\r\n  }\r\n\r\n  #cabildo .page-btn{\r\n    padding:7px 10px;\r\n    font-size:11px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div id=\"cabildo\">\r\n  <h2>Actas de Cabildo<\/h2>\r\n\r\n  <div class=\"controls\">\r\n    <div class=\"filters\">\r\n\r\n      <select id=\"filtroTipo\">\r\n        <option value=\"\">Tipo<\/option>\r\n      <\/select>\r\n\r\n      <select id=\"filtroAnio\">\r\n        <option value=\"\">A\u00f1o<\/option>\r\n      <\/select>\r\n\r\n      <input type=\"text\" id=\"buscador\" placeholder=\"Buscar acta...\">\r\n\r\n      <label>Mostrar:<\/label>\r\n      <select id=\"rowsPerPage\">\r\n        <option value=\"10\">10<\/option>\r\n        <option value=\"30\">30<\/option>\r\n        <option value=\"50\">50<\/option>\r\n      <\/select>\r\n\r\n      <button class=\"clear-btn\" onclick=\"limpiar()\">Limpiar<\/button>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"counter\" id=\"contador\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"table-box\">\r\n    <table>\r\n      <thead>\r\n        <tr>\r\n          <th>Nombre<\/th>\r\n          <th>Tipo<\/th>\r\n          <th>Fecha<\/th>\r\n          <th>A\u00f1o<\/th>\r\n          <th>Archivo<\/th>\r\n        <\/tr>\r\n      <\/thead>\r\n      <tbody id=\"tabla\"><\/tbody>\r\n    <\/table>\r\n\r\n    <div class=\"pagination\" id=\"paginacion\"><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n\r\nconst url = \"https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vRDlOsEtnMyAdIKElnCXOwlvF--l9h63adXkdHQkRVDfxnmRBChdAL2pY_B0_kxRA\/pub?output=csv\";\r\n\r\nlet allData = [];\r\nlet currentPage = 1;\r\nlet rowsPerPage = 10;\r\n\r\nasync function cargar(){\r\n\r\n  const res = await fetch(url);\r\n  const text = await res.text();\r\n  const data = Papa.parse(text,{header:true}).data;\r\n\r\n  allData = data.map(d=>{\r\n    const [day,month,year] = (d.Fecha||\"\").split(\"\/\");\r\n    return {\r\n      ...d,\r\n      fechaObj: new Date(`${year}-${month}-${day}`)\r\n    };\r\n  });\r\n\r\n  cargarFiltros();\r\n  render();\r\n}\r\n\r\nfunction cargarFiltros(){\r\n\r\n  const tipos = [...new Set(allData.map(d=>d.Tipo))];\r\n  const a\u00f1os = [...new Set(allData.map(d=>d.A\u00f1o))].sort((a,b)=>b-a);\r\n\r\n  tipos.forEach(t=>{\r\n    if(t) filtroTipo.innerHTML += `<option>${t}<\/option>`;\r\n  });\r\n\r\n  a\u00f1os.forEach(a=>{\r\n    if(a) filtroAnio.innerHTML += `<option>${a}<\/option>`;\r\n  });\r\n}\r\n\r\nfunction getFiltrado(){\r\n\r\n  const tipo = filtroTipo.value;\r\n  const anio = filtroAnio.value;\r\n  const bus = buscador.value.toLowerCase();\r\n\r\n  let f = allData.filter(d=>{\r\n    return (\r\n      (!tipo || d.Tipo===tipo) &&\r\n      (!anio || d.A\u00f1o===anio) &&\r\n      (!bus || d.Nombre.toLowerCase().includes(bus))\r\n    );\r\n  });\r\n\r\n  return f.sort((a,b)=> b.A\u00f1o - a.A\u00f1o || b.fechaObj - a.fechaObj);\r\n}\r\n\r\nfunction render(){\r\n\r\n  const data = getFiltrado();\r\n  const tbody = document.getElementById(\"tabla\");\r\n\r\n  document.getElementById(\"contador\").innerText =\r\n    data.length + \" resultados\";\r\n\r\n  const start = (currentPage-1)*rowsPerPage;\r\n  const paginated = data.slice(start, start+rowsPerPage);\r\n\r\n  tbody.innerHTML = paginated.map(d=>`\r\n    <tr>\r\n      <td>${d.Nombre}<\/td>\r\n      <td><span class=\"badge ${d.Tipo.toLowerCase()}\">${d.Tipo}<\/span><\/td>\r\n      <td>${d.Fecha}<\/td>\r\n      <td>${d.A\u00f1o}<\/td>\r\n      <td>\r\n        <a href=\"${d.Archivo||'#'}\" target=\"_blank\"\r\n           class=\"icon ${!d.Archivo?'disabled':''}\">\r\n           <i class=\"fa-solid fa-file-pdf\"><\/i>\r\n        <\/a>\r\n      <\/td>\r\n    <\/tr>\r\n  `).join(\"\");\r\n\r\n  renderPagination(data.length);\r\n}\r\n\r\nfunction renderPagination(total){\r\n\r\n  const pages = Math.ceil(total\/rowsPerPage);\r\n  const cont = document.getElementById(\"paginacion\");\r\n\r\n  cont.innerHTML = \"\";\r\n\r\n  for(let i=1;i<=pages;i++){\r\n    cont.innerHTML += `\r\n      <button class=\"page-btn ${i===currentPage?'active':''}\"\r\n        onclick=\"goPage(${i})\">${i}<\/button>\r\n    `;\r\n  }\r\n}\r\n\r\nwindow.goPage = function(p){\r\n  currentPage = p;\r\n  render();\r\n}\r\n\r\nwindow.limpiar = function(){\r\n  filtroTipo.value=\"\";\r\n  filtroAnio.value=\"\";\r\n  buscador.value=\"\";\r\n  currentPage=1;\r\n  render();\r\n}\r\n\r\ndocument.getElementById(\"rowsPerPage\").addEventListener(\"change\", function(){\r\n  rowsPerPage = parseInt(this.value);\r\n  currentPage = 1;\r\n  render();\r\n});\r\n\r\nfiltroTipo.onchange = ()=>{currentPage=1;render();}\r\nfiltroAnio.onchange = ()=>{currentPage=1;render();}\r\nbuscador.oninput = ()=>{currentPage=1;render();}\r\n\r\ncargar();\r\n\r\n})();\r\n<\/script> <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","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-125","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/atlahuilco.gob.mx\/portal\/wp-json\/wp\/v2\/pages\/125","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atlahuilco.gob.mx\/portal\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/atlahuilco.gob.mx\/portal\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/atlahuilco.gob.mx\/portal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/atlahuilco.gob.mx\/portal\/wp-json\/wp\/v2\/comments?post=125"}],"version-history":[{"count":0,"href":"https:\/\/atlahuilco.gob.mx\/portal\/wp-json\/wp\/v2\/pages\/125\/revisions"}],"wp:attachment":[{"href":"https:\/\/atlahuilco.gob.mx\/portal\/wp-json\/wp\/v2\/media?parent=125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}