{"id":984,"date":"2025-04-01T00:43:59","date_gmt":"2025-04-01T00:43:59","guid":{"rendered":"https:\/\/normaleskildsen.mx\/eduprimaria\/?page_id=984"},"modified":"2026-05-03T16:56:26","modified_gmt":"2026-05-03T16:56:26","slug":"primer-periodo","status":"publish","type":"page","link":"https:\/\/normaleskildsen.mx\/eduprimaria\/primer-periodo\/","title":{"rendered":"Primer periodo"},"content":{"rendered":"\n<div style=\"text-align: justify;\">\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%\">\n<p class=\"has-text-align-center has-small-font-size\"><strong>Los Or\u00edgenes de la Formaci\u00f3n Docente en Tabasco (1893 &#8211; 1926)<\/strong><\/p>\n\n\n\n<p class=\"has-tiny-font-size\" style=\"padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)\">La historia de la Escuela Rosario Mar\u00eda Guti\u00e9rrez Eskildsen hunde sus ra\u00edces en el \u00faltimo cuarto del siglo XIX y primer cuarto del sigo XX, cuando se establecieron los primeros esfuerzos institucionales para profesionalizar la ense\u00f1anza en el estado de Tabasco.<\/p>\n\n\n\n<p class=\"has-tiny-font-size\" style=\"padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)\">Este tramo inicial de la historia est\u00e1 marcado por el surgimiento de las primeras estructuras organizadas de formaci\u00f3n magisterial en la regi\u00f3n, en un contexto nacional de modernizaci\u00f3n educativa impulsada por el Estado liberal. La normalizaci\u00f3n de la ense\u00f1anza respond\u00eda a la necesidad de contar con maestras y maestros formados para responder a los ideales de alfabetizaci\u00f3n, progreso y civilizaci\u00f3n que definieron al proyecto educativo posrevolucionario.<\/p>\n\n\n\n<p class=\"has-tiny-font-size\" style=\"padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)\">Durante este periodo se sientan las bases del quehacer pedag\u00f3gico que hoy nos define: la formaci\u00f3n con enfoque humanista, el compromiso con la mejora social a trav\u00e9s de la educaci\u00f3n, y la vocaci\u00f3n de servicio p\u00fablico como eje de la profesi\u00f3n docente. Es tambi\u00e9n una etapa definida por tensiones pol\u00edticas, transformaciones institucionales y resistencias culturales, que no solo marcaron la historia educativa de Tabasco, sino que dieron forma a una identidad pedag\u00f3gica propia.<\/p>\n\n\n\n<p class=\"has-tiny-font-size\" style=\"padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)\">La imagen que acompa\u00f1a esta secci\u00f3n nos remonta visualmente a una \u00e9poca fundacional, en la que la educaci\u00f3n de las mujeres, la profesionalizaci\u00f3n docente y la construcci\u00f3n del Estado mexicano se entrelazaban en un proyecto educativo que a\u00fan resuena en nuestra instituci\u00f3n.<\/p>\n<\/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<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%\">\n<div class=\"wp-block-group alignfull has-text-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"color:#000000;background-color:#ffffff\">\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-03627597 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-50 is-style-custombuttonthree\"><a class=\"wp-block-button__link has-sixth-background-color has-text-color has-background wp-element-button\" style=\"border-radius:50px;color:#ffffff\">Iniciamos el recorrido<\/a><\/div>\n<\/div>\n<\/div>\n<\/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<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%\">\n<p class=\"has-tiny-font-size\" style=\"padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)\">Este bloque interactivo presenta una l\u00ednea del tiempo visual que recorre los principales hitos hist\u00f3ricos de la formaci\u00f3n normalista, correspondientes al <strong>Primer Periodo<\/strong>. Cada hito est\u00e1 representado mediante una combinaci\u00f3n de texto, documentos oficiales digitalizados y fotograf\u00edas que ilustran el contexto de cada acontecimiento.<\/p>\n\n\n\n<p class=\"has-tiny-font-size\" style=\"padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)\">Te invitamos a  explorar cronol\u00f3gicamente los eventos desde 1893 hasta 1926, incluyendo la creaci\u00f3n de nuevas leyes, reformas educativas, fundaciones de instituciones y publicaciones de reglamentos y planes de estudio. <\/p>\n<\/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<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:25%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<p class=\"has-text-align-center has-tiny-font-size\" style=\"padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)\">Haz clic sobre cada punto azul \ud83d\udd35 en la l\u00ednea del tiempo para m\u00e1s informaci\u00f3n.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/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%\">\n<div class=\"image-container\">\n  <img decoding=\"async\" src=\"https:\/\/normaleskildsen.mx\/documentos\/BloqueA.png\" alt=\"Imagen interactiva\">\n\n  <div class=\"hotspot\" style=\"top: 18.22%; left: 10.15%;\" data-img=\"https:\/\/normaleskildsen.mx\/documentos\/A1893.png\" title=\"1893\"><\/div>\n  <div class=\"hotspot\" style=\"top: 69.78%; left: 9.88%;\" data-img=\"https:\/\/normaleskildsen.mx\/documentos\/A1904.png\" title=\"1904\"><\/div>\n  <div class=\"hotspot\" style=\"top: 28.53%; left: 17.78%;\" data-img=\"https:\/\/normaleskildsen.mx\/documentos\/A1908.png\" title=\"1908\"><\/div>\n  <div class=\"hotspot\" style=\"top: 80.44%; left: 34.93%;\" data-img=\"https:\/\/normaleskildsen.mx\/documentos\/A1909.png\" title=\"1909\"><\/div>\n  <div class=\"hotspot\" style=\"top: 19.94%; left: 37.36%;\" data-img=\"https:\/\/normaleskildsen.mx\/documentos\/A1910.png\" title=\"1910\"><\/div>\n  <div class=\"hotspot\" style=\"top: 80.78%; left: 49.03%;\" data-img=\"https:\/\/normaleskildsen.mx\/documentos\/A1913.png\" title=\"1913\"><\/div>\n  <div class=\"hotspot\" style=\"top: 19.94%; left: 52.81%;\" data-img=\"https:\/\/normaleskildsen.mx\/documentos\/A1915.png\" title=\"1915\"><\/div>\n  <div class=\"hotspot\" style=\"top: 74.94%; left: 61.16%;\" data-img=\"https:\/\/normaleskildsen.mx\/documentos\/A1918.png\" title=\"1918\"><\/div>\n  <div class=\"hotspot\" style=\"top: 23.72%; left: 63.49%;\" data-img=\"https:\/\/normaleskildsen.mx\/documentos\/A1921.png\" title=\"1921\"><\/div>\n  <div class=\"hotspot\" style=\"top: 75.63%; left: 77.86%;\" data-img=\"https:\/\/normaleskildsen.mx\/documentos\/A1923.png\" title=\"1923\"><\/div>\n  <div class=\"hotspot\" style=\"top: 21.66%; left: 82.44%;\" data-img=\"https:\/\/normaleskildsen.mx\/documentos\/A1925.png\" title=\"1925\"><\/div>\n  <div class=\"hotspot\" style=\"top: 77.35%; left: 94.75%;\" data-img=\"https:\/\/normaleskildsen.mx\/documentos\/A1926.png\" title=\"1926\"><\/div>\n<\/div>\n\n<div id=\"imageModal\" class=\"modal\">\n  <span class=\"modal-close\">&times;<\/span>\n  <img class=\"modal-content\" id=\"modalImage\" alt=\"Vista ampliada\">\n<\/div>\n\n<style>\n.image-container {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n}\n\n.image-container img {\n  display: block;\n  width: 100%;\n  height: auto;\n}\n\n.hotspot {\n  position: absolute;\n  width: 16px;\n  height: 16px;\n  background-color: #0074BA;\n  border-radius: 50%;\n  cursor: pointer;\n  transition: transform 0.3s ease;\n  z-index: 10;\n  border: 2px solid white;\n  transform: translate(-50%, -50%);\n}\n\n.hotspot:hover {\n  transform: translate(-50%, -50%) scale(1.5);\n}\n\n.modal {\n  display: none;\n  position: fixed;\n  z-index: 9999;\n  padding-top: 60px;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  background-color: rgba(0, 0, 0, 0.9);\n}\n\n.modal-content {\n  display: block;\n  margin: auto;\n  max-width: 90%;\n  max-height: 80vh;\n  border-radius: 8px;\n}\n\n.modal-close {\n  position: absolute;\n  top: 20px;\n  right: 30px;\n  color: #fff;\n  font-size: 40px;\n  font-weight: bold;\n  cursor: pointer;\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const modal = document.getElementById(\"imageModal\");\n  const modalImg = document.getElementById(\"modalImage\");\n  const closeBtn = document.querySelector(\".modal-close\");\n\n  document.querySelectorAll(\".hotspot\").forEach(function (spot) {\n    spot.addEventListener(\"click\", function () {\n      const imgUrl = this.getAttribute(\"data-img\");\n      modalImg.src = imgUrl;\n      modal.style.display = \"block\";\n    });\n  });\n\n  closeBtn.onclick = function () {\n    modal.style.display = \"none\";\n    modalImg.src = \"\";\n  };\n\n  window.onclick = function (event) {\n    if (event.target === modal) {\n      modal.style.display = \"none\";\n      modalImg.src = \"\";\n    }\n  };\n});\n<\/script>\n<\/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<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%\">\n<p class=\"has-text-align-center has-tiny-font-size\" style=\"padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)\">O si lo prefieres, utiliza los botones <strong>Anterior<\/strong> y <strong>Siguiente<\/strong> para hacer el recorrido virtual del periodo. <\/p>\n<\/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<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%\">\n<div id=\"tour-container-a\" class=\"tour-container\">\n  <div class=\"tour-header\">\n    <span class=\"tour-kicker\">Recorrido hist\u00f3rico<\/span>\n    <h3>L\u00ednea del tiempo<\/h3>\n    <p>Explora los momentos m\u00e1s relevantes de esta etapa institucional.<\/p>\n  <\/div>\n\n  <div class=\"tour-stage\">\n    <div class=\"tour-slide active\">\n      <img decoding=\"async\" src=\"https:\/\/normaleskildsen.mx\/documentos\/A1893.png\" alt=\"1893\" class=\"tour-image\">\n      <div class=\"tour-caption\">\n        <span class=\"tour-year\">1893<\/span>\n        <p>Inicia nueva etapa para la educaci\u00f3n en la regi\u00f3n.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"tour-slide\">\n      <img decoding=\"async\" src=\"https:\/\/normaleskildsen.mx\/documentos\/A1904.png\" alt=\"1904\" class=\"tour-image\">\n      <div class=\"tour-caption\">\n        <span class=\"tour-year\">1904<\/span>\n        <p>Se autoriza la creaci\u00f3n de un nuevo Colegio.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"tour-slide\">\n      <img decoding=\"async\" src=\"https:\/\/normaleskildsen.mx\/documentos\/A1908.png\" alt=\"1908\" class=\"tour-image\">\n      <div class=\"tour-caption\">\n        <span class=\"tour-year\">1908<\/span>\n        <p>Se establece una normativa institucional.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"tour-slide\">\n      <img decoding=\"async\" src=\"https:\/\/normaleskildsen.mx\/documentos\/A1909.png\" alt=\"1909\" class=\"tour-image\">\n      <div class=\"tour-caption\">\n        <span class=\"tour-year\">1909<\/span>\n        <p>Se crean las bases para una reestructuraci\u00f3n.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"tour-slide\">\n      <img decoding=\"async\" src=\"https:\/\/normaleskildsen.mx\/documentos\/A1910.png\" alt=\"1910\" class=\"tour-image\">\n      <div class=\"tour-caption\">\n        <span class=\"tour-year\">1910<\/span>\n        <p>Se realiza una reforma educativa importante.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"tour-slide\">\n      <img decoding=\"async\" src=\"https:\/\/normaleskildsen.mx\/documentos\/A1913.png\" alt=\"1913\" class=\"tour-image\">\n      <div class=\"tour-caption\">\n        <span class=\"tour-year\">1913<\/span>\n        <p>Se establece nueva Ley.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"tour-slide\">\n      <img decoding=\"async\" src=\"https:\/\/normaleskildsen.mx\/documentos\/A1915.png\" alt=\"1915\" class=\"tour-image\">\n      <div class=\"tour-caption\">\n        <span class=\"tour-year\">1915<\/span>\n        <p>Se deroga una Ley y se crea Decreto.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"tour-slide\">\n      <img decoding=\"async\" src=\"https:\/\/normaleskildsen.mx\/documentos\/A1918.png\" alt=\"1918\" class=\"tour-image\">\n      <div class=\"tour-caption\">\n        <span class=\"tour-year\">1918<\/span>\n        <p>Se reconocen a ilustres s\u00ednodos.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"tour-slide\">\n      <img decoding=\"async\" src=\"https:\/\/normaleskildsen.mx\/documentos\/A1921.png\" alt=\"1921\" class=\"tour-image\">\n      <div class=\"tour-caption\">\n        <span class=\"tour-year\">1921<\/span>\n        <p>Nace la Escuela la Granja.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"tour-slide\">\n      <img decoding=\"async\" src=\"https:\/\/normaleskildsen.mx\/documentos\/A1923.png\" alt=\"1923\" class=\"tour-image\">\n      <div class=\"tour-caption\">\n        <span class=\"tour-year\">1923<\/span>\n        <p>Se suspenden labores educativas.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"tour-slide\">\n      <img decoding=\"async\" src=\"https:\/\/normaleskildsen.mx\/documentos\/A1925.png\" alt=\"1925\" class=\"tour-image\">\n      <div class=\"tour-caption\">\n        <span class=\"tour-year\">1925<\/span>\n        <p>Se funda una nueva propuesta educativa.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"tour-slide\">\n      <img decoding=\"async\" src=\"https:\/\/normaleskildsen.mx\/documentos\/A1926.png\" alt=\"1926\" class=\"tour-image\">\n      <div class=\"tour-caption\">\n        <span class=\"tour-year\">1926<\/span>\n        <p>Nace una nueva Escuela.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"tour-footer\">\n    <button type=\"button\" class=\"tour-prev\">Anterior<\/button>\n    <div class=\"tour-counter\">\n      <span class=\"tour-current\">1<\/span> \/ <span class=\"tour-total\">12<\/span>\n    <\/div>\n    <button type=\"button\" class=\"tour-next\">Siguiente<\/button>\n  <\/div>\n<\/div>\n\n<div id=\"tour-modal-a\" class=\"tour-modal\">\n  <span class=\"tour-modal-close\">&times;<\/span>\n  <img class=\"tour-modal-image\" alt=\"Imagen ampliada\">\n<\/div>\n\n<style>\n#tour-container-a {\n  max-width: 520px;\n  margin: 40px auto;\n  padding: 5px;\n  border-radius: 24px;\n  background: none;\n  box-shadow: none;\n  font-family: \"Helvetica Neue\", Arial, sans-serif;\n  color: #1f2d3d;\n}\n\n#tour-container-a .tour-header {\n  text-align: center;\n  margin-bottom: 20px;\n}\n\n#tour-container-a .tour-kicker {\n  display: inline-block;\n  padding: 6px 12px;\n  border-radius: 999px;\n  background: #d9ecfb;\n  color: #005b96;\n  font-size: 14px;\n  font-weight: 700;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n}\n\n#tour-container-a .tour-header h3 {\n  margin: 12px 0 8px;\n  font-size: 24px;\n  line-height: 1.1;\n}\n\n#tour-container-a .tour-header p {\n  margin: 0;\n  font-size: 14px;\n  line-height: 1.6;\n  color: #4c6175;\n}\n\n#tour-container-a .tour-stage {\n  position: relative;\n}\n\n#tour-container-a .tour-slide {\n  display: none;\n  animation: fadeSlideA 0.35s ease;\n}\n\n#tour-container-a .tour-slide.active {\n  display: block;\n}\n\n#tour-container-a .tour-slide img {\n  display: block;\n  width: 82%;\n  max-width: 340px;\n  margin: 0 auto;\n  border-radius: 14px;\n  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);\n}\n\n#tour-container-a .tour-image {\n  cursor: pointer;\n  transition: transform 0.2s ease;\n}\n\n#tour-container-a .tour-image:hover {\n  transform: scale(1.03);\n}\n\n#tour-container-a .tour-caption {\n  margin-top: 16px;\n  padding: 18px;\n  border-radius: 18px;\n  background: #ffffff;\n  box-shadow: 0 8px 24px rgba(31, 45, 61, 0.08);\n  text-align: left;\n}\n\n#tour-container-a .tour-year {\n  display: inline-block;\n  margin-bottom: 10px;\n  font-size: 14px;\n  font-weight: 700;\n  color: #005b96;\n  background: #e8f4ff;\n  padding: 6px 10px;\n  border-radius: 999px;\n}\n\n#tour-container-a .tour-caption p {\n  margin: 0;\n  font-size: 15px;\n  line-height: 1.6;\n}\n\n#tour-container-a .tour-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  margin-top: 20px;\n}\n\n#tour-container-a .tour-footer button {\n  border: none;\n  background: #0074ba;\n  color: #fff;\n  padding: 12px 18px;\n  border-radius: 12px;\n  font-size: 15px;\n  font-weight: 700;\n  cursor: pointer;\n  transition: background 0.2s ease, transform 0.2s ease;\n}\n\n#tour-container-a .tour-footer button:hover {\n  background: #005f98;\n  transform: translateY(-1px);\n}\n\n#tour-container-a .tour-counter {\n  min-width: 72px;\n  text-align: center;\n  font-weight: 700;\n  color: #35516b;\n}\n\n#tour-modal-a {\n  display: none;\n  position: fixed;\n  z-index: 9999;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.88);\n  padding: 30px;\n}\n\n#tour-modal-a .tour-modal-image {\n  display: block;\n  max-width: 90%;\n  max-height: 85vh;\n  margin: 40px auto 0;\n  border-radius: 14px;\n  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);\n}\n\n#tour-modal-a .tour-modal-close {\n  position: absolute;\n  top: 18px;\n  right: 28px;\n  color: #fff;\n  font-size: 42px;\n  font-weight: 700;\n  cursor: pointer;\n  line-height: 1;\n}\n\n@keyframes fadeSlideA {\n  from {\n    opacity: 0;\n    transform: translateY(8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@media (max-width: 640px) {\n  #tour-container-a {\n    padding: 18px;\n    border-radius: 18px;\n  }\n\n  #tour-container-a .tour-header h3 {\n    font-size: 24px;\n  }\n\n  #tour-container-a .tour-slide img {\n    width: 78%;\n    max-width: 260px;\n  }\n\n  #tour-container-a .tour-footer {\n    flex-direction: column;\n  }\n\n  #tour-container-a .tour-footer button {\n    width: 100%;\n  }\n\n  #tour-modal-a {\n    padding: 16px;\n  }\n\n  #tour-modal-a .tour-modal-image {\n    max-width: 100%;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const container = document.getElementById('tour-container-a');\n  const slides = container.querySelectorAll('.tour-slide');\n  const currentEl = container.querySelector('.tour-current');\n  const totalEl = container.querySelector('.tour-total');\n  const prevBtn = container.querySelector('.tour-prev');\n  const nextBtn = container.querySelector('.tour-next');\n  const modal = document.getElementById('tour-modal-a');\n  const modalImage = modal.querySelector('.tour-modal-image');\n  const modalClose = modal.querySelector('.tour-modal-close');\n  let currentSlide = 0;\n\n  function showSlide(index) {\n    slides.forEach((slide, i) => {\n      slide.classList.toggle('active', i === index);\n    });\n    currentEl.textContent = index + 1;\n    totalEl.textContent = slides.length;\n  }\n\n  prevBtn.addEventListener('click', function () {\n    currentSlide = (currentSlide - 1 + slides.length) % slides.length;\n    showSlide(currentSlide);\n  });\n\n  nextBtn.addEventListener('click', function () {\n    currentSlide = (currentSlide + 1) % slides.length;\n    showSlide(currentSlide);\n  });\n\n  container.querySelectorAll('.tour-image').forEach((img) => {\n    img.addEventListener('click', function () {\n      modalImage.src = this.src;\n      modal.style.display = 'block';\n    });\n  });\n\n  modalClose.addEventListener('click', function () {\n    modal.style.display = 'none';\n    modalImage.src = '';\n  });\n\n  modal.addEventListener('click', function (event) {\n    if (event.target === modal) {\n      modal.style.display = 'none';\n      modalImage.src = '';\n    }\n  });\n\n  showSlide(currentSlide);\n});\n<\/script>\n\n<\/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<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%\">\n<div class=\"wp-block-group alignfull has-text-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"color:#000000;background-color:#ffffff\">\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-03627597 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-50 is-style-custombuttonthree\"><a class=\"wp-block-button__link has-secondary-background-color has-text-color has-background wp-element-button\" href=\"https:\/\/normaleskildsen.mx\/eduprimaria\/segundo-periodo\/\" style=\"border-radius:50px;color:#ffffff\">SEGUNDO PERIODO<\/a><\/div>\n<\/div>\n<\/div>\n<\/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>Los Or\u00edgenes de la Formaci\u00f3n Docente en Tabasco (1893 &#8211; 1926) La historia de la Escuela Rosario Mar\u00eda Guti\u00e9rrez Eskildsen hunde sus ra\u00edces en el \u00faltimo cuarto del siglo XIX y primer cuarto del sigo XX, cuando se establecieron los primeros esfuerzos institucionales para profesionalizar la ense\u00f1anza en el estado de Tabasco. Este tramo inicial de la historia est\u00e1 marcado por el surgimiento de las primeras estructuras organizadas de formaci\u00f3n magisterial en la regi\u00f3n, en un contexto nacional de modernizaci\u00f3n educativa impulsada por el Estado liberal. La normalizaci\u00f3n de la ense\u00f1anza respond\u00eda a la necesidad de contar con maestras y<\/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-984","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/normaleskildsen.mx\/eduprimaria\/wp-json\/wp\/v2\/pages\/984","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=984"}],"version-history":[{"count":55,"href":"https:\/\/normaleskildsen.mx\/eduprimaria\/wp-json\/wp\/v2\/pages\/984\/revisions"}],"predecessor-version":[{"id":4724,"href":"https:\/\/normaleskildsen.mx\/eduprimaria\/wp-json\/wp\/v2\/pages\/984\/revisions\/4724"}],"wp:attachment":[{"href":"https:\/\/normaleskildsen.mx\/eduprimaria\/wp-json\/wp\/v2\/media?parent=984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}