{"id":2552,"date":"2025-07-19T23:50:00","date_gmt":"2025-07-19T23:50:00","guid":{"rendered":"https:\/\/normaleskildsen.mx\/eduprimaria\/?page_id=2552"},"modified":"2025-11-05T15:57:07","modified_gmt":"2025-11-05T15:57:07","slug":"noticias","status":"publish","type":"page","link":"https:\/\/normaleskildsen.mx\/eduprimaria\/noticias\/","title":{"rendered":"Noticias"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<section class=\"blog-section\">\n  <h2 class=\"section-title\"><\/h2>\n  <p class=\"section-desc\">\n    Esta secci\u00f3n est\u00e1 dedicada exclusivamente a las actividades de nuestra instituci\u00f3n.\n  <\/p>\n\n  <div class=\"month-filter\" id=\"month-buttons\"><\/div>\n  <div id=\"news-container\" class=\"news-grid\"><\/div>\n<\/section>\n\n<style>\n  .blog-section {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 2rem;\n    font-family: 'Inter', sans-serif;\n    color: #1f2937;\n  }\n  .section-title {\n    text-align: center;\n    font-size: 1.8rem;\n    font-weight: 700;\n  }\n  .section-desc {\n    text-align: center;\n    color: #555;\n    max-width: 800px;\n    margin: 0.5rem auto 2rem;\n  }\n  .month-filter {\n    text-align: center;\n    margin-bottom: 2rem;\n  }\n  .month-btn {\n    background: none;\n    border: 2px solid #ff7b00;\n    color: #ff7b00;\n    border-radius: 20px;\n    padding: 0.5rem 1rem;\n    margin: 0.3rem;\n    cursor: pointer;\n    font-weight: 600;\n    transition: all 0.3s ease;\n  }\n  .month-btn.active, .month-btn:hover {\n    background: #ff7b00;\n    color: white;\n  }\n  .news-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 1.5rem;\n  }\n  .news-card {\n    background: white;\n    border-radius: 16px;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    transition: transform 0.3s ease;\n  }\n  .news-card:hover { transform: translateY(-5px); }\n  .news-card img {\n    width: 100%;\n    height: 220px;\n    object-fit: cover;\n  }\n  .news-content {\n    padding: 1rem 1.2rem 1.5rem;\n  }\n  .news-content h3 {\n    font-size: 1.1rem;\n    margin-bottom: 0.5rem;\n    color: #111827;\n  }\n  .date {\n    color: #6b7280;\n    font-size: 0.9rem;\n    margin-bottom: 0.8rem;\n  }\n  .btn-read {\n    display: inline-block;\n    background-color: #ff7b00;\n    color: white;\n    text-decoration: none;\n    padding: 0.6rem 1.2rem;\n    border-radius: 8px;\n    margin-top: 0.8rem;\n    font-weight: 600;\n    transition: background 0.3s ease;\n  }\n  .btn-read:hover { background-color: #e76f00; }\n<\/style>\n\n<script>\n(async function() {\n  const apiUrl = 'https:\/\/normaleskildsen.mx\/eduprimaria\/wp-json\/wp\/v2\/posts?_embed&per_page=20';\n  const res = await fetch(apiUrl);\n  const posts = await res.json();\n\n  \/\/ Agrupar por mes\n  const grouped = {};\n  posts.forEach(post => {\n    const date = new Date(post.date);\n    const month = date.toLocaleString('es-MX', { month: 'long' });\n    const year = date.getFullYear();\n    const key = `${month} ${year}`;\n    if (!grouped[key]) grouped[key] = [];\n    grouped[key].push(post);\n  });\n\n  \/\/ Crear botones de los \u00faltimos 3 meses\n  const months = Object.keys(grouped).slice(0, 3);\n  const monthButtons = document.getElementById('month-buttons');\n  const newsContainer = document.getElementById('news-container');\n\n  months.forEach((m, idx) => {\n    const btn = document.createElement('button');\n    btn.textContent = m.charAt(0).toUpperCase() + m.slice(1);\n    btn.className = 'month-btn' + (idx === 0 ? ' active' : '');\n    btn.onclick = () => {\n      document.querySelectorAll('.month-btn').forEach(b => b.classList.remove('active'));\n      btn.classList.add('active');\n      renderPosts(grouped[m]);\n    };\n    monthButtons.appendChild(btn);\n  });\n\n  \/\/ Render inicial (\u00faltimo mes)\n  renderPosts(grouped[months[0]]);\n\n  function renderPosts(list) {\n    newsContainer.innerHTML = '';\n    list.forEach(post => {\n      const title = post.title.rendered;\n      const link = post.link;\n      const date = new Date(post.date).toLocaleDateString('es-MX', { day: 'numeric', month: 'long', year: 'numeric' });\n      const excerpt = post.excerpt.rendered.replace(\/<[^>]+>\/g, '').substring(0, 160);\n      const img = post._embedded?.['wp:featuredmedia']?.[0]?.source_url || 'https:\/\/via.placeholder.com\/600x400?text=Sin+imagen';\n\n      const card = document.createElement('div');\n      card.classList.add('news-card');\n      card.innerHTML = `\n        <img decoding=\"async\" src=\"${img}\" alt=\"${title}\">\n        <div class=\"news-content\">\n          <h3>${title}<\/h3>\n          <p class=\"date\">${date}<\/p>\n          <p>${excerpt}\u2026<\/p>\n          <a href=\"${link}\" class=\"btn-read\" target=\"_blank\">Leer m\u00e1s<\/a>\n        <\/div>\n      `;\n      newsContainer.appendChild(card);\n    });\n  }\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:10%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:80%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:10%\"><\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Esta secci\u00f3n est\u00e1 dedicada exclusivamente a las actividades de nuestra instituci\u00f3n.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","h5ap_radio_sources":[],"footnotes":""},"class_list":["post-2552","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/normaleskildsen.mx\/eduprimaria\/wp-json\/wp\/v2\/pages\/2552","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/normaleskildsen.mx\/eduprimaria\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/normaleskildsen.mx\/eduprimaria\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/normaleskildsen.mx\/eduprimaria\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/normaleskildsen.mx\/eduprimaria\/wp-json\/wp\/v2\/comments?post=2552"}],"version-history":[{"count":6,"href":"https:\/\/normaleskildsen.mx\/eduprimaria\/wp-json\/wp\/v2\/pages\/2552\/revisions"}],"predecessor-version":[{"id":3473,"href":"https:\/\/normaleskildsen.mx\/eduprimaria\/wp-json\/wp\/v2\/pages\/2552\/revisions\/3473"}],"wp:attachment":[{"href":"https:\/\/normaleskildsen.mx\/eduprimaria\/wp-json\/wp\/v2\/media?parent=2552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}