{"id":7047,"date":"2026-05-17T12:42:37","date_gmt":"2026-05-17T17:42:37","guid":{"rendered":"https:\/\/jgmun.com\/?page_id=7047"},"modified":"2026-05-17T13:00:37","modified_gmt":"2026-05-17T18:00:37","slug":"comisiones","status":"publish","type":"page","link":"https:\/\/jgmun.com\/index.php\/comisiones\/","title":{"rendered":"Comisiones"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7047\" class=\"elementor elementor-7047\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-152b2e3 e-flex e-con-boxed e-con e-parent\" data-id=\"152b2e3\" 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-5a12112 elementor-widget elementor-widget-html\" data-id=\"5a12112\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     JGMUN 2026 \u2014 Secci\u00f3n Comisiones (embed WordPress)\r\n     Pega esto en un bloque HTML personalizado de WordPress.\r\n     No incluye <html>, <head>, <body> ni header propio.\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n\r\n<style>\r\n\/* \u2500\u2500 Reset localizado \u2500\u2500 *\/\r\n.jgmun-section *, .jgmun-section *::before, .jgmun-section *::after {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n\/* \u2500\u2500 Fuentes \u2500\u2500 *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=DM+Sans:wght@300;400&display=swap');\r\n\r\n\/* \u2500\u2500 Variables \u2500\u2500 *\/\r\n.jgmun-section {\r\n  --bg:      #07111f;\r\n  --navy:    #0c1d34;\r\n  --blue:    #122038;\r\n  --accent:  #b8924a;\r\n  --text:    #ddd5c4;\r\n  --muted:   #6b7f96;\r\n  --gap:     28px;\r\n\r\n  background: var(--bg);\r\n  color: var(--text);\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-weight: 300;\r\n padding: 72px 40px 80px;\r\n  width: 100vw;\r\n  position: relative;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n}\r\n\r\n\/* \u2500\u2500 Intro de secci\u00f3n \u2500\u2500 *\/\r\n.jgmun-intro {\r\n  max-width: 560px;\r\n  margin-bottom: 56px;\r\n}\r\n\r\n.jgmun-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-size: 0.68rem;\r\n  letter-spacing: 0.22em;\r\n  text-transform: uppercase;\r\n  color: var(--accent);\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.jgmun-eyebrow::before {\r\n  content: '';\r\n  display: block;\r\n  width: 24px;\r\n  height: 1px;\r\n  background: var(--accent);\r\n}\r\n\r\n.jgmun-intro h2 {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(2rem, 3.5vw, 2.8rem);\r\n  font-weight: 600;\r\n  color: #fff;\r\n  line-height: 1.1;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.jgmun-intro h2 em {\r\n  font-style: italic;\r\n  font-weight: 400;\r\n  color: var(--accent);\r\n}\r\n\r\n.jgmun-intro p {\r\n  font-size: 0.88rem;\r\n  line-height: 1.8;\r\n  color: var(--muted);\r\n}\r\n\r\n\/* \u2500\u2500 Contador \u2500\u2500 *\/\r\n#jgmun-count {\r\n  font-size: 0.75rem;\r\n  color: var(--muted);\r\n  letter-spacing: 0.08em;\r\n  margin-top: 8px;\r\n}\r\n\r\n\/* \u2500\u2500 Grid \u2500\u2500 *\/\r\n.jgmun-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: var(--gap);\r\n}\r\n\r\n@media (max-width: 960px) { .jgmun-grid { grid-template-columns: repeat(2, 1fr); } }\r\n@media (max-width: 560px) { .jgmun-grid { grid-template-columns: 1fr; } }\r\n\r\n\/* \u2500\u2500 Tarjeta \u2500\u2500 *\/\r\n.jgmun-card {\r\n  background: var(--navy);\r\n  border: 1px solid rgba(255,255,255,0.06);\r\n  border-radius: 4px;\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n  opacity: 0;\r\n  transform: translateY(16px);\r\n  animation: jgmun-rise 0.5s forwards;\r\n  transition: border-color 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n\r\n.jgmun-card:hover {\r\n  border-color: rgba(184, 146, 74, 0.35);\r\n  box-shadow: 0 12px 40px rgba(0,0,0,0.4);\r\n}\r\n\r\n@keyframes jgmun-rise {\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* L\u00ednea acento lateral *\/\r\n.jgmun-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0; top: 0; bottom: 0;\r\n  width: 2px;\r\n  background: var(--accent);\r\n  transform: scaleY(0);\r\n  transform-origin: bottom;\r\n  transition: transform 0.4s ease;\r\n  z-index: 2;\r\n}\r\n\r\n.jgmun-card:hover::before {\r\n  transform: scaleY(1);\r\n}\r\n\r\n\/* Imagen *\/\r\n.jgmun-card-img {\r\n  position: relative;\r\n  width: 100%;\r\n  aspect-ratio: 16\/9;\r\n  overflow: hidden;\r\n}\r\n\r\n.jgmun-card-img img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  filter: grayscale(20%) brightness(0.72);\r\n  transition: filter 0.5s ease, transform 0.6s ease;\r\n}\r\n\r\n.jgmun-card:hover .jgmun-card-img img {\r\n  filter: grayscale(0%) brightness(0.85);\r\n  transform: scale(1.04);\r\n}\r\n\r\n\/* Gradiente sobre imagen *\/\r\n.jgmun-card-img::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0; left: 0; right: 0;\r\n  height: 55%;\r\n  background: linear-gradient(transparent, var(--navy));\r\n  pointer-events: none;\r\n}\r\n\r\n\/* \u00cdndice en imagen *\/\r\n.jgmun-card-num {\r\n  position: absolute;\r\n  top: 12px;\r\n  right: 14px;\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 0.7rem;\r\n  font-style: italic;\r\n  color: rgba(255,255,255,0.45);\r\n  letter-spacing: 0.06em;\r\n  z-index: 2;\r\n}\r\n\r\n\/* Cuerpo *\/\r\n.jgmun-card-body {\r\n  padding: 22px 24px 26px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 9px;\r\n  flex: 1;\r\n}\r\n\r\n.jgmun-card-name {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 1.18rem;\r\n  font-weight: 600;\r\n  color: #fff;\r\n  line-height: 1.25;\r\n}\r\n\r\n.jgmun-card-desc {\r\n  font-size: 0.8rem;\r\n  line-height: 1.8;\r\n  color: var(--muted);\r\n  display: -webkit-box;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-line-clamp: 3;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* \u2500\u2500 Skeleton \u2500\u2500 *\/\r\n.jgmun-skel {\r\n  background: var(--navy);\r\n  border: 1px solid rgba(255,255,255,0.05);\r\n  border-radius: 4px;\r\n  overflow: hidden;\r\n}\r\n\r\n.jgmun-skel-img {\r\n  aspect-ratio: 16\/9;\r\n  background: var(--blue);\r\n  animation: jgmun-pulse 1.7s ease-in-out infinite;\r\n}\r\n\r\n.jgmun-skel-body {\r\n  padding: 22px 24px 26px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n}\r\n\r\n.jgmun-skel-line {\r\n  height: 10px;\r\n  border-radius: 2px;\r\n  background: var(--blue);\r\n  animation: jgmun-pulse 1.7s ease-in-out infinite;\r\n}\r\n\r\n.jgmun-skel-line.t { height: 17px; width: 65%; }\r\n.jgmun-skel-line.s { width: 42%; }\r\n\r\n@keyframes jgmun-pulse { 0%,100%{ opacity:.4 } 50%{ opacity:.9 } }\r\n\r\n\/* \u2500\u2500 Error \u2500\u2500 *\/\r\n.jgmun-error {\r\n  grid-column: 1\/-1;\r\n  padding: 40px 24px;\r\n  font-size: 0.82rem;\r\n  color: var(--muted);\r\n  text-align: center;\r\n  letter-spacing: 0.04em;\r\n}\r\n\r\n\/* \u2500\u2500 Responsive padding \u2500\u2500 *\/\r\n@media (max-width: 560px) {\r\n  .jgmun-section { padding: 48px 20px 56px; }\r\n  .jgmun-intro   { margin-bottom: 36px; }\r\n}\r\n<\/style>\r\n\r\n<!-- \u2550\u2550\u2550\u2550 SECCI\u00d3N \u2550\u2550\u2550\u2550 -->\r\n<section class=\"jgmun-section\">\r\n\r\n  <!-- Intro -->\r\n  <div class=\"jgmun-intro\">\r\n    <span class=\"jgmun-eyebrow\">JGMUN \u00b7 2026<\/span>\r\n    <h2>Nuestras <em>comisiones<\/em><\/h2>\r\n    <p>Cada comisi\u00f3n es un espacio de debate, investigaci\u00f3n y propuesta. Explora las mesas que conforman esta edici\u00f3n.<\/p>\r\n    <p id=\"jgmun-count\">Cargando\u2026<\/p>\r\n  <\/div>\r\n\r\n  <!-- Grid -->\r\n  <div class=\"jgmun-grid\" id=\"jgmun-grid\">\r\n    <!-- Skeletons iniciales -->\r\n    <div class=\"jgmun-skel\"><div class=\"jgmun-skel-img\"><\/div><div class=\"jgmun-skel-body\"><div class=\"jgmun-skel-line t\"><\/div><div class=\"jgmun-skel-line\"><\/div><div class=\"jgmun-skel-line s\"><\/div><\/div><\/div>\r\n    <div class=\"jgmun-skel\"><div class=\"jgmun-skel-img\"><\/div><div class=\"jgmun-skel-body\"><div class=\"jgmun-skel-line t\"><\/div><div class=\"jgmun-skel-line\"><\/div><div class=\"jgmun-skel-line s\"><\/div><\/div><\/div>\r\n    <div class=\"jgmun-skel\"><div class=\"jgmun-skel-img\"><\/div><div class=\"jgmun-skel-body\"><div class=\"jgmun-skel-line t\"><\/div><div class=\"jgmun-skel-line\"><\/div><div class=\"jgmun-skel-line s\"><\/div><\/div><\/div>\r\n    <div class=\"jgmun-skel\"><div class=\"jgmun-skel-img\"><\/div><div class=\"jgmun-skel-body\"><div class=\"jgmun-skel-line t\"><\/div><div class=\"jgmun-skel-line\"><\/div><div class=\"jgmun-skel-line s\"><\/div><\/div><\/div>\r\n    <div class=\"jgmun-skel\"><div class=\"jgmun-skel-img\"><\/div><div class=\"jgmun-skel-body\"><div class=\"jgmun-skel-line t\"><\/div><div class=\"jgmun-skel-line\"><\/div><div class=\"jgmun-skel-line s\"><\/div><\/div><\/div>\r\n    <div class=\"jgmun-skel\"><div class=\"jgmun-skel-img\"><\/div><div class=\"jgmun-skel-body\"><div class=\"jgmun-skel-line t\"><\/div><div class=\"jgmun-skel-line\"><\/div><div class=\"jgmun-skel-line s\"><\/div><\/div><\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  async function cargarComisiones() {\r\n    const grid  = document.getElementById('jgmun-grid');\r\n    const count = document.getElementById('jgmun-count');\r\n\r\n    try {\r\n      const res  = await fetch('https:\/\/api.jgmun.com\/api\/cohorts\/cohort2026\/commissions');\r\n      const json = await res.json();\r\n      const data = json.data;\r\n\r\n      count.textContent = data.length + ' comisiones';\r\n      grid.innerHTML    = '';\r\n\r\n      data.forEach(function (c, i) {\r\n        const card = document.createElement('div');\r\n        card.className = 'jgmun-card';\r\n        card.style.animationDelay = (i * 70) + 'ms';\r\n\r\n        const num = String(i + 1).padStart(2, '0');\r\n\r\n        const url = '\/index.php\/comision\/?comision=' + c.id;\r\n\r\ncard.innerHTML =\r\n  '<a href=\"' + url + '\" style=\"display:contents;text-decoration:none;color:inherit\">' +\r\n    '<div class=\"jgmun-card-img\">' +\r\n      '<span class=\"jgmun-card-num\">' + num + '<\/span>' +\r\n      '<img decoding=\"async\" src=\"' + c.bannerURL + '\" alt=\"' + c.name + '\" loading=\"lazy\" \/>' +\r\n    '<\/div>' +\r\n    '<div class=\"jgmun-card-body\">' +\r\n      '<div class=\"jgmun-card-name\">' + c.name + '<\/div>' +\r\n      '<div class=\"jgmun-card-desc\">' + (c.description || '') + '<\/div>' +\r\n    '<\/div>' +\r\n  '<\/a>';\r\n\r\n        grid.appendChild(card);\r\n      });\r\n\r\n    } catch (e) {\r\n      count.textContent = '';\r\n      grid.innerHTML    = '<div class=\"jgmun-error\">Error al cargar las comisiones. Intenta de nuevo m\u00e1s tarde.<\/div>';\r\n    }\r\n  }\r\n\r\n  cargarComisiones();\r\n})();\r\nwindow.addEventListener('DOMContentLoaded', function () {\r\n  document.querySelectorAll('.internal__pading').forEach(function (el) {\r\n    el.style.setProperty('padding', '0', 'important');\r\n  });\r\n});\r\ndocument.querySelectorAll('.internal__pading').forEach(function (el) {\r\n  el.style.setProperty('padding', '0', 'important');\r\n});\r\n<\/script>\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":"<p>JGMUN \u00b7 2026 Nuestras comisiones Cada comisi\u00f3n es un espacio de debate, investigaci\u00f3n y propuesta. Explora las mesas que conforman esta edici\u00f3n. Cargando\u2026<\/p>\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-7047","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jgmun.com\/index.php\/wp-json\/wp\/v2\/pages\/7047","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jgmun.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jgmun.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jgmun.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jgmun.com\/index.php\/wp-json\/wp\/v2\/comments?post=7047"}],"version-history":[{"count":17,"href":"https:\/\/jgmun.com\/index.php\/wp-json\/wp\/v2\/pages\/7047\/revisions"}],"predecessor-version":[{"id":7071,"href":"https:\/\/jgmun.com\/index.php\/wp-json\/wp\/v2\/pages\/7047\/revisions\/7071"}],"wp:attachment":[{"href":"https:\/\/jgmun.com\/index.php\/wp-json\/wp\/v2\/media?parent=7047"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}