{"id":7057,"date":"2026-05-17T12:54:25","date_gmt":"2026-05-17T17:54:25","guid":{"rendered":"https:\/\/jgmun.com\/?page_id=7057"},"modified":"2026-05-18T14:41:39","modified_gmt":"2026-05-18T19:41:39","slug":"comision","status":"publish","type":"page","link":"https:\/\/jgmun.com\/index.php\/comision\/","title":{"rendered":"Comision"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7057\" class=\"elementor elementor-7057\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b46c9a e-flex e-con-boxed e-con e-parent\" data-id=\"2b46c9a\" 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-0c8ea28 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"0c8ea28\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  JGMUN 2026 \u2014 P\u00e1gina de Comisi\u00f3n\r\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n  Pega este bloque en un \"HTML personalizado\" de WordPress.\r\n  El ID de la comisi\u00f3n se lee desde ?comision=ID en la URL.\r\n  Ejemplo: \/tu-pagina\/?comision=Lbz6FCCC3ZIJOjOX7R6W\r\n-->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,600;1,300;1,600&family=DM+Sans:opsz,wght@9..40,300;9..40,400&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n<style>\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\r\n   RESET LOCALIZADO  (prefijo: .jc-)\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 *\/\r\n.jc-root *, .jc-root *::before, .jc-root *::after {\r\n  box-sizing: border-box; margin: 0; padding: 0;\r\n}\r\n\r\n:root {\r\n  --jc-bg:      #07111f;\r\n  --jc-surface: #0c1d34;\r\n  --jc-panel:   #112240;\r\n  --jc-accent:  #b8924a;\r\n  --jc-accent2: #d4a85c;\r\n  --jc-text:    #ddd5c4;\r\n  --jc-muted:   #6b7f96;\r\n  --jc-border:  rgba(255,255,255,0.07);\r\n}\r\n\r\n\/* \u2500\u2500 Ra\u00edz \u2500\u2500 *\/\r\n.jc-root {\r\n  background: var(--jc-bg);\r\n  color: var(--jc-text);\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-weight: 300;\r\n  width: 100vw;\r\n  position: relative;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  overflow-x: hidden;\r\n}\r\n\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\r\n   NAVBAR\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 *\/\r\n.jc-nav {\r\n  position: sticky;\r\n  top: 0;\r\n  z-index: 100;\r\n  background: rgba(7,17,31,0.88);\r\n  backdrop-filter: blur(14px);\r\n  -webkit-backdrop-filter: blur(14px);\r\n  border-bottom: 1px solid var(--jc-border);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 0 48px;\r\n  height: 60px;\r\n  gap: 24px;\r\n}\r\n\r\n.jc-nav-brand {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  text-decoration: none;\r\n}\r\n\r\n.jc-nav-logo {\r\n  width: 28px;\r\n  height: 28px;\r\n  border: 1.5px solid var(--jc-accent);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 0.8rem;\r\n  color: var(--jc-accent);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.jc-nav-commission-name {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 0.95rem;\r\n  font-weight: 600;\r\n  color: #fff;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  max-width: 260px;\r\n}\r\n\r\n.jc-nav-links {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 2px;\r\n  list-style: none;\r\n}\r\n\r\n.jc-nav-links a {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 6px 16px;\r\n  border-radius: 3px;\r\n  font-size: 0.78rem;\r\n  letter-spacing: 0.05em;\r\n  color: var(--jc-muted);\r\n  text-decoration: none;\r\n  transition: color 0.2s, background 0.2s;\r\n  cursor: pointer;\r\n  white-space: nowrap;\r\n}\r\n\r\n.jc-nav-links a:hover,\r\n.jc-nav-links a.active {\r\n  color: var(--jc-text);\r\n  background: rgba(255,255,255,0.05);\r\n}\r\n\r\n.jc-nav-links a.active {\r\n  color: var(--jc-accent);\r\n}\r\n\r\n.jc-nav-cta {\r\n  background: var(--jc-accent) !important;\r\n  color: var(--jc-bg) !important;\r\n  font-weight: 400 !important;\r\n  border-radius: 3px !important;\r\n  padding: 6px 18px !important;\r\n  transition: background 0.2s !important;\r\n}\r\n\r\n.jc-nav-cta:hover {\r\n  background: var(--jc-accent2) !important;\r\n}\r\n\r\n.jc-hamburger {\r\n  display: none;\r\n  flex-direction: column;\r\n  gap: 5px;\r\n  cursor: pointer;\r\n  padding: 4px;\r\n}\r\n\r\n.jc-hamburger span {\r\n  display: block;\r\n  width: 22px;\r\n  height: 1.5px;\r\n  background: var(--jc-text);\r\n  transition: 0.3s;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .jc-nav { padding: 0 24px; }\r\n  .jc-hamburger { display: flex; }\r\n  .jc-nav-links {\r\n    display: none;\r\n    position: absolute;\r\n    top: 60px; left: 0; right: 0;\r\n    background: rgba(7,17,31,0.97);\r\n    border-bottom: 1px solid var(--jc-border);\r\n    flex-direction: column;\r\n    padding: 12px 24px 20px;\r\n    gap: 4px;\r\n    align-items: flex-start;\r\n  }\r\n  .jc-nav-links.open { display: flex; }\r\n  .jc-nav-links a { width: 100%; }\r\n}\r\n\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\r\n   SECCIONES (tabs)\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 *\/\r\n.jc-section { display: none; }\r\n.jc-section.active { display: block; }\r\n\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\r\n   HERO\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 *\/\r\n.jc-hero {\r\n  position: relative;\r\n  height: 520px;\r\n  overflow: hidden;\r\n}\r\n\r\n.jc-hero-img {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  filter: brightness(0.35) saturate(0.6);\r\n  transform: scale(1.04);\r\n  animation: jc-zoom-out 12s ease forwards;\r\n}\r\n\r\n@keyframes jc-zoom-out { to { transform: scale(1); } }\r\n\r\n.jc-hero-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(\r\n    to bottom,\r\n    rgba(7,17,31,0.15) 0%,\r\n    rgba(7,17,31,0.55) 50%,\r\n    rgba(7,17,31,1) 100%\r\n  );\r\n}\r\n\r\n.jc-hero-content {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  padding: 0 64px 52px;\r\n}\r\n\r\n.jc-hero-eyebrow {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-size: 0.65rem;\r\n  letter-spacing: 0.24em;\r\n  text-transform: uppercase;\r\n  color: var(--jc-accent);\r\n  margin-bottom: 14px;\r\n  opacity: 0;\r\n  animation: jc-rise 0.6s 0.3s forwards;\r\n}\r\n\r\n.jc-hero-eyebrow::before {\r\n  content: '';\r\n  display: block;\r\n  width: 20px;\r\n  height: 1px;\r\n  background: var(--jc-accent);\r\n}\r\n\r\n.jc-hero-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(2rem, 5vw, 3.8rem);\r\n  font-weight: 600;\r\n  color: #fff;\r\n  line-height: 1.05;\r\n  max-width: 780px;\r\n  opacity: 0;\r\n  animation: jc-rise 0.6s 0.45s forwards;\r\n}\r\n\r\n.jc-hero-meta {\r\n  margin-top: 18px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 20px;\r\n  flex-wrap: wrap;\r\n  opacity: 0;\r\n  animation: jc-rise 0.6s 0.6s forwards;\r\n}\r\n\r\n.jc-hero-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n  background: rgba(255,255,255,0.07);\r\n  border: 1px solid rgba(255,255,255,0.1);\r\n  border-radius: 2px;\r\n  padding: 5px 12px;\r\n  font-size: 0.73rem;\r\n  color: var(--jc-text);\r\n  letter-spacing: 0.04em;\r\n}\r\n\r\n.jc-hero-badge svg { opacity: 0.6; flex-shrink: 0; }\r\n\r\n@keyframes jc-rise {\r\n  from { opacity: 0; transform: translateY(14px); }\r\n  to   { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .jc-hero { height: 420px; }\r\n  .jc-hero-content { padding: 0 24px 40px; }\r\n  .jc-hero-title { font-size: clamp(1.6rem, 7vw, 2.4rem); }\r\n}\r\n\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\r\n   CUERPO DE INICIO\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 *\/\r\n.jc-body { padding: 60px 64px 80px; max-width: 1280px; margin: 0 auto; }\r\n\r\n@media (max-width: 768px) { .jc-body { padding: 40px 24px 60px; } }\r\n\r\n\/* \u2500\u2500 Bloque de descripci\u00f3n + temas \u2500\u2500 *\/\r\n.jc-two-col {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 48px;\r\n  margin-bottom: 64px;\r\n}\r\n\r\n@media (max-width: 860px) {\r\n  .jc-two-col { grid-template-columns: 1fr; gap: 32px; }\r\n}\r\n\r\n.jc-block-label {\r\n  font-size: 0.62rem;\r\n  letter-spacing: 0.22em;\r\n  text-transform: uppercase;\r\n  color: var(--jc-accent);\r\n  margin-bottom: 14px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.jc-block-label::after {\r\n  content: '';\r\n  flex: 1;\r\n  height: 1px;\r\n  background: rgba(255,255,255,0.07);\r\n  max-width: 60px;\r\n}\r\n\r\n.jc-desc-text {\r\n  font-size: 0.9rem;\r\n  line-height: 1.85;\r\n  color: var(--jc-muted);\r\n}\r\n\r\n.jc-desc-text p { margin-bottom: 10px; }\r\n\r\n.jc-topic-card {\r\n  background: var(--jc-surface);\r\n  border: 1px solid var(--jc-border);\r\n  border-left: 2px solid var(--jc-accent);\r\n  border-radius: 3px;\r\n  padding: 20px 22px;\r\n  font-size: 0.84rem;\r\n  line-height: 1.8;\r\n  color: var(--jc-text);\r\n}\r\n\r\n.jc-topic-card p { margin: 0; }\r\n\r\n\/* \u2500\u2500 Presidentes \u2500\u2500 *\/\r\n.jc-section-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 1.5rem;\r\n  font-weight: 600;\r\n  color: #fff;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.jc-pres-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n  gap: 20px;\r\n  margin-bottom: 56px;\r\n}\r\n\r\n.jc-pres-card {\r\n  background: var(--jc-surface);\r\n  border: 1px solid var(--jc-border);\r\n  border-radius: 4px;\r\n  padding: 24px;\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 16px;\r\n  transition: border-color 0.3s, box-shadow 0.3s;\r\n}\r\n\r\n.jc-pres-card:hover {\r\n  border-color: rgba(184,146,74,0.35);\r\n  box-shadow: 0 8px 32px rgba(0,0,0,0.3);\r\n}\r\n\r\n.jc-pres-avatar {\r\n  width: 48px;\r\n  height: 48px;\r\n  border-radius: 50%;\r\n  background: var(--jc-panel);\r\n  border: 1.5px solid var(--jc-accent);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 1.2rem;\r\n  font-style: italic;\r\n  color: var(--jc-accent);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.jc-pres-info { flex: 1; min-width: 0; }\r\n\r\n.jc-pres-name {\r\n  font-weight: 400;\r\n  font-size: 0.92rem;\r\n  color: #fff;\r\n  margin-bottom: 4px;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n.jc-pres-role {\r\n  font-size: 0.68rem;\r\n  letter-spacing: 0.14em;\r\n  text-transform: uppercase;\r\n  color: var(--jc-accent);\r\n  margin-bottom: 6px;\r\n}\r\n\r\n.jc-pres-detail {\r\n  font-size: 0.75rem;\r\n  color: var(--jc-muted);\r\n  line-height: 1.6;\r\n}\r\n\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\r\n   DELEGACIONES\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 *\/\r\n.jc-del-wrapper { padding: 60px 64px 80px; max-width: 1280px; margin: 0 auto; }\r\n\r\n@media (max-width: 768px) { .jc-del-wrapper { padding: 40px 24px 60px; } }\r\n\r\n.jc-del-search-row {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin-bottom: 28px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.jc-del-search {\r\n  flex: 1;\r\n  min-width: 200px;\r\n  background: var(--jc-surface);\r\n  border: 1px solid var(--jc-border);\r\n  border-radius: 3px;\r\n  padding: 10px 16px;\r\n  font-size: 0.82rem;\r\n  color: var(--jc-text);\r\n  font-family: 'DM Sans', sans-serif;\r\n  outline: none;\r\n  transition: border-color 0.2s;\r\n}\r\n\r\n.jc-del-search:focus { border-color: rgba(184,146,74,0.4); }\r\n.jc-del-search::placeholder { color: var(--jc-muted); }\r\n\r\n.jc-filter-btn {\r\n  background: var(--jc-surface);\r\n  border: 1px solid var(--jc-border);\r\n  border-radius: 3px;\r\n  padding: 9px 16px;\r\n  font-size: 0.75rem;\r\n  color: var(--jc-muted);\r\n  font-family: 'DM Sans', sans-serif;\r\n  cursor: pointer;\r\n  transition: color 0.2s, border-color 0.2s;\r\n  letter-spacing: 0.06em;\r\n}\r\n\r\n.jc-filter-btn.on {\r\n  color: var(--jc-accent);\r\n  border-color: rgba(184,146,74,0.4);\r\n}\r\n\r\n.jc-del-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\r\n  gap: 16px;\r\n}\r\n\r\n.jc-del-card {\r\n  background: var(--jc-surface);\r\n  border: 1px solid var(--jc-border);\r\n  border-radius: 4px;\r\n  padding: 18px 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  transition: border-color 0.25s, transform 0.25s;\r\n  opacity: 0;\r\n  animation: jc-rise 0.4s forwards;\r\n}\r\n\r\n.jc-del-card:hover {\r\n  border-color: rgba(184,146,74,0.3);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.jc-del-flag {\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 50%;\r\n  object-fit: cover;\r\n  flex-shrink: 0;\r\n  border: 1.5px solid var(--jc-border);\r\n}\r\n\r\n.jc-del-info { flex: 1; min-width: 0; }\r\n\r\n.jc-del-name {\r\n  font-size: 0.86rem;\r\n  color: #fff;\r\n  margin-bottom: 3px;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n.jc-del-type {\r\n  font-size: 0.65rem;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n  color: var(--jc-muted);\r\n}\r\n\r\n.jc-del-status {\r\n  width: 7px;\r\n  height: 7px;\r\n  border-radius: 50%;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.jc-del-status.ok { background: #4caf93; }\r\n.jc-del-status.pending { background: var(--jc-muted); }\r\n\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\r\n   RECURSOS\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 *\/\r\n.jc-res-wrapper { padding: 60px 64px 80px; max-width: 1280px; margin: 0 auto; }\r\n\r\n@media (max-width: 768px) { .jc-res-wrapper { padding: 40px 24px 60px; } }\r\n\r\n.jc-res-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n  gap: 20px;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.jc-res-card {\r\n  background: var(--jc-surface);\r\n  border: 1px solid var(--jc-border);\r\n  border-radius: 4px;\r\n  padding: 28px 26px;\r\n  text-decoration: none;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s;\r\n}\r\n\r\n.jc-res-card:hover {\r\n  border-color: rgba(184,146,74,0.4);\r\n  box-shadow: 0 10px 40px rgba(0,0,0,0.35);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.jc-res-icon {\r\n  width: 36px;\r\n  height: 36px;\r\n  border: 1px solid rgba(184,146,74,0.3);\r\n  border-radius: 3px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.jc-res-icon svg { color: var(--jc-accent); }\r\n\r\n.jc-res-name {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 1.1rem;\r\n  font-weight: 600;\r\n  color: #fff;\r\n  line-height: 1.2;\r\n}\r\n\r\n.jc-res-desc {\r\n  font-size: 0.79rem;\r\n  color: var(--jc-muted);\r\n  line-height: 1.7;\r\n}\r\n\r\n.jc-res-arrow {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  font-size: 0.7rem;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n  color: var(--jc-accent);\r\n  margin-top: auto;\r\n}\r\n\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\r\n   LOADING \/ ERROR\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 *\/\r\n.jc-loading {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 300px;\r\n  gap: 10px;\r\n  color: var(--jc-muted);\r\n  font-size: 0.82rem;\r\n  letter-spacing: 0.06em;\r\n}\r\n\r\n.jc-spinner {\r\n  width: 18px;\r\n  height: 18px;\r\n  border: 1.5px solid var(--jc-border);\r\n  border-top-color: var(--jc-accent);\r\n  border-radius: 50%;\r\n  animation: jc-spin 0.8s linear infinite;\r\n}\r\n\r\n@keyframes jc-spin { to { transform: rotate(360deg); } }\r\n\r\n.jc-error-msg {\r\n  padding: 60px 64px;\r\n  font-size: 0.85rem;\r\n  color: var(--jc-muted);\r\n}\r\n\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\r\n   DIVIDER\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 *\/\r\n.jc-divider {\r\n  border: none;\r\n  border-top: 1px solid var(--jc-border);\r\n  margin: 0 0 48px;\r\n}\r\n<\/style>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550 RA\u00cdZ \u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"jc-root\" id=\"jc-root\">\r\n\r\n  <!-- NAVBAR -->\r\n  <nav class=\"jc-nav\">\r\n    <a class=\"jc-nav-brand\" href=\"#\">\r\n      <div class=\"jc-nav-logo\">JG<\/div>\r\n      <span class=\"jc-nav-commission-name\" id=\"jc-nav-title\">Cargando\u2026<\/span>\r\n    <\/a>\r\n    <div class=\"jc-hamburger\" id=\"jc-hamburger\" onclick=\"document.getElementById('jc-nav-links').classList.toggle('open')\">\r\n      <span><\/span><span><\/span><span><\/span>\r\n    <\/div>\r\n    <ul class=\"jc-nav-links\" id=\"jc-nav-links\">\r\n      <li><a href=\"#\" class=\"jc-tab active\" data-tab=\"inicio\">Inicio<\/a><\/li>\r\n      <li><a href=\"#\" class=\"jc-tab\" data-tab=\"delegaciones\">Delegaciones<\/a><\/li>\r\n      <!-- href se inyecta din\u00e1micamente en el JS con el commissionId correcto -->\r\n      <li><a href=\"#\" id=\"jc-nav-delegate-link\" target=\"_blank\" rel=\"noopener\">Acceso Delegados \u2197<\/a><\/li>\r\n      <li><a href=\"#\" class=\"jc-tab\" data-tab=\"recursos\">Recursos<\/a><\/li>\r\n    <\/ul>\r\n  <\/nav>\r\n\r\n  <!-- \u2550\u2550 LOADING INICIAL \u2550\u2550 -->\r\n  <div class=\"jc-loading\" id=\"jc-loading\">\r\n    <div class=\"jc-spinner\"><\/div>\r\n    Cargando comisi\u00f3n\u2026\r\n  <\/div>\r\n\r\n  <!-- \u2550\u2550 CONTENIDO (oculto hasta cargar) \u2550\u2550 -->\r\n  <div id=\"jc-content\" style=\"display:none\">\r\n\r\n    <!-- \u2591\u2591 INICIO \u2591\u2591 -->\r\n    <div class=\"jc-section active\" id=\"tab-inicio\">\r\n\r\n      <!-- Hero -->\r\n      <div class=\"jc-hero\">\r\n        <img decoding=\"async\" class=\"jc-hero-img\" id=\"jc-hero-img\" src=\"\" alt=\"\" \/>\r\n        <div class=\"jc-hero-overlay\"><\/div>\r\n        <div class=\"jc-hero-content\">\r\n          <p class=\"jc-hero-eyebrow\">JGMUN \u00b7 Cohort 2026<\/p>\r\n          <h1 class=\"jc-hero-title\" id=\"jc-hero-title\">\u2014<\/h1>\r\n          <div class=\"jc-hero-meta\" id=\"jc-hero-meta\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Cuerpo -->\r\n      <div class=\"jc-body\">\r\n\r\n        <!-- Descripci\u00f3n + Tema -->\r\n        <div class=\"jc-two-col\">\r\n          <div>\r\n            <p class=\"jc-block-label\">Sobre la comisi\u00f3n<\/p>\r\n            <div class=\"jc-desc-text\" id=\"jc-desc\">\u2014<\/div>\r\n          <\/div>\r\n          <div>\r\n            <p class=\"jc-block-label\">Tema central<\/p>\r\n            <div class=\"jc-topic-card\" id=\"jc-topic\">\u2014<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <hr class=\"jc-divider\" \/>\r\n\r\n        <!-- Presidentes -->\r\n        <p class=\"jc-section-title\">Mesa directiva<\/p>\r\n        <div class=\"jc-pres-grid\" id=\"jc-pres-grid\"><\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2591\u2591 DELEGACIONES \u2591\u2591 -->\r\n    <div class=\"jc-section\" id=\"tab-delegaciones\">\r\n      <div class=\"jc-del-wrapper\">\r\n        <p class=\"jc-section-title\" id=\"jc-del-title\">Delegaciones<\/p>\r\n        <div class=\"jc-del-search-row\">\r\n          <input class=\"jc-del-search\" id=\"jc-del-search\" type=\"text\" placeholder=\"Buscar delegaci\u00f3n\u2026\" \/>\r\n          <button class=\"jc-filter-btn on\" id=\"jc-filter-all\" onclick=\"jcFilter('all')\">Todas<\/button>\r\n          <button class=\"jc-filter-btn\" id=\"jc-filter-persona\" onclick=\"jcFilter('persona')\">Personas<\/button>\r\n          <button class=\"jc-filter-btn\" id=\"jc-filter-entidad\" onclick=\"jcFilter('Entidad')\">Entidades<\/button>\r\n        <\/div>\r\n        <div class=\"jc-del-grid\" id=\"jc-del-grid\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2591\u2591 RECURSOS \u2591\u2591 -->\r\n    <div class=\"jc-section\" id=\"tab-recursos\">\r\n      <div class=\"jc-res-wrapper\">\r\n        <p class=\"jc-section-title\">Recursos de la comisi\u00f3n<\/p>\r\n        <div class=\"jc-res-grid\" id=\"jc-res-grid\"><\/div>\r\n        <p style=\"font-size:0.78rem;color:var(--jc-muted);line-height:1.7;max-width:500px\">\r\n          \u00bfTienes dudas sobre los documentos? Escr\u00edbele directamente a tu mesa directiva o ingresa a\r\n          <a href=\"https:\/\/gate.jgmun.com\" style=\"color:var(--jc-accent);text-decoration:none\">gate.jgmun.com<\/a>\r\n          para acceder a tu espacio de delegado.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div><!-- \/jc-content -->\r\n\r\n  <!-- Error -->\r\n  <div id=\"jc-error\" style=\"display:none\" class=\"jc-error-msg\">\r\n    No se pudo cargar la informaci\u00f3n de esta comisi\u00f3n. Verifica la URL o int\u00e9ntalo m\u00e1s tarde.\r\n  <\/div>\r\n\r\n<\/div><!-- \/jc-root -->\r\n\r\n<script>\r\n(function () {\r\n\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\r\n     OBTENER ID DE COMISI\u00d3N\r\n     Lee ?comision=ID de la URL de la p\u00e1gina.\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 *\/\r\n  var params = new URLSearchParams(window.location.search);\r\n  var COMMISSION_ID = params.get('comision') || params.get('commission') || params.get('id');\r\n\r\n  \/* \u2500\u2500\u2500 FALLBACK: lee \u00faltimo segmento de la ruta si no hay param \u2500\u2500\u2500 *\/\r\n  if (!COMMISSION_ID) {\r\n    var segs = location.pathname.replace(\/\\\/$\/, '').split('\/').filter(Boolean);\r\n    var last = segs[segs.length - 1];\r\n    if (last && \/^[A-Za-z0-9]{8,}$\/.test(last)) COMMISSION_ID = last;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 HARDCODE DE EMERGENCIA para pruebas \u2500\u2500\u2500 *\/\r\n  if (!COMMISSION_ID) COMMISSION_ID = 'Lbz6FCCC3ZIJOjOX7R6W';\r\n\r\n  \/* \u2500\u2500\u2500 Construir URL de acceso de delegados con IDs correctos \u2500\u2500\u2500 *\/\r\n  var DELEGATE_LOGIN_URL =\r\n    'https:\/\/gate.jgmun.com\/login?cohortId=cohort2026&commissionId=' + COMMISSION_ID;\r\n\r\n  \/* Inyectar en el enlace del navbar *\/\r\n  document.getElementById('jc-nav-delegate-link').href = DELEGATE_LOGIN_URL;\r\n\r\n  var API = 'https:\/\/api.jgmun.com\/api\/commissions\/cohort2026\/' + COMMISSION_ID;\r\n\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\r\n     TABS\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 *\/\r\n  document.querySelectorAll('.jc-tab').forEach(function (a) {\r\n    a.addEventListener('click', function (e) {\r\n      e.preventDefault();\r\n      var tab = this.dataset.tab;\r\n      document.querySelectorAll('.jc-tab').forEach(function (t) { t.classList.remove('active'); });\r\n      document.querySelectorAll('.jc-section').forEach(function (s) { s.classList.remove('active'); });\r\n      this.classList.add('active');\r\n      var el = document.getElementById('tab-' + tab);\r\n      if (el) el.classList.add('active');\r\n      document.getElementById('jc-nav-links').classList.remove('open');\r\n    });\r\n  });\r\n\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\r\n     FILTRO DELEGACIONES\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 *\/\r\n  var allDelegations = [];\r\n  var currentFilter = 'all';\r\n\r\n  window.jcFilter = function (f) {\r\n    currentFilter = f;\r\n    document.getElementById('jc-filter-all').classList.toggle('on', f === 'all');\r\n    document.getElementById('jc-filter-persona').classList.toggle('on', f === 'persona');\r\n    document.getElementById('jc-filter-entidad').classList.toggle('on', f === 'Entidad');\r\n    renderDelegations();\r\n  };\r\n\r\n  document.getElementById('jc-del-search').addEventListener('input', renderDelegations);\r\n\r\n  function renderDelegations() {\r\n    var q = document.getElementById('jc-del-search').value.toLowerCase();\r\n    var grid = document.getElementById('jc-del-grid');\r\n\r\n    var filtered = allDelegations.filter(function (d) {\r\n      \/* Si no hay type definido, solo se muestra en \"Todas\" *\/\r\n      var matchType = currentFilter === 'all' || (d.type && d.type === currentFilter);\r\n      var matchQ = (d.name || '').toLowerCase().includes(q);\r\n      return matchType && matchQ;\r\n    });\r\n\r\n    grid.innerHTML = '';\r\n\r\n    if (!filtered.length) {\r\n      grid.innerHTML = '<p style=\"color:var(--jc-muted);font-size:.82rem;padding:20px 0\">Sin resultados.<\/p>';\r\n      return;\r\n    }\r\n\r\n    filtered.forEach(function (d, i) {\r\n      var card = document.createElement('div');\r\n      card.className = 'jc-del-card';\r\n      card.style.animationDelay = (i * 40) + 'ms';\r\n\r\n      \/* exists: verdadero a menos que est\u00e9 expl\u00edcitamente en false *\/\r\n      var exists = d.exists !== false;\r\n\r\n      \/* Flag: usar la propiedad flag del API, o generar avatar con iniciales *\/\r\n      var flagSrc = d.flag ||\r\n        'https:\/\/ui-avatars.com\/api\/?name=' + encodeURIComponent(d.name || '?') +\r\n        '&size=128&background=random';\r\n\r\n      card.innerHTML =\r\n        '<img decoding=\"async\" class=\"jc-del-flag\" src=\"' + flagSrc + '\" alt=\"' + (d.name || '') + '\" \/>' +\r\n        '<div class=\"jc-del-info\">' +\r\n          '<div class=\"jc-del-name\">' + (d.name || '\u2014') + '<\/div>' +\r\n          '<div class=\"jc-del-type\">' + (d.type || 'delegaci\u00f3n') + '<\/div>' +\r\n        '<\/div>' +\r\n        '<div class=\"jc-del-status ' + (exists ? 'ok' : 'pending') + '\" ' +\r\n          'title=\"' + (exists ? 'Confirmado' : 'Pendiente') + '\"><\/div>';\r\n\r\n      grid.appendChild(card);\r\n    });\r\n  }\r\n\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\r\n     CARGAR DATOS\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 *\/\r\n  fetch(API)\r\n    .then(function (r) {\r\n      if (!r.ok) throw new Error('HTTP ' + r.status);\r\n      return r.json();\r\n    })\r\n    .then(function (json) {\r\n\r\n      \/* \u2500\u2500 Verificar \u00e9xito \u2500\u2500 *\/\r\n      if (json.success === false) throw new Error('API returned success: false');\r\n\r\n      \/*\r\n       * El API devuelve los campos en la ra\u00edz del objeto (junto con \"success\" e \"id\").\r\n       * Tambi\u00e9n soportamos el envoltorio { data: {...} } por compatibilidad futura.\r\n       *\/\r\n      var d = json.data || json;\r\n\r\n      \/* \u2500\u2500 Navbar \u2500\u2500 *\/\r\n      document.getElementById('jc-nav-title').textContent = d.name || 'Comisi\u00f3n';\r\n\r\n      \/* \u2500\u2500 Hero \u2500\u2500 *\/\r\n      var img = document.getElementById('jc-hero-img');\r\n      if (d.bannerURL) {\r\n        img.src = d.bannerURL;\r\n        img.alt = d.name || '';\r\n      }\r\n      document.getElementById('jc-hero-title').textContent = d.name || '\u2014';\r\n\r\n      \/* \u2500\u2500 Badges del hero \u2500\u2500 *\/\r\n      var meta = document.getElementById('jc-hero-meta');\r\n\r\n      if (d.people) {\r\n        meta.innerHTML +=\r\n          '<span class=\"jc-hero-badge\">' +\r\n            '<svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/><\/svg>' +\r\n            d.people + ' delegados' +\r\n          '<\/span>';\r\n      }\r\n\r\n      \/* Solo mostrar sala si existe y no es string vac\u00edo *\/\r\n      if (d.room && d.room.toString().trim() !== '') {\r\n        meta.innerHTML +=\r\n          '<span class=\"jc-hero-badge\">' +\r\n            '<svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><\/svg>' +\r\n            'Sala ' + d.room +\r\n          '<\/span>';\r\n      }\r\n\r\n      \/* \u2500\u2500 Descripci\u00f3n \u2500\u2500 *\/\r\n      document.getElementById('jc-desc').innerHTML =\r\n        d.description || '<em style=\"opacity:.5\">Sin descripci\u00f3n disponible.<\/em>';\r\n\r\n      \/* \u2500\u2500 Tema \u2500\u2500 *\/\r\n      document.getElementById('jc-topic').innerHTML =\r\n        d.topics || '<em style=\"opacity:.5\">\u2014<\/em>';\r\n\r\n      \/* \u2500\u2500 Presidentes \u2500\u2500 *\/\r\n      var presGrid = document.getElementById('jc-pres-grid');\r\n      var presidents = d.presidents || [];\r\n      presidents.forEach(function (p) {\r\n        var initials = (p.name || '?').trim().split(\/\\s+\/).slice(0, 2)\r\n          .map(function (w) { return w[0].toUpperCase(); }).join('');\r\n        var card = document.createElement('div');\r\n        card.className = 'jc-pres-card';\r\n        card.innerHTML =\r\n          '<div class=\"jc-pres-avatar\">' + initials + '<\/div>' +\r\n          '<div class=\"jc-pres-info\">' +\r\n            '<div class=\"jc-pres-name\">' + (p.name || '\u2014') + '<\/div>' +\r\n            '<div class=\"jc-pres-role\">' + (p.role || 'Presidente') + '<\/div>' +\r\n            '<div class=\"jc-pres-detail\">' +\r\n              (p.grade ? p.grade + '<br>' : '') +\r\n              (p.email\r\n                ? '<a href=\"mailto:' + p.email + '\" style=\"color:var(--jc-muted);text-decoration:none\">' + p.email + '<\/a>'\r\n                : '') +\r\n            '<\/div>' +\r\n          '<\/div>';\r\n        presGrid.appendChild(card);\r\n      });\r\n\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\r\n         DELEGACIONES\r\n         La API devuelve el array directamente en d.delegations\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 *\/\r\n      var delegations = d.delegations || [];\r\n      allDelegations = delegations;\r\n      document.getElementById('jc-del-title').textContent =\r\n        'Delegaciones \u00b7 ' + delegations.length + ' registradas';\r\n      jcFilter('all');\r\n\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\r\n         RECURSOS\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 *\/\r\n      var resGrid = document.getElementById('jc-res-grid');\r\n      var resources = [];\r\n\r\n      \/* Carpeta de Drive *\/\r\n      if (d.driveFolderId) {\r\n        resources.push({\r\n          name: d.driveFolderName || 'Carpeta de la Comisi\u00f3n',\r\n          desc: 'Documentos de posici\u00f3n, gu\u00edas de estudio y archivos de la mesa.',\r\n          url: 'https:\/\/drive.google.com\/drive\/folders\/' + d.driveFolderId,\r\n          icon: '<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z\"\/><\/svg>'\r\n        });\r\n      }\r\n\r\n      \r\n\r\n      \/* Enlace externo (solo si no es vac\u00edo) *\/\r\n      if (d.link && d.link.trim() !== '') {\r\n        resources.push({\r\n          name: 'Enlace de la Comisi\u00f3n',\r\n          desc: 'Recurso externo asignado por la mesa directiva.',\r\n          url: d.link,\r\n          icon: '<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/><\/svg>'\r\n        });\r\n      }\r\n\r\n      \/* Acceso delegados \u2014 URL con cohortId y commissionId din\u00e1micos *\/\r\n      resources.push({\r\n        name: 'Acceso de Delegados',\r\n        desc: 'Ingresa a tu cuenta en gate.jgmun.com para gestionar tu participaci\u00f3n.',\r\n        url: DELEGATE_LOGIN_URL,\r\n        icon: '<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>'\r\n      });\r\n\r\n      \/* C\u00f3digo de medios *\/\r\n      if (d.mediaCode) {\r\n        resources.push({\r\n          name: 'C\u00f3digo de Medios',\r\n          desc: 'C\u00f3digo de acceso para periodistas y medios del JGMUN: ' + d.mediaCode,\r\n          url: '#',\r\n          icon: '<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><polygon points=\"23 7 16 12 23 17 23 7\"\/><rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\"\/><\/svg>'\r\n        });\r\n      }\r\n\r\n      resources.forEach(function (r) {\r\n        var a = document.createElement('a');\r\n        a.className = 'jc-res-card';\r\n        a.href = r.url;\r\n        if (r.url !== '#') { a.target = '_blank'; a.rel = 'noopener'; }\r\n        a.innerHTML =\r\n          '<div class=\"jc-res-icon\">' + r.icon + '<\/div>' +\r\n          '<div class=\"jc-res-name\">' + r.name + '<\/div>' +\r\n          '<div class=\"jc-res-desc\">' + r.desc + '<\/div>' +\r\n          '<div class=\"jc-res-arrow\">Ver recurso ' +\r\n            '<svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>' +\r\n          '<\/div>';\r\n        resGrid.appendChild(a);\r\n      });\r\n\r\n      \/* \u2500\u2500 Mostrar contenido \u2500\u2500 *\/\r\n      document.getElementById('jc-loading').style.display = 'none';\r\n      document.getElementById('jc-content').style.display = 'block';\r\n    })\r\n    .catch(function (err) {\r\n      console.error('[JGMUN] Error cargando comisi\u00f3n:', err);\r\n      document.getElementById('jc-loading').style.display = 'none';\r\n      document.getElementById('jc-error').style.display = 'block';\r\n    });\r\n\r\n})();\r\n\r\n\/* Quitar padding del wrapper interno de WordPress si aplica *\/\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\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>JG Cargando\u2026 Inicio Delegaciones Acceso Delegados \u2197 Recursos Cargando comisi\u00f3n\u2026 JGMUN \u00b7 Cohort 2026 \u2014 Sobre la comisi\u00f3n \u2014 Tema central \u2014 Mesa directiva Delegaciones Todas Personas Entidades Recursos de la comisi\u00f3n \u00bfTienes dudas sobre los documentos? Escr\u00edbele directamente a tu mesa directiva o ingresa a gate.jgmun.com para acceder a tu espacio de delegado. No [&hellip;]<\/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-7057","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jgmun.com\/index.php\/wp-json\/wp\/v2\/pages\/7057","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=7057"}],"version-history":[{"count":23,"href":"https:\/\/jgmun.com\/index.php\/wp-json\/wp\/v2\/pages\/7057\/revisions"}],"predecessor-version":[{"id":7163,"href":"https:\/\/jgmun.com\/index.php\/wp-json\/wp\/v2\/pages\/7057\/revisions\/7163"}],"wp:attachment":[{"href":"https:\/\/jgmun.com\/index.php\/wp-json\/wp\/v2\/media?parent=7057"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}