{"id":20445,"date":"2026-04-25T12:49:04","date_gmt":"2026-04-25T03:49:04","guid":{"rendered":"https:\/\/gorom.org\/?page_id=20445"},"modified":"2026-04-25T14:47:02","modified_gmt":"2026-04-25T05:47:02","slug":"success-story-juan-alejandro","status":"publish","type":"page","link":"https:\/\/gorom.org\/en\/success-story-juan-alejandro\/","title":{"rendered":"Success Story \u2014 Juan Alejandro"},"content":{"rendered":"\n<!-- ============================================================\n     GOROM \u2014 Story Detail page\n     Structure: CSS \u2192 skeleton HTML \u2192 rendering engine \u2192 config\n     To create a new language: copy only the last <script> block\n     (goromRenderDetail({...})) and translate all string values.\n     To create a new person's page: keep this full file unchanged\n     and replace the last <script> block with that person's config.\n     Do NOT edit anything above the last <script> block.\n============================================================ -->\n<style>\n    \/* \u2500\u2500 Base \u2500\u2500 *\/\n    .gorom-container {\n        font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans', Arial, sans-serif;\n        line-height: 1.6;\n        color: #333;\n        max-width: 900px;\n        margin: 0 auto;\n        padding: 20px;\n    }\n    .gorom-section { margin-bottom: 50px; }\n    .gorom-header {\n        border-bottom: 2px solid #b31b1b;\n        padding-bottom: 10px;\n        margin-bottom: 30px;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        font-weight: bold;\n        font-size: 1.1em;\n        color: #1a1a1a;\n    }\n\n    \/* \u2500\u2500 Back button \u2500\u2500 *\/\n    .sd-back-row { margin-bottom: 28px; }\n    .sd-back-link {\n        display: inline-flex;\n        align-items: center;\n        gap: 7px;\n        color: #b31b1b;\n        text-decoration: none;\n        font-size: 0.85em;\n        font-weight: bold;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        transition: gap 0.2s;\n    }\n    .sd-back-link:hover { gap: 11px; }\n    .sd-back-link svg { flex-shrink: 0; }\n\n    \/* \u2500\u2500 Hero \u2500\u2500 *\/\n    .sd-hero {\n        display: flex;\n        gap: 36px;\n        align-items: stretch;\n        margin-bottom: 48px;\n    }\n    .sd-hero-portrait-col {\n        flex: 0 0 380px;\n        display: flex;\n        flex-direction: column;\n    }\n    .sd-portrait-frame {\n        position: relative;\n        border-radius: 10px;\n        overflow: hidden;\n        box-shadow: 0 8px 28px rgba(0,0,0,0.14);\n        aspect-ratio: 4 \/ 5;\n    }\n    .sd-portrait-frame img {\n        width: 100%;\n        height: 100%;\n        display: block;\n        object-fit: cover;\n    }\n    .sd-portrait-accent {\n        position: absolute;\n        bottom: 0; left: 0; right: 0;\n        height: 5px;\n        background: #b31b1b;\n    }\n    .sd-hero-info-col { flex: 1; }\n    .sd-hero-name {\n        font-size: 1.65em;\n        font-weight: bold;\n        color: #1a1a1a;\n        margin: 0 0 6px;\n        line-height: 1.2;\n    }\n    .sd-hero-role {\n        font-size: 0.88em;\n        color: #b31b1b;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        font-weight: bold;\n        margin-bottom: 12px;\n        line-height: 1.5;\n    }\n    .sd-hero-motto {\n        font-style: italic;\n        color: #666;\n        font-size: 0.87em;\n        line-height: 1.55;\n        margin-bottom: 20px;\n    }\n    .sd-info-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 10px;\n    }\n    .sd-info-tile {\n        background: #f4f4f4;\n        border-radius: 7px;\n        padding: 12px 14px;\n        border-top: 3px solid transparent;\n    }\n    .sd-info-tile.sd-accent { border-top-color: #b31b1b; }\n    .sd-info-label {\n        font-size: 0.68em;\n        text-transform: uppercase;\n        letter-spacing: 0.6px;\n        color: #888;\n        font-weight: bold;\n        margin-bottom: 3px;\n    }\n    .sd-info-value {\n        font-size: 0.9em;\n        color: #1a1a1a;\n        font-weight: bold;\n    }\n\n    \/* \u2500\u2500 Gallery \u2500\u2500 *\/\n    .sd-gallery-section { margin-bottom: 50px; }\n    .sd-gallery-wrapper {\n        position: relative;\n        border-radius: 10px;\n        overflow: hidden;\n        background: #111;\n        cursor: grab;\n    }\n    .sd-gallery-wrapper:active { cursor: grabbing; }\n    .sd-gallery-track {\n        display: flex;\n        transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .sd-gallery-slide {\n        flex: 0 0 100%;\n        background: #111;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        height: 420px;\n        overflow: hidden;\n    }\n    .sd-gallery-slide img {\n        height: 100%;\n        width: auto;\n        max-width: none;\n        display: block;\n    }\n    .sd-gallery-arrow {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        background: rgba(0,0,0,0.45);\n        color: #fff;\n        border: none;\n        width: 42px;\n        height: 42px;\n        border-radius: 50%;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: background 0.2s;\n        z-index: 2;\n    }\n    .sd-gallery-arrow:hover { background: #b31b1b; }\n    .sd-gallery-arrow-prev { left: 14px; }\n    .sd-gallery-arrow-next { right: 14px; }\n    .sd-gallery-arrow svg { width: 18px; height: 18px; }\n    .sd-gallery-counter {\n        position: absolute;\n        bottom: 14px;\n        right: 16px;\n        background: rgba(0,0,0,0.5);\n        color: #fff;\n        font-size: 0.75em;\n        font-weight: bold;\n        padding: 4px 10px;\n        border-radius: 12px;\n        letter-spacing: 0.3px;\n        z-index: 2;\n    }\n    .sd-gallery-dots {\n        display: flex;\n        justify-content: center;\n        gap: 8px;\n        margin-top: 14px;\n    }\n    .sd-gallery-dot {\n        width: 9px;\n        height: 9px;\n        border-radius: 50%;\n        background: #ddd;\n        cursor: pointer;\n        border: none;\n        padding: 0;\n        transition: background 0.2s, transform 0.2s;\n    }\n    .sd-gallery-dot.active { background: #b31b1b; transform: scale(1.25); }\n    .sd-gallery-progress {\n        position: absolute;\n        bottom: 0; left: 0;\n        height: 3px;\n        background: #b31b1b;\n        transition: width linear;\n        z-index: 2;\n    }\n\n    \/* \u2500\u2500 Story text \u2500\u2500 *\/\n    .sd-story-body { font-size: 0.95em; line-height: 1.78; color: #444; }\n    .sd-story-body p { margin: 0 0 1.1em; }\n    .sd-story-body p:last-child { margin-bottom: 0; }\n    .sd-story-body strong { color: #1a1a1a; }\n    .sd-quote-block {\n        background: #f9f9f9;\n        border-left: 5px solid #b31b1b;\n        border-radius: 0 8px 8px 0;\n        padding: 22px 28px;\n        margin: 28px 0;\n        font-style: italic;\n        color: #444;\n        font-size: 1.05em;\n        line-height: 1.7;\n        position: relative;\n    }\n    .sd-quote-block::before {\n        content: '\\201C';\n        position: absolute;\n        top: -8px; left: 20px;\n        font-size: 4em;\n        color: #b31b1b;\n        opacity: 0.18;\n        font-style: normal;\n        line-height: 1;\n    }\n\n    \/* \u2500\u2500 CTA strip \u2500\u2500 *\/\n    .sd-cta-strip { background: #1a1a1a; border-radius: 8px; padding: 30px 36px; margin-top: 60px; }\n    .sd-cta-text h3 { margin: 0 0 6px; color: #fff; font-size: 1.05em; text-transform: uppercase; letter-spacing: 0.8px; }\n    .sd-cta-text p  { margin: 0 0 20px; color: #aaa; font-size: 0.88em; }\n    .sd-email-row   { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }\n    .sd-email-address {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        background: #2a2a2a;\n        border: 1px solid #444;\n        border-radius: 6px;\n        padding: 10px 16px;\n        font-size: 0.95em;\n        color: #fff;\n        font-family: 'Courier New', Courier, monospace;\n        letter-spacing: 0.3px;\n        user-select: all;\n    }\n    .sd-email-icon { flex-shrink: 0; opacity: 0.6; }\n    .sd-copy-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        padding: 10px 18px;\n        background: #b31b1b;\n        color: #fff;\n        border: none;\n        border-radius: 6px;\n        font-family: inherit;\n        font-size: 0.83em;\n        font-weight: bold;\n        letter-spacing: 0.5px;\n        text-transform: uppercase;\n        cursor: pointer;\n        transition: background 0.2s;\n        white-space: nowrap;\n        flex-shrink: 0;\n    }\n    .sd-copy-btn:hover { background: #8f1414; }\n    .sd-copy-btn.sd-copied { background: #2a7a2a; pointer-events: none; }\n    .sd-copy-btn svg { flex-shrink: 0; }\n\n    \/* \u2500\u2500 Scroll reveal \u2500\u2500 *\/\n    .sd-reveal {\n        opacity: 0;\n        transform: translateY(24px);\n        transition: opacity 0.5s ease, transform 0.5s ease;\n    }\n    .sd-reveal.sd-visible { opacity: 1; transform: translateY(0); }\n\n    \/* \u2500\u2500 Responsive \u2500\u2500 *\/\n    @media (max-width: 680px) {\n        .gorom-container { padding: 16px; }\n        .sd-hero { flex-direction: column; gap: 20px; margin-bottom: 32px; }\n        .sd-hero-portrait-col { flex: none; width: 100%; }\n        .sd-portrait-frame { aspect-ratio: 4 \/ 3; }\n        .sd-hero-name { font-size: 1.25em; }\n        .sd-quote-block { padding: 14px 18px; margin: 14px 0; font-size: 0.97em; }\n        .sd-info-grid { grid-template-columns: 1fr 1fr; }\n        .sd-gallery-slide { height: 240px; }\n        .sd-cta-strip { padding: 22px 18px; }\n        .sd-email-address { font-size: 0.8em; word-break: break-all; }\n    }\n    @media (max-width: 900px) and (min-width: 681px) {\n        .sd-hero-portrait-col { flex: 0 0 260px; }\n        .sd-gallery-slide { height: 320px; }\n    }\n<\/style>\n\n<!-- Skeleton root \u2014 the rendering engine fills this entirely -->\n<div id=\"gorom-sd-root\"><\/div>\n\n<!-- ============================================================\n     RENDERING ENGINE \u2014 do not edit below this line\n     unless changing page structure, not text.\n============================================================ -->\n<script>\nfunction goromRenderDetail(L) {\n\n    \/* \u2500\u2500 Helpers \u2500\u2500 *\/\n    function el(tag, cls, html) {\n        var e = document.createElement(tag);\n        if (cls)  e.className = cls;\n        if (html !== undefined) e.innerHTML = html;\n        return e;\n    }\n    function svgArrowLeft() {\n        return '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15,18 9,12 15,6\"\/><\/svg>';\n    }\n    function svgArrowRight() {\n        return '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9,18 15,12 9,6\"\/><\/svg>';\n    }\n    function svgBack() {\n        return '<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15,18 9,12 15,6\"\/><\/svg>';\n    }\n    function svgEnvelope() {\n        return '<svg class=\"sd-email-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><polyline points=\"2,4 12,13 22,4\"\/><\/svg>';\n    }\n    function svgCopy() {\n        return '<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg>';\n    }\n\n    \/* \u2500\u2500 Root \u2500\u2500 *\/\n    var root = document.getElementById('gorom-sd-root');\n    root.innerHTML = '';\n    var wrap = el('div', 'gorom-container');\n    root.appendChild(wrap);\n\n    \/* \u2500\u2500 Back button \u2500\u2500 *\/\n    var backRow = el('div', 'sd-back-row');\n    var backLink = el('a', 'sd-back-link');\n    backLink.href = L.backLink;\n    backLink.innerHTML = svgBack() + L.backLabel;\n    backRow.appendChild(backLink);\n    wrap.appendChild(backRow);\n\n    \/* \u2500\u2500 Hero \u2500\u2500 *\/\n    var hero = el('div', 'sd-hero sd-reveal');\n    wrap.appendChild(hero);\n\n    \/\/ Portrait column\n    var portraitCol = el('div', 'sd-hero-portrait-col');\n    var frame = el('div', 'sd-portrait-frame');\n    var pImg = el('img', '');\n    pImg.src = L.portraitImg;\n    pImg.alt = L.portraitImgAlt;\n    frame.appendChild(pImg);\n    frame.appendChild(el('div', 'sd-portrait-accent'));\n    portraitCol.appendChild(frame);\n    hero.appendChild(portraitCol);\n\n    \/\/ Info column\n    var infoCol = el('div', 'sd-hero-info-col');\n    infoCol.appendChild(el('h1', 'sd-hero-name', L.name));\n    infoCol.appendChild(el('div', 'sd-hero-role', L.role));\n\n    if (L.quote) {\n        infoCol.appendChild(el('div', 'sd-quote-block', L.quote));\n    }\n\n    var grid = el('div', 'sd-info-grid');\n    var tiles = [\n        { label: L.programLabel,    value: L.program,    accent: true  },\n        { label: L.editionLabel,    value: L.edition,    accent: false },\n        { label: L.teamLabel,       value: L.team,       accent: false },\n        { label: L.universityLabel, value: L.university, accent: false },\n        { label: L.countryLabel,    value: L.country,    accent: false },\n    ];\n    tiles.forEach(function(t) {\n        var tile = el('div', 'sd-info-tile' + (t.accent ? ' sd-accent' : ''));\n        tile.appendChild(el('div', 'sd-info-label', t.label));\n        tile.appendChild(el('div', 'sd-info-value', t.value));\n        grid.appendChild(tile);\n    });\n    infoCol.appendChild(grid);\n    hero.appendChild(infoCol);\n\n    \/* \u2500\u2500 Gallery section (built here, appended after story) \u2500\u2500 *\/\n    var galSec = null;\n    if (L.galleryImgs && L.galleryImgs.length > 0) {\n        galSec = el('div', 'sd-gallery-section sd-reveal');\n\n        var galHeader = el('h2', 'gorom-header', L.galleryLabel);\n        galSec.appendChild(galHeader);\n\n        var wrapper = el('div', 'sd-gallery-wrapper');\n        var track   = el('div', 'sd-gallery-track');\n        var counter = el('div', 'sd-gallery-counter', '1 \/ ' + L.galleryImgs.length);\n        var progress = el('div', 'sd-gallery-progress');\n\n        L.galleryImgs.forEach(function(img) {\n            var slide = el('div', 'sd-gallery-slide');\n            var sImg  = el('img', '');\n            sImg.src  = img.src;\n            sImg.alt  = img.alt;\n            slide.appendChild(sImg);\n            track.appendChild(slide);\n        });\n\n        wrapper.appendChild(track);\n        wrapper.appendChild(counter);\n        wrapper.appendChild(progress);\n\n        var multi = L.galleryImgs.length > 1;\n\n        if (multi) {\n            var btnPrev = el('button', 'sd-gallery-arrow sd-gallery-arrow-prev', svgArrowLeft());\n            var btnNext = el('button', 'sd-gallery-arrow sd-gallery-arrow-next', svgArrowRight());\n            wrapper.appendChild(btnPrev);\n            wrapper.appendChild(btnNext);\n        }\n\n        galSec.appendChild(wrapper);\n\n        var dotsRow = el('div', 'sd-gallery-dots');\n        var dots    = [];\n        if (multi) {\n            L.galleryImgs.forEach(function(_, i) {\n                var dot = el('button', 'sd-gallery-dot' + (i === 0 ? ' active' : ''));\n                dotsRow.appendChild(dot);\n                dots.push(dot);\n            });\n            galSec.appendChild(dotsRow);\n        }\n\n        \/* Gallery logic *\/\n        var current  = 0;\n        var total    = L.galleryImgs.length;\n        var timer    = null;\n        var INTERVAL = 5000;\n        var startTime;\n\n        function goTo(n) {\n            current = (n + total) % total;\n            track.style.transform = 'translateX(-' + (current * 100) + '%)';\n            counter.textContent = (current + 1) + ' \/ ' + total;\n            dots.forEach(function(d, i) { d.classList.toggle('active', i === current); });\n            resetProgress();\n        }\n\n        function resetProgress() {\n            if (!multi) return;\n            progress.style.transition = 'none';\n            progress.style.width = '0%';\n            requestAnimationFrame(function() {\n                requestAnimationFrame(function() {\n                    progress.style.transition = 'width ' + INTERVAL + 'ms linear';\n                    progress.style.width = '100%';\n                });\n            });\n        }\n\n        function startTimer() {\n            if (!multi) return;\n            timer = setInterval(function() { goTo(current + 1); }, INTERVAL);\n            resetProgress();\n        }\n\n        function stopTimer() {\n            if (!multi) return;\n            clearInterval(timer);\n            progress.style.transition = 'none';\n        }\n\n        if (multi) {\n            btnPrev.addEventListener('click', function() { stopTimer(); goTo(current - 1); startTimer(); });\n            btnNext.addEventListener('click', function() { stopTimer(); goTo(current + 1); startTimer(); });\n            dots.forEach(function(dot, i) {\n                dot.addEventListener('click', function() { stopTimer(); goTo(i); startTimer(); });\n            });\n            wrapper.addEventListener('mouseenter', stopTimer);\n            wrapper.addEventListener('mouseleave', startTimer);\n\n            \/* Touch\/swipe support *\/\n            var touchStartX = 0;\n            wrapper.addEventListener('touchstart', function(e) { touchStartX = e.touches[0].clientX; stopTimer(); }, { passive: true });\n            wrapper.addEventListener('touchend', function(e) {\n                var dx = e.changedTouches[0].clientX - touchStartX;\n                if (Math.abs(dx) > 40) goTo(current + (dx < 0 ? 1 : -1));\n                startTimer();\n            });\n\n            startTimer();\n        }\n    }\n\n    \/* \u2500\u2500 Story section \u2500\u2500 *\/\n    var storySec = el('div', 'gorom-section sd-reveal');\n    storySec.appendChild(el('h2', 'gorom-header', L.storyLabel));\n    var storyBody = el('div', 'sd-story-body', L.storyHtml);\n    storySec.appendChild(storyBody);\n    wrap.appendChild(storySec);\n\n    \/* \u2500\u2500 Gallery (after story) \u2500\u2500 *\/\n    if (galSec) wrap.appendChild(galSec);\n\n    \/* \u2500\u2500 CTA strip \u2500\u2500 *\/\n    var cta = el('div', 'sd-cta-strip sd-reveal');\n    var ctaText = el('div', 'sd-cta-text');\n    ctaText.innerHTML = '<h3>' + L.ctaTitle + '<\/h3><p>' + L.ctaText + '<\/p>';\n    cta.appendChild(ctaText);\n\n    var emailRow = el('div', 'sd-email-row');\n    var emailChip = el('div', 'sd-email-address');\n    emailChip.innerHTML = svgEnvelope() + 'gorom.association@gmail.com';\n    emailRow.appendChild(emailChip);\n\n    var copyBtn  = el('button', 'sd-copy-btn');\n    var copySpan = el('span', '', L.copyLabel);\n    copyBtn.innerHTML = svgCopy();\n    copyBtn.appendChild(copySpan);\n    copyBtn.addEventListener('click', function() {\n        navigator.clipboard.writeText('gorom.association@gmail.com').then(function() {\n            copyBtn.classList.add('sd-copied');\n            copySpan.textContent = L.copiedLabel;\n            setTimeout(function() {\n                copyBtn.classList.remove('sd-copied');\n                copySpan.textContent = L.copyLabel;\n            }, 2200);\n        });\n    });\n    emailRow.appendChild(copyBtn);\n    cta.appendChild(emailRow);\n    wrap.appendChild(cta);\n\n    \/* \u2500\u2500 Scroll-reveal \u2500\u2500 *\/\n    if ('IntersectionObserver' in window) {\n        var observer = new IntersectionObserver(function(entries) {\n            entries.forEach(function(entry) {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('sd-visible');\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, { threshold: 0.08 });\n        Array.from(root.querySelectorAll('.sd-reveal')).forEach(function(el) {\n            observer.observe(el);\n        });\n    } else {\n        Array.from(root.querySelectorAll('.sd-reveal')).forEach(function(el) {\n            el.classList.add('sd-visible');\n        });\n    }\n}\n<\/script>\n\n<!-- ============================================================\n     TRANSLATION CONFIG\n     This is the ONLY block you need to copy and translate\n     to produce a new language version, OR replace with another\n     person's data to create their detail page.\n\n     FIELD GUIDE:\n       Translate    \u2192 all label\/text strings, quote, storyHtml text,\n                      role, team, country, portraitImgAlt, galleryImgs[].alt\n       Do NOT touch \u2192 name, image URLs (src), backLink, program key,\n                      edition (keep \"SEED 20XX\" as-is), university name\n       storyHtml    \u2192 translate text inside tags; keep <p> and\n                      <strong> tags exactly as they are.\n============================================================ -->\n<script>\ngoromRenderDetail({\n\n    \/* \u2500\u2500 Navigation \u2500\u2500 *\/\n    backLabel: \"\u2190 Back to Success Stories\",\n    backLink:  \"https:\/\/gorom.org\/en\/success-stories\/\",   \/* replace with the URL of your Success Stories page *\/\n\n    \/* \u2500\u2500 UI labels (translate for each language) \u2500\u2500 *\/\n    programLabel:    \"Program\",\n    editionLabel:    \"Edition\",\n    teamLabel:       \"Team\",\n    universityLabel: \"University\",\n    countryLabel:    \"Country\",\n    galleryLabel:    \"Photo Gallery\",\n    storyLabel:      \"Their Story\",\n\n    \/* \u2500\u2500 CTA strip \u2500\u2500 *\/\n    ctaTitle:    \"Are you a GOROM alumnus?\",\n    ctaText:     \"We would love to feature your story. Send us an email with a short description of your journey and any photos you'd like to share (optional).\",\n    copyLabel:   \"Copy\",\n    copiedLabel: \"Copied!\",\n\n    \/* \u2500\u2500 Person data \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\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n       name        \u2192 do not translate (proper name)\n       role        \u2192 translate (job title)\n       edition     \u2192 do not translate (\"SEED 20XX\")\n       team        \u2192 translate\n       university  \u2192 keep original name in all languages\n       country     \u2192 translate if the language uses a different spelling\n       program     \u2192 do not translate (used as label value)\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\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    name:       \"Juan Alejandro Rodriguez Vargas\",\n    role:       \"Founder, Go Escuela\",\n    program:    \"SEED\",\n    edition:    \"SEED 2024\",\n    team:       \"Jewelry Team\",\n    university: \"Universidad del Rosario\",\n    country:    \"Colombia\",\n\n    \/* \u2500\u2500 Photos \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\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n       portraitImg  \u2192 person photo (shown in hero, full height)\n       galleryImgs  \u2192 list of featured activity photos.\n                      Add more objects to the list as you receive photos.\n                      The gallery auto-slides only when there is more than\n                      one image; a single image is displayed as static.\n       NOTE: Google Drive URLs use the format:\n         https:\/\/drive.google.com\/uc?export=view&id=FILE_ID\n       If an image does not display, upload it to WordPress and\n       replace the URL here.\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\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    portraitImg:    \"https:\/\/gorom.org\/wp-content\/uploads\/2026\/04\/IMG_8603-Go-Escuela-scaled.jpeg\",\n    portraitImgAlt: \"Juan Alejandro Rodriguez Vargas\",\n\n    galleryImgs: [\n        {\n            src: \"https:\/\/gorom.org\/wp-content\/uploads\/2026\/04\/IMG_9720-Go-Escuela.jpeg\",\n            alt: \"Go Escuela's RURALAB program in action in a rural Colombian community\"\n        },\n        \/* Add more photos below as they become available:\n        {\n            src: \"PASTE_URL_HERE\",\n            alt: \"Caption for the second photo\"\n        },\n        *\/\n    ],\n\n    \/* \u2500\u2500 Story content (translate text; keep HTML tags) \u2500\u2500 *\/\n    quote: \"When a rural student realizes they can solve problems in their community, they don't just change the way they learn\u2026 they change the way they see the future.\",\n\n    storyHtml: '<p>After completing the SEED program, one of the most meaningful achievements Juan can connect to that experience has been the implementation and scaling of <strong>Go Escuela<\/strong> \u2014 a social edtech initiative focused on transforming education in rural communities through a program called <strong>RURALAB<\/strong>.<\/p><p>The exposure to an international network of driven individuals gave him the confidence to connect with partners, institutions, and collaborators at a higher level. This has opened doors to strategic alliances and opportunities that have been key to the growth of Go Escuela.<\/p><p>The SEED program did not only offer Juan a deeper understanding of social entrepreneurship \u2014 it gave him a global perspective and the human connections to act on it. The cross-cultural teamwork, the study tour in Japan, and the shared challenge of building a business proposal from the ground up all contributed to shaping the leader he is today.<\/p>',\n\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":11,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-20445","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/gorom.org\/en\/wp-json\/wp\/v2\/pages\/20445","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gorom.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gorom.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gorom.org\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/gorom.org\/en\/wp-json\/wp\/v2\/comments?post=20445"}],"version-history":[{"count":2,"href":"https:\/\/gorom.org\/en\/wp-json\/wp\/v2\/pages\/20445\/revisions"}],"predecessor-version":[{"id":20458,"href":"https:\/\/gorom.org\/en\/wp-json\/wp\/v2\/pages\/20445\/revisions\/20458"}],"wp:attachment":[{"href":"https:\/\/gorom.org\/en\/wp-json\/wp\/v2\/media?parent=20445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}