{"id":368,"date":"2026-05-21T15:45:38","date_gmt":"2026-05-21T15:45:38","guid":{"rendered":"https:\/\/microcredenciales.ugto.mx\/?page_id=368"},"modified":"2026-05-27T15:39:41","modified_gmt":"2026-05-27T15:39:41","slug":"inscribete","status":"publish","type":"page","link":"https:\/\/microcredenciales.ugto.mx\/index.php\/inscribete\/","title":{"rendered":"Formulario para inscripci\u00f3n a microcredenciales"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull has-parallax\" style=\"min-height:1294px;aspect-ratio:unset;\"><div class=\"wp-block-cover__image-background wp-image-572 size-full has-parallax\" style=\"background-position:50% 50%;background-image:url(https:\/\/microcredenciales.ugto.mx\/wp-content\/uploads\/2026\/03\/Fondo-dos-colores-1-1-scaled-1.png)\"><\/div><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\" style=\"background-color:#3b336e\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"508\" src=\"https:\/\/microcredenciales.ugto.mx\/wp-content\/uploads\/2026\/01\/Logotipo_Fondo-Azules@4x-1024x508.png\" alt=\"\" class=\"wp-image-124\" style=\"aspect-ratio:2.0158679784195495;width:397px;height:auto\" srcset=\"https:\/\/microcredenciales.ugto.mx\/wp-content\/uploads\/2026\/01\/Logotipo_Fondo-Azules@4x-1024x508.png 1024w, https:\/\/microcredenciales.ugto.mx\/wp-content\/uploads\/2026\/01\/Logotipo_Fondo-Azules@4x-300x149.png 300w, https:\/\/microcredenciales.ugto.mx\/wp-content\/uploads\/2026\/01\/Logotipo_Fondo-Azules@4x-768x381.png 768w, https:\/\/microcredenciales.ugto.mx\/wp-content\/uploads\/2026\/01\/Logotipo_Fondo-Azules@4x.png 1383w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-text-align-center has-text-color has-link-color wp-elements-4cc99fe9742d0a1aeab33514bd6d8c9b\" style=\"color:#fcc430;font-size:55px\"><strong>Inscripci\u00f3n a Microcredenciales UG<\/strong><\/h2>\n\n\n\n<p class=\"has-text-align-center has-text-color has-link-color wp-elements-4d9cbe25fd95caefc78cb603bc00b7c4 wp-block-paragraph\" style=\"color:#fcc430;font-size:22px\">\u00a1Lo que aprendes cuenta!<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"font-size:22px\">Revisa la gu\u00eda de pago y, posteriormente, completa el formulario para inscribirte a una microcredencial UG.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading has-text-align-center has-text-color has-link-color wp-elements-d097413c97da84ca013a5e85a3e82b39\" style=\"color:#fcc430\">Gu\u00eda para realizar el pago Comunidad universitaria<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"2084\" height=\"2084\" src=\"https:\/\/microcredenciales.ugto.mx\/wp-content\/uploads\/2026\/05\/Comunidad-UG.png\" alt=\"\" class=\"wp-image-865\" style=\"width:189px;height:auto\" srcset=\"https:\/\/microcredenciales.ugto.mx\/wp-content\/uploads\/2026\/05\/Comunidad-UG.png 2084w, https:\/\/microcredenciales.ugto.mx\/wp-content\/uploads\/2026\/05\/Comunidad-UG-150x150.png 150w, https:\/\/microcredenciales.ugto.mx\/wp-content\/uploads\/2026\/05\/Comunidad-UG-300x300.png 300w, https:\/\/microcredenciales.ugto.mx\/wp-content\/uploads\/2026\/05\/Comunidad-UG-768x768.png 768w, https:\/\/microcredenciales.ugto.mx\/wp-content\/uploads\/2026\/05\/Comunidad-UG-1024x1024.png 1024w, https:\/\/microcredenciales.ugto.mx\/wp-content\/uploads\/2026\/05\/Comunidad-UG-1536x1536.png 1536w, https:\/\/microcredenciales.ugto.mx\/wp-content\/uploads\/2026\/05\/Comunidad-UG-2048x2048.png 2048w\" sizes=\"auto, (max-width: 2084px) 100vw, 2084px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Ver video<\/p>\n\n\n\n<style>\n\/* =========================\n   CENTRADO DEL BOT\u00d3N\n   ========================= *\/\n.play-wrapper {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n\/* BOT\u00d3N PLAY *\/\n.play-button {\n  width: 55px;\n  height: 55px;\n  border-radius: 50%;\n  border: 25px solid rgba(244, 200, 0, 0.45);\n  background: #F4C800;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-decoration: none;\n  animation: pulse 2s infinite;\n  cursor: pointer;\n}\n.play-icon {\n  width: 0;\n  height: 0;\n  border-left: 14px solid #fff;\n  border-top: 8px solid transparent;\n  border-bottom: 8px solid transparent;\n  margin-left: 4px;\n}\n@keyframes pulse {\n  0% { box-shadow: 0 0 0 0 rgba(244,200,0,.7); }\n  70% { box-shadow: 0 0 0 20px rgba(244,200,0,0); }\n  100% { box-shadow: 0 0 0 0 rgba(244,200,0,0); }\n}\n\n\/* MODAL *\/\n.video-modal {\n  position: fixed;\n  inset: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity .3s ease;\n  z-index: 9999;\n}\n\n\/* en vez de :target, lo controlamos con clase *\/\n.video-modal.active {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n\/* OVERLAY clickeable *\/\n.modal-overlay {\n  position: absolute;\n  inset: 0;\n  background: rgba(0,0,0,.85);\n}\n\n\/* CONTENIDO *\/\n.video-content {\n  position: relative;\n  width: 90%;\n  max-width: 960px;\n  aspect-ratio: 16 \/ 9;\n  background: #000;\n  border-radius: 12px;\n  overflow: hidden;\n  z-index: 2;\n}\n.video-content iframe {\n  width: 100%;\n  height: 100%;\n  border: 0;\n}\n\n\/* CERRAR *\/\n.close-modal {\n  position: absolute;\n  top: -45px;\n  right: 0;\n  font-size: 2.5rem;\n  color: #fff;\n  text-decoration: none;\n  cursor: pointer;\n}\n<\/style>\n\n<!-- CONTENEDOR CENTRADO -->\n<div class=\"play-wrapper\">\n  <a href=\"#\" id=\"openVideo\" class=\"play-button\" aria-label=\"Reproducir video\">\n    <span class=\"play-icon\"><\/span>\n  <\/a>\n<\/div>\n\n<!-- MODAL -->\n<div id=\"videoModal\" class=\"video-modal\" aria-hidden=\"true\">\n  <!-- FONDO CERRABLE -->\n  <a href=\"#\" class=\"modal-overlay\" id=\"closeOverlay\" aria-label=\"Cerrar video\"><\/a>\n\n  <div class=\"video-content\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Video\">\n    <!-- BOT\u00d3N CERRAR -->\n    <a href=\"#\" class=\"close-modal\" id=\"closeVideo\" aria-label=\"Cerrar video\">\u00d7<\/a>\n\n    <iframe id=\"vimeoFrame\" src=\"\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen=\"\">\n    <\/iframe>\n  <\/div>\n<\/div>\n\n<script>\n  const modal = document.getElementById(\"videoModal\");\n  const iframe = document.getElementById(\"vimeoFrame\");\n\n  \/\/ URL con autoplay (opcional)\n  const videoURL = \"https:\/\/player.vimeo.com\/video\/1195739964?autoplay=1\";\n\n  function openModal(e) {\n    if (e) e.preventDefault();\n    iframe.src = videoURL;           \/\/ Carga el video al abrir\n    modal.classList.add(\"active\");\n    modal.setAttribute(\"aria-hidden\", \"false\");\n  }\n\n  function closeModal(e) {\n    if (e) e.preventDefault();\n    modal.classList.remove(\"active\");\n    modal.setAttribute(\"aria-hidden\", \"true\");\n    iframe.src = \"\";                 \/\/ \u2705 Detiene \/ reinicia el video\n  }\n\n  document.getElementById(\"openVideo\").addEventListener(\"click\", openModal);\n  document.getElementById(\"closeVideo\").addEventListener(\"click\", closeModal);\n  document.getElementById(\"closeOverlay\").addEventListener(\"click\", closeModal);\n\n  \/\/ Cerrar con ESC\n  document.addEventListener(\"keydown\", (e) => {\n    if (e.key === \"Escape\" && modal.classList.contains(\"active\")) {\n      closeModal(e);\n    }\n  });\n<\/script>\n\n\n\n<div style=\"height:36px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.slides-btn-wrap{\n    display: flex;\n    justify-content: center;\n    align-items: center; \/* opcional *\/\n    margin: 20px 0;      \/* opcional *\/\n  }\n\n  .slides-btn{\n    display:inline-block;\n    padding:12px 18px;\n    border:0;\n    border-radius:10px;\n    cursor:pointer;\n    background:#fcc430;\n    color:#fff;\n    font-weight:600;\n  }\n\n  .slides-modal{\n    position:fixed;\n    inset:0;\n    display:none;\n    z-index:999999;\n  }\n  .slides-modal.is-open{ display:block; }\n\n  .slides-modal__overlay{\n    position:absolute;\n    inset:0;\n    background:rgba(0,0,0,.65);\n  }\n\n  .slides-modal__content{\n    position:relative;\n    width:min(1100px, 92vw);\n    height:min(720px, 86vh);\n    margin:5vh auto 0;\n    background:#fff;\n    border-radius:14px;\n    overflow:hidden;\n    box-shadow:0 10px 30px rgba(0,0,0,.35);\n  }\n\n  .slides-modal__close{\n    position:absolute;\n    top:10px;\n    right:10px;\n    width:42px;\n    height:42px;\n    border:0;\n    border-radius:999px;\n    background:rgba(0,0,0,.55);\n    color:#fff;\n    font-size:26px;\n    line-height:42px;\n    cursor:pointer;\n    z-index:2;\n  }\n\n  .slides-modal__frameWrap{\n    position:absolute;\n    inset:0;\n  }\n\n  .slides-modal__frameWrap iframe{\n    width:100%;\n    height:100%;\n    border:0;\n  }\n\n  \/* Opcional: si el admin bar de WP tapa un poco, ajusta el margin-top *\/\n  @media (max-width: 600px){\n    .slides-modal__content{\n      margin:4vh auto 0;\n      width:94vw;\n      height:88vh;\n      border-radius:12px;\n    }\n  }\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(function () {\n    const openBtn = document.getElementById('openSlidesModal');\n    const modal = document.getElementById('slidesModal');\n    const frameWrap = modal.querySelector('.slides-modal__frameWrap');\n\n    const SLIDES_URL = \"https:\/\/docs.google.com\/presentation\/d\/e\/2PACX-1vTPkJQ6cLQTeNxK4cIMZnHSGHQZ4J5nSXoqvw1UBwBEHaKUV1RDSlZ6KNvuug7f_Q\/embed?start=false&loop=false&delayms=3000\";\n\n    let lastFocused = null;\n\n    function openModal() {\n      lastFocused = document.activeElement;\n\n      modal.classList.add('is-open');\n      modal.setAttribute('aria-hidden', 'false');\n      document.documentElement.style.overflow = 'hidden';\n\n      frameWrap.innerHTML = `\n        <iframe\n          src=\"${SLIDES_URL}\"\n          allowfullscreen\n          loading=\"lazy\"\n          title=\"Presentaci\u00f3n\"\n        ><\/iframe>\n      `;\n\n      const closeBtn = modal.querySelector('[data-close=\"true\"]');\n      closeBtn && closeBtn.focus();\n    }\n\n    function closeModal() {\n      modal.classList.remove('is-open');\n      modal.setAttribute('aria-hidden', 'true');\n      document.documentElement.style.overflow = '';\n      frameWrap.innerHTML = '';\n      if (lastFocused) lastFocused.focus();\n    }\n\n    openBtn.addEventListener('click', openModal);\n\n    modal.addEventListener('click', (e) => {\n      if (e.target && e.target.getAttribute('data-close') === 'true') closeModal();\n    });\n\n    document.addEventListener('keydown', (e) => {\n      if (e.key === 'Escape' && modal.classList.contains('is-open')) closeModal();\n    });\n  })();\n<\/script>\n\n<!-- Bot\u00f3n + Modal (HTML\/CSS\/JS) para incrustar en WordPress -->\n<!-- Pega esto en un bloque \"HTML personalizado\" -->\n\n<div class=\"slides-btn-wrap\">\n  <button id=\"openSlidesModal\" class=\"slides-btn\" type=\"button\">\n    Consulta la gu\u00eda\n  <\/button>\n<\/div>\n\n<div id=\"slidesModal\" class=\"slides-modal\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\">\n  <div class=\"slides-modal__overlay\" data-close=\"true\"><\/div>\n\n  <div class=\"slides-modal__content\" role=\"document\" aria-label=\"Presentaci\u00f3n\">\n    <button class=\"slides-modal__close\" type=\"button\" aria-label=\"Cerrar\" data-close=\"true\">\n      \u00d7\n    <\/button>\n\n    <div class=\"slides-modal__frameWrap\">\n      <!-- El iframe se inyecta por JS al abrir (mejor rendimiento) -->\n    <\/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\">\n<h2 class=\"wp-block-heading has-text-align-center has-text-color has-link-color wp-elements-981ca7e04566de82773014fb0f0ffd2b\" style=\"color:#53abe1\">Gu\u00eda para realizar el pago Usuarios externos<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"2084\" height=\"2084\" src=\"https:\/\/microcredenciales.ugto.mx\/wp-content\/uploads\/2026\/05\/Externos.png\" alt=\"\" class=\"wp-image-867\" style=\"width:189px\" srcset=\"https:\/\/microcredenciales.ugto.mx\/wp-content\/uploads\/2026\/05\/Externos.png 2084w, https:\/\/microcredenciales.ugto.mx\/wp-content\/uploads\/2026\/05\/Externos-150x150.png 150w, https:\/\/microcredenciales.ugto.mx\/wp-content\/uploads\/2026\/05\/Externos-300x300.png 300w, https:\/\/microcredenciales.ugto.mx\/wp-content\/uploads\/2026\/05\/Externos-768x768.png 768w, https:\/\/microcredenciales.ugto.mx\/wp-content\/uploads\/2026\/05\/Externos-1024x1024.png 1024w, https:\/\/microcredenciales.ugto.mx\/wp-content\/uploads\/2026\/05\/Externos-1536x1536.png 1536w, https:\/\/microcredenciales.ugto.mx\/wp-content\/uploads\/2026\/05\/Externos-2048x2048.png 2048w\" sizes=\"auto, (max-width: 2084px) 100vw, 2084px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Ver video<\/p>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* Bot\u00f3n *\/\n.play-wrapper2 { display:flex; justify-content:center; align-items:center; }\n\n.play-button2 {\n  width: 55px;\n  height: 55px;\n  border-radius: 50%;\n  border: 25px solid rgba(83, 171, 225, 0.45);\n  background: #53abe1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-decoration: none;\n  animation: pulse2 2s infinite;\n  cursor: pointer;\n}\n\n.play-icon2{\n  width:0; height:0;\n  border-left:14px solid #fff;\n  border-top:8px solid transparent;\n  border-bottom:8px solid transparent;\n  margin-left:4px;\n}\n\n@keyframes pulse2 {\n  0%   { box-shadow: 0 0 0 0 rgba(83,171,225,.7); }\n  70%  { box-shadow: 0 0 0 20px rgba(83,171,225,0); }\n  100% { box-shadow: 0 0 0 0 rgba(83,171,225,0); }\n}\n\n\/* Modal *\/\n.video-modal2{\n  position:fixed; inset:0;\n  display:flex; justify-content:center; align-items:center;\n  opacity:0; pointer-events:none;\n  transition:opacity .3s ease;\n  z-index:9999;\n}\n.video-modal2.active{ opacity:1; pointer-events:auto; }\n\n.modal-overlay2{ position:absolute; inset:0; background:rgba(0,0,0,.85); }\n\n.video-content2{\n  position:relative;\n  width:90%; max-width:960px;\n  aspect-ratio:16\/9;\n  background:#000;\n  border-radius:12px;\n  overflow:hidden;\n  z-index:2;\n}\n.video-content2 iframe{ width:100%; height:100%; border:0; }\n\n.close-modal2{\n  position:absolute; top:-45px; right:0;\n  font-size:2.5rem; color:#fff;\n  text-decoration:none; cursor:pointer;\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  \/\/ Abrir\n  document.querySelectorAll(\".js-open-video2\").forEach(btn => {\n    btn.addEventListener(\"click\", (e) => {\n      e.preventDefault();\n\n      \/\/ Si el HTML est\u00e1 como arriba, el modal es el siguiente hermano del wrapper\n      const wrapper = btn.closest(\".play-wrapper2\");\n      const modal = wrapper?.nextElementSibling;\n\n      if (!modal || !modal.classList.contains(\"js-video-modal2\")) return;\n\n      const iframe = modal.querySelector(\".js-video-iframe2\");\n      iframe.src = btn.dataset.video2;\n\n      modal.classList.add(\"active\");\n      modal.setAttribute(\"aria-hidden\", \"false\");\n    });\n  });\n\n  \/\/ Cerrar (X o overlay)\n  document.querySelectorAll(\".js-close-video2\").forEach(closeBtn => {\n    closeBtn.addEventListener(\"click\", (e) => {\n      e.preventDefault();\n\n      const modal = closeBtn.closest(\".js-video-modal2\");\n      if (!modal) return;\n\n      const iframe = modal.querySelector(\".js-video-iframe2\");\n      if (iframe) iframe.src = \"\"; \/\/ detiene\/reinicia\n\n      modal.classList.remove(\"active\");\n      modal.setAttribute(\"aria-hidden\", \"true\");\n    });\n  });\n\n  \/\/ ESC: cierra todos los modales activos\n  document.addEventListener(\"keydown\", (e) => {\n    if (e.key !== \"Escape\") return;\n\n    document.querySelectorAll(\".js-video-modal2.active\").forEach(modal => {\n      const iframe = modal.querySelector(\".js-video-iframe2\");\n      if (iframe) iframe.src = \"\";\n      modal.classList.remove(\"active\");\n      modal.setAttribute(\"aria-hidden\", \"true\");\n    });\n  });\n});\n<\/script>\n\n<!-- BOT\u00d3N (nombres con 2) -->\n<div class=\"play-wrapper2\">\n  <a href=\"#\" class=\"js-open-video2 play-button2\" data-video2=\"https:\/\/player.vimeo.com\/video\/1195739965?autoplay=1\" aria-label=\"Reproducir video\">\n    <span class=\"play-icon2\"><\/span>\n  <\/a>\n<\/div>\n\n<!-- MODAL (nombres con 2) -->\n<div class=\"video-modal2 js-video-modal2\" aria-hidden=\"true\">\n  <a href=\"#\" class=\"modal-overlay2 js-close-video2\" aria-label=\"Cerrar\"><\/a>\n\n  <div class=\"video-content2\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Video\">\n    <a href=\"#\" class=\"close-modal2 js-close-video2\" aria-label=\"Cerrar\">\u00d7<\/a>\n    <iframe class=\"js-video-iframe2\" src=\"\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen=\"\"><\/iframe>\n  <\/div>\n<\/div>\n\n\n\n<div style=\"height:36px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n  .slides-btn-wrap2{\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin: 20px 0;\n  }\n  .slides-btn2{\n    display:inline-block;\n    padding:12px 18px;\n    border:0;\n    border-radius:10px;\n    cursor:pointer;\n    background:#53abe1;\n    color:#fff;\n    font-weight:600;\n  }\n  .slides-modal2{ position:fixed; inset:0; display:none; z-index:999999; }\n  .slides-modal2.is-open{ display:block; }\n  .slides-modal__overlay2{ position:absolute; inset:0; background:rgba(0,0,0,.65); }\n  .slides-modal__content2{\n    position:relative;\n    width:min(1100px, 92vw);\n    height:min(720px, 86vh);\n    margin:5vh auto 0;\n    background:#fff;\n    border-radius:14px;\n    overflow:hidden;\n    box-shadow:0 10px 30px rgba(0,0,0,.35);\n  }\n  .slides-modal__close2{\n    position:absolute; top:10px; right:10px;\n    width:42px; height:42px;\n    border:0; border-radius:999px;\n    background:rgba(0,0,0,.55);\n    color:#fff; font-size:26px; line-height:42px;\n    cursor:pointer; z-index:2;\n  }\n  .slides-modal__frameWrap2{ position:absolute; inset:0; }\n  .slides-modal__frameWrap2 iframe{ width:100%; height:100%; border:0; }\n\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(function () {\n    const openBtn2 = document.getElementById('openSlidesModal2');\n    const modal2 = document.getElementById('slidesModal2');\n    const frameWrap2 = modal2.querySelector('.slides-modal__frameWrap2');\n\n    const SLIDES_URL = \"https:\/\/docs.google.com\/presentation\/d\/e\/2PACX-1vTCXjzg8FGOChR4g5To_cbE0XtbtkUyaJeI0R2nbPCfcRlhbrN59Img4nH7kwPnWg\/embed?start=false&loop=false&delayms=3000\";\n\n    let lastFocused2 = null;\n\n    function openModal2() {\n      lastFocused2 = document.activeElement;\n      modal2.classList.add('is-open');\n      modal2.setAttribute('aria-hidden', 'false');\n      document.documentElement.style.overflow = 'hidden';\n\n      frameWrap2.innerHTML = `<iframe src=\"${SLIDES_URL}\" allowfullscreen loading=\"lazy\" title=\"Presentaci\u00f3n\"><\/iframe>`;\n    }\n\n    function closeModal2() {\n      modal2.classList.remove('is-open');\n      modal2.setAttribute('aria-hidden', 'true');\n      document.documentElement.style.overflow = '';\n      frameWrap2.innerHTML = '';\n      if (lastFocused2) lastFocused2.focus();\n    }\n\n    openBtn2.addEventListener('click', openModal2);\n    modal2.addEventListener('click', (e) => {\n      if (e.target && e.target.getAttribute('data-close') === 'true') closeModal2();\n    });\n    document.addEventListener('keydown', (e) => {\n      if (e.key === 'Escape' && modal2.classList.contains('is-open')) closeModal2();\n    });\n  })();\n\n<\/script>\n\n<!-- Bot\u00f3n + Modal (HTML\/CSS\/JS) para incrustar en WordPress -->\n<!-- Pega esto en un bloque \"HTML personalizado\" -->\n<div class=\"slides-btn-wrap2\">\n  <button id=\"openSlidesModal2\" class=\"slides-btn2\" type=\"button\">\n    Consulta la gu\u00eda\n  <\/button>\n<\/div>\n<div id=\"slidesModal2\" class=\"slides-modal2\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\">\n  <div class=\"slides-modal__overlay2\" data-close=\"true\"><\/div>\n  <div class=\"slides-modal__content2\" role=\"document\" aria-label=\"Presentaci\u00f3n\">\n    <button class=\"slides-modal__close2\" type=\"button\" aria-label=\"Cerrar\" data-close=\"true\">\n      \u00d7\n    <\/button>\n    <div class=\"slides-modal__frameWrap2\">\n      <!-- El iframe se inyecta por JS al abrir (mejor rendimiento) -->\n    <\/div>\n  <\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* Contenedor para centrar el bot\u00f3n *\/\n.cta-center{\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 16px 12px;\n}\n\n\/* Bot\u00f3n principal (responsive y con buena UX) *\/\n.btn-jotform{\n  background: #fcc430;\n  color: #fff;\n  border: none;\n  border-radius: 12px;\n  padding: 14px 22px;\n  font-size: clamp(14px, 1.6vw, 18px);\n  font-weight: 700;\n  line-height: 1;\n  cursor: pointer;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n\n  width: min(92vw, 320px);   \/* responsivo: casi todo el ancho en m\u00f3vil, con m\u00e1ximo en desktop *\/\n  box-shadow: 0 10px 22px rgba(0,0,0,.14);\n  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.btn-jotform:hover{\n  filter: brightness(.98);\n  transform: translateY(-1px);\n  box-shadow: 0 14px 30px rgba(0,0,0,.18);\n}\n\n.btn-jotform:active{\n  transform: translateY(0);\n  box-shadow: 0 8px 16px rgba(0,0,0,.16);\n}\n\n.btn-jotform:focus-visible{\n  outline: 3px solid rgba(252, 196, 48, .55);\n  outline-offset: 3px;\n}\n\n\/* Opcional: contenedor del formulario con ancho agradable *\/\n.form-wrap{\n  width: min(980px, 100%);\n  margin: 0 auto;\n  padding: 8px 12px 24px;\n}\n<\/style>\n\n<div class=\"cta-center\">\n  <button id=\"btnAbrirFormulario\" type=\"button\" class=\"btn-jotform\">\n    Formulario de inscripci\u00f3n\n  <\/button>\n<\/div>\n\n<div id=\"contenedorFormulario\" class=\"form-wrap\" style=\"display:none;\"><\/div>\n\n<script>\n  document.getElementById('btnAbrirFormulario').addEventListener('click', function () {\n    const contenedor = document.getElementById('contenedorFormulario');\n\n    \/\/ Mostrar contenedor\n    contenedor.style.display = 'block';\n\n    \/\/ Evitar cargarlo m\u00e1s de una vez\n    if (contenedor.dataset.cargado === \"1\") return;\n\n    \/\/ Crear e insertar el script de Jotform\n    const s = document.createElement('script');\n    s.type = 'text\/javascript';\n    s.src = 'https:\/\/form.jotform.com\/jsform\/261395034841053';\n    contenedor.appendChild(s);\n\n    contenedor.dataset.cargado = \"1\";\n  });\n<\/script>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-368","page","type-page","status-publish"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/microcredenciales.ugto.mx\/index.php\/wp-json\/wp\/v2\/pages\/368","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/microcredenciales.ugto.mx\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/microcredenciales.ugto.mx\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/microcredenciales.ugto.mx\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/microcredenciales.ugto.mx\/index.php\/wp-json\/wp\/v2\/comments?post=368"}],"version-history":[{"count":83,"href":"https:\/\/microcredenciales.ugto.mx\/index.php\/wp-json\/wp\/v2\/pages\/368\/revisions"}],"predecessor-version":[{"id":933,"href":"https:\/\/microcredenciales.ugto.mx\/index.php\/wp-json\/wp\/v2\/pages\/368\/revisions\/933"}],"wp:attachment":[{"href":"https:\/\/microcredenciales.ugto.mx\/index.php\/wp-json\/wp\/v2\/media?parent=368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}