{"id":662,"date":"2026-07-11T05:09:21","date_gmt":"2026-07-11T05:09:21","guid":{"rendered":"https:\/\/enee.edu.mx\/inclusioneducativa\/?page_id=662"},"modified":"2026-07-11T05:23:55","modified_gmt":"2026-07-11T05:23:55","slug":"noticias","status":"publish","type":"page","link":"https:\/\/enee.edu.mx\/inclusioneducativa\/noticias\/","title":{"rendered":"Noticias"},"content":{"rendered":"\n<style>\n:root{\n  --color-1:#AA5283;\n  --color-2:#B6804A;\n  --color-3:#A38090;\n  --color-4:#7E8096;\n  --color-5:#608336;\n  --bg:#ffffff;\n  --bg-soft:#ffffff;\n  --white:#ffffff;\n  --text:#5a5e70;\n  --text-strong:#3b4154;\n  --title-blue:#4f639d;\n  --line:#dfe6f2;\n  --shadow:0 14px 32px rgba(47,49,66,.07);\n  --radius:22px;\n}\n\n*{\n  box-sizing:border-box;\n}\n\n.noticias-mes{\n  width:100%;\n  margin:0;\n  padding:42px 20px 56px;\n  background:linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 100%);\n  font-family:\"Inter\",\"Helvetica Neue\",Arial,sans-serif;\n}\n\n.noticias-mes__wrap{\n  width:100%;\n  max-width:1240px;\n  margin:0 auto;\n}\n\n.noticias-mes__head{\n  max-width:920px;\n  margin:0 auto 28px;\n  text-align:center;\n}\n\n.noticias-mes__eyebrow{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:6px 12px;\n  border-radius:999px;\n  background:rgba(79,99,157,.10);\n  color:var(--title-blue);\n  font-size:10px;\n  font-weight:800;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n  margin-bottom:8px;\n}\n\n.noticias-mes__title{\n  margin:0 0 8px;\n  font-size:clamp(1.9rem,2.8vw,3rem);\n  line-height:1.05;\n  font-weight:800;\n  letter-spacing:-.025em;\n  color:var(--title-blue);\n}\n\n.noticias-mes__line{\n  width:56px;\n  height:3px;\n  border-radius:999px;\n  background:var(--title-blue);\n  margin:0 auto 14px;\n}\n\n.noticias-mes__intro{\n  margin:0;\n  color:var(--text-strong);\n  font-size:.98rem;\n  line-height:1.62;\n}\n\n.noticias-mes__toolbar{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:14px;\n  flex-wrap:wrap;\n  margin-bottom:24px;\n  padding:16px 18px;\n  border:1px solid var(--line);\n  border-radius:18px;\n  background:rgba(255,255,255,.9);\n  box-shadow:var(--shadow);\n}\n\n.noticias-mes__search{\n  flex:1 1 320px;\n  display:flex;\n  gap:10px;\n}\n\n.noticias-mes__search input{\n  width:100%;\n  min-width:0;\n  border:1px solid #d8dbe3;\n  border-radius:14px;\n  background:#fff;\n  padding:12px 14px;\n  font-size:.95rem;\n  color:var(--text-strong);\n}\n\n.noticias-mes__search input:focus{\n  outline:none;\n  border-color:var(--title-blue);\n  box-shadow:0 0 0 4px rgba(79,99,157,.12);\n}\n\n.noticias-mes__meta{\n  color:var(--text);\n  font-size:.9rem;\n  font-weight:600;\n}\n\n.noticias-mes__groups{\n  display:grid;\n  gap:18px;\n}\n\n.grupo-mes{\n  background:var(--white);\n  border:1px solid var(--line);\n  border-radius:24px;\n  box-shadow:var(--shadow);\n  overflow:hidden;\n}\n\n.grupo-mes[open]{\n  border-color:#cfd9ea;\n}\n\n.grupo-mes__summary{\n  list-style:none;\n  cursor:pointer;\n  padding:18px 22px;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:14px;\n  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);\n}\n\n.grupo-mes__summary::-webkit-details-marker{\n  display:none;\n}\n\n.grupo-mes__left{\n  display:flex;\n  align-items:center;\n  gap:14px;\n  min-width:0;\n}\n\n.grupo-mes__badge{\n  width:44px;\n  height:44px;\n  border-radius:14px;\n  background:var(--title-blue);\n  color:#fff;\n  display:grid;\n  place-items:center;\n  font-size:1rem;\n  font-weight:800;\n  flex:0 0 auto;\n}\n\n.grupo-mes__title{\n  min-width:0;\n}\n\n.grupo-mes__title strong{\n  display:block;\n  color:var(--text-strong);\n  font-size:1.08rem;\n  line-height:1.15;\n}\n\n.grupo-mes__title span{\n  display:block;\n  margin-top:4px;\n  color:var(--text);\n  font-size:.88rem;\n}\n\n.grupo-mes__count{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:8px 12px;\n  border-radius:999px;\n  background:rgba(79,99,157,.10);\n  color:var(--title-blue);\n  font-size:.8rem;\n  font-weight:800;\n  white-space:nowrap;\n}\n\n.grupo-mes__body{\n  padding:0 22px 22px;\n}\n\n.grupo-mes__grid{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:18px;\n}\n\n.nota-card{\n  background:#fff;\n  border:1px solid #e6ebf4;\n  border-radius:20px;\n  overflow:hidden;\n  display:flex;\n  flex-direction:column;\n  min-height:100%;\n}\n\n.nota-card__image{\n  display:block;\n  line-height:0;\n}\n\n.nota-card__image img{\n  width:100%;\n  height:190px;\n  object-fit:cover;\n  display:block;\n}\n\n.nota-card__content{\n  padding:16px 16px 18px;\n  display:flex;\n  flex-direction:column;\n  flex:1;\n}\n\n.nota-card__date{\n  display:inline-flex;\n  align-items:center;\n  width:max-content;\n  padding:5px 10px;\n  border-radius:999px;\n  background:rgba(79,99,157,.10);\n  color:var(--title-blue);\n  font-size:10px;\n  font-weight:800;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n  margin-bottom:10px;\n}\n\n.nota-card__title{\n  margin:0 0 10px;\n  font-size:1.08rem;\n  line-height:1.16;\n  font-weight:800;\n  letter-spacing:-.015em;\n  color:var(--title-blue);\n}\n\n.nota-card__title a{\n  color:inherit;\n  text-decoration:none;\n}\n\n.nota-card__excerpt{\n  margin:0 0 16px;\n  color:var(--text);\n  font-size:.92rem;\n  line-height:1.58;\n  display:-webkit-box;\n  -webkit-line-clamp:5;\n  -webkit-box-orient:vertical;\n  overflow:hidden;\n  flex:1;\n}\n\n.nota-card__link{\n  align-self:flex-start;\n  background:var(--title-blue);\n  color:#fff;\n  padding:9px 16px;\n  border-radius:999px;\n  text-decoration:none;\n  font-weight:700;\n  font-size:.82rem;\n  box-shadow:0 8px 18px rgba(79,99,157,.16);\n  transition:all .25s ease;\n}\n\n.nota-card__link:hover{\n  background:var(--color-1);\n  transform:translateY(-2px);\n}\n\n.noticias-mes__state{\n  text-align:center;\n  color:var(--text-strong);\n  font-size:.96rem;\n  padding:28px 0;\n}\n\n@media (max-width:1100px){\n  .grupo-mes__grid{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n  }\n}\n\n@media (max-width:720px){\n  .noticias-mes{\n    padding:34px 16px 42px;\n  }\n\n  .noticias-mes__toolbar{\n    padding:14px;\n  }\n\n  .grupo-mes__summary{\n    padding:16px;\n  }\n\n  .grupo-mes__body{\n    padding:0 16px 16px;\n  }\n\n  .grupo-mes__grid{\n    grid-template-columns:1fr;\n  }\n\n  .nota-card__image img{\n    height:220px;\n  }\n}\n<\/style>\n\n<section class=\"noticias-mes\">\n  <div class=\"noticias-mes__wrap\">\n    <header class=\"noticias-mes__head\">\n      <div class=\"noticias-mes__eyebrow\">Archivo institucional<\/div>\n      <h2 class=\"noticias-mes__title\">Noticias por mes<\/h2>\n      <div class=\"noticias-mes__line\"><\/div>\n      <p class=\"noticias-mes__intro\">\n        Explora las noticias organizadas por mes para consultar con mayor claridad las actividades, eventos y logros de nuestra comunidad educativa.\n      <\/p>\n    <\/header>\n\n    <div class=\"noticias-mes__toolbar\">\n      <div class=\"noticias-mes__search\">\n        <input type=\"search\" id=\"filtro-noticias\" placeholder=\"Buscar por t\u00edtulo o descripci\u00f3n\">\n      <\/div>\n      <div class=\"noticias-mes__meta\" id=\"contador-noticias\">Cargando noticias\u2026<\/div>\n    <\/div>\n\n    <div class=\"noticias-mes__groups\" id=\"noticias-por-mes-grid\">\n      <p class=\"noticias-mes__state\">Cargando noticias\u2026<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const contenedor = document.getElementById(\"noticias-por-mes-grid\");\n  const contador = document.getElementById(\"contador-noticias\");\n  const filtro = document.getElementById(\"filtro-noticias\");\n  const endpoint = \"https:\/\/enee.edu.mx\/inclusioneducativa\/wp-json\/wp\/v2\/posts?per_page=100&_embed\";\n\n  const meses = [\n    \"enero\", \"febrero\", \"marzo\", \"abril\", \"mayo\", \"junio\",\n    \"julio\", \"agosto\", \"septiembre\", \"octubre\", \"noviembre\", \"diciembre\"\n  ];\n\n  function limpiarTexto(html) {\n    const div = document.createElement(\"div\");\n    div.innerHTML = html || \"\";\n    return (div.textContent || div.innerText || \"\").trim();\n  }\n\n  function agruparPorMes(posts) {\n    const grupos = {};\n\n    posts.forEach(post => {\n      const fecha = new Date(post.date);\n      const mes = meses[fecha.getMonth()];\n      const anio = fecha.getFullYear();\n      const clave = `${anio}-${String(fecha.getMonth() + 1).padStart(2, \"0\")}`;\n\n      if (!grupos[clave]) {\n        grupos[clave] = {\n          clave,\n          mes,\n          anio,\n          titulo: `${mes.charAt(0).toUpperCase() + mes.slice(1)} ${anio}`,\n          posts: []\n        };\n      }\n\n      grupos[clave].posts.push(post);\n    });\n\n    return Object.values(grupos).sort((a, b) => b.clave.localeCompare(a.clave));\n  }\n\n  function renderizar(grupos, termino = \"\") {\n    const filtroTexto = termino.trim().toLowerCase();\n    let total = 0;\n    contenedor.innerHTML = \"\";\n\n    grupos.forEach((grupo, index) => {\n      const postsFiltrados = grupo.posts.filter(post => {\n        const titulo = limpiarTexto(post.title?.rendered || \"\").toLowerCase();\n        const resumen = limpiarTexto(post.excerpt?.rendered || \"\").toLowerCase();\n        return titulo.includes(filtroTexto) || resumen.includes(filtroTexto);\n      });\n\n      if (!postsFiltrados.length) {\n        return;\n      }\n\n      total += postsFiltrados.length;\n\n      const cards = postsFiltrados.map(post => {\n        const titulo = limpiarTexto(post.title?.rendered || \"Sin t\u00edtulo\");\n        const resumen = limpiarTexto(post.excerpt?.rendered || \"\");\n        const enlace = post.link || \"#\";\n        const imagen = post._embedded?.[\"wp:featuredmedia\"]?.[0]?.source_url || \"\";\n        const fecha = new Date(post.date);\n        const fechaLegible = `${fecha.getDate()} de ${meses[fecha.getMonth()]} de ${fecha.getFullYear()}`;\n\n        return `\n          <article class=\"nota-card\">\n            ${imagen ? `\n              <a class=\"nota-card__image\" href=\"${enlace}\">\n                <img decoding=\"async\" src=\"${imagen}\" alt=\"${titulo}\">\n              <\/a>\n            ` : \"\"}\n            <div class=\"nota-card__content\">\n              <span class=\"nota-card__date\">${fechaLegible}<\/span>\n              <h3 class=\"nota-card__title\"><a href=\"${enlace}\">${titulo}<\/a><\/h3>\n              <p class=\"nota-card__excerpt\">${resumen}<\/p>\n              <a class=\"nota-card__link\" href=\"${enlace}\">Leer noticia<\/a>\n            <\/div>\n          <\/article>\n        `;\n      }).join(\"\");\n\n      contenedor.innerHTML += `\n        <details class=\"grupo-mes\" ${index === 0 ? \"open\" : \"\"}>\n          <summary class=\"grupo-mes__summary\">\n            <div class=\"grupo-mes__left\">\n              <div class=\"grupo-mes__badge\">${postsFiltrados.length}<\/div>\n              <div class=\"grupo-mes__title\">\n                <strong>${grupo.titulo}<\/strong>\n                <span>Noticias publicadas en este periodo<\/span>\n              <\/div>\n            <\/div>\n            <span class=\"grupo-mes__count\">${postsFiltrados.length} noticia${postsFiltrados.length !== 1 ? \"s\" : \"\"}<\/span>\n          <\/summary>\n          <div class=\"grupo-mes__body\">\n            <div class=\"grupo-mes__grid\">\n              ${cards}\n            <\/div>\n          <\/div>\n        <\/details>\n      `;\n    });\n\n    contador.textContent = `${total} noticia${total !== 1 ? \"s\" : \"\"} encontradas`;\n\n    if (!total) {\n      contenedor.innerHTML = '<p class=\"noticias-mes__state\">No se encontraron noticias con ese criterio.<\/p>';\n      contador.textContent = \"0 noticias encontradas\";\n    }\n  }\n\n  fetch(endpoint)\n    .then(response => response.json())\n    .then(posts => {\n      if (!Array.isArray(posts) || !posts.length) {\n        contenedor.innerHTML = '<p class=\"noticias-mes__state\">No hay noticias disponibles por el momento.<\/p>';\n        contador.textContent = \"0 noticias encontradas\";\n        return;\n      }\n\n      const grupos = agruparPorMes(posts);\n      renderizar(grupos);\n\n      filtro.addEventListener(\"input\", function () {\n        renderizar(grupos, this.value);\n      });\n    })\n    .catch(() => {\n      contenedor.innerHTML = '<p class=\"noticias-mes__state\">No fue posible cargar las noticias en este momento.<\/p>';\n      contador.textContent = \"Error al cargar\";\n    });\n});\n<\/script>\n<div class=\"pvc_clear\"><\/div><p id=\"pvc_stats_662\" class=\"pvc_stats all  \" data-element-id=\"662\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i> <img loading=\"lazy\" decoding=\"async\" width=\"16\" height=\"16\" alt=\"Loading\" src=\"https:\/\/enee.edu.mx\/inclusioneducativa\/wp-content\/plugins\/page-views-count\/ajax-loader-2x.gif\" border=0 \/><\/p><div class=\"pvc_clear\"><\/div>","protected":false},"excerpt":{"rendered":"<p>Archivo institucional Noticias por mes Explora las noticias organizadas por mes para consultar con mayor claridad las actividades, eventos y logros de nuestra comunidad educativa. Cargando noticias\u2026 Cargando noticias\u2026<\/p>\n<div class=\"pvc_clear\"><\/div>\n<p id=\"pvc_stats_662\" class=\"pvc_stats all  \" data-element-id=\"662\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i> <img loading=\"lazy\" decoding=\"async\" width=\"16\" height=\"16\" alt=\"Loading\" src=\"https:\/\/enee.edu.mx\/inclusioneducativa\/wp-content\/plugins\/page-views-count\/ajax-loader-2x.gif\" border=0 \/><\/p>\n<div class=\"pvc_clear\"><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-662","page","type-page","status-publish","hentry"],"a3_pvc":{"activated":true,"total_views":7,"today_views":7},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/enee.edu.mx\/inclusioneducativa\/wp-json\/wp\/v2\/pages\/662","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/enee.edu.mx\/inclusioneducativa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/enee.edu.mx\/inclusioneducativa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/enee.edu.mx\/inclusioneducativa\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/enee.edu.mx\/inclusioneducativa\/wp-json\/wp\/v2\/comments?post=662"}],"version-history":[{"count":5,"href":"https:\/\/enee.edu.mx\/inclusioneducativa\/wp-json\/wp\/v2\/pages\/662\/revisions"}],"predecessor-version":[{"id":669,"href":"https:\/\/enee.edu.mx\/inclusioneducativa\/wp-json\/wp\/v2\/pages\/662\/revisions\/669"}],"wp:attachment":[{"href":"https:\/\/enee.edu.mx\/inclusioneducativa\/wp-json\/wp\/v2\/media?parent=662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}