1 2<!DOCTYPE html> 3<html lang="es" data-default-lang="es" dir="ltr" data-color-scheme="light"> 4 <head> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta name="view-transition" content="same-origin"> 8 9 <link rel="stylesheet" type="text/css" href="https://www.consejomexicano.org/assets/build/style.css?v=PBwWp6a-ShDhs1aC"> 10 11 <link rel="manifest" data-manifest /> 12 13
14<script> 15 const computedStyle = getComputedStyle(document.documentElement); 16 const headingFont = computedStyle.getPropertyValue('--gh-font-heading'); 17 const bodyFont = computedStyle.getPropertyValue('--gh-font-body'); 18 19 if (!headingFont || !bodyFont) { 20 let fontsLinks = '<link rel="preconnect" href="https://fonts.bunny.net">'; 21 22 if (!headingFont && !bodyFont) { 23 fontsLinks += `<link rel="stylesheet" href="https://fonts.bunny.net/css?family= 24inter:400,500,600 25| 26noto-sans:400,700 27">`; 28 } else if (!headingFont) { 29 fontsLinks += `<link rel="stylesheet" href="https://fonts.bunny.net/css?family= 30inter:400,500,600 31">`; 32 } else if (!bodyFont) { 33 fontsLinks += `<link rel="stylesheet" href="https://fonts.bunny.net/css?family= 34noto-sans:400,700 35">`; 36 } 37 38 document.write(fontsLinks); 39 } 40</script>
40 41 42<style> 43 :root { 44 --accent-color: #036396; 45 --cover-image: url(https://static.ghost.org/v5.0.0/images/publication-cover.jpg); 46 --font-family-heading: var(--gh-font-heading, Inter); 47 --font-family-body: var(--gh-font-body, Noto Sans); 48 } 49</style> 50
51<script> 52 window.themeConfig = { 53 enableAppMode: true, 54 colorScheme: "light", 55 site: { 56 url: "https://www.consejomexicano.org", 57 title: "COMEXI", 58 description: "Consejo Mexicano de Asuntos Internacionales A.C.", 59 accentColor: "#036396", 60 icon: "https://storage.ghost.io/c/ac/fc/acfc0832-6b0f-4b30-af16-0a7e41c415b5/content/images/2026/03/25AniversarioCOMEXI.ico", 61 } 62 } 63</script>
63 64
64<script type="module" src="https://www.consejomexicano.org/assets/build/main.js?v=UHneCuKfrWf0Wyk2"></script>
64 65 66 <link rel="icon" href="https://storage.ghost.io/c/ac/fc/acfc0832-6b0f-4b30-af16-0a7e41c415b5/content/images/2026/03/25AniversarioCOMEXI.ico" type="image/x-icon"> 67 <link rel="canonical" href="https://www.consejomexicano.org/junta-directiva/"> 68 <meta name="referrer" content="no-referrer-when-downgrade"> 69 70 <meta property="og:site_name" content="COMEXI"> 71 <meta property="og:type" content="website"> 72 <meta property="og:title" content="Junta Directiva"> 73 <meta property="og:description" content="La Junta Directiva es el cuerpo colegiado, y electo conforme a un proceso democrático entre los miembros de COMEXI, que establece la visión guÃa del quehacer del Consejo para generar ideas que nos abran al mundo y que proyecten a México en el mundo."> 74 <meta property="og:url" content="https://www.consejomexicano.org/junta-directiva/"> 75 <meta property="og:image" content="https://static.ghost.org/v5.0.0/images/publication-cover.jpg"> 76 <meta property="article:modified_time" content="2025-11-19T22:36:29.000Z"> 77 78 <meta property="article:publisher" content="https://www.facebook.com/COMEXIAC/"> 79 <meta name="twitter:card" content="summary_large_image"> 80 <meta name="twitter:title" content="Junta Directiva"> 81 <meta name="twitter:description" content="La Junta Directiva es el cuerpo colegiado, y electo conforme a un proceso democrático entre los miembros de COMEXI, que establece la visión guÃa del quehacer del Consejo para generar ideas que nos abran al mundo y que proyecten a México en el mundo."> 82 <meta name="twitter:url" content="https://www.consejomexicano.org/junta-directiva/"> 83 <meta name="twitter:image" content="https://static.ghost.org/v5.0.0/images/publication-cover.jpg"> 84 <meta name="twitter:label1" content="Written by"> 85 <meta name="twitter:data1" content="Ricardo Paniagua"> 86 <meta name="twitter:label2" content="Filed under"> 87 <meta name="twitter:data2" content=""> 88 <meta name="twitter:site" content="@COMEXI"> 89 <meta property="og:image:width" content="1200"> 90 <meta property="og:image:height" content="840"> 91 92
92<script type="application/ld+json"> 93{ 94 "@context": "https://schema.org", 95 "@type": "Article", 96 "publisher": { 97 "@type": "Organization", 98 "name": "COMEXI", 99 "url": "https://www.consejomexicano.org/", 100 "logo": { 101 "@type": "ImageObject", 102 "url": "https://storage.ghost.io/c/ac/fc/acfc0832-6b0f-4b30-af16-0a7e41c415b5/content/images/2026/03/25AniversarioCOMEXI-2.jpeg", 103 "width": 60, 104 "height": 60 105 } 106 }, 107 "author": { 108 "@type": "Person", 109 "name": "Ricardo Paniagua", 110 "sameAs": [] 111 }, 112 "headline": "Junta Directiva", 113 "url": "https://www.consejomexicano.org/junta-directiva/", 114 "dateModified": "2025-11-19T22:36:29.000Z", 115 "description": "La Junta Directiva es el cuerpo colegiado, y electo conforme a un proceso democrático entre los miembros de COMEXI, que establece la visión guÃa del quehacer del Consejo para generar ideas que nos abran al mundo y que proyecten a México en el mundo.", 116 "mainEntityOfPage": "https://www.consejomexicano.org/junta-directiva/" 117} 118 </script>
118 119 120 <meta name="generator" content="Ghost 6.65"> 121 <link rel="alternate" type="application/rss+xml" title="COMEXI" href="https://www.consejomexicano.org/rss/"> 122
122<script defer src="https://cdn.jsdelivr.net/ghost/portal@~2.71/umd/portal.min.js" data-i18n="true" data-ghost="https://www.consejomexicano.org/" data-key="4ea5846e2f8731990fe5b6229f" data-api="https://comexi.ghost.io/ghost/api/content/" data-locale="es" crossorigin="anonymous"></script>
122<style id="gh-members-styles">.gh-post-upgrade-cta-content, 123.gh-post-upgrade-cta { 124 display: flex; 125 flex-direction: column; 126 align-items: center; 127 font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 128 text-align: center; 129 width: 100%; 130 color: #ffffff; 131 font-size: 16px; 132} 133 134.gh-post-upgrade-cta-content { 135 border-radius: 8px; 136 padding: 40px 4vw; 137} 138 139.gh-post-upgrade-cta h2 { 140 color: #ffffff; 141 font-size: 28px; 142 letter-spacing: -0.2px; 143 margin: 0; 144 padding: 0; 145} 146 147.gh-post-upgrade-cta p { 148 margin: 20px 0 0; 149 padding: 0; 150} 151 152.gh-post-upgrade-cta small { 153 font-size: 16px; 154 letter-spacing: -0.2px; 155} 156 157.gh-post-upgrade-cta a { 158 color: #ffffff; 159 cursor: pointer; 160 font-weight: 500; 161 box-shadow: none; 162 text-decoration: underline; 163} 164 165.gh-post-upgrade-cta a:hover { 166 color: #ffffff; 167 opacity: 0.8; 168 box-shadow: none; 169 text-decoration: underline; 170} 171 172.gh-post-upgrade-cta a.gh-btn { 173 display: block; 174 background: #ffffff; 175 text-decoration: none; 176 margin: 28px 0 0; 177 padding: 8px 18px; 178 border-radius: 4px; 179 font-size: 16px; 180 font-weight: 600; 181} 182 183.gh-post-upgrade-cta a.gh-btn:hover { 184 opacity: 0.92; 185}</style> 186
186<script defer src="https://cdn.jsdelivr.net/ghost/sodo-search@~1.8/umd/sodo-search.min.js" data-key="4ea5846e2f8731990fe5b6229f" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.8/umd/main.css" data-sodo-search="https://comexi.ghost.io/" data-locale="es" crossorigin="anonymous"></script>
186 187
187<script defer src="https://cdn.jsdelivr.net/ghost/announcement-bar@~1.1/umd/announcement-bar.min.js" data-announcement-bar="https://www.consejomexicano.org/" data-api-url="https://www.consejomexicano.org/members/api/announcement/" crossorigin="anonymous"></script>
187 188 <link href="https://www.consejomexicano.org/webmentions/receive/" rel="webmention"> 189
189<script defer src="/public/cards.min.js?v=ShRHxgy4po8zN-Wf"></script>
189 190 <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=WwnU9jw5ancNC8Gc"> 191
191<script defer src="/public/ghost-stats.min.js?v=vFcCUf6ZQ0Hyhc8h" data-stringify-payload="false" data-datasource="analytics_events" data-storage="localStorage" data-host="https://www.consejomexicano.org/.ghost/analytics/api/v1/page_hit" tb_site_uuid="acfc0832-6b0f-4b30-af16-0a7e41c415b5" tb_post_uuid="d0bb86b0-3986-4966-a3bc-ffb39abe677f" tb_post_type="page" tb_member_uuid="undefined" tb_member_status="undefined" tb_gift_link=""></script>
191<style>:root {--ghost-accent-color: #036396;}</style> 192
192<script src='https://app.glueup.com/compiled/js/eb-widgets.min.js' type='text/javascript'></script>
192 193 <link rel="preconnect" href="https://fonts.bunny.net"><link rel="stylesheet" href="https://fonts.bunny.net/css?family=noto-sans:400,700"><style>:root {--gh-font-heading: Noto Sans;}</style> 194 195 <title>COMEXI</title> 196 197 </head> 198 <body class="overflow-x-hidden page-template page-junta-directiva tag-hash-rodrigo gh-font-heading-noto-sans"> 199 200<header class="site-header"> 201 202<a href="/" class="site-logo" data-logo-link aria-label="COMEXI - Home"> 203 <img src="https://storage.ghost.io/c/ac/fc/acfc0832-6b0f-4b30-af16-0a7e41c415b5/content/images/2026/03/25AniversarioCOMEXI-2.jpeg" alt="COMEXI" loading="eager" class="logo"/> 204 <img src="https://storage.ghost.io/c/ac/fc/acfc0832-6b0f-4b30-af16-0a7e41c415b5/content/images/2025/09/comexi_logo_3x_letrasblancas-1.png" alt="COMEXI" loading="eager" class="logo-dark" /> 205</a>
206<script> 207 (function() { 208 function updateLogoLink() { 209 const logoLink = document.querySelector('.site-logo[data-logo-link]'); 210 if (logoLink) { 211 const currentPath = window.location.pathname; 212 const urlParams = new URLSearchParams(window.location.search.replace(/^\?/, '')); 213 // Respetar ?lang=: si hay ?lang=es mostramos menú español, si ?lang=en mostramos inglés 214 const showEnglishMenu = urlParams.get('lang') === 'es' ? false 215 : (currentPath.startsWith('/en/') || urlParams.get('lang') === 'en'); 216 logoLink.href = showEnglishMenu ? '/en/' : '/'; 217 } 218 } 219 220 updateLogoLink(); 221 if (document.readyState === 'loading') { 222 document.addEventListener('DOMContentLoaded', updateLogoLink); 223 } else { 224 setTimeout(updateLogoLink, 100); 225 } 226 })(); 227</script>
227 228 <nav class="nav" aria-label="Main navigation"> 229 <div class="nav-lang-group nav-lang-group--es" data-lang="es" data-display="flex" aria-hidden="false"> 230 <div class="nav-item has-dropdown" role="button" tabindex="0" aria-label="Nosotros"> 231 <span class="nav-dropdown-trigger">Nosotros</span> 232 <div class="nav-submenu"> 233 <a href="/quienes-somos/" class="nav-item">Quiénes somos</a> 234 <a href="/junta-directiva/" class="nav-item">Junta Directiva</a> 235 <a href="/asociados/" class="nav-item">Asociados</a> 236 <a href="/pj-comexi/" class="nav-item">PJ COMEXI</a> 237 <a href="/nucleos-estudio/" class="nav-item">Núcleos de estudio y UERs</a> 238 <a href="/equipo-comexi/" class="nav-item">Equipo COMEXI</a> 239 <a href="/normativa/" class="nav-item">Normatividad y reportes</a> 240 </div> 241 </div> 242 243 <a href="/membresias/" class="nav-item">MembresÃas</a> 244 245 <div class="nav-item has-dropdown" role="button" tabindex="0" aria-label="Medios"> 246 <span class="nav-dropdown-trigger">Medios</span> 247 <div class="nav-submenu"> 248 <a href="/comexi-medios/" class="nav-item">COMEXI en los medios</a> 249 <a href="/contacta-experto/" class="nav-item">Contacta a un experto</a> 250 <a href="/asociados-medios/" class="nav-item">Asociados en los medios</a> 251 <a href="/sala-prensa/" class="nav-item">Sala de prensa</a> 252 </div> 253 </div> 254 255 <a href="/eventos/" class="nav-item">Eventos</a> 256 257 <div class="nav-item has-dropdown" role="button" tabindex="0" aria-label="Análisis"> 258 <span class="nav-dropdown-trigger">Análisis</span> 259 <div class="nav-submenu"> 260 <a href="/analisis-filtrar?from=reports" class="nav-item">Reportes y estudios</a> 261 <a href="/analisis-filtrar?from=policy-briefs" class="nav-item">Policy briefs y papers</a> 262 <a href="/analisis-filtrar?from=libros" class="nav-item">Libros</a> 263 </div> 264 </div> 265 266 <a href="/comexi-expediente/" class="nav-item" aria-label="Expediente COMEXI">Expediente COMEXI</a> 267 268 <a href="/donativos/" class="nav-item">Donativos</a> 269 </div> 270 271 <div class="nav-lang-group nav-lang-group--en" data-lang="en" data-display="flex" aria-hidden="true"> 272 <div class="nav-item has-dropdown" role="button" tabindex="0" aria-label="About Us"> 273 <span class="nav-dropdown-trigger">About Us</span> 274 <div class="nav-submenu"> 275 <a href="/en/about-us/" class="nav-item">Who We Are</a> 276 <a href="/en/board-of-directors/" class="nav-item">Board of Directors</a> 277 <a href="/en/members/" class="nav-item">Associates</a> 278 <a href="/en/comexi-young-professionals/" class="nav-item">COMEXI Young Professionals</a> 279 <a href="/en/study-hubs/" class="nav-item">Study Hubs and UERs</a> 280 <a href="/en/comexi-team/" class="nav-item">COMEXI Team</a> 281 <a href="/en/regulations/" class="nav-item">Regulations & Reports</a> 282 </div> 283 </div> 284 285 <a href="/en/memberships/" class="nav-item">Memberships</a> 286 287 <div class="nav-item has-dropdown" role="button" tabindex="0" aria-label="Media"> 288 <span class="nav-dropdown-trigger">Media</span> 289 <div class="nav-submenu"> 290 <a href="/en/comexi-media/" class="nav-item">COMEXI in the Media</a> 291 <a href="/en/contact-an-expert/" class="nav-item">Contact an Expert</a> 292 <a href="/en/media-partners/" class="nav-item">Associates in the Media</a> 293 <a href="/en/press-room/" class="nav-item">News Room</a> 294 </div> 295 </div> 296 297 <a href="/en/events/" class="nav-item">Events</a> 298 299 <div class="nav-item has-dropdown" role="button" tabindex="0" aria-label="Analysis">
300 <span class="nav-dropdown-trigger">Analysis</span> 301 <div class="nav-submenu"> 302 <a href="/en/analysis-filter/?from=reports" class="nav-item">Reports & Studies</a> 303 <a href="/en/analysis-filter/?from=policy-briefs" class="nav-item">Policy Briefs & Papers</a> 304 <a href="/en/analysis-filter/?from=libros" class="nav-item">Books</a> 305 </div> 306 </div> 307 308 <a href="/en/comexi-dossier/" class="nav-item" aria-label="COMEXI Dossier">COMEXI Dossier</a> 309 310 <a href="/en/donations/" class="nav-item">Donations</a> 311 </div> 312 313 <div class="nav-wrap-container" data-icon="more" tabindex="0" role="region" aria-label="More"></div> 314 </nav> 315 316 <div class="nav-actions" role="navigation" aria-label="User actions"> 317 <nav class="lang-switcher" aria-label="Selector de idioma"> 318 <a 319 class="lang-switcher__link lang-switcher__link--es" 320 data-lang="es" 321 href="/" 322 style="display: none;" 323 >ES</a> 324 <a 325 class="lang-switcher__link lang-switcher__link--en" 326 data-lang="en" 327 href="/en/" 328 style="display: none;" 329 >EN</a> 330</nav> 331
332<script> 333(function () { 334 const normalize = (path) => { 335 if (!path) { 336 return "/"; 337 } 338 if (path !== "/" && path.endsWith("/")) { 339 return path; 340 } 341 return path === "/" ? "/" : path + "/"; 342 }; 343 344 const { pathname, search: currentSearch = "", hash: currentHash = "" } = window.location; 345 const current = normalize(pathname).toLowerCase(); 346 const urlParams = new URLSearchParams(currentSearch.replace(/^\?/, '')); 347 348 const buildHref = (path) => { 349 const normalizedPath = normalize(path || "/"); 350 return normalizedPath + (currentSearch || "") + (currentHash || ""); 351 }; 352 353 const buildHrefWithLang = (path, lang) => { 354 const normalizedPath = normalize(path || "/"); 355 const params = new URLSearchParams(currentSearch.replace(/^\?/, '')); 356 if (lang === 'en') { 357 params.set('lang', 'en'); 358 } else { 359 params.set('lang', 'es'); // ?lang=es para mostrar menú español en rutas /en/ (posts sin versión ES) 360 } 361 const search = params.toString() ? '?' + params.toString() : ''; 362 return normalizedPath + search + (currentHash || ""); 363 }; 364 365 const buildHrefWithoutLang = (path) => { 366 const normalizedPath = normalize(path || "/"); 367 const params = new URLSearchParams(currentSearch.replace(/^\?/, '')); 368 params.delete('lang'); 369 const search = params.toString() ? '?' + params.toString() : ''; 370 return normalizedPath + search + (currentHash || ""); 371 }; 372 373 const docEl = document.documentElement; 374 const defaultLang = docEl.getAttribute('data-default-lang') || 'es'; 375 // ?lang=es fuerza menú español en rutas /en/. ?lang=en fuerza menú inglés en rutas sin /en/ 376 const isEnglish = urlParams.get('lang') === 'es' ? false 377 : (current === '/en/' || current.startsWith('/en/') || urlParams.get('lang') === 'en'); 378 const activeLang = isEnglish ? 'en' : 'es'; 379 380 docEl.setAttribute('data-current-lang', activeLang); 381 docEl.setAttribute('lang', isEnglish ? 'en' : defaultLang); 382 383 const navElement = document.querySelector('.nav'); 384 if (navElement) { 385 navElement.setAttribute('data-current-lang', activeLang); 386 } 387 388 // Función para detectar si estamos en móvil 389 const isMobile = () => window.innerWidth <= 768; 390 391 // Función para aplicar estilos según el tamaño de pantalla 392 const applyResponsiveStyles = () => { 393 const mobile = isMobile(); 394 395 document.querySelectorAll('.nav-lang-group--es[data-lang], .nav-lang-group--en[data-lang]').forEach(group => { 396 // Solo aplicar display si es necesario (para mostrar/ocultar según idioma) 397 const shouldBeVisible = 398 (group.classList.contains('nav-lang-group--es') && !isEnglish) || 399 (group.classList.contains('nav-lang-group--en') && isEnglish); 400 401 if (!shouldBeVisible) { 402 group.style.display = 'none'; 403 // Limpiar estilos inline cuando está oculto 404 group.style.flexDirection = ''; 405 group.style.width = ''; 406 } else { 407 const defaultDisplay = group.dataset.display || 'flex'; 408 group.style.display = defaultDisplay; 409 410 // En móvil, aplicar flex-direction: column 411 // En desktop, eliminar estilos inline para que use CSS 412 if (mobile) { 413 group.style.flexDirection = 'column'; 414 group.style.width = '100%'; 415 } else { 416 // En desktop, dejar que el CSS maneje los estilos 417 group.style.flexDirection = ''; 418 group.style.width = ''; 419 } 420 } 421 }); 422 }; 423 424 // Aplicar estilos inicialmente 425 applyResponsiveStyles(); 426 427 // Actualizar estilos cuando se redimensiona la ventana 428 window.addEventListener('resize', applyResponsiveStyles); 429 430 const PATH_MAP = { 431 "/": { en: "/en/" }, 432 "/quienes-somos/": { en: "/en/about-us/" }, 433 "/junta-directiva/": { en: "/en/board-of-directors/" }, 434 "/asociados/": { en: "/en/members/" }, 435 "/pj-comexi/": { en: "/en/comexi-young-professionals/" }, 436 "/equipo-comexi/": { en: "/en/comexi-team/" }, 437 "/nucleos-estudio/": { en: "/en/study-hubs/" }, 438 "/normativa/": { en: "/en/regulations/" }, 439 "/membresias/": { en: "/en/memberships/" }, 440 "/comexi-medios/": { en: "/en/comexi-media/" }, 441 "/contacta-experto/": { en: "/en/contact-an-expert/" }, 442 "/asociados-medios/": { en: "/en/media-partners/" }, 443 "/sala-prensa/": { en: "/en/press-room/" }, 444 "/eventos/": { en: "/en/events/" }, 445 "/analisis-filtrar/": { en: "/en/analysis-filter/" }, 446 "/comexi-expediente/": { en: "/en/comexi-dossier/" }, 447 "/donativos/": { en: "/en/donations/" }, 448 "/blog/": { en: "/en/blog/" }, 449 "/asuntos-globales/": { en: "/en/global-affairs/" }, 450 "/relaciones-exteriores/": { en: "/en/foreign-relations/" }, 451 "/sistemas-internacionales/": { en: "/en/international-systems/" }, 452 "/politica-de-privacidad/": { en: "/en/privacy-policy/" }, 453 "/terminos-condiciones/": { en: "/en/terms-and-conditions/" }, 454 455 "/en/": { es: "/" }, 456 "/en/about-us/": { es: "/quienes-somos/" }, 457 "/en/board-of-directors/": { es: "/junta-directiva/" }, 458 "/en/members/": { es: "/asociados/" }, 459 "/en/comexi-young-professionals/": { es: "/pj-comexi/" }, 460 "/en/comexi-team/": { es: "/equipo-comexi/" }, 461 "/en/study-hubs/": { es: "/nucleos-estudio/" }, 462 "/en/regulations/": { es: "/normativa/" }, 463 "/en/memberships/": { es: "/membresias/" }, 464 "/en/comexi-media/": { es: "/comexi-medios/" }, 465 "/en/contact-an-expert/": { es: "/contacta-experto/" }, 466 "/en/media-partners/": { es: "/asociados-medios/" }, 467 "/en/press-room/": { es: "/sala-prensa/" }, 468 "/en/events/": { es: "/eventos/" }, 469 "/en/analysis-filter/": { es: "/analisis-filtrar/" }, 470 "/en/comexi-dossier/": { es: "/comexi-expediente/" }, 471 "/en/donations/": { es: "/donativos/" }, 472 "/en/blog/": { es: "/blog/" }, 473 "/en/global-affairs/": { es: "/asuntos-globales/" }, 474 "/en/foreign-relations/": { es: "/relaciones-exteriores/" }, 475 "/en/international-systems/": { es: "/sistemas-internacionales/" }, 476 "/en/privacy-policy/": { es: "/politica-de-privacidad/" }, 477 "/en/terms-and-conditions/": { es: "/terminos-condiciones/" } 478 }; 479 480 const esLink = document.querySelector(".lang-switcher__link[data-lang=\"es\"]"); 481 const enLink = document.querySelector(".lang-switcher__link[data-lang=\"en\"]"); 482 483 const lookup = PATH_MAP[current] || {}; 484 485 // Para rutas no mapeadas (ej: perfiles que solo existen en español), 486 // mantener al usuario en la misma página en lugar de /en/{slug}/ (404). 487 const fallbackEs = current.startsWith("/en/") 488 ? normalize(current.replace(/^\/en/, "") || "/") 489 : normalize(current); 490 491 const fallbackEn = current.startsWith("/en/") 492 ? normalize(current) 493 : (PATH_MAP[current] ? normalize(`/en${current === "/" ? "/" : current}`) : normalize(current)); 494 495 if (esLink) { 496 if (isEnglish) { 497 // Estamos en inglés, mostrar ES para cambiar a español 498 const esTarget = lookup.es || fallbackEs; 499 if (PATH_MAP[current]) { 500 esLink.href = buildHref(esTarget); 501 } else if (current.startsWith('/en/')) { 502 // Post/página en /en/ sin versión ES: quedarse y añadir ?lang=es para menú español 503 esLink.href = buildHrefWithLang(current, 'es'); 504 } else { 505 // Página con ?lang=en: quitar param para volver a menú español 506 esLink.href = buildHrefWithoutLang(current); 507 } 508 esLink.style.display = 'inline-flex'; 509 } else { 510 // Estamos en español, no mostrar ES (mostrar EN) 511 esLink.style.display = 'none'; 512 } 513 } 514 515 if (enLink) { 516 if (isEnglish) { 517 // Estamos en inglés, no mostrar EN (mostrar ES) 518 enLink.style.display = 'none'; 519 } else { 520 // Estamos en español, mostrar EN para cambiar a inglés 521 // Si es fallback (misma página sin versión EN), usar ?lang=en para cambiar el menú 522 const enTarget = lookup.en || fallbackEn; 523 enLink.href = PATH_MAP[current] ? buildHref(enTarget) : buildHrefWithLang(current, 'en'); 524 enLink.style.display = 'inline-flex'; 525 } 526 } 527})(); 528</script>
528 529 530 531 <div role="button" tabindex="0" class="nav-item" data-icon="search" data-ghost-search aria-label="Buscar"></div> 532 533 534 <div role="button" tabindex="0" class="nav-toggle" data-icon="menu" aria-label="Menú" aria-expanded="false" aria-controls="mobile-menu"></div> 535 </div> 536</header> 537 <div class="container"> 538 539 540<main class="site-main"> 541 <article class="article"> 542 <header class="article-header mt-8"> 543 <div class="container mx-auto px-6"> 544 <h1 class="article-title text-4xl font-bold mb-4">Junta Directiva</h1> 545 </div> 546 </header> 547 548 <div class="article-content"> 549 <div class="container mx-auto px-6"> 550 <div class="article-description text-lg text-gray-600 dark:text-gray-400 mb-8 prose prose-lg max-w-none"> 551 La Junta Directiva es el cuerpo colegiado, y electo conforme a un proceso democrático entre los miembros de COMEXI, que establece la visión guÃa del quehacer del Consejo para generar ideas que nos abran al mundo y que proyecten a México en el mundo. 552 </div> 553 554 <!-- Grid de Miembros de la Junta Directiva --> 555 <div class="junta-grid grid grid-cols-1 md:grid-cols-2 gap-6 max-w-6xl mx-auto"> 556 <div class="member-card p-4 bg-white hover:bg-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors duration-200"> 557 <div class="flex items-center gap-3"> 558 <div class="flex-shrink-0"> 559 <img src="https://storage.ghost.io/c/ac/fc/acfc0832-6b0f-4b30-af16-0a7e41c415b5/content/images/size/w600/2026/01/IMG_0121.png" 560 alt="Dr. Héctor Cárdenas Suárez" 561 class="w-24 h-24 rounded-full object-cover"> 562 </div> 563 <div class="flex-1"> 564 <a href="/hector-cardenas-suarez/" class="block hover:opacity-80 transition-opacity"> 565 <h2 class="text-2xl font-bold mb-1" style="color: #000000 !important;"> 566 Dr. Héctor Cárdenas Suárez 567 </h2> 568 </a> 569 <p class="text-xs text-gray-600 dark:text-gray-400 mb-1"> 570 Presidente 571 </p> 572 <a href="/hector-cardenas-suarez/" class="text-xs font-medium hover:underline" style="color: var(--accent-color) !important;"> 573 Presidente de COMEXI 574 </a> 575 </div> 576 </div> 577 </div> 578 <div class="member-card p-4 bg-white hover:bg-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors duration-200"> 579 <div class="flex items-center gap-3"> 580 <div class="flex-shrink-0"> 581 <img src="https://storage.ghost.io/c/ac/fc/acfc0832-6b0f-4b30-af16-0a7e41c415b5/content/images/size/w600/2025/10/Andres_Rozental.png" 582 alt="Andrés Rozental Gutman" 583 class="w-24 h-24 rounded-full object-cover"> 584 </div> 585 <div class="flex-1"> 586 <a href="/andres-rozental-gutman/" class="block hover:opacity-80 transition-opacity"> 587 <h2 class="text-2xl font-bold mb-1" style="color: #000000 !important;"> 588 Andrés Rozental Gutman 589 </h2> 590 </a> 591 <p class="text-xs text-gray-600 dark:text-gray-400 mb-1"> 592 Ex Presidente Fundador 593 </p> 594 <a href="/andres-rozental-gutman/" class="text-xs font-medium hover:underline" style="color: var(--accent-color) !important;"> 595 Ex Presidente Fundador de COMEXI 596 </a> 597 </div> 598 </div> 599 </div> 600 <div class="member-card p-4 bg-white hover:bg-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors duration-200"> 601 <div class="flex items-center gap-3"> 602 <div class="flex-shrink-0"> 603 <img src="https://storage.ghost.io/c/ac/fc/acfc0832-6b0f-4b30-af16-0a7e41c415b5/content/images/size/w600/2025/10/Sergio_Alcocer.png" 604 alt="Sergio Manuel Alcocer" 605 class="w-24 h-24 rounded-full object-cover"> 606 </div> 607 <div class="flex-1"> 608 <a href="/sergio-manuel-alcocer/" class="block hover:opacity-80 transition-opacity"> 609 <h2 class="text-2xl font-bold mb-1" style="color: #000000 !important;"> 610 Sergio Manuel Alcocer 611 </h2> 612 </a> 613 <p class="text-xs text-gray-600 dark:text-gray-400 mb-1"> 614 Ex presidente 615 </p> 616 <a href="/sergio-manuel-alcocer/" class="text-xs font-medium hover:underline" style="color: var(--accent-color) !important;"> 617 Ex presidente de COMEXI 618 </a> 619 </div> 620 </div> 621 </div> 622 <div class="member-card p-4 bg-white hover:bg-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors duration-200"> 623 <div class="flex items-center gap-3"> 624 <div class="flex-shrink-0"> 625 <img src="https://storage.ghost.io/c/ac/fc/acfc0832-6b0f-4b30-af16-0a7e41c415b5/content/images/size/w600/2025/10/Luis_Rubio.png" 626 alt="Luis Rubio Freidberg" 627 class="w-24 h-24 rounded-full object-cover"> 628 </div> 629 <div class="flex-1"> 630 <a href="/luis-rubio-freidberg/" class="block hover:opacity-80 transition-opacity"> 631 <h2 class="text-2xl font-bold mb-1" style="color: #000000 !important;"> 632 Luis Rubio Freidberg 633 </h2> 634 </a> 635 <p class="text-xs text-gray-600 dark:text-gray-400 mb-1"> 636 Ex Presidente 637 </p> 638 <a href="/luis-rubio-freidberg/" class="text-xs font-medium hover:underline" style="color: var(--accent-color) !important;"> 639 Ex Presidente de COMEXI 640 </a> 641 </div> 642 </div> 643 </div> 644 <div class="member-card p-4 bg-white hover:bg-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors duration-200"> 645 <div class="flex items-center gap-3"> 646 <div class="flex-shrink-0"> 647 <img src="https://storage.ghost.io/c/ac/fc/acfc0832-6b0f-4b30-af16-0a7e41c415b5/content/images/size/w600/2025/10/unnamed-1.png" 648 alt="Marta MejÃa Montes" 649 class="w-24 h-24 rounded-full object-cover"> 650 </div> 651 <div class="flex-1"> 652 <a href="/marta-mejia-montes/" class="block hover:opacity-80 transition-opacity"> 653 <h2 class="text-2xl font-bold mb-1" style="color: #000000 !important;"> 654 Marta MejÃa Montes 655 </h2> 656 </a> 657 <p class="text-xs text-gray-600 dark:text-gray-400 mb-1"> 658 Vicepresidenta 659 </p> 660 <a href="/marta-mejia-montes/" class="text-xs font-medium hover:underline" style="color: var(--accent-color) !important;"> 661 Vicepresidenta de COMEXI 662 </a> 663 </div> 664 </div> 665 </div> 666 <div class="member-card p-4 bg-white hover:bg-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors duration-200"> 667 <div class="flex items-center gap-3"> 668 <div class="flex-shrink-0"> 669 <img src="https://storage.ghost.io/c/ac/fc/acfc0832-6b0f-4b30-af16-0a7e41c415b5/content/images/size/w600/2025/10/Jorge_Schiavon.png" 670 alt="Jorge Schiavon" 671 class="w-24 h-24 rounded-full object-cover"> 672 </div> 673 <div class="flex-1"> 674 <a href="/jorge-schiavon/" class="block hover:opacity-80 transition-opacity"> 675 <h2 class="text-2xl font-bold mb-1" style="color: #000000 !important;"> 676 Jorge Schiavon 677 </h2> 678 </a> 679 <p class="text-xs text-gray-600 dark:text-gray-400 mb-1"> 680 Vicepresidente 681 </p> 682 <a href="/jorge-schiavon/" class="text-xs font-medium hover:underline" style="color: var(--accent-color) !important;"> 683 Vicepresidente de COMEXI 684 </a> 685 </div> 686 </div> 687 </div> 688 <div class="member-card p-4 bg-white hover:bg-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors duration-200"> 689 <div class="flex items-center gap-3"> 690 <div class="flex-shrink-0"> 691 <img src="https://storage.ghost.io/c/ac/fc/acfc0832-6b0f-4b30-af16-0a7e41c415b5/content/images/size/w600/2025/10/Alejandro_Valenzuela.png" 692 alt="Alejandro Valenzuela" 693 class="w-24 h-24 rounded-full object-cover"> 694 </div> 695 <div class="flex-1"> 696 <a href="/alejandro-valenzuela/" class="block hover:opacity-80 transition-opacity"> 697 <h2 class="text-2xl font-bold mb-1" style="color: #000000 !important;"> 698 Alejandro Valenzuela 699 </h2> 700 </a> 701 <p class="text-xs text-gray-600 dark:text-gray-400 mb-1"> 702 Vicepresidente 703 </p> 704 <a href="/alejandro-valenzuela/" class="text-xs font-medium hover:underline" style="color: var(--accent-color) !important;"> 705 Vicepresidente de COMEXI 706 </a> 707 </div> 708 </div> 709 </div> 710 <div class="member-card p-4 bg-white hover:bg-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors duration-200"> 711 <div class="flex items-center gap-3"> 712 <div class="flex-shrink-0"> 713 <img src="https://storage.ghost.io/c/ac/fc/acfc0832-6b0f-4b30-af16-0a7e41c415b5/content/images/size/w600/2025/10/Alberto_de_la_Fuente_Pi--eirua.png" 714 alt="Alberto de la Fuente Piñeirua" 715 class="w-24 h-24 rounded-full object-cover"> 716 </div> 717 <div class="flex-1"> 718 <a href="/alberto-de-la-fuente-pineirua/" class="block hover:opacity-80 transition-opacity"> 719 <h2 class="text-2xl font-bold mb-1" style="color: #000000 !important;"> 720 Alberto de la Fuente Piñeirua 721 </h2> 722 </a> 723 <p class="text-xs text-gray-600 dark:text-gray-400 mb-1"> 724 Consejero 725 </p> 726 <a href="/alberto-de-la-fuente-pineirua/" class="text-xs font-medium hover:underline" style="color: var(--accent-color) !important;"> 727 Consejero de COMEXI 728 </a> 729 </div> 730 </div> 731 </div> 732 <div class="member-card p-4 bg-white hover:bg-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors duration-200"> 733 <div class="flex items-center gap-3"> 734 <div class="flex-shrink-0"> 735 <img src="https://storage.ghost.io/c/ac/fc/acfc0832-6b0f-4b30-af16-0a7e41c415b5/content/images/size/w600/2026/01/IMG_0081.png" 736 alt="Ana Covarrubias Velasco" 737 class="w-24 h-24 rounded-full object-cover"> 738 </div> 739 <div class="flex-1"> 740 <a href="/ana-covarrubias-velasco/" class="block hover:opacity-80 transition-opacity"> 741 <h2 class="text-2xl font-bold mb-1" style="color: #000000 !important;">
741 742 Ana Covarrubias Velasco 743 </h2> 744 </a> 745 <p class="text-xs text-gray-600 dark:text-gray-400 mb-1"> 746 Consejera 747 </p> 748 <a href="/ana-covarrubias-velasco/" class="text-xs font-medium hover:underline" style="color: var(--accent-color) !important;"> 749 Consejera de COMEXI 750 </a> 751 </div> 752 </div> 753 </div> 754 <div class="member-card p-4 bg-white hover:bg-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors duration-200"> 755 <div class="flex items-center gap-3"> 756 <div class="flex-shrink-0"> 757 <img src="https://storage.ghost.io/c/ac/fc/acfc0832-6b0f-4b30-af16-0a7e41c415b5/content/images/size/w600/2026/01/IMG_0085.png" 758 alt="José Ignacio Piña Rojas" 759 class="w-24 h-24 rounded-full object-cover"> 760 </div> 761 <div class="flex-1"> 762 <a href="/jose-ignacio-pina/" class="block hover:opacity-80 transition-opacity"> 763 <h2 class="text-2xl font-bold mb-1" style="color: #000000 !important;"> 764 José Ignacio Piña Rojas 765 </h2> 766 </a> 767 <p class="text-xs text-gray-600 dark:text-gray-400 mb-1"> 768 Consejero 769 </p> 770 <a href="/jose-ignacio-pina/" class="text-xs font-medium hover:underline" style="color: var(--accent-color) !important;"> 771 Consejero de COMEXI 772 </a> 773 </div> 774 </div> 775 </div> 776 <div class="member-card p-4 bg-white hover:bg-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors duration-200"> 777 <div class="flex items-center gap-3"> 778 <div class="flex-shrink-0"> 779 <img src="https://storage.ghost.io/c/ac/fc/acfc0832-6b0f-4b30-af16-0a7e41c415b5/content/images/size/w600/2025/10/Juan_S._Mijares_Ortega.png" 780 alt="Juan S. Mijares Ortega" 781 class="w-24 h-24 rounded-full object-cover"> 782 </div> 783 <div class="flex-1"> 784 <a href="/juan-s-mijares-ortega/" class="block hover:opacity-80 transition-opacity"> 785 <h2 class="text-2xl font-bold mb-1" style="color: #000000 !important;"> 786 Juan S. Mijares Ortega 787 </h2> 788 </a> 789 <p class="text-xs text-gray-600 dark:text-gray-400 mb-1"> 790 Consejero 791 </p> 792 <a href="/juan-s-mijares-ortega/" class="text-xs font-medium hover:underline" style="color: var(--accent-color) !important;"> 793 Consejero de COMEXI 794 </a> 795 </div> 796 </div> 797 </div> 798 <div class="member-card p-4 bg-white hover:bg-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors duration-200"> 799 <div class="flex items-center gap-3"> 800 <div class="flex-shrink-0"> 801 <img src="https://storage.ghost.io/c/ac/fc/acfc0832-6b0f-4b30-af16-0a7e41c415b5/content/images/size/w600/2025/10/PHOTO-2024-01-22-13-28-08.jpg" 802 alt="Liliana MejÃa" 803 class="w-24 h-24 rounded-full object-cover"> 804 </div> 805 <div class="flex-1"> 806 <a href="/liliana-mejia/" class="block hover:opacity-80 transition-opacity"> 807 <h2 class="text-2xl font-bold mb-1" style="color: #000000 !important;"> 808 Liliana MejÃa 809 </h2> 810 </a> 811 <p class="text-xs text-gray-600 dark:text-gray-400 mb-1"> 812 Consejera 813 </p> 814 <a href="/liliana-mejia/" class="text-xs font-medium hover:underline" style="color: var(--accent-color) !important;"> 815 Consejera de COMEXI 816 </a> 817 </div> 818 </div> 819 </div> 820 <div class="member-card p-4 bg-white hover:bg-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors duration-200"> 821 <div class="flex items-center gap-3"> 822 <div class="flex-shrink-0"> 823 <img src="https://storage.ghost.io/c/ac/fc/acfc0832-6b0f-4b30-af16-0a7e41c415b5/content/images/size/w600/2026/01/Alberto-1.png" 824 alt="MarÃa Isabel Quiroga Fernández" 825 class="w-24 h-24 rounded-full object-cover"> 826 </div> 827 <div class="flex-1"> 828 <a href="/maria-isabel-quiroga/" class="block hover:opacity-80 transition-opacity"> 829 <h2 class="text-2xl font-bold mb-1" style="color: #000000 !important;"> 830 MarÃa Isabel Quiroga Fernández 831 </h2> 832 </a> 833 <p class="text-xs text-gray-600 dark:text-gray-400 mb-1"> 834 Consejera 835 </p> 836 <a href="/maria-isabel-quiroga/" class="text-xs font-medium hover:underline" style="color: var(--accent-color) !important;"> 837 Consejera de COMEXI 838 </a> 839 </div> 840 </div> 841 </div> 842 <div class="member-card p-4 bg-white hover:bg-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors duration-200"> 843 <div class="flex items-center gap-3"> 844 <div class="flex-shrink-0"> 845 <img src="https://storage.ghost.io/c/ac/fc/acfc0832-6b0f-4b30-af16-0a7e41c415b5/content/images/size/w600/2025/10/Maria_Jose_Trevino.png" 846 alt="MarÃa José Treviño" 847 class="w-24 h-24 rounded-full object-cover"> 848 </div> 849 <div class="flex-1"> 850 <a href="/maria-jose-trevino/" class="block hover:opacity-80 transition-opacity"> 851 <h2 class="text-2xl font-bold mb-1" style="color: #000000 !important;"> 852 MarÃa José Treviño 853 </h2> 854 </a> 855 <p class="text-xs text-gray-600 dark:text-gray-400 mb-1"> 856 Consejera 857 </p> 858 <a href="/maria-jose-trevino/" class="text-xs font-medium hover:underline" style="color: var(--accent-color) !important;"> 859 Consejera de COMEXI 860 </a> 861 </div> 862 </div> 863 </div> 864 <div class="member-card p-4 bg-white hover:bg-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors duration-200"> 865 <div class="flex items-center gap-3"> 866 <div class="flex-shrink-0"> 867 <img src="https://storage.ghost.io/c/ac/fc/acfc0832-6b0f-4b30-af16-0a7e41c415b5/content/images/size/w600/2025/10/Mariana_cordera.png" 868 alt="Mariana Cordera Rascón" 869 class="w-24 h-24 rounded-full object-cover"> 870 </div> 871 <div class="flex-1"> 872 <a href="/mariana-cordera-rascon/" class="block hover:opacity-80 transition-opacity"> 873 <h2 class="text-2xl font-bold mb-1" style="color: #000000 !important;"> 874 Mariana Cordera Rascón 875 </h2> 876 </a> 877 <p class="text-xs text-gray-600 dark:text-gray-400 mb-1"> 878 Consejera 879 </p> 880 <a href="/mariana-cordera-rascon/" class="text-xs font-medium hover:underline" style="color: var(--accent-color) !important;"> 881 Consejera de COMEXI 882 </a> 883 </div> 884 </div> 885 </div> 886 <div class="member-card p-4 bg-white hover:bg-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors duration-200"> 887 <div class="flex items-center gap-3"> 888 <div class="flex-shrink-0"> 889 <img src="https://storage.ghost.io/c/ac/fc/acfc0832-6b0f-4b30-af16-0a7e41c415b5/content/images/size/w600/2025/10/Ruben_Beltran.png" 890 alt="Rubén Beltrán" 891 class="w-24 h-24 rounded-full object-cover"> 892 </div> 893 <div class="flex-1"> 894 <a href="/ruben-beltran/" class="block hover:opacity-80 transition-opacity"> 895 <h2 class="text-2xl font-bold mb-1" style="color: #000000 !important;"> 896 Rubén Beltrán 897 </h2> 898 </a> 899 <p class="text-xs text-gray-600 dark:text-gray-400 mb-1"> 900 Consejero 901 </p> 902 <a href="/ruben-beltran/" class="text-xs font-medium hover:underline" style="color: var(--accent-color) !important;"> 903 Consejero de COMEXI 904 </a> 905 </div> 906 </div> 907 </div> 908 <div class="member-card p-4 bg-white hover:bg-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors duration-200"> 909 <div class="flex items-center gap-3"> 910 <div class="flex-shrink-0"> 911 <img src="https://storage.ghost.io/c/ac/fc/acfc0832-6b0f-4b30-af16-0a7e41c415b5/content/images/size/w600/2025/10/Stephanie_henaro.png" 912 alt="Stephanie Henaro Canales" 913 class="w-24 h-24 rounded-full object-cover"> 914 </div> 915 <div class="flex-1"> 916 <a href="/stephanie-henaro-canales/" class="block hover:opacity-80 transition-opacity"> 917 <h2 class="text-2xl font-bold mb-1" style="color: #000000 !important;"> 918 Stephanie Henaro Canales 919 </h2> 920 </a> 921 <p class="text-xs text-gray-600 dark:text-gray-400 mb-1"> 922 Consejera 923 </p> 924 <a href="/stephanie-henaro-canales/" class="text-xs font-medium hover:underline" style="color: var(--accent-color) !important;"> 925 Consejera de COMEXI 926 </a> 927 </div> 928 </div> 929 </div> 930 <div class="member-card p-4 bg-white hover:bg-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors duration-200"> 931 <div class="flex items-center gap-3"> 932 <div class="flex-shrink-0"> 933 <img src="https://storage.ghost.io/c/ac/fc/acfc0832-6b0f-4b30-af16-0a7e41c415b5/content/images/size/w600/2025/10/Yanerit_Morgan.png" 934 alt="Yanerit Morgan" 935 class="w-24 h-24 rounded-full object-cover"> 936 </div> 937 <div class="flex-1"> 938 <a href="/yanerit-morgan/" class="block hover:opacity-80 transition-opacity"> 939 <h2 class="text-2xl font-bold mb-1" style="color: #000000 !important;"> 940 Yanerit Morgan 941 </h2> 942 </a> 943 <p class="text-xs text-gray-600 dark:text-gray-400 mb-1"> 944 Consejera 945 </p> 946 <a href="/yanerit-morgan/" class="text-xs font-medium hover:underline" style="color: var(--accent-color) !important;"> 947 Consejera de COMEXI 948 </a> 949
949 </div> 950 </div> 951 </div> 952 <div class="member-card p-4 bg-white hover:bg-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors duration-200"> 953 <div class="flex items-center gap-3"> 954 <div class="flex-shrink-0"> 955 <img src="https://storage.ghost.io/c/ac/fc/acfc0832-6b0f-4b30-af16-0a7e41c415b5/content/images/size/w600/2026/01/IMG_0090.png" 956 alt="Andrea Navarro de la Rosa" 957 class="w-24 h-24 rounded-full object-cover"> 958 </div> 959 <div class="flex-1"> 960 <a href="/andrea-navarro-de-la-rosa/" class="block hover:opacity-80 transition-opacity"> 961 <h2 class="text-2xl font-bold mb-1" style="color: #000000 !important;"> 962 Andrea Navarro de la Rosa 963 </h2> 964 </a> 965 <p class="text-xs text-gray-600 dark:text-gray-400 mb-1"> 966 Secretaria PROGRAMA JÃVENES COMEXI 967 </p> 968 <a href="/andrea-navarro-de-la-rosa/" class="text-xs font-medium hover:underline" style="color: var(--accent-color) !important;"> 969 Secretaria PROGRAMA JÃVENES COMEXI de COMEXI 970 </a> 971 </div> 972 </div> 973 </div> 974 <div class="member-card p-4 bg-white hover:bg-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors duration-200"> 975 <div class="flex items-center gap-3"> 976 <div class="flex-shrink-0"> 977 <img src="https://storage.ghost.io/c/ac/fc/acfc0832-6b0f-4b30-af16-0a7e41c415b5/content/images/size/w600/2026/01/IMG_0075.png" 978 alt="Juan S. Mijares Ortega" 979 class="w-24 h-24 rounded-full object-cover"> 980 </div> 981 <div class="flex-1"> 982 <a href="/juan-s-mijares-ortega-2/" class="block hover:opacity-80 transition-opacity"> 983 <h2 class="text-2xl font-bold mb-1" style="color: #000000 !important;"> 984 Juan S. Mijares Ortega 985 </h2> 986 </a> 987 <p class="text-xs text-gray-600 dark:text-gray-400 mb-1"> 988 Secretario 989 </p> 990 <a href="/juan-s-mijares-ortega-2/" class="text-xs font-medium hover:underline" style="color: var(--accent-color) !important;"> 991 Secretario de COMEXI 992 </a> 993 </div> 994 </div> 995 </div> 996 <div class="member-card p-4 bg-white hover:bg-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors duration-200"> 997 <div class="flex items-center gap-3"> 998 <div class="flex-shrink-0"> 999 <img src="https://storage.ghost.io/c/ac/fc/acfc0832-6b0f-4b30-af16-0a7e41c415b5/content/images/size/w600/2025/10/Carlos_Moya.png" 1000 alt="Carlos Moya" 1001 class="w-24 h-24 rounded-full object-cover"> 1002 </div> 1003 <div class="flex-1"> 1004 <a href="/carlos-moya/" class="block hover:opacity-80 transition-opacity"> 1005 <h2 class="text-2xl font-bold mb-1" style="color: #000000 !important;"> 1006 Carlos Moya 1007 </h2> 1008 </a> 1009 <p class="text-xs text-gray-600 dark:text-gray-400 mb-1"> 1010 Comisario 1011 </p> 1012 <a href="/carlos-moya/" class="text-xs font-medium hover:underline" style="color: var(--accent-color) !important;"> 1013 Comisario de COMEXI 1014 </a> 1015 </div> 1016 </div> 1017 </div> 1018 <div class="member-card p-4 bg-white hover:bg-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors duration-200"> 1019 <div class="flex items-center gap-3"> 1020 <div class="flex-shrink-0"> 1021 <img src="https://storage.ghost.io/c/ac/fc/acfc0832-6b0f-4b30-af16-0a7e41c415b5/content/images/size/w600/2025/10/Timothy_Heyman.png" 1022 alt="Timothy Heyman" 1023 class="w-24 h-24 rounded-full object-cover"> 1024 </div> 1025 <div class="flex-1"> 1026 <a href="/timothy-heyman/" class="block hover:opacity-80 transition-opacity"> 1027 <h2 class="text-2xl font-bold mb-1" style="color: #000000 !important;"> 1028 Timothy Heyman 1029 </h2> 1030 </a> 1031 <p class="text-xs text-gray-600 dark:text-gray-400 mb-1">
1032 Asesor Financiero 1033 </p> 1034 <a href="/timothy-heyman/" class="text-xs font-medium hover:underline" style="color: var(--accent-color) !important;"> 1035 Asesor Financiero de COMEXI 1036 </a> 1037 </div> 1038 </div> 1039 </div> 1040 </div> 1041 </div> 1042 </div> 1043 </article> 1044</main> 1045 1046<!-- Espacio adicional antes del footer --> 1047<div class="mb-16"></div> 1048 1049<style> 1050/* Asegurar que el contenido completo se muestre - igual que en page-comexi-expediente.hbs */ 1051.article-description { 1052 overflow: visible !important; 1053 max-height: none !important; 1054 height: auto !important; 1055 text-overflow: clip !important; 1056 white-space: normal !important; 1057} 1058 1059/* Asegurar que los párrafos se muestren completos sin truncar */ 1060.article-description p { 1061 overflow: visible !important; 1062 max-height: none !important; 1063 height: auto !important; 1064 -webkit-line-clamp: unset !important; 1065 line-clamp: unset !important; 1066 text-overflow: clip !important; 1067 white-space: normal !important; 1068 display: block !important; 1069} 1070 1071/* Asegurar que los enlaces se vean bien */ 1072.article-description a { 1073 display: inline !important; 1074 text-decoration: underline !important; 1075} 1076 1077/* Sobrescribir estilos de prose que puedan truncar */ 1078.article-description.prose p { 1079 overflow: visible !important; 1080 max-height: none !important; 1081 -webkit-line-clamp: unset !important; 1082 line-clamp: unset !important; 1083 text-overflow: clip !important; 1084 display: block !important; 1085} 1086 1087/* Estilos especÃficos para la página de Junta Directiva */ 1088/* Estilos especÃficos para la página de Junta Directiva */ 1089.junta-grid { 1090 max-width: 1200px; 1091 margin: 0 auto; 1092} 1093 1094.member-card { 1095 background-color: white !important; 1096 color: black !important; 1097} 1098 1099.member-card h2 { 1100 color: #000000 !important; 1101} 1102 1103.member-card .text-2xl { 1104 color: #000000 !important; 1105} 1106 1107.member-card img { 1108 width: 96px !important; 1109 height: 96px !important; 1110} 1111 1112.member-card .w-24 { 1113 width: 96px !important; 1114 height: 96px !important; 1115} 1116 1117.dark .member-card { 1118 background-color: #1f2937 !important; 1119 color: white !important; 1120} 1121 1122.dark .member-card h2 { 1123 color: #ffffff !important; 1124} 1125 1126.dark .member-card .text-2xl { 1127 color: #ffffff !important; 1128} 1129 1130/* Responsive para móviles */ 1131@media (max-width: 768px) { 1132 .junta-grid { 1133 grid-template-columns: 1fr; 1134 } 1135 1136 .member-card { 1137 padding: 1rem; 1138 } 1139} 1140 1141/* Estilos para las imágenes circulares */ 1142.member-card img { 1143 transition: opacity 0.2s ease; 1144} 1145 1146.member-card:hover img { 1147 opacity: 0.9; 1148} 1149 1150/* Responsive adjustments */ 1151@media (max-width: 1024px) { 1152 .junta-grid { 1153 grid-template-columns: 1fr; 1154 } 1155} 1156 1157@media (max-width: 768px) { 1158 .member-card { 1159 padding: 1rem; 1160 } 1161 1162 .member-card .flex { 1163 flex-direction: column; 1164 gap: 1rem; 1165 text-align: center; 1166 } 1167} 1168 1169/* Animaciones sutiles */ 1170@keyframes fadeIn { 1171 from { 1172 opacity: 0; 1173 } 1174 to { 1175 opacity: 1; 1176 } 1177} 1178 1179.member-card { 1180 animation: fadeIn 0.4s ease-out; 1181 animation-fill-mode: both; 1182} 1183 1184/* Animaciones dinámicas para cada miembro */ 1185.member-card:nth-child(1) { animation-delay: 0.05s; } 1186.member-card:nth-child(2) { animation-delay: 0.1s; } 1187.member-card:nth-child(3) { animation-delay: 0.15s; } 1188.member-card:nth-child(4) { animation-delay: 0.2s; } 1189.member-card:nth-child(5) { animation-delay: 0.25s; } 1190.member-card:nth-child(6) { animation-delay: 0.3s; } 1191 1192/* Mejoras de accesibilidad */ 1193.member-card:focus { 1194 outline: 2px solid #2563eb; 1195 outline-offset: 2px; 1196 border-radius: 4px; 1197} 1198 1199/* Estilos para el modo oscuro */ 1200.dark .member-card:hover { 1201 background-color: rgba(96, 165, 250, 0.1); 1202} 1203</style> 1204 1205 </div> 1206 1207 1208<footer class="border-t border-b0 pb-12" data-footer> 1209 <div class="container mx-auto px-6 flex flex-wrap justify-center items-center gap-12 min-h-[200px]"> 1210 <div class="flex flex-col gap-4 justify-center"> 1211 <!-- Logo con soporte para modo oscuro --> 1212 <div class="footer-logo-container"> 1213 <img src="https://storage.ghost.io/c/ac/fc/acfc0832-6b0f-4b30-af16-0a7e41c415b5/content/images/2026/03/25AniversarioCOMEXI-2.jpeg" alt="COMEXI Logo" class="footer-logo w-80 h-56 object-contain"> 1214 <img src="https://storage.ghost.io/c/ac/fc/acfc0832-6b0f-4b30-af16-0a7e41c415b5/content/images/2025/09/comexi_logo_3x_letrasblancas-1.png" alt="COMEXI Logo" class="footer-logo-dark w-80 h-56 object-contain"> 1215 </div> 1216 </div> 1217 1218 <!-- Enlaces del footer personalizados --> 1219 <nav class="grid gap-x-12 gap-y-4 self-center items-center" style="grid-template-columns: auto auto;" aria-label="Footer navigation"> 1220 <!-- Columna 1: Enlaces legales y Contacta a un experto --> 1221 <div class="flex flex-col gap-2 justify-center"> 1222 <div class="flex flex-col gap-2 nav-lang-group nav-lang-group--es" data-lang="es" data-display="flex" aria-hidden="false"> 1223 <a href="/politica-de-privacidad/" class="text-base font-medium text-gray-700 hover:text-blue-800">PolÃtica de privacidad</a> 1224 <a href="/terminos-condiciones/" class="text-base font-medium text-gray-700 hover:text-blue-800">Términos y condiciones</a> 1225 <a href="/contacta-experto/" class="text-base font-medium text-gray-700 hover:text-blue-800">Contacta a un experto</a> 1226 </div> 1227 1228 <div class="flex flex-col gap-2 nav-lang-group nav-lang-group--en" data-lang="en" data-display="flex" aria-hidden="true"> 1229 <a href="/en/privacy-policy/" class="text-base font-medium text-gray-700 hover:text-blue-800">Privacy Policy</a> 1230 <a href="/en/terms-and-conditions/" class="text-base font-medium text-gray-700 hover:text-blue-800">Terms and Conditions</a> 1231 <a href="/en/contact-an-expert/" class="text-base font-medium text-gray-700 hover:text-blue-800">Contact an expert</a> 1232 </div> 1233 </div> 1234
1235 <!-- Columna 2: Redes sociales --> 1236 <div class="flex flex-col gap-2 justify-center"> 1237 <div class="text-base font-medium text-gray-700 mb-2 nav-lang-group nav-lang-group--es" data-lang="es" data-display="block" aria-hidden="false">Redes sociales</div> 1238 <div class="text-base font-medium text-gray-700 mb-2 nav-lang-group nav-lang-group--en" data-lang="en" data-display="block" aria-hidden="true">Social Networks</div> 1239 1240 <div class="flex gap-4 items-center"> 1241 <a 1242 href="https://www.linkedin.com/in/comexi/" 1243 aria-label="LinkedIn" 1244 class="text-gray-700 hover:text-blue-800 transition-colors" 1245 target="_blank" 1246 rel="noopener noreferrer" 1247 > 1248 <div data-icon="linkedin" class="scale-115"></div> 1249 </a> 1250 <a 1251 href="https://x.com/COMEXI" 1252 aria-label="X (Twitter)" 1253 class="text-gray-700 hover:text-blue-800 transition-colors" 1254 target="_blank" 1255 rel="noopener noreferrer" 1256 > 1257 <div data-icon="x"></div> 1258 </a> 1259 <a 1260 href="https://www.facebook.com/COMEXIAC/" 1261 aria-label="Facebook" 1262 class="text-gray-700 hover:text-blue-800 transition-colors" 1263 target="_blank" 1264 rel="noopener noreferrer" 1265 > 1266 <div data-icon="facebook"></div> 1267 </a> 1268 <a 1269 href="https://www.instagram.com/comexiac/" 1270 aria-label="Instagram" 1271 class="text-gray-700 hover:text-blue-800 transition-colors" 1272 target="_blank" 1273 rel="noopener noreferrer" 1274 > 1275 <div data-icon="instagram" class="scale-125"></div> 1276 </a> 1277 </div> 1278 1279 <span class="text-base font-medium text-gray-700 nav-lang-group nav-lang-group--es" data-lang="es" data-display="block" aria-hidden="false">Contacto: 55 8311 6281</span> 1280 <span class="text-base font-medium text-gray-700 nav-lang-group nav-lang-group--en" data-lang="en" data-display="block" aria-hidden="true">Contact: 55 8311 6281</span> 1281 </div> 1282 </nav> 1283 </div> 1284 1285 <!-- Copyright personalizable --> 1286 <div class="container mx-auto px-6 mt-8 pt-8 border-t border-gray-200"> 1287 <div class="text-center text-gray-600"> 1288 Derechos Reservados Consejo Mexicano de Asuntos Internacionales A.C. 2025 1289 </div> 1290 </div> 1291</footer> 1292 1293<style> 1294/* Estilos para el logo del footer con soporte para modo oscuro */ 1295.footer-logo-container { 1296 position: relative; 1297 display: inline-block; 1298} 1299 1300.footer-logo-container .footer-logo-dark { 1301 display: none; 1302} 1303 1304/* En modo oscuro, mostrar el logo oscuro y ocultar el claro */ 1305[data-color-scheme="dark"] .footer-logo-container .footer-logo { 1306 display: none; 1307} 1308 1309[data-color-scheme="dark"] .footer-logo-container .footer-logo-dark { 1310 display: block; 1311} 1312 1313[data-current-lang="en"] .nav-lang-group--es { 1314 display: none !important; 1315} 1316 1317[data-current-lang="en"] .nav-lang-group--en { 1318 display: flex !important; 1319} 1320 1321[data-current-lang="es"] .nav-lang-group--en { 1322 display: none !important; 1323} 1324 1325[data-current-lang="en"] .nav-lang-group--en[data-display="block"] { 1326 display: block !important; 1327} 1328 1329[data-current-lang="es"] .nav-lang-group--es[data-display="block"] { 1330 display: block !important; 1331} 1332</style> 1333 1334 <div class="scroll-indicator" data-icon="arrow_up"> 1335 <svg viewBox="0 0 100 100"> 1336 <circle cx="50" cy="50" r="48" /> 1337 </svg> 1338 </div> 1339 1340 1341 1342 1343
1343<script> 1344 (function() { 1345 function processInternalTags() { 1346 // Buscar TODOS los tags internos (hash-) en la página 1347 const tagLinks = document.querySelectorAll('a[href*="/tag/hash-"], a[class*="tag-hash-"]'); 1348 1349 tagLinks.forEach(function(tagLink) { 1350 // Quitar el # del principio del texto si existe 1351 const currentText = tagLink.textContent.trim(); 1352 if (currentText.startsWith('#')) { 1353 tagLink.textContent = currentText.substring(1); 1354 } 1355 }); 1356 } 1357 1358 // Ejecutar cuando el DOM esté listo 1359 if (document.readyState === 'loading') { 1360 document.addEventListener('DOMContentLoaded', processInternalTags); 1361 } else { 1362 processInternalTags(); 1363 } 1364 1365 // También ejecutar con delays para posts que se cargan dinámicamente 1366 setTimeout(processInternalTags, 100); 1367 setTimeout(processInternalTags, 500); 1368 setTimeout(processInternalTags, 1000); 1369 setTimeout(processInternalTags, 2000); 1370 })(); 1371 </script>
1371 1372 1373
1373<script> 1374 (function() { 1375 // Obtener el tÃtulo del sitio desde la configuración del tema 1376 const siteTitle = window.themeConfig && window.themeConfig.site ? window.themeConfig.site.title : 'COMEXI'; 1377 1378 function ensureCorrectTitle() { 1379 const currentTitle = document.title; 1380 1381 // Verificar que no tenga errores o esté vacÃo 1382 const hasErrorText = currentTitle.toLowerCase().includes('no se puede') || 1383 currentTitle.toLowerCase().includes('error') || 1384 currentTitle.trim() === ''; 1385 1386 if (hasErrorText || !currentTitle) { 1387 document.title = siteTitle || 'COMEXI'; 1388 } 1389 } 1390 1391 // Ejecutar inmediatamente y después de que el DOM esté listo 1392 ensureCorrectTitle(); 1393 1394 if (document.readyState === 'loading') { 1395 document.addEventListener('DOMContentLoaded', function() { 1396 setTimeout(ensureCorrectTitle, 100); 1397 setTimeout(ensureCorrectTitle, 500); 1398 }); 1399 } else { 1400 setTimeout(ensureCorrectTitle, 100); 1401 setTimeout(ensureCorrectTitle, 500); 1402 } 1403 1404 // Observar cambios en el tÃtulo por si Ghost lo modifica 1405 const titleObserver = new MutationObserver(ensureCorrectTitle); 1406 const titleElement = document.querySelector('title'); 1407 if (titleElement) { 1408 titleObserver.observe(titleElement, { childList: true, characterData: true, subtree: true }); 1409 } 1410 })(); 1411 </script>
1411 1412 1413 </body> 1414</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.