PageSourceSearch

https://www.stjude.ed.cr/etapas-educativas

html stjude.ed.cr collected 2026-10-08 01:52:01 UTC 243,620 bytes, 3,070 lines download raw bytes

1<!doctype html>
2<html   lang="es" dir=ltr>
3<head>
4    <meta charset="utf-8">
5    <meta http-equiv="content-language" content="es"/>
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7            
8    
9<title>Etapas educativas en San José | St. Jude School</title>
10<meta name="description" content="¡Empieza tu reccorido de aprendizaje en nuestro colegio internacional en Costa Rica! Descubre cómo apoyamos el desarrollo académico y social de los." />
11
12
13
14    <link rel="canonical" href="https://www.stjude.ed.cr/etapas-educativas">
15
16
17
18
19    <!-- hreflang -->
20                                                                        <link rel="alternate" hreflang="x-default" href="https://www.stjude.ed.cr/etapas-educativas"/>
21                                    <link rel="alternate" hreflang="es" href="https://www.stjude.ed.cr/etapas-educativas"/>
22                                    <link rel="alternate" hreflang="en" href="https://www.stjude.ed.cr/en/learning-journey"/>
23                                            <!-- End hreflang -->
24
25    <!-- Schema.org -->
26    
27                                                
28    
29    
30        
31
32    
32<script type="application/ld+json">
33        {
34            "@context": "https://schema.org",
35            "@type": "BreadcrumbList",
36            "itemListElement": [{"@type":"ListItem","position":1,"name":"Home","item":"https://www.stjude.ed.cr"},{"@type":"ListItem","position":2,"name":"Etapas educativas en San José | St. Jude School","item":"https://www.stjude.ed.cr/etapas-educativas"}]
37        }
38    </script>
38
39
40
41
42
43
44
45            <!-- Favicon settings -->
46                    <link rel="apple-touch-icon" sizes="48x48" href="https://www.stjude.ed.cr/MEXCA%20-%20St.%20Jude%20School/logos_nuevos/72347/image-thumb__72347__favicon48/st_jude_logo.89745001.webp">
47            <link rel="apple-touch-icon" sizes="96x96" href="https://www.stjude.ed.cr/MEXCA%20-%20St.%20Jude%20School/logos_nuevos/72347/image-thumb__72347__favicon96/st_jude_logo.197f1dcd.webp">
48            <link rel="apple-touch-icon" sizes="144x144" href="https://www.stjude.ed.cr/MEXCA%20-%20St.%20Jude%20School/logos_nuevos/72347/image-thumb__72347__favicon144/st_jude_logo.8edeedea.webp">
49            <link rel="apple-touch-icon" sizes="192x192" href="https://www.stjude.ed.cr/MEXCA%20-%20St.%20Jude%20School/logos_nuevos/72347/image-thumb__72347__favicon192/st_jude_logo.2d454a6b.webp">
50
51            <link rel="icon" type="image/png" sizes="48x48" href="https://www.stjude.ed.cr/MEXCA%20-%20St.%20Jude%20School/logos_nuevos/72347/image-thumb__72347__favicon48/st_jude_logo.89745001.webp">
52            <link rel="icon" type="image/png" sizes="96x96" href="https://www.stjude.ed.cr/MEXCA%20-%20St.%20Jude%20School/logos_nuevos/72347/image-thumb__72347__favicon96/st_jude_logo.197f1dcd.webp">
53            <link rel="icon" type="image/png" sizes="144x144" href="https://www.stjude.ed.cr/MEXCA%20-%20St.%20Jude%20School/logos_nuevos/72347/image-thumb__72347__favicon144/st_jude_logo.8edeedea.webp">
54            <link rel="icon" type="image/png" sizes="192x192" href="https://www.stjude.ed.cr/MEXCA%20-%20St.%20Jude%20School/logos_nuevos/72347/image-thumb__72347__favicon192/st_jude_logo.2d454a6b.webp">
55                <!-- End Favicon -->
56    
57                <meta property="og:title" content="Etapas educativas en San José | St. Jude School">
58    <meta property="og:url" content="https://www.stjude.ed.cr/etapas-educativas">
59    <meta property="og:type" content="website">
60    <meta property="og:image" content="https://www.stjude.ed.cr/MEXCA%20-%20St.%20Jude%20School/logos_nuevos/st_jude_logo.png">
61
62    <meta property="og:description" content="¡Empieza tu reccorido de aprendizaje en nuestro colegio internacional en Costa Rica! Descubre cómo apoyamos el desarrollo académico y social de los.">
63    <meta property="og:locale" content="es">
64    <meta property="og:site_name" content="St. Jude School">
65<meta property="article:author" content="">
66<meta property="article:section" content="">
67
68<meta name="twitter:card" content="summary_large_image">
69    <meta name="twitter:title" content="Etapas educativas en San José | St. Jude School">
70    <meta name="twitter:description" content="¡Empieza tu reccorido de aprendizaje en nuestro colegio internacional en Costa Rica! Descubre cómo apoyamos el desarrollo académico y social de los.">
71    <meta name="twitter:image" content="https://www.stjude.ed.cr/MEXCA%20-%20St.%20Jude%20School/logos_nuevos/st_jude_logo.png">
72    
73    <link rel="preload" href="/build-fe/fonts/avenir-regular.adcbfbb8.otf" as="font" type="font/otf" crossorigin>
74<link rel="preload" href="/build-fe/fonts/avenir-bold.d1a180cf.otf" as="font" type="font/otf" crossorigin>
75
76    <link rel="preload" href="/build-fe/fonts/FigGrotesk0.3-Book.605343a4.otf" as="font" type="font/otf" crossorigin>
77<link rel="preload" href="/build-fe/fonts/FigGrotesk0.3-Bold.b61fb056.otf" as="font" type="font/otf" crossorigin>
78
79
80    <!-- Select2 css -->
81    <link rel="preload" href="https://www.stjude.ed.cr/vendors/select2/select2.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
82    <noscript><link rel="stylesheet" href="https://www.stjude.ed.cr/vendors/select2/select2.min.css"></noscript>
83
84
85                                    <link rel="stylesheet" href="/build-fe/app-fe.14ff7153.css">
86            
87    
88
89    <style type="text/css">
90        @font-face {
91    font-family: "Avenir";
92    src: url("/build-fe/fonts/avenir-regular.adcbfbb8.otf") format("opentype");
93    font-weight: 400;
94    font-style: normal;
95    font-display: swap;
96}
97@font-face {
98    font-family: "Avenir";
99    src: url("/build-fe/fonts/avenir-bold.d1a180cf.otf") format("opentype");
100    font-weight: 700;
101    font-style: normal;
102    font-display: swap;
103}
104
105        @font-face {
106    font-family: "FigGrotesk";
107    src: url("/build-fe/fonts/FigGrotesk0.3-Book.605343a4.otf") format("opentype");
108    font-weight: 400;
109    font-style: normal;
110    font-display: swap;
111}
112@font-face {
113    font-family: "FigGrotesk";
114    src: url("/build-fe/fonts/FigGrotesk0.3-Bold.b61fb056.otf") format("opentype");
115    font-weight: 700;
116    font-style: normal;
117    font-display: swap;
118}
119
120                        :root {
121            --bs-primary: #b7832c;
122            --bs-body-font-family: "Avenir";
123            --bs-heading-font-family: "FigGrotesk";
124            --isp-color-school: #092241;
125            --isp-color-school-dark: #00224d;
126            --isp-color-school-light: #e6f1ff;
127            --isp-accent: #03466a;
128            --isp-light-accent: #e5f6ff;
129            --isp-light-secondary: #fff5e5;
130            --isp-direction: ltr;
131            --isp-is-rtl: false;
132            --isp-header-height-mobile: 138px;
133            --isp-main-button-color: #ffffff;
134            --isp-background-color: #092241;
135            --isp-text-color: #ffffff;
136        }
137    </style>
138
139            
139<script>
140 window.dataLayer = window.dataLayer || [];
141window.dataLayer?.push({
142                'page_language': document.documentElement.lang
143            });
144  function gtag(){dataLayer.push(arguments);}
145
146 // Set default consents
147  gtag('consent', 'default', {
148    'ad_storage': 'denied',
149    'ad_user_data': 'denied',
150    'ad_personalization': 'denied',
151    'analytics_storage': 'denied',
152    'wait_for_update': 500 // milliseconds to wait for update
153  });
154</script>
154
155<!-- Google Tag Manager -->
156<script>
vendor: 327 bytes, lines 156-160
156(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
157new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
158j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
159'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
160})(window,document,'script','dataLayer','
160GTM-P8Z556L
vendor: 3 bytes, line 160
160');
160</script>
160
161<!-- End Google Tag Manager -->
162    
163            
163<script>
164            // Chatbot script after 5 seconds
165            window.addEventListener('load', function () {
166                const scriptString = "
166<script defer src=\"https:\/\/europe.kenyt.ai\/botapp\/ChatbotUI\/dist\/js\/bot-loader.js\" type=\"text\/javascript\" data-bot=\"286578876\"><\/script>";
167                setTimeout(function () {
168                    let parser = new DOMParser();
169                    let doc = parser.parseFromString(scriptString, 'text/html');
170                    let scriptElement = doc.querySelector('script');
171                    let newScript = document.createElement('script');
172
173                    // Set all attributes in new element script
174                    function setAttributes(sourceElement, targetElement) {
175                        const attributes = sourceElement.getAttributeNames();
176                        attributes.forEach(attr => {
177                            targetElement.setAttribute(attr, sourceElement.getAttribute(attr));
178                        });
179                    }
180
181                    setAttributes(scriptElement, newScript);
182
183                    // Set script content
184                    newScript.textContent = scriptElement.textContent;
185
186                    //append child
187                    document.head.appendChild(newScript);
188                }, 5000); // 5000 milliseconds = 5 seconds
189            });
190        </script>
190
191    
192    
193    
194    
195</head>
196
197<body>
198    <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 198-199
198
199<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
199GTM-P8Z556L
vendor: 83 bytes, lines 199-200
199"
200height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
201<!-- End Google Tag Manager (noscript) -->
202
203    <main role="main" data-bs-spy="scroll" data-bs-target="#isp-scrollspy" data-bs-smooth-scroll="true"
204          class="position-relative" tabindex="0">
205
206        <div id="vueApp" class="w-100">
207            <!-- Adding header snippet if declared inside document properties -->
208                            
209
210
211
212
213
214                                    <div class="pimcore_area_header pimcore_area_content ">
215            
216                                    
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232                                                                                
233
234<div class="section-mobile-logo d-flex d-xl-none fixed-top  px-2 bg-secondary align-items-center justify-content-center">
235    <div class="logo gap-3 d-flex">
236                    <a href="https://www.stjude.ed.cr" title="Home">
237                <img src="https://www.stjude.ed.cr/MEXCA%20-%20St.%20Jude%20School/logos_nuevos/st_jude_hor.png" class="object-fit-contain " alt="St. Jude School" width="220" height="55"/>
238            </a>
239            </div>
240</div>
241 
242<header id="header">
243    <div class="container-fluid px-0">
244                <nav class="my-0 navbar navbar-expand-xl " id="headerNavbar">
245                        <div class="logo gap-3 d-none d-xl-flex">
246                                    <a href="https://www.stjude.ed.cr" title="Home">
247                        <img src="https://www.stjude.ed.cr/MEXCA%20-%20St.%20Jude%20School/logos_nuevos/st_jude_hor.png" class="object-fit-contain " alt="St. Jude School" width="240" height="60"/>
248                    </a>
249                            </div>
250                                                    <div class="collapse navbar-collapse  " id="navbarCollapseHeader">
251
252                                        
253                                        <ul class="navbar-nav d-flex first-level justify-content-center">
254
255                                                                                                                                                    
256                        
257                        
258                            
259                        
260                        
261                        
262                                                                                                                                                                        
263                        
264                                                                                        <li class="nav-item ps-xl-3 d-xl-flex flex-xl-row align-items-start first-level-active">
265                                    <div class="vr vr-first-level float-start h-100 me-3 opacity-100 d-none d-xl-block"></div>
266                                    <div class="d-flex flex-column justify-content-xl-around">
267                                                                                                                               <a
268                                                accesskey=""
269                                                class="nav-link dropdown-toggle first-level-name  fw-bold p-0 w-auto"
270                                                href="#"
271                                                rel=""
272                                                tabindex=""
273                                                title="Etapas educativas"
274                                                id="navbarDropdown_1"
275                                                role="button"
276                                                data-bs-auto-close="outside"
277                                                data-bs-toggle="dropdown"
278                                                aria-expanded="false"
279                                            >
280                                                Etapas educativas
281                                            </a>
282                                                                                                                            <p class="first-level-description mt-2 mb-0" title="De 6 meses a 18 años">De 6 meses a 18 años</p>
283                                                                                                                        <div class="dropdown-menu dropdown-menu-custom  py-0 border-0 m-0" aria-labelledby="navbarDropdown_1">
284                                            <div class="row mx-0">
285                                                                                                                                                                                                    <div class="col-12 col-xl-5 px-0">
286                                                        <div class="wrapper-image ms-auto ms-xl-0 d-none d-xl-block ">
287                                                            <picture >
288	<source srcset="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/4Bachilerato/21444/image-thumb__21444__w1920/DSC08100-2.e3db9f63.webp 1
288x, /MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/4Bachilerato/21444/image-thumb__21444__w1920/[email protected] 2x" width="1920" height="1280" type="image/webp" />
289	<img src="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/4Bachilerato/21444/image-thumb__21444__w1920/DSC08100-2.e3db9f63.webp" width="1920" height="1280" alt="Etapas educativas" loading="lazy" srcset="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/4Bachilerato/21444/image-thumb__21444__w1920/DSC08100-2.e3db9f63.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/4Bachilerato/21444/image-thumb__21444__w1920/[email protected] 2x" />
290</picture>
291
292                                                        </div>
293                                                        <div class="wrapper-image ms-auto ms-xl-0 d-xl-none d-flex justify-content-end ">
294                                                                                                                            <picture >
295	<source srcset="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/4Bachilerato/21444/image-thumb__21444__w1920/DSC08100-2.e3db9f63.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/4Bachilerato/21444/image-thumb__21444__w1920/[email protected] 2x" width="1920" height="1280" type="image/webp" />
296	<img src="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/4Bachilerato/21444/image-thumb__21444__w1920/DSC08100-2.e3db9f63.webp" width="1920" height="1280" alt="Etapas educativas" loading="lazy" srcset="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/4Bachilerato/21444/image-thumb__21444__w1920/DSC08100-2.e3db9f63.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/4Bachilerato/21444/image-thumb__21444__w1920/[email protected] 2x" />
297</picture>
298
299                                                                                                                    </div>
300                                                    </div>
301                                                                                                                                                <div class="col-12 col-xl-4 dropdown-menu-section">
302                                                        <div class="intro-level text-start ps-4 ps-xl-3">
303                                                            <div class="d-flex">
304                                                                <button type="button" onclick="closeSubMenuMobile(1)"
305                                                                    class="btn p-0 d-flex d-xl-none align-items-center intro-level-only-arrow fw-bold color-school-text text-decoration-underline align-items-end "
306                                                                    title="Close Sub Menu"></button>
307                                                                <a
308                                                                    href="https://www.stjude.ed.cr/etapas-educativas"
309                                                                    accesskey=""
310                                                                    class="intro-level-title fw-bold color-school-text text-decoration-underline mb-0 "
311                                                                    rel=""
312                                                                    tabindex=""
313                                                                    target=""
314                                                                    title="Etapas educativas"
315                                                                >Etapas educativas</a>
316                                                            </div>
317                                                                                                                            <p class="intro-level-description mt-2 mb-0 ps-4 ps-lg-0">De 6 meses a 18 años</p>
318                                                                                                                    </div>
319                                                        
320                                                <ul class="dropdown-menu-list list-unstyled mt-4">
321
322                                                    
323                                                    
324                                                        
325                                                        
326                                                        
327                                                        
328                                                        
329                                                        
330                                                        
331                                                        
332                                                        
333                                                        <li class="d-flex flex-row ps-lg-0 ps-4 pe-4">
334                                                            <div class="vr me-3 opacity-100"></div>
335                                                            <a
336                                                                href="/etapas-educativas/preescolar-costa-rica"
337                                                                accesskey=""
338                                                                class="dropdown-item p-0 w-100 "
339                                                                rel=""
340                                                                tabindex=""
341                                                                target=""
342                                                                title="Preescolar"
343                                                                style="white-space: break-spaces;"
344                                                            >Preescolar</a>
345                                                        </li>
346
347                                                    
348                                                        
349                                                        
350                                                        
351                                                        
352                                                        
353                                                        
354                                                        
355                                                        
356                                                        
357                                                        <li class="d-flex flex-row ps-lg-0 ps-4 pe-4">
358                                                            <div class="vr me-3 opacity-100"></div>
359                                                            <a
360                                                                href="/etapas-educativas/primaria-costa-rica"
361                                                                accesskey=""
362                                                                class="dropdown-item p-0 w-100 "
363                                                                rel=""
364                                                                tabindex=""
365                                                                target=""
366                                                                title="Primaria"
367                                                                style="white-space: break-spaces;"
368                                                            >Primaria</a>
369                                                        </li>
370
371                                                    
372                                                        
373                                                        
374                                                        
375                                                        
376                                                        
377                                                        
378                                                        
379                                                        
380                                                        
381                                                        <li class="d-flex flex-row ps-lg-0 ps-4 pe-4">
382                                                            <div class="vr me-3 opacity-100"></div>
383                                                            <a
384                                                                href="/etapas-educativas/secundaria-costa-rica"
385                                                                accesskey=""
386                                                                class="dropdown-item p-0 w-100 "
387                                                                rel=""
388                                                                tabindex=""
389                                                                target=""
390                                                                title="Secundaria"
391                                                                style="white-space: break-spaces;"
392                                                            >Secundaria</a>
393                                                        </li>
394
395                                                    
396                                                        
397                                                        
398                                                        
399                                                        
400                                                        
401                                                        
402                                                        
403                                                        
404                                                        
405                                                        <li class="d-flex flex-row ps-lg-0 ps-4 pe-4">
406                                                            <div class="vr me-3 opacity-100"></div>
407                                                            <a
408                                                                href="/etapas-educativas/bachillerato-internacional-costa-rica"
409                                                                accesskey=""
410                                                                class="dropdown-item p-0 w-100 "
411                                                                rel=""
412                                                                tabindex=""
413                                                                target=""
414                                                                title="Bachillerato Internacional"
415                                                                style="white-space: break-spaces;"
416                                                            >Bachillerato Internacional</a>
417                                                        </li>
418
419                                                    
420                                                </ul>
421
422                                                                                                    </div>
423                                                                                                <div class="col-3 dropdown-menu-section megamenu-fixed-section d-none d-xl-block pe-0">
424                                                                                                                                                                                                                       <ul class="dropdown-menu-list-fixed list-unstyled ms-3 ps-4">
425                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="mt-2 mb-3">
426                                                                        <a
427                                                                            href="/calendario"
428                                                                            accesskey=""
429                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
430                                                                            rel=""
431                                                                            tabindex=""
432                                                                            target=""
433                                                                            title="Calendario"
434                                                                        >
435                                                                            Calendario
436                                                                        </a>
437                                                                    </li>
438                                                                
439                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="my-3">
440                                                                        <a
441                                                                            href="/transporte"
442                                                                            accesskey=""
443                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
444                                                                            rel=""
445                                                                            tabindex=""
446                                                                            target=""
447                                                                            title="Trans
447porte"
448                                                                        >
449                                                                            Transporte
450                                                                        </a>
451                                                                    </li>
452                                                                
453                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="my-3">
454                                                                        <a
455                                                                            href="/salvaguardia"
456                                                                            accesskey=""
457                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
458                                                                            rel=""
459                                                                            tabindex=""
460                                                                            target=""
461                                                                            title="Salvaguardia"
462                                                                        >
463                                                                            Salvaguardia
464                                                                        </a>
465                                                                    </li>
466                                                                
467                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="my-3">
468                                                                        <a
469                                                                            href="/trabaja-con-nosotros"
470                                                                            accesskey=""
471                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
472                                                                            rel=""
473                                                                            tabindex=""
474                                                                            target=""
475                                                                            title="Trabaja con nosotros"
476                                                                        >
477                                                                            Trabaja con nosotros
478                                                                        </a>
479                                                                    </li>
480                                                                
481                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="my-3">
482                                                                        <a
483                                                                            href="/preguntas-frecuentes"
484                                                                            accesskey=""
485                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
486                                                                            rel=""
487                                                                            tabindex=""
488                                                                            target=""
489                                                                            title="Preguntas frecuentes"
490                                                                        >
491                                                                            Preguntas frecuentes
492                                                                        </a>
493                                                                    </li>
494                                                                
495                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="my-3">
496                                                                        <a
497                                                                            href="/documentos-politicas"
498                                                                            accesskey=""
499                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
500                                                                            rel=""
501                                                                            tabindex=""
502                                                                            target=""
503                                                                            title="Políticas y avisos"
504                                                                        >
505                                                                            Políticas y avisos
506                                                                        </a>
507                                                                    </li>
508                                                                
509                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="my-3">
510                                                                        <a
511                                                                            href="https://www.stjude.ed.cr/contactanos"
512                                                                            accesskey=""
513                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
514                                                                            rel=""
515                                                                            tabindex=""
516                                                                            target=""
517                                                                            title="Contáctanos"
518                                                                        >
519                                                                            Contáctanos
520                                                                        </a>
521                                                                    </li>
522                                                                
523                                                            
524                                                        </ul>
525
526                                                       <div class="portal-link-section mt-5">
527    <ul class="list-unstyled my-1 ms-3 ps-4">
528
529        
530        
531                    
532                                                                                                                                                                                                                                                                                                
533                                                                        <li class="mt-2">
534                                                                            <a
535                                                                                href="https://st-jude.parents.isamshosting.cloud/"
536                                                                                rel=""
537                                                                                class="dropdown-item btn-only-arrow d-flex align-items-center                                                                                 btn-account color-school-text fw-bold ps-0"
538                                                                                target="_blank"
539                                                                                title="Portal de padres"
540                                                                            >Portal de padres</a>
541                                                                        </li>
542                                                                                                                                                                                                    <ul>
543                                                        </div>
544                                                                                                    </div>
545                                            </div>
546                                        </div>
547                                </li>
548                                                                                                                                                                                
549                        
550                        
551                            
552                        
553                        
554                        
555                                                                                                                                                                        
556                        
557                                                                                        <li class="nav-item ps-xl-3 d-xl-flex flex-xl-row align-items-start ">
558                                    <div class="vr vr-first-level float-start h-100 me-3 opacity-100 d-none d-xl-block"></div>
559                                    <div class="d-flex flex-column justify-content-xl-around">
560                                                                                                                               <a
561                                                accesskey=""
562                                                class="nav-link dropdown-toggle first-level-name  fw-bold p-0 w-auto"
563                                                href="#"
564                                                rel=""
565                                                tabindex=""
566                                                title="Admisiones"
567                                                id="navbarDropdown_2"
568                                                role="button"
569                                                data-bs-auto-close
569="outside"
570                                                data-bs-toggle="dropdown"
571                                                aria-expanded="false"
572                                            >
573                                                Admisiones
574                                            </a>
575                                                                                                                            <p class="first-level-description mt-2 mb-0" title="Matrícula abierta todo el año">Matrícula abierta todo el año</p>
576                                                                                                                        <div class="dropdown-menu dropdown-menu-custom  py-0 border-0 m-0" aria-labelledby="navbarDropdown_2">
577                                            <div class="row mx-0">
578                                                                                                                                                                                                    <div class="col-12 col-xl-5 px-0">
579                                                        <div class="wrapper-image ms-auto ms-xl-0 d-none d-xl-block ">
580                                                            <picture >
581	<source srcset="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/1Preescolar/21367/image-thumb__21367__w1920/DSC00541.e6b40203.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/1Preescolar/21367/image-thumb__21367__w1920/[email protected] 2x" width="1920" height="1920" type="image/webp" />
582	<img src="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/1Preescolar/21367/image-thumb__21367__w1920/DSC00541.e6b40203.webp" width="1920" height="1920" alt="Admisiones" loading="lazy" srcset="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/1Preescolar/21367/image-thumb__21367__w1920/DSC00541.e6b40203.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/1Preescolar/21367/image-thumb__21367__w1920/[email protected] 2x" />
583</picture>
584
585                                                        </div>
586                                                        <div class="wrapper-image ms-auto ms-xl-0 d-xl-none d-flex justify-content-end ">
587                                                                                                                            <picture >
588	<source srcset="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/1Preescolar/21367/image-thumb__21367__w1920/DSC00541.e6b40203.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/1Preescolar/21367/image-thumb__21367__w1920/[email protected] 2x" width="1920" height="1920" type="image/webp" />
589	<img src="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/1Preescolar/21367/image-thumb__21367__w1920/DSC00541.e6b40203.webp" width="1920" height="1920" alt="Admisiones" loading="lazy" srcset="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/1Preescolar/21367/image-thumb__21367__w1920/DSC00541.e6b40203.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/1Preescolar/21367/image-thumb__21367__w1920/[email protected] 2x" />
590</picture>
591
592                                                                                                                    </div>
593                                                    </div>
594                                                                                                                                                <div class="col-12 col-xl-4 dropdown-menu-section">
595                                                        <div class="intro-level text-start ps-4 ps-xl-3">
596                                                            <div class="d-flex">
597                                                                <button type="button" onclick="closeSubMenuMobile(2)"
598                                                                    class="btn p-0 d-flex d-xl-none align-items-center intro-level-only-arrow fw-bold color-school-text text-decoration-underline align-items-end "
599                                                                    title="Close Sub Menu"></button>
600                                                                <a
601                                                                    href="https://www.stjude.ed.cr/admisiones"
602                                                                    accesskey=""
603                                                                    class="intro-level-title fw-bold color-school-text text-decoration-underline mb-0 "
604                                                                    rel=""
605                                                                    tabindex=""
606                                                                    target=""
607                                                                    title="Admisiones"
608                                                                >Admisiones</a>
609                                                            </div>
610                                                                                                                            <p class="intro-level-description mt-2 mb-0 ps-4 ps-lg-0">Matrícula abierta todo el año</p>
611                                                                                                                    </div>
612                                                        
613                                                <ul class="dropdown-menu-list list-unstyled mt-4">
614
615                                                    
616                                                    
617                                                        
618                                                        
619                                                        
620                                                        
621                                                        
622                                                        
623                                                        
624                                                        
625                                                        
626                                                        <li class="d-flex flex-row ps-lg-0 ps-4 pe-4">
627                                                            <div class="vr me-3 opacity-100"></div>
628                                                            <a
629                                                                href="/admisiones/proceso-admision"
630                                                                accesskey=""
631                                                                class="dropdown-item p-0 w-100 "
632                                                                rel=""
633                                                                tabindex=""
634                                                                target=""
635                                                                title="Proceso de admisión"
636                                                                style="white-space: break-spaces;"
637                                                            >Proceso de admisión</a>
638                                                        </li>
639
640                                                    
641                                                        
642                                                        
643                                                        
644                                                        
645                                                        
646                                                        
647                                                        
648                                                        
649                                                        
650                                                        <li class="d-flex flex-row ps-lg-0 ps-4 pe-4">
651                                                            <div class="vr me-3 opacity-100"></div>
652                                                            <a
653                                                                href="/admisiones/tarifas"
654                                                                accesskey=""
655                                                                class="dropdown-item p-0 w-100 "
656                                                                rel=""
657                                                                tabindex=""
658                                                                target=""
659                                                                title="Tarifas"
660                                                                style="white-space: break-spaces;"
661                                                            >Tarifas</a>
662                                                        </li>
663
664                                                    
665                                                        
666                                                        
667                                                        
668                                                        
669                                                        
670                                                        
671                                                        
672                                                        
673                                                        
674                                                        <li class="d-flex flex-row ps-lg-0 ps-4 pe-4">
675                                                            <div class="vr me-3 opacity-100"></div>
676                                                            <a
677                                                                href="https://www.stjude.ed.cr/admisiones/solicita-informacion"
678                                                                accesskey=""
679                                                                class="dropdown-item p-0 w-100 "
680                                                                rel=""
681                                                                tabindex=""
682                                                                target=""
683                                                                title="Solicita información"
684                                                                style="white-space: break-spaces;"
685                                                            >Solicita información</a>
686                                                        </li>
687
688                                                    
689                                                        
690                                                        
691                                                        
692                                                        
693                                                        
694                                                        
695                                                        
696                                                        
697                                                        
698                                                        <li class="d-flex flex-row ps-lg-0 ps-4 pe-4">
699                                                            <div class="vr me-3 opacity-100"></div>
700                                                            <a
701                                                                href="https://www.stjude.ed.cr/admisiones/agenda-visita"
702                                                                accesskey=""
703                                                                class="dropdown-item p-0 w-100 "
704                                                                rel=""
705                                                                tabindex=""
706                                                                target=""
707                                                                title="Agenda una visita"
708                                                                style="white-space: break-spaces;"
709                                                            >Agenda una visita</a>
710                                                        </li>
711
712                                                    
713                                                </ul>
714
715                                                                                                    </div>
716                                                                                                <div class="col-3 dropdown-menu-section megamenu-fixed-section d-none d-xl-block pe-0">
717                                                                                                                                                                                                                       <ul class="dropdown-menu-list-fixed list-unstyled ms-3 ps-4">
718                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="mt-2 mb-3">
719                                                                        <a
720                                                                            href="/calendario"
721                                                                            accesskey=""
722                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
723                                                                            rel=""
724                                                                            tabindex=""
725                                                                            target=""
726                                                                            title="Calendario"
727                                                                        >
728                                                                            Calendario
729                                                                        </a>
730                                                                    </li>
731                                                                
732                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="my-3">
733                                                                        <a
734                                                                            href="/transporte"
735                                                                            accesskey=""
736                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
737                                                                            rel=""
738                                                                            tabindex=""
739                                                                            tar
739get=""
740                                                                            title="Transporte"
741                                                                        >
742                                                                            Transporte
743                                                                        </a>
744                                                                    </li>
745                                                                
746                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="my-3">
747                                                                        <a
748                                                                            href="/salvaguardia"
749                                                                            accesskey=""
750                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
751                                                                            rel=""
752                                                                            tabindex=""
753                                                                            target=""
754                                                                            title="Salvaguardia"
755                                                                        >
756                                                                            Salvaguardia
757                                                                        </a>
758                                                                    </li>
759                                                                
760                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="my-3">
761                                                                        <a
762                                                                            href="/trabaja-con-nosotros"
763                                                                            accesskey=""
764                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
765                                                                            rel=""
766                                                                            tabindex=""
767                                                                            target=""
768                                                                            title="Trabaja con nosotros"
769                                                                        >
770                                                                            Trabaja con nosotros
771                                                                        </a>
772                                                                    </li>
773                                                                
774                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="my-3">
775                                                                        <a
776                                                                            href="/preguntas-frecuentes"
777                                                                            accesskey=""
778                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
779                                                                            rel=""
780                                                                            tabindex=""
781                                                                            target=""
782                                                                            title="Preguntas frecuentes"
783                                                                        >
784                                                                            Preguntas frecuentes
785                                                                        </a>
786                                                                    </li>
787                                                                
788                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="my-3">
789                                                                        <a
790                                                                            href="/documentos-politicas"
791                                                                            accesskey=""
792                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
793                                                                            rel=""
794                                                                            tabindex=""
795                                                                            target=""
796                                                                            title="Políticas y avisos"
797                                                                        >
798                                                                            Políticas y avisos
799                                                                        </a>
800                                                                    </li>
801                                                                
802                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="my-3">
803                                                                        <a
804                                                                            href="https://www.stjude.ed.cr/contactanos"
805                                                                            accesskey=""
806                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
807                                                                            rel=""
808                                                                            tabindex=""
809                                                                            target=""
810                                                                            title="Contáctanos"
811                                                                        >
812                                                                            Contáctanos
813                                                                        </a>
814                                                                    </li>
815                                                                
816                                                            
817                                                        </ul>
818
819                                                       <div class="portal-link-section mt-5">
820    <ul class="list-unstyled my-1 ms-3 ps-4">
821
822        
823        
824                    
825                                                                                                                                                                                                                                                                                                
826                                                                        <li class="mt-2">
827                                                                            <a
828                                                                                href="https://st-jude.parents.isamshosting.cloud/"
829                                                                                rel=""
830                                                                                class="dropdown-item btn-only-arrow d-flex align-items-center                                                                                 btn-account color-school-text fw-bold ps-0"
831                                                                                target="_blank"
832                                                                                title="Portal de padres"
833                                                                            >Portal de padres</a>
834                                                                        </li>
835                                                                                                                                                                                                    <ul>
836                                                        </div>
837                                                                                                    </div>
838                                            </div>
839                                        </div>
840                                </li>
841                                                                                                                                                                                
842                        
843                        
844                            
845                        
846                        
847                        
848                                                                                                                                                                        
849                        
850                                                                                        <li class="nav-item ps-xl-3 d-xl-flex flex-xl-row align-items-start ">
851                                    <div class="vr vr-first-level float-start h-100 me-3 opacity-100 d-none d-xl-block"></div>
852                                    <div class="d-flex flex-column justify-content-xl-around">
853                                                                                                                               <a
854                                                accesskey=""
855                                                class="nav-link dropdown-toggle first-level-name  fw-bold p-0 w-auto"
856                                                href="#"
857                                                rel=""
858                                                tabindex=""
859                                                title="Nuestro colegio"
860                                                id="navbarDropdown_3"
861                                                role="button"
862                                                data-bs-auto-close
862="outside"
863                                                data-bs-toggle="dropdown"
864                                                aria-expanded="false"
865                                            >
866                                                Nuestro colegio
867                                            </a>
868                                                                                                                            <p class="first-level-description mt-2 mb-0" title="Descubre el colegio">Descubre el colegio</p>
869                                                                                                                        <div class="dropdown-menu dropdown-menu-custom  py-0 border-0 m-0" aria-labelledby="navbarDropdown_3">
870                                            <div class="row mx-0">
871                                                                                                                                                                                                    <div class="col-12 col-xl-5 px-0">
872                                                        <div class="wrapper-image ms-auto ms-xl-0 d-none d-xl-block ">
873                                                            <picture >
874	<source srcset="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/4Bachilerato/21442/image-thumb__21442__w1920/DSC03631.ee3283b5.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/4Bachilerato/21442/image-thumb__21442__w1920/[email protected] 2x" width="1920" height="1920" type="image/webp" />
875	<img src="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/4Bachilerato/21442/image-thumb__21442__w1920/DSC03631.ee3283b5.webp" width="1920" height="1920" alt="Nuestro colegio" loading="lazy" srcset="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/4Bachilerato/21442/image-thumb__21442__w1920/DSC03631.ee3283b5.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/4Bachilerato/21442/image-thumb__21442__w1920/[email protected] 2x" />
876</picture>
877
878                                                        </div>
879                                                        <div class="wrapper-image ms-auto ms-xl-0 d-xl-none d-flex justify-content-end ">
880                                                                                                                            <picture >
881	<source srcset="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/4Bachilerato/21442/image-thumb__21442__w1920/DSC03631.ee3283b5.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/4Bachilerato/21442/image-thumb__21442__w1920/[email protected] 2x" width="1920" height="1920" type="image/webp" />
882	<img src="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/4Bachilerato/21442/image-thumb__21442__w1920/DSC03631.ee3283b5.webp" width="1920" height="1920" alt="Nuestro colegio" loading="lazy" srcset="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/4Bachilerato/21442/image-thumb__21442__w1920/DSC03631.ee3283b5.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/4Bachilerato/21442/image-thumb__21442__w1920/[email protected] 2x" />
883</picture>
884
885                                                                                                                    </div>
886                                                    </div>
887                                                                                                                                                <div class="col-12 col-xl-4 dropdown-menu-section">
888                                                        <div class="intro-level text-start ps-4 ps-xl-3">
889                                                            <div class="d-flex">
890                                                                <button type="button" onclick="closeSubMenuMobile(3)"
891                                                                    class="btn p-0 d-flex d-xl-none align-items-center intro-level-only-arrow fw-bold color-school-text text-decoration-underline align-items-end "
892                                                                    title="Close Sub Menu"></button>
893                                                                <a
894                                                                    href="https://www.stjude.ed.cr/nuestro-colegio"
895                                                                    accesskey=""
896                                                                    class="intro-level-title fw-bold color-school-text text-decoration-underline mb-0 "
897                                                                    rel=""
898                                                                    tabindex=""
899                                                                    target=""
900                                                                    title="Nuestro colegio"
901                                                                >Nuestro colegio</a>
902                                                            </div>
903                                                                                                                            <p class="intro-level-description mt-2 mb-0 ps-4 ps-lg-0">
903Descubre el colegio</p>
904                                                                                                                    </div>
905                                                        
906                                                <ul class="dropdown-menu-list list-unstyled mt-4">
907
908                                                    
909                                                    
910                                                        
911                                                        
912                                                        
913                                                        
914                                                        
915                                                        
916                                                        
917                                                        
918                                                        
919                                                        <li class="d-flex flex-row ps-lg-0 ps-4 pe-4">
920                                                            <div class="vr me-3 opacity-100"></div>
921                                                            <a
922                                                                href="/nuestro-colegio/por-que-elegirnos"
923                                                                accesskey=""
924                                                                class="dropdown-item p-0 w-100 "
925                                                                rel=""
926                                                                tabindex=""
927                                                                target=""
928                                                                title="¿Por qué elegirnos?"
929                                                                style="white-space: break-spaces;"
930                                                            >¿Por qué elegirnos?</a>
931                                                        </li>
932
933                                                    
934                                                        
935                                                        
936                                                        
937                                                        
938                                                        
939                                                        
940                                                        
941                                                        
942                                                        
943                                                        <li class="d-flex flex-row ps-lg-0 ps-4 pe-4">
944                                                            <div class="vr me-3 opacity-100"></div>
945                                                            <a
946                                                                href="/nuestro-colegio/colegio-isp"
947                                                                accesskey=""
948                                                                class="dropdown-item p-0 w-100 "
949                                                                rel=""
950                                                                tabindex=""
951                                                                target=""
952                                                                title="Un colegio ISP"
953                                                                style="white-space: break-spaces;"
954                                                            >Un colegio ISP</a>
955                                                        </li>
956
957                                                    
958                                                        
959                                                        
960                                                        
961                                                        
962                                                        
963                                                        
964                                                        
965                                                        
966                                                        
967                                                        <li class="d-flex flex-row ps-lg-0 ps-4 pe-4">
968                                                            <div class="vr me-3 opacity-100"></div>
969                                                            <a
970                                                                href="/nuestro-colegio/como-aprendemos"
971                                                                accesskey=""
972                                                                class="dropdown-item p-0 w-100 "
973                                                                rel=""
974                                                                tabindex=""
975                                                                target=""
976                                                                title="¿Cómo aprendemos?"
977                                                                style="white-space: break-spaces;"
978                                                            >¿Cómo aprendemos?</a>
979                                                        </li>
980
981                                                    
982                                                        
983                                                        
984                                                        
985                                                        
986                                                        
987                                                        
988                                                        
989                                                        
990                                                        
991                                                        <li class="d-flex flex-row ps-lg-0 ps-4 pe-4">
992                                                            <div class="vr me-3 opacity-100"></div>
993                                                            <a
994                                                                href="/nuestro-colegio/instalaciones"
995                                                                accesskey=""
996                                                                class="dropdown-item p-0 w-100 "
997                                                                rel=""
998                                                                tabindex=""
999                                                                target=""
1000                                                                title="Instalaciones"
1001                                                                style="white-space: break-spaces;"
1002                                                            >Instalaciones</a>
1003                                                        </li>
1004
1005                                                    
1006                                                        
1007                                                        
1008                                                        
1009                                                        
1010                                                        
1011                                                        
1012                                                        
1013                                                        
1014                                                        
1015                                                        <li class="d-flex flex-row ps-lg-0 ps-4 pe-4">
1016                                                            <div class="vr me-3 opacity-100"></div>
1017                                                            <a
1018                                                                href="/nuestro-colegio/nuestro-equipo"
1019                                                                accesskey=""
1020                                                                class="dropdown-item p-0 w-100 "
1021                                                                rel=""
1022                                                                tabindex=""
1023                                                                target=""
1024                                                                title="Nuestro equipo"
1025                                                                style="white-space: break-spaces;"
1026                                                            >Nuestro equipo</a>
1027                                                        </li>
1028
1029                                                    
1030                                                </ul>
1031
1032                                                                                                    </div>
1033                                                                                                <div class="col-3 dropdown-menu-section megamenu-fixed-section d-none d-xl-block pe-0">
1034                                                                                                                                                                                                                       <ul class="dropdown-menu-list-fixed list-unstyled ms-3 ps-4">
1035                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="mt-2 mb-3">
1036                                                                        <a
1037                                                                            href="/calendario"
1038                                                                            accesskey=""
1039                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
1040                                                                            rel=""
1041                                                                            tabindex=""
1042                                                                            target=""
1043                                                                            title="Calendario"
1044                                                                        >
1045                                                                            Calendario
1046                                                                        </a>
1047                                                                    </li>
1048                                                                
1049                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="my-3">
1050                                                                        <a
1051                                                                            href="/transporte"
1052                                                                            accesskey=""
1053                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
1054                                                                            rel=""
1055                                                                            tabindex=""
1056                                                                            target=""
1057                                                                            title="Trans
1057porte"
1058                                                                        >
1059                                                                            Transporte
1060                                                                        </a>
1061                                                                    </li>
1062                                                                
1063                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="my-3">
1064                                                                        <a
1065                                                                            href="/salvaguardia"
1066                                                                            accesskey=""
1067                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
1068                                                                            rel=""
1069                                                                            tabindex=""
1070                                                                            target=""
1071                                                                            title="Salvaguardia"
1072                                                                        >
1073                                                                            Salvaguardia
1074                                                                        </a>
1075                                                                    </li>
1076                                                                
1077                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="my-3">
1078                                                                        <a
1079                                                                            href="/trabaja-con-nosotros"
1080                                                                            accesskey=""
1081                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
1082                                                                            rel=""
1083                                                                            tabindex=""
1084                                                                            target=""
1085                                                                            title="Trabaja con nosotros"
1086                                                                        >
1087                                                                            Trabaja con nosotros
1088                                                                        </a>
1089                                                                    </li>
1090                                                                
1091                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="my-3">
1092                                                                        <a
1093                                                                            href="/preguntas-frecuentes"
1094                                                                            accesskey=""
1095                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
1096                                                                            rel=""
1097                                                                            tabindex=""
1098                                                                            target=""
1099                                                                            title="Preguntas frecuentes"
1100                                                                        >
1101                                                                            Preguntas frecuentes
1102                                                                        </a>
1103                                                                    </li>
1104                                                                
1105                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="my-3">
1106                                                                        <a
1107                                                                            href="/documentos-politicas"
1108                                                                            accesskey=""
1109                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
1110                                                                            rel=""
1111                                                                            tabindex=""
1112                                                                            target=""
1113                                                                            title="Políticas y avisos"
1114                                                                        >
1115                                                                            Políticas y avisos
1116                                                                        </a>
1117                                                                    </li>
1118                                                                
1119                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="my-3">
1120                                                                        <a
1121                                                                            href="https://www.stjude.ed.cr/contactanos"
1122                                                                            accesskey=""
1123                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
1124                                                                            rel=""
1125                                                                            tabindex=""
1126                                                                            target=""
1127                                                                            title="Contáctanos"
1128                                                                        >
1129                                                                            Contáctanos
1130                                                                        </a>
1131                                                                    </li>
1132                                                                
1133                                                            
1134                                                        </ul>
1135
1136                                                       <div class="portal-link-section mt-5">
1137    <ul class="list-unstyled my-1 ms-3 ps-4">
1138
1139        
1140        
1141                    
1142                                                                                                                                                                                                                                                                                                
1143                                                                        <li class="mt-2">
1144                                                                            <a
1145                                                                                href="https://st-jude.parents.isamshosting.cloud/"
1146                                                                                rel=""
1147                                                                                class="dropdown-item btn-only-arrow d-flex align-items-center                                                                                 btn-account color-school-text fw-bold ps-0"
1148                                                                                target="_blank"
1149                                                                                title="Portal de padres"
1150                                                                            >Portal de padres</a>
1151                                                                        </li>
1152                                                                                                                                                                                                    <ul>
1153                                                        </div>
1154                                                                                                    </div>
1155                                            </div>
1156                                        </div>
1157                                </li>
1158                                                                                                                                                                                
1159                        
1160                        
1161                            
1162                        
1163                        
1164                        
1165                                                                                                                                                                        
1166                        
1167                                                                                        <li class="nav-item ps-xl-3 d-xl-flex flex-xl-row align-items-start ">
1168                                    <div class="vr vr-first-level float-start h-100 me-3 opacity-100 d-none d-xl-block"></div>
1169                                    <div class="d-flex flex-column justify-content-xl-around">
1170                                                                                                                               <a
1171                                                accesskey=""
1172                                                class="nav-link dropdown-toggle first-level-name  fw-bold p-0 w-auto"
1173                                                href="#"
1174                                                rel=""
1175                                                tabindex=""
1176                                                title="Vida escolar"
1177                                                id="navbarDropdown_4"
1178                                                role="button"
1179                                                data-bs-auto-close
1179="outside"
1180                                                data-bs-toggle="dropdown"
1181                                                aria-expanded="false"
1182                                            >
1183                                                Vida escolar
1184                                            </a>
1185                                                                                                                            <p class="first-level-description mt-2 mb-0" title="Where confidence grows">Where confidence grows</p>
1186                                                                                                                        <div class="dropdown-menu dropdown-menu-custom  py-0 border-0 m-0" aria-labelledby="navbarDropdown_4">
1187                                            <div class="row mx-0">
1188                                                                                                                                                                                                    <div class="col-12 col-xl-5 px-0">
1189                                                        <div class="wrapper-image ms-auto ms-xl-0 d-none d-xl-block ">
1190                                                            <picture >
1191	<source srcset="/MEXCA%20-%20St.%20Jude%20School/Sports%20%26%20activities/multimedia%20grid/21471/image-thumb__21471__w1920/DSC01336.10de0163.webp 1
1191x, /MEXCA%20-%20St.%20Jude%20School/Sports%20%26%20activities/multimedia%20grid/21471/image-thumb__21471__w1920/[email protected] 2x" width="1920" height="1920" type="image/webp" />
1192	<img src="/MEXCA%20-%20St.%20Jude%20School/Sports%20%26%20activities/multimedia%20grid/21471/image-thumb__21471__w1920/DSC01336.10de0163.webp" width="1920" height="1920" alt="Vida escolar" loading="lazy" srcset="/MEXCA%20-%20St.%20Jude%20School/Sports%20%26%20activities/multimedia%20grid/21471/image-thumb__21471__w1920/DSC01336.10de0163.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Sports%20%26%20activities/multimedia%20grid/21471/image-thumb__21471__w1920/[email protected] 2x" />
1193</picture>
1194
1195                                                        </div>
1196                                                        <div class="wrapper-image ms-auto ms-xl-0 d-xl-none d-flex justify-content-end ">
1197                                                                                                                            <picture >
1198	<source srcset="/MEXCA%20-%20St.%20Jude%20School/Sports%20%26%20activities/multimedia%20grid/21471/image-thumb__21471__w1920/DSC01336.10de0163.webp 1
1198x, /MEXCA%20-%20St.%20Jude%20School/Sports%20%26%20activities/multimedia%20grid/21471/image-thumb__21471__w1920/[email protected] 2x" width="1920" height="1920" type="image/webp" />
1199	<img src="/MEXCA%20-%20St.%20Jude%20School/Sports%20%26%20activities/multimedia%20grid/21471/image-thumb__21471__w1920/DSC01336.10de0163.webp" width="1920" height="1920" alt="Vida escolar" loading="lazy" srcset="/MEXCA%20-%20St.%20Jude%20School/Sports%20%26%20activities/multimedia%20grid/21471/image-thumb__21471__w1920/DSC01336.10de0163.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Sports%20%26%20activities/multimedia%20grid/21471/image-thumb__21471__w1920/[email protected] 2x" />
1200</picture>
1201
1202                                                                                                                    </div>
1203                                                    </div>
1204                                                                                                                                                <div class="col-12 col-xl-4 dropdown-menu-section">
1205                                                        <div class="intro-level text-start ps-4 ps-xl-3">
1206                                                            <div class="d-flex">
1207                                                                <button type="button" onclick="closeSubMenuMobile(4)"
1208                                                                    class="btn p-0 d-flex d-xl-none align-items-center intro-level-only-arrow fw-bold color-school-text text-decoration-underline align-items-end "
1209                                                                    title="Close Sub Menu"></button>
1210                                                                <a
1211                                                                    href="https://www.stjude.ed.cr/vida-escolar"
1212                                                                    accesskey=""
1213                                                                    class="intro-level-title fw-bold color-school-text text-decoration-underline mb-0 "
1214                                                                    rel=""
1215                                                                    tabindex=""
1216                                                                    target=""
1217                                                                    title="Vida escolar"
1218                                                                >Vida escolar</a>
1219                                                            </div>
1220                                                                                                                            <p class="intro-level-description mt-2 mb-0 ps-4 ps-lg-0">Where confidence grows</p>
1221                                                                                                                    </div>
1222                                                        
1223                                                <ul class="dropdown-menu-list list-unstyled mt-4">
1224
1225                                                    
1226                                                    
1227                                                        
1228                                                        
1229                                                        
1230                                                        
1231                                                        
1232                                                        
1233                                                        
1234                                                        
1235                                                        
1236                                                        <li class="d-flex flex-row ps-lg-0 ps-4 pe-4">
1237                                                            <div class="vr me-3 opacity-100"></div>
1238                                                            <a
1239                                                                href="/vida-escolar/clubs-deportes-oportunidades"
1240                                                                accesskey=""
1241                                                                class="dropdown-item p-0 w-100 "
1242                                                                rel=""
1243                                                                tabindex=""
1244                                                                target=""
1245                                                                title="Clubs, deportes y oportunidades"
1246                                                                style="white-space: break-spaces;"
1247                                                            >Clubs, deportes y oportunidades</a>
1248                                                        </li>
1249
1250                                                    
1251                                                        
1252                                                        
1253                                                        
1254                                                        
1255                                                        
1256                                                        
1257                                                        
1258                                                        
1259                                                        
1260                                                        <li class="d-flex flex-row ps-lg-0 ps-4 pe-4">
1261                                                            <div class="vr me-3 opacity-100"></div>
1262                                                            <a
1263                                                                href="/vida-escolar/multilinguismo"
1264                                                                accesskey=""
1265                                                                class="dropdown-item p-0 w-100 "
1266                                                                rel=""
1267                                                                tabindex=""
1268                                                                target=""
1269                                                                title="Multilingüismo"
1270                                                                style="white-space: break-spaces;"
1271                                                            >Multilingüismo</a>
1272                                                        </li>
1273
1274                                                    
1275                                                        
1276                                                        
1277                                                        
1278                                                        
1279                                                        
1280                                                        
1281                                                        
1282                                                        
1283                                                        
1284                                                        <li class="d-flex flex-row ps-lg-0 ps-4 pe-4">
1285                                                            <div class="vr me-3 opacity-100"></div>
1286                                                            <a
1287                                                                href="/vida-escolar/voces-comunidad"
1288                                                                accesskey=""
1289                                                                class="dropdown-item p-0 w-100 "
1290                                                                rel=""
1291                                                                tabindex=""
1292                                                                target=""
1293                                                                title="Testimoniales"
1294                                                                style="white-space: break-spaces;"
1295                                                            >Testimoniales</a>
1296                                                        </li>
1297
1298                                                    
1299                                                </ul>
1300
1301                                                                                                    </div>
1302                                                                                                <div class="col-3 dropdown-menu-section megamenu-fixed-section d-none d-xl-block pe-0">
1303                                                                                                                                                                                                                       <ul class="dropdown-menu-list-fixed list-unstyled ms-3 ps-4">
1304                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="mt-2 mb-3">
1305                                                                        <a
1306                                                                            href="/calendario"
1307                                                                            accesskey=""
1308                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
1309                                                                            rel=""
1310                                                                            tabindex=""
1311                                                                            target=""
1312                                                                            title="Calendario"
1313                                                                        >
1314                                                                            Calendario
1315                                                                        </a>
1316                                                                    </li>
1317                                                                
1318                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="my-3">
1319                                                                        <a
1320                                                                            href="/transporte"
1321                                                                            accesskey=""
1322                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
1323                                                                            rel=""
1324                                                                            tabindex=""
1325                                                                            target=""
1326                                                                            title="Trans
1326porte"
1327                                                                        >
1328                                                                            Transporte
1329                                                                        </a>
1330                                                                    </li>
1331                                                                
1332                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="my-3">
1333                                                                        <a
1334                                                                            href="/salvaguardia"
1335                                                                            accesskey=""
1336                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
1337                                                                            rel=""
1338                                                                            tabindex=""
1339                                                                            target=""
1340                                                                            title="Salvaguardia"
1341                                                                        >
1342                                                                            Salvaguardia
1343                                                                        </a>
1344                                                                    </li>
1345                                                                
1346                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="my-3">
1347                                                                        <a
1348                                                                            href="/trabaja-con-nosotros"
1349                                                                            accesskey=""
1350                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
1351                                                                            rel=""
1352                                                                            tabindex=""
1353                                                                            target=""
1354                                                                            title="Trabaja con nosotros"
1355                                                                        >
1356                                                                            Trabaja con nosotros
1357                                                                        </a>
1358                                                                    </li>
1359                                                                
1360                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="my-3">
1361                                                                        <a
1362                                                                            href="/preguntas-frecuentes"
1363                                                                            accesskey=""
1364                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
1365                                                                            rel=""
1366                                                                            tabindex=""
1367                                                                            target=""
1368                                                                            title="Preguntas frecuentes"
1369                                                                        >
1370                                                                            Preguntas frecuentes
1371                                                                        </a>
1372                                                                    </li>
1373                                                                
1374                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="my-3">
1375                                                                        <a
1376                                                                            href="/documentos-politicas"
1377                                                                            accesskey=""
1378                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
1379                                                                            rel=""
1380                                                                            tabindex=""
1381                                                                            target=""
1382                                                                            title="Políticas y avisos"
1383                                                                        >
1384                                                                            Políticas y avisos
1385                                                                        </a>
1386                                                                    </li>
1387                                                                
1388                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="my-3">
1389                                                                        <a
1390                                                                            href="https://www.stjude.ed.cr/contactanos"
1391                                                                            accesskey=""
1392                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
1393                                                                            rel=""
1394                                                                            tabindex=""
1395                                                                            target=""
1396                                                                            title="Contáctanos"
1397                                                                        >
1398                                                                            Contáctanos
1399                                                                        </a>
1400                                                                    </li>
1401                                                                
1402                                                            
1403                                                        </ul>
1404
1405                                                       <div class="portal-link-section mt-5">
1406    <ul class="list-unstyled my-1 ms-3 ps-4">
1407
1408        
1409        
1410                    
1411                                                                                                                                                                                                                                                                                                
1412                                                                        <li class="mt-2">
1413                                                                            <a
1414                                                                                href="https://st-jude.parents.isamshosting.cloud/"
1415                                                                                rel=""
1416                                                                                class="dropdown-item btn-only-arrow d-flex align-items-center                                                                                 btn-account color-school-text fw-bold ps-0"
1417                                                                                target="_blank"
1418                                                                                title="Portal de padres"
1419                                                                            >Portal de padres</a>
1420                                                                        </li>
1421                                                                                                                                                                                                    <ul>
1422                                                        </div>
1423                                                                                                    </div>
1424                                            </div>
1425                                        </div>
1426                                </li>
1427                                                                                                                                                                                
1428                        
1429                        
1430                            
1431                        
1432                        
1433                        
1434                                                                                                                                                                        
1435                        
1436                                                                                        <li class="nav-item ps-xl-3 d-xl-flex flex-xl-row align-items-start ">
1437                                    <div class="vr vr-first-level float-start h-100 me-3 opacity-100 d-none d-xl-block"></div>
1438                                    <div class="d-flex flex-column justify-content-xl-around">
1439                                                                                                                               <a
1440                                                accesskey=""
1441                                                class="nav-link dropdown-toggle first-level-name  fw-bold p-0 w-auto"
1442                                                href="#"
1443                                                rel=""
1444                                                tabindex=""
1445                                                title="Noticias y eventos"
1446                                                id="navbarDropdown_5"
1447                                                role="button"
1448                                                data-bs-auto-close
1448="outside"
1449                                                data-bs-toggle="dropdown"
1450                                                aria-expanded="false"
1451                                            >
1452                                                Noticias y eventos
1453                                            </a>
1454                                                                                                                            <p class="first-level-description mt-2 mb-0" title="¿Qué está pasando?">¿Qué está pasando?</p>
1455                                                                                                                        <div class="dropdown-menu dropdown-menu-custom  py-0 border-0 m-0" aria-labelledby="navbarDropdown_5">
1456                                            <div class="row mx-0">
1457                                                                                                                                                                                                    <div class="col-12 col-xl-5 px-0">
1458                                                        <div class="wrapper-image ms-auto ms-xl-0 d-none d-xl-block ">
1459                                                            <picture >
1460	<source srcset="/MEXCA%20-%20St.%20Jude%20School/Sports%20%26%20activities/multimedia%20grid/21474/image-thumb__21474__w1920/DSC04070.1e8835b9.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Sports%20%26%20activities/multimedia%20grid/21474/image-thumb__21474__w1920/[email protected] 2x" width="1920" height="1280" type="image/webp" />
1461	<img src="/MEXCA%20-%20St.%20Jude%20School/Sports%20%26%20activities/multimedia%20grid/21474/image-thumb__21474__w1920/DSC04070.1e8835b9.webp" width="1920" height="1280" alt="Noticias y eventos" loading="lazy" srcset="/MEXCA%20-%20St.%20Jude%20School/Sports%20%26%20activities/multimedia%20grid/21474/image-thumb__21474__w1920/DSC04070.1e8835b9.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Sports%20%26%20activities/multimedia%20grid/21474/image-thumb__21474__w1920/[email protected] 2x" />
1462</picture>
1463
1464                                                        </div>
1465                                                        <div class="wrapper-image ms-auto ms-xl-0 d-xl-none d-flex justify-content-end ">
1466                                                                                                                            <picture >
1467	<source srcset="/MEXCA%20-%20St.%20Jude%20School/Sports%20%26%20activities/multimedia%20grid/21474/image-thumb__21474__w1920/DSC04070.1e8835b9.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Sports%20%26%20activities/multimedia%20grid/21474/image-thumb__21474__w1920/[email protected] 2x" width="1920" height="1280" type="image/webp" />
1468	<img src="/MEXCA%20-%20St.%20Jude%20School/Sports%20%26%20activities/multimedia%20grid/21474/image-thumb__21474__w1920/DSC04070.1e8835b9.webp" width="1920" height="1280" alt="Noticias y eventos" loading="lazy" srcset="/MEXCA%20-%20St.%20Jude%20School/Sports%20%26%20activities/multimedia%20grid/21474/image-thumb__21474__w1920/DSC04070.1e8835b9.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Sports%20%26%20activities/multimedia%20grid/21474/image-thumb__21474__w1920/[email protected] 2x" />
1469</picture>
1470
1471                                                                                                                    </div>
1472                                                    </div>
1473                                                                                                                                                <div class="col-12 col-xl-4 dropdown-menu-section">
1474                                                        <div class="intro-level text-start ps-4 ps-xl-3">
1475                                                            <div class="d-flex">
1476                                                                <button type="button" onclick="closeSubMenuMobile(5)"
1477                                                                    class="btn p-0 d-flex d-xl-none align-items-center intro-level-only-arrow fw-bold color-school-text text-decoration-underline align-items-end "
1478                                                                    title="Close Sub Menu"></button>
1479                                                                <a
1480                                                                    href="https://www.stjude.ed.cr/noticias-eventos"
1481                                                                    accesskey=""
1482                                                                    class="intro-level-title fw-bold color-school-text text-decoration-underline mb-0 "
1483                                                                    rel=""
1484                                                                    tabindex=""
1485                                                                    target=""
1486                                                                    title="Noticias y eventos"
1487                                                                >Noticias y eventos</a>
1488                                                            </div>
1489                                                                                                                            <p class="intro-level-description mt-2 mb-0 ps-4 ps-lg-0">¿Qué está pasando?</p>
1490                                                                                                                    </div>
1491                                                        
1492                                                <ul class="dropdown-menu-list list-unstyled mt-4">
1493
1494                                                    
1495                                                    
1496                                                        
1497                                                        
1498                                                        
1499                                                        
1500                                                        
1501                                                        
1502                                                        
1503                                                        
1504                                                        
1505                                                        <li class="d-flex flex-row ps-lg-0 ps-4 pe-4">
1506                                                            <div class="vr me-3 opacity-100"></div>
1507                                                            <a
1508                                                                href="/noticias-eventos/noticias"
1509                                                                accesskey=""
1510                                                                class="dropdown-item p-0 w-100 "
1511                                                                rel=""
1512                                                                tabindex=""
1513                                                                target=""
1514                                                                title="Noticias"
1515                                                                style="white-space: break-spaces;"
1516                                                            >Noticias</a>
1517                                                        </li>
1518
1519                                                    
1520                                                        
1521                                                        
1522                                                        
1523                                                        
1524                                                        
1525                                                        
1526                                                        
1527                                                        
1528                                                        
1529                                                        <li class="d-flex flex-row ps-lg-0 ps-4 pe-4">
1530                                                            <div class="vr me-3 opacity-100"></div>
1531                                                            <a
1532                                                                href="https://www.stjude.ed.cr/noticias-eventos/eventos"
1533                                                                accesskey=""
1534                                                                class="dropdown-item p-0 w-100 "
1535                                                                rel=""
1536                                                                tabindex=""
1537                                                                target=""
1538                                                                title="Eventos"
1539                                                                style="white-space: break-spaces;"
1540                                                            >Eventos</a>
1541                                                        </li>
1542
1543                                                    
1544                                                        
1545                                                        
1546                                                        
1547                                                        
1548                                                        
1549                                                        
1550                                                        
1551                                                        
1552                                                        
1553                                                        <li class="d-flex flex-row ps-lg-0 ps-4 pe-4">
1554                                                            <div class="vr me-3 opacity-100"></div>
1555                                                            <a
1556                                                                href=""
1557                                                                accesskey=""
1558                                                                class="dropdown-item p-0 w-100 "
1559                                                                rel=""
1560                                                                tabindex=""
1561                                                                target=""
1562                                                                title="Summer camp"
1563                                                                style="white-space: break-spaces;"
1564                                                            >Summer camp</a>
1565                                                        </li>
1566
1567                                                    
1568                                                </ul>
1569
1570                                                                                                    </div>
1571                                                                                                <div class="col-3 dropdown-menu-section megamenu-fixed-section d-none d-xl-block pe-0">
1572                                                                                                                                                                                                                       <ul class="dropdown-menu-list-fixed list-unstyled ms-3 ps-4">
1573                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="mt-2 mb-3">
1574                                                                        <a
1575                                                                            href="/calendario"
1576                                                                            accesskey=""
1577                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
1578                                                                            rel=""
1579                                                                            tabindex=""
1580                                                                            target=""
1581                                                                            title="Calendario"
1582                                                                        >
1583                                                                            Calendario
1584                                                                        </a>
1585                                                                    </li>
1586                                                                
1587                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="my-3">
1588                                                                        <a
1589                                                                            href="/transporte"
1590                                                                            accesskey=""
1591                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
1592                                                                            rel=""
1593                                                                            tabindex=""
1594                                                                            target=""
1595                                                                            title="Trans
1595porte"
1596                                                                        >
1597                                                                            Transporte
1598                                                                        </a>
1599                                                                    </li>
1600                                                                
1601                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="my-3">
1602                                                                        <a
1603                                                                            href="/salvaguardia"
1604                                                                            accesskey=""
1605                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
1606                                                                            rel=""
1607                                                                            tabindex=""
1608                                                                            target=""
1609                                                                            title="Salvaguardia"
1610                                                                        >
1611                                                                            Salvaguardia
1612                                                                        </a>
1613                                                                    </li>
1614                                                                
1615                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="my-3">
1616                                                                        <a
1617                                                                            href="/trabaja-con-nosotros"
1618                                                                            accesskey=""
1619                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
1620                                                                            rel=""
1621                                                                            tabindex=""
1622                                                                            target=""
1623                                                                            title="Trabaja con nosotros"
1624                                                                        >
1625                                                                            Trabaja con nosotros
1626                                                                        </a>
1627                                                                    </li>
1628                                                                
1629                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="my-3">
1630                                                                        <a
1631                                                                            href="/preguntas-frecuentes"
1632                                                                            accesskey=""
1633                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
1634                                                                            rel=""
1635                                                                            tabindex=""
1636                                                                            target=""
1637                                                                            title="Preguntas frecuentes"
1638                                                                        >
1639                                                                            Preguntas frecuentes
1640                                                                        </a>
1641                                                                    </li>
1642                                                                
1643                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="my-3">
1644                                                                        <a
1645                                                                            href="/documentos-politicas"
1646                                                                            accesskey=""
1647                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
1648                                                                            rel=""
1649                                                                            tabindex=""
1650                                                                            target=""
1651                                                                            title="Políticas y avisos"
1652                                                                        >
1653                                                                            Políticas y avisos
1654                                                                        </a>
1655                                                                    </li>
1656                                                                
1657                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="my-3">
1658                                                                        <a
1659                                                                            href="https://www.stjude.ed.cr/contactanos"
1660                                                                            accesskey=""
1661                                                                            class="dropdown-item dropdown-item-fixed p-0 color-school-text text-decoration-underline "
1662                                                                            rel=""
1663                                                                            tabindex=""
1664                                                                            target=""
1665                                                                            title="Contáctanos"
1666                                                                        >
1667                                                                            Contáctanos
1668                                                                        </a>
1669                                                                    </li>
1670                                                                
1671                                                            
1672                                                        </ul>
1673
1674                                                       <div class="portal-link-section mt-5">
1675    <ul class="list-unstyled my-1 ms-3 ps-4">
1676
1677        
1678        
1679                    
1680                                                                                                                                                                                                                                                                                                
1681                                                                        <li class="mt-2">
1682                                                                            <a
1683                                                                                href="https://st-jude.parents.isamshosting.cloud/"
1684                                                                                rel=""
1685                                                                                class="dropdown-item btn-only-arrow d-flex align-items-center                                                                                 btn-account color-school-text fw-bold ps-0"
1686                                                                                target="_blank"
1687                                                                                title="Portal de padres"
1688                                                                            >Portal de padres</a>
1689                                                                        </li>
1690                                                                                                                                                                                                    <ul>
1691                                                        </div>
1692                                                                                                    </div>
1693                                            </div>
1694                                        </div>
1695                                </li>
1696                                                                        </ul>
1697                                        <div class="col-12 dropdown-menu-section megamenu-fixed-section d-block d-xl-none mt-5">
1698                                                    <ul class="dropdown-menu-list-fixed list-unstyled">
1699                                                                                                                                                                      
1700                                    
1701                                    
1702                                    
1703                                    
1704                                    
1705                                    
1706                                                                                                                                                    <li class="mt-2 mb-2 ">
1707                                            <a
1708                                                href="/calendario"
1709                                                accesskey=""
1710                                                class="dropdown-item-fixed p-0 color-school-text text-decoration-underline "
1711                                                rel=""
1712                                                tabindex=""
1713                                                target=""
1714                                                title="Calendario"
1715                                            >Calendario</a>
1716                                        </li>
1717                                                                                                                                                                          
1718                                    
1719                                    
1720                                    
1721                                    
1722                                    
1723                                    
1724                                                                                                                                                    <li class="my-2 ">
1725                                            <a
1726                                                href="/transporte"
1727                                                accesskey=""
1728                                                class="dropdown-item-fixed p-0 color-school-text text-decoration-underline "
1729                                                rel=""
1730                                                tabindex=""
1731                                                target=""
1732                                                title="Transporte"
1733                                            >Transporte</a>
1734                                        </li>
1735                                                                                                                                                                          
1736                                    
1737                                    
1738                                    
1739                                    
1740                                    
1741                                    
1742                                                                                                                                                    <li class="my-2 ">
1743                                            <a
1744                                                href="/salvaguardia"
1745                                                accesskey=""
1746                                                class="dropdown-item-fixed p-0 color-school-text text-decoration-underline "
1747                                                rel=""
1748                                                tabindex=""
1749                                                target=""
1750                                                title="Salvaguardia"
1751                                            >Salvaguardia</a>
1752                                        </li>
1753                                                                                                                                                                          
1754                                    
1755                                    
1756                                    
1757                                    
1758                                    
1759                                    
1760                                                                                                                                                    <li class="my-2 ">
1761                                            <a
1762                                                href="/trabaja-con-nosotros"
1763                                                accesskey=""
1764                                                class="dropdown-item-fixed p-0 color-school-text text-decoration-underline "
1765                                                rel=""
1766                                                tabindex=""
1767                                                target=""
1768                                                title="Trabaja con nosotros"
1769                                            >Trabaja con nosotros</a>
1770                                        </li>
1771                                                                                                                                                                          
1772                                    
1773                                    
1774                                    
1775                                    
1776                                    
1777                                    
1778                                                                                                                                                    <li class="my-2 ">
1779                                            <a
1780                                                href="/preguntas-frecuentes"
1781                                                accesskey=""
1782                                                class="dropdown-item-fixed p-0 color-school-text text-decoration-underline "
1783                                                rel=""
1784                                                tabindex=""
1785                                                target=""
1786                                                title="Preguntas frecuentes"
1787                                            >Preguntas frecuentes</a>
1788                                        </li>
1789                                                                                                                                                                          
1790                                    
1791                                    
1792                                    
1793                                    
1794                                    
1795                                    
1796                                                                                                                                                    <li class="my-2 ">
1797                                            <a
1798                                                href="/documentos-politicas"
1799                                                accesskey=""
1800                                                class="dropdown-item-fixed p-0 color-school-text text-decoration-underline "
1801                                                rel=""
1802                                                tabindex=""
1803                                                target=""
1804                                                title="Políticas y avisos"
1805                                            >Políticas y avisos</a>
1806                                        </li>
1807                                                                                                                                                                          
1808                                    
1809                                    
1810                                    
1811                                    
1812                                    
1813                                    
1814                                                                                                                                                    <li class="my-2 ">
1815                                            <a
1816                                                href="https://www.stjude.ed.cr/contactanos"
1817                                                accesskey=""
1818                                                class="dropdown-item-fixed p-0 color-school-text text-decoration-underline "
1819                                                rel=""
1820                                                tabindex=""
1821                                                target=""
1822                                                title="Contáctanos"
1823                                            >Contáctanos</a>
1824                                        </li>
1825                                                                                                </ul>
1826                                                <div class="portal-link-section mt-4">
1827                            <ul class="d-flex flex-wrap justify-content-between list-unstyled px-3 pb-3">
1828                                                                                                                                    
1829                                                                                                                                                                
1830                                        <li class="py-3 w-50">
1831                                            <a
1832                                                href="https://st-jude.parents.isamshosting.cloud/"
1833                                                rel=""
1834                                                class="btn-only-arrow w-100  btn-account color-school-text align-items-center fw-bold d-inline-flex"
1835                                                target="_blank"
1836                                                title="Portal de padres"
1837                                            >Portal de padres</a>
1838                                        </li>
1839                                                                                                </ul>
1840                        </div>
1841                    </div>
1842                </div>
1843                                                 
1844
1845                                        <div class="dropdown dropdown-languages-switcher d-xl-none">
1846                    <a href="#"  class="ms-auto dropdown-toggle btn btn-primary btn-school-icon d-flex justify-content-center align-items-center" role="button" id="dropdownLanguagesSwitcherMobile" data-bs-toggle="dropdown" aria-expanded="false"data-bs-auto-close
1846="outside" title="Language">
1847                                                <img src="/images/lang/es.svg" width="24" height="24" alt="Language switcher" />
1848                    </a>
1849                    <ul class="dropdown-menu dropdown-menu-mobile py-2 border-0 background-color-school-light" aria-labelledby="dropdownLanguagesSwitcherMobile">
1850                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="px-4 py-1">
1851                                    <a href="https://www.stjude.ed.cr/etapas-educativas"
1852                                        class="fw-bold  text-decoration-underline text-uppercase align-items-center d-flex color-school-text gap-2"
1853                                        target="_self"
1854                                        title="lang es">
1855                                        <img src="/images/lang/es.svg" width="16" height="16" alt="Language es" />
1856                                        es
1857                                    </a>
1858                                </li>
1859                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li class="px-4 py-1">
1860                                    <a href="https://www.stjude.ed.cr/en/learning-journey"
1861                                        class="text-uppercase align-items-center d-flex color-school-text gap-2"
1862                                        target="_self"
1863                                        title="lang en">
1864                                        <img src="/images/lang/en.svg" width="16" height="16" alt="Language en" />
1865                                        en
1866                                    </a>
1867                                </li>
1868                                                                        </ul>
1869                </div>
1870                                    
1871                             <div class="ms-xl-auto  ">
1872                        <a
1873                            href="https://www.stjude.ed.cr/admisiones/solicita-informacion"
1874                            accesskey=""
1875                            class="btn btn-primary flex-fill flex-xl-grow-0 "
1876                            rel=""
1877                            tabindex=""
1878                            target="_self"
1879                            title="Solicita información"
1880                        >Solicita información</a>
1881                </div>
1882                                     <div class="dropdown dropdown-languages-switcher dropdown-languages-switcher-desktop  dropdown-languages-switcher-mobile d-none d-md-none">
1883                <a href="#" class="ms-auto dropdown-toggle" role="button" id="dropdownLanguagesSwitcher" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="outside">
1884                    <img src="/images/languages-switcher-black.svg" width="24" height="24" alt="Language switcher" />
1885                </a>
1886                <ul class="dropdown-menu dropdown-menu py-2 border-0 background-color-school-light h-100" aria-labelledby="dropdownLanguagesSwitcherMobile" id="languageSwitcherMenu">
1887                    <!-- Options will be dynamically added here -->
1888                </ul>
1889            </div>
1890
1891
1892                        <ul class="header-icon-section list-group list-group-horizontal list-unstyled  d-none d-xl-flex align-items-xl-center">
1893                
1894                    
1895                                                    <li>
1896                        <a
1897                            href="https://www.stjude.ed.cr/contactanos"
1898                            accesskey=""
1899                            class="ms-auto "
1900                            rel=""
1901                            tabindex=""
1902                            target=""
1903                            title="Contáctanos"
1904                        >
1905                                                    <img src="/images/location-black.svg" width="14" height="18" alt="School Location"/></a>
1906                                            </li>
1907                                <li>
1908                                            <div class="dropdown dropdown-portal-links portal-links-trigger d-flex justify-content-center align-items-center">
1909                            <a
1910                                class="dropdown-toggle d-flex"
1911                                href="#" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false"
1912                                data-bs-auto-close="outside"
1913                            ><span class="portal-links-icon portal-links-icon-account" role="img" aria-label="Portal Links"></span></a>
1914                            <ul class="dropdown-menu end-0 py-3 px-4 border-0 background-color-school-light" aria-labelledby="dropdownPortalLinks">
1915
1916                                
1917                                
1918                                                                    
1919                                                                                                                                                                
1920                                        <li class="mb-2 mt-1">
1921                                            <a
1922                                                href="https://st-jude.parents.isamshosting.cloud/"
1923                                                class="btn-only-arrow other btn-account  color-school-text fw-bold"
1924                                                rel=""
1925                                                target="_blank"
1926                                                title="Portal de padres"
1927                                            >Portal de padres</a>
1928                                        </li>
1929                                                                                                </ul>
1930                        </div>
1931                                    </li>
1932                <div class="dropdown dropdown-languages-switcher dropdown-languages-switcher-desktop  dropdown-languages-switcher-mobile d-none d-md-none">
1933                    <a href="#" class="ms-auto dropdown-toggle" role="button" id="dropdownLanguagesSwitcher" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="outside">
1934                        <img src="/images/languages-switcher-black.svg" width="24" height="24" alt="Language switcher" />
1935                    </a>
1936                    <ul class="dropdown-menu dropdown-menu py-2 border-0 background-color-school-light h-100" aria-labelledby="dropdownLanguagesSwitcherMobile" id="languageSwitcherMenu">
1937                        <!-- Options will be dynamically added here -->
1938                    </ul>
1939                </div>
1940
1941                                    <li>
1942                                                <div class="dropdown dropdown-languages-switcher">
1943                            <a href="#"  class="ms-auto dropdown-toggle" role="button" id="dropdownLanguagesSwitcher" data-bs-toggle="dropdown" aria-expanded="false"data-bs-auto-close="outside" title="Language">
1944                                <img src="/images/lang/es.svg" width="24" height="24" alt="Language switcher" />
1945                            </a>
1946                            <ul class="dropdown-menu py-2 border-0 background-color-school-light" aria-labelledby="dropdownLanguagesSwitcher">
1947                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li class="px-4 py-1">
1948                                            <a href="https://www.stjude.ed.cr/etapas-educativas"
1949                                                class="fw-bold  text-decoration-underline text-uppercase align-items-xl-center d-flex color-school-text gap-sm-2"
1950                                                target="_self"
1951                                                title="lang es">
1952                                                <img src="/images/lang/es.svg" width="16" height="16" alt="Language es" />
1953                                                es
1954                                            </a>
1955                                        </li>
1956                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li class="px-4 py-1">
1957                                            <a href="https://www.stjude.ed.cr/en/learning-journey"
1958                                                class="text-uppercase align-items-xl-center d-flex color-school-text gap-sm-2"
1959                                                target="_self"
1960                                                title="lang en">
1961                                                <img src="/images/lang/en.svg" width="16" height="16" alt="Language en" />
1962                                                en
1963                                            </a>
1964                                        </li>
1965                                                                                                </ul>
1966                        </div>
1967                    </li>
1968                            </ul>
1969                                                               <button class="navbar-toggler btn btn-primary btn-school-icon" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapseHeader" aria-controls="navbarC
1969ollapseHeader" aria-expanded="false" aria-label="Toggle navigation">
1970                    <span class="navbar-toggler-icon"></span>
1971                </button>
1972                                    </nav>
1973    </div>
1974</header>
1975
1976
1977<script>
1978    function closeSubMenuMobile(index) {
1979        document.getElementById(`navbarDropdown_${index}`).click();
1980    }
1981
1982    function selectSchool(value) {
1983        if(value !== 'null'){
1984            // Open the URL in a new tab
1985            window.open(value, '_blank');
1986            // set select value in null then redirect
1987            document.getElementById('selectSchool').value = 'null';
1988        }
1989    }
1990</script>
1990
1991
1992                
1993                            </div>
1994                    
1995
1996
1997
1998            
1999                        
2000
2001
2002
2003                                    <div class="pimcore_area_hero-slim pimcore_area_content ">
2004            
2005                                    
2006                        <link rel="preload" href="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/2Primaria/21389/image-thumb__21389__w3840_auto_fc7c792e29723a4d3115e0f1425c6b38/DSC03397.19e5f4e8.webp" as="image" media="(min-width: 768px)" fetchpriority="high">
2007                            <link rel="preload" href="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/2Primaria/21389/image-thumb__21389__w3840_auto_fc7c792e29723a4d3115e0f1425c6b38/DSC03397.19e5f4e8.webp" as="image" media="(max-width: 767.98px)" fetchpriority="high">
2008            
2009
2010	<div class="container-fluid px-0 position-relative" id="HeroSlim_0">
2011    								
2012					<div class="d-none d-md-block hero-slim-wrapper-desktop">
2013				<picture >
2014	<source srcset="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/2Primaria/21389/image-thumb__21389__w3840_auto_fc7c792e29723a4d3115e0f1425c6b38/DSC03397.19e5f4e8.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/2Primaria/21389/image-thumb__21389__w3840_auto_fc7c792e29723a4d3115e0f1425c6b38/[email protected] 2x" width="1920" height="489" type="image/webp" />
2015	<img fetchpriority="high" loading="eager" src="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/2Primaria/21389/image-thumb__21389__w3840_auto_fc7c792e29723a4d3115e0f1425c6b38/DSC03397.19e5f4e8.webp" width="1920" height="489" alt="Etapas educativas" loading="lazy" srcset="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/2Primaria/21389/image-thumb__21389__w3840_auto_fc7c792e29723a4d3115e0f1425c6b38/DSC03397.19e5f4e8.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/2Primaria/21389/image-thumb__21389__w3840_auto_fc7c792e29723a4d3115e0f1425c6b38/[email protected] 2x" />
2016</picture>
2017
2018			</div>
2019		
2020
2021		<div class="hero-slim-wrapper-mobile d-block d-md-none">
2022							<picture >
2023	<source srcset="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/2Primaria/21389/image-thumb__21389__w3840_auto_fc7c792e29723a4d3115e0f1425c6b38/DSC03397.19e5f4e8.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/2Primaria/21389/image-thumb__21389__w3840_auto_fc7c792e29723a4d3115e0f1425c6b38/[email protected] 2x" width="1920" height="489" type="image/webp" />
2024	<img fetchpriority="high" loading="eager" src="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/2Primaria/21389/image-thumb__21389__w3840_auto_fc7c792e29723a4d3115e0f1425c6b38/DSC03397.19e5f4e8.webp" width="1920" height="489" alt="Etapas educativas" loading="lazy" srcset="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/2Primaria/21389/image-thumb__21389__w3840_auto_fc7c792e29723a4d3115e0f1425c6b38/DSC03397.19e5f4e8.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/2Primaria/21389/image-thumb__21389__w3840_auto_fc7c792e29723a4d3115e0f1425c6b38/[email protected] 2x" />
2025</picture>
2026
2027					</div>
2028
2029	
2030	
2031	</div>
2032
2033
2034                
2035                            </div>
2036                    
2037
2038
2039
2040
2041                                    <div class="pimcore_area_sub-header pimcore_area_content ">
2042            
2043                                    
2044
2045
2046
2047
2048<div
2049    class="container-fluid px-0 d-flex align-items-center justify-content-center sub-header-wrapper scrollbar-hidden colorSchool subheader-text-white"
2050    id="SubHeader_1">
2051    <ul class="custom-list h-100 p-0 m-0 overflow-x-auto d-flex flex-nowrap align-items-center custom-list-1">
2052
2053                                                                        <li>
2054                        <a
2055                            href="https://www.stjude.ed.cr/etapas-educativas/preescolar-costa-rica"
2056                            target=""
2057                            title="Preescolar"
2058                            parameters=""
2059                            anchor=""
2060                            rel=""
2061                            tabindex=""
2062                            class=" subheader-link "
2063                            accesskey=""
2064                        >
2065                            Preescolar
2066                        </a>
2067                    </li>
2068                                                                <li>
2069                        <a
2070                            href="https://www.stjude.ed.cr/etapas-educativas/primaria-costa-rica"
2071                            target=""
2072                            title="Primaria"
2073                            parameters=""
2074                            anchor=""
2075                            rel=""
2076                            tabindex=""
2077                            class=" subheader-link "
2078                            accesskey=""
2079                        >
2080                            Primaria
2081                        </a>
2082                    </li>
2083                                                                <li>
2084                        <a
2085                            href="https://www.stjude.ed.cr/etapas-educativas/secundaria-costa-rica"
2086                            target=""
2087                            title="Secundaria"
2088                            parameters=""
2089                            anchor=""
2090                            rel=""
2091                            tabindex=""
2092                            class=" subheader-link "
2093                            accesskey=""
2094                        >
2095                            Secundaria
2096                        </a>
2097                    </li>
2098                                                                <li>
2099                        <a
2100                            href="https://www.stjude.ed.cr/etapas-educativas/bachillerato-internacional-costa-rica"
2101                            target=""
2102                            title="IB"
2103                            parameters=""
2104                            anchor=""
2105                            rel=""
2106                            tabindex=""
2107                            class=" subheader-link "
2108                            accesskey=""
2109                        >
2110                            IB
2111                        </a>
2112                    </li>
2113                                        </ul>
2114</div>
2115
2116<script>
2117
2118    // window.onbeforeunload = function () {
2119    //     window.scrollTo(0, 0);
2120    // }
2121
2122    document.addEventListener("DOMContentLoaded", () => { 
2123        let editMode = false
2124        let widgetId = 1;
2125        let widgetName = "SubHeader";
2126        const wrapper = document.getElementById(widgetName + '_' + widgetId);
2127        const list = wrapper.querySelector('.custom-list-' + widgetId);
2128        if(!editMode){  
2129            scrollSubHeader("SubHeader", 1);
2130        }
2131         function checkScrollbar() {
2132        if (list.scrollWidth > list.clientWidth) {
2133            wrapper.classList.add('scrollbar-visible');
2134            wrapper.classList.remove('scrollbar-hidden');
2135        } else {
2136            wrapper.classList.remove('scrollbar-visible');
2137            wrapper.classList.add('scrollbar-hidden');
2138        }
2139    }
2140
2141    checkScrollbar();
2142    window.addEventListener('resize', checkScrollbar);
2143    });
2144</script>
2144
2145
2146
2147
2148                
2149                            </div>
2150                    
2151
2152
2153
2154
2155                                    <div class="pimcore_area_breadcrumbs pimcore_area_content ">
2156            
2157                                    
2158<div class="container breadcrumbs-isp d-flex" id="Breadcrumbs_2">
2159    <nav class="my-breadcrumbs my-breadcrumbs-2 d-flex align-items-center "  aria-label="breadcrumb">
2160    <ul class="d-flex align-items-center">
2161        <li>
2162             <a href="https://www.stjude.ed.cr" class="breadcrumbs-home" title="Homepage" aria-label="Homepage">
2163                 <span class="sr-only">Homepage</span>
2164             </a>
2165        </li>
2166                <li aria-current="page">
2167                            Etapas educativas
2168                    </li>
2169    </ul>
2170    </nav>
2171</div>
2172
2173<script>
2174    document.addEventListener("DOMContentLoaded", () => {
2175        let widgetId =  2;
2176        let breadcrumbsDiv = document.querySelector(`.my-breadcrumbs-${widgetId}`);
2177        if(breadcrumbsDiv){
2178            let textContent = breadcrumbsDiv.innerHTML;
2179            let newTextContent = textContent.replace(/&gt;/g, '');
2180            breadcrumbsDiv.innerHTML = newTextContent;
2181        }
2182    });
2183</script>
2183
2184
2185                
2186                            </div>
2187                    
2188
2189
2190
2191
2192                                    <div class="pimcore_area_intro pimcore_area_content ">
2193            
2194                                    
2195
2196
2197
2198
2199
2200
2201
2202
2203
2204
2205
2206    <div class="container-fluid vertical-intro  d-flex justify-content-center flex-column   widget-padding-bottom" id="VerticalIntro_3">
2207
2208    <div class="container" data-aos="fade-up">
2209                            <h1 class=" h1 text-center intro-title color-school-text">Etapas educativas</h1>
2210        
2211                
2212                <div class="d-flex justify-content-center align-items-center intro-cta-wrapper">
2213                                            </div>
2214    </div>
2215
2216</div>
2217
2218
2219                
2220                            </div>
2221                    
2222
2223
2224
2225
2226                                    <div class="pimcore_area_chessboard pimcore_area_content ">
2227            
2228                                    
2229                                                        
2230
2231<div class="container-fluid px-0  widget-padding-bottom background-" id="Chessboard_4">
2232<div class="chessboard-widget headings-">
2233                                                                        
2234                        
2235                                                     
2236     
2237    
2238 <div class="chessboard-content justify-content-center container d-flex">
2239    <div class="row chessboard-row w-100 flex-row">
2240        <div class=" col-lg-6 col-12 chessboard-image-container ratio-4-3" data-aos="fade-right"  data-aos-delay="300"  data-aos-duration="500">
2241                            <picture >
2242	<source srcset="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/1Preescolar/21379/image-thumb__21379__w1920_auto_851df6bc72c579fa005374509c46f7e6/Oferta%20acade%CC%81mica%20preescolar%201.77de5cf5.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/1Preescolar/21379/image-thumb__21379__w1920_auto_851df6bc72c579fa005374509c46f7e6/Oferta%20acade%CC%81mica%20preescolar%[email protected] 2x" width="1920" height="1383" type="image/webp" />
2243	<img src="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/1Preescolar/21379/image-thumb__21379__w1920_auto_851df6bc72c579fa005374509c46f7e6/Oferta%20acade%CC%81mica%20preescolar%201.77de5cf5.webp" width="1920" height="1383" alt="Preescolar" loading="lazy" srcset="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/1Preescolar/21379/image-thumb__21379__w1920_auto_851df6bc72c579fa005374509c46f7e6/Oferta%20acade%CC%81mica%20preescolar%201.77de5cf5.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/1Preescolar/21379/image-thumb__21379__w1920_auto_851df6bc72c579fa005374509c46f7e6/Oferta%20acade%CC%81mica%20preescolar%[email protected] 2x" />
2244</picture>
2245
2246                    </div>
2247        <div class="col-lg-6 col-12 chessboard-text-container d-flex flex-column justify-content-lg-center py-4 mb-lg-4" data-aos="fade-left"  data-aos-duration="500">
2248
2249                                    <h2 class = "chessboard-title color-school-text">Preescolar</h2>
2250                                                    <p class="h3 chessboard-subtitle"></p>
2251                                                    <div class="enquire-description mt-2">
2252                        <p><strong>De 6 meses a 6 años</strong></p>
2253<p> </p>
2254<p>En St. Jude School, creemos que los primeros años de vida son fundamentales para el aprendizaje y desarrollo de los niños. Por ello, utilizamos el International Early Years Curriculum (IEYC) como base para nuestra enseñanza, asegurando experiencias de aprendizaje significativas, dinámicas y llenas de exploración.</p>
2255                    </div>
2256                                                    <div class="cta-container d-flex flex-wrap gap-2">
2257                                                                                                        <a href="/etapas-educativas/preescolar-costa-rica" internalType="document" linktype="internal" text="Saber más" path="/etapas-educativas/preescolar-costa-rica" title="Saber más" class="btn btn-secondary" internalId="5890">Saber más</a>
2258                        
2259                                                                    </div>
2260                
2261        </div>
2262    </div>
2263    </div>
2264
2265
2266
2267                                                                        
2268                        
2269                                                     
2270     
2271 
2272     
2273
2274 <div class="chessboard-content justify-content-center container d-flex">
2275    <div class="row chessboard-row w-100 flex-row-reverse">
2276        <div class=" col-lg-6 col-12 chessboard-image-container ratio-4-3" data-aos="fade-left"  data-aos-delay="300"  data-aos-duration="500">
2277                            <picture >
2278	<source srcset="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/2Primaria/21406/image-thumb__21406__w1920_auto_c80f334c8dbfeba945d23970e50509b2/Oferta%20acade%CC%81mica%20primaria%202.ffda9df8.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/2Primaria/21406/image-thumb__21406__w1920_auto_c80f334c8dbfeba945d23970e50509b2/Oferta%20acade%CC%81mica%20primaria%[email protected] 2x" width="1920" height="1330" type="image/webp" />
2279	<img src="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/2Primaria/21406/image-thumb__21406__w1920_auto_c80f334c8dbfeba945d23970e50509b2/Oferta%20acade%CC%81mica%20primaria%202.ffda9df8.webp" width="1920" height="1330" alt="Primaria" loading="lazy" srcset="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/2Primaria/21406/image-thumb__21406__w1920_auto_c80f334c8dbfeba945d23970e50509b2/Oferta%20acade%CC%81mica%20primaria%202.ffda9df8.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/2Primaria/21406/image-thumb__21406__w1920_auto_c80f334c8dbfeba945d23970e50509b2/Oferta%20acade%CC%81mica%20primaria%[email protected] 2x" />
2280</picture>
2281
2282                    </div>
2283        <div class="col-lg-6 col-12 chessboard-text-container d-flex flex-column justify-content-lg-center py-4 mb-lg-4" data-aos="fade-right"  data-aos-duration="500">
2284
2285                                    <h2 class = "chessboard-title color-school-text">Primaria</h2>
2286                                                    <p class="h3 chessboard-subtitle"></p>
2287                                                    <div class="enquire-description mt-2">
2288                        <p><strong>De 6 a 11 años</strong></p>
2289<p> </p>
2290<p>En St. Jude School, ofrecemos una educación donde cada niño es el protagonista de su propio aprendizaje. Nuestra etapa de Primaria brinda un entorno dinámico y estimulante en el que los estudiantes exploran, descubren y desarrollan todo su potencial en un ambiente seguro, afectuoso y motivador.</p>
2291                    </div>
2292                                                    <div class="cta-container d-flex flex-wrap gap-2">
2293                                                                                                        <a href="/etapas-educativas/primaria-costa-rica" internalType="document" linktype="internal" text="Saber más" path="/etapas-educativas/primaria-costa-rica" title="Saber más" class="btn btn-secondary" internalId="5892">Saber más</a>
2294                        
2295                                                                    </div>
2296                
2297        </div>
2298    </div>
2299    </div>
2300
2301
2302
2303                                                                        
2304                        
2305                                                     
2306     
2307    
2308 <div class="chessboard-content justify-content-center container d-flex">
2309    <div class="row chessboard-row w-100 flex-row">
2310        <div class=" col-lg-6 col-12 chessboard-image-container ratio-4-3" data-aos="fade-right"  data-aos-delay="300"  data-aos-duration="500">
2311                            <picture >
2312	<source srcset="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/3Secundaria/21414/image-thumb__21414__w1920/DSC03604.c274c6c9.webp 1
2312x, /MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/3Secundaria/21414/image-thumb__21414__w1920/[email protected] 2x" width="1920" height="1280" type="image/webp" />
2313	<img src="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/3Secundaria/21414/image-thumb__21414__w1920/DSC03604.c274c6c9.webp" width="1920" height="1280" alt="Secundaria" loading="lazy" srcset="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/3Secundaria/21414/image-thumb__21414__w1920/DSC03604.c274c6c9.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/3Secundaria/21414/image-thumb__21414__w1920/[email protected] 2x" />
2314</picture>
2315
2316                    </div>
2317        <div class="col-lg-6 col-12 chessboard-text-container d-flex flex-column justify-content-lg-center py-4 mb-lg-4" data-aos="fade-left"  data-aos-duration="500">
2318
2319                                    <h2 class = "chessboard-title color-school-text">Secundaria</h2>
2320                                                    <p class="h3 chessboard-subtitle"></p>
2321                                                    <div class="enquire-description mt-2">
2322                        <p><strong>De 11 a 18 años</strong></p>
2323<p><br />En nuestra Secundaria en Costa Rica seguimos el plan de estudios Cambridge, que impulsa la excelencia académica, el desarrollo personal y el bienestar de los estudiantes, preparándolos con una formación internacional sólida hasta el final del año 11.</p>
2324                    </div>
2325                                                    <div class="cta-container d-flex flex-wrap gap-2">
2326                                                                                                        <a href="/etapas-educativas/secundaria-costa-rica" internalType="document" linktype="internal" text="Saber más" path="/etapas-educativas/secundaria-costa-rica" title="Saber más" class="btn btn-secondary" internalId="5889">Saber más</a>
2327                        
2328                                                                    </div>
2329                
2330        </div>
2331    </div>
2332    </div>
2333
2334
2335
2336                                                                        
2337                        
2338                                                     
2339     
2340 
2341     
2342
2343 <div class="chessboard-content justify-content-center container d-flex">
2344    <div class="row chessboard-row w-100 flex-row-reverse">
2345        <div class=" col-lg-6 col-12 chessboard-image-container ratio-4-3" data-aos="fade-left"  data-aos-delay="300"  data-aos-duration="500">
2346                            <picture >
2347	<source srcset="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/4Bachilerato/21429/image-thumb__21429__w1920/DSC09689.0bd2d215.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/4Bachilerato/21429/image-thumb__21429__w1920/[email protected] 2x" width="1920" height="1920" type="image/webp" />
2348	<img src="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/4Bachilerato/21429/image-thumb__21429__w1920/DSC09689.0bd2d215.webp" width="1920" height="1920" alt="IB" loading="lazy" srcset="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/4Bachilerato/21429/image-thumb__21429__w1920/DSC09689.0bd2d215.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/4Bachilerato/21429/image-thumb__21429__w1920/[email protected] 2x" />
2349</picture>
2350
2351                    </div>
2352        <div class="col-lg-6 col-12 chessboard-text-container d-flex flex-column justify-content-lg-center py-4 mb-lg-4" data-aos="fade-right"  data-aos-duration="500">
2353
2354                                    <h2 class = "chessboard-title color-school-text">IB</h2>
2355                                                    <p class="h3 chessboard-subtitle"></p>
2356                                                    <div class="enquire-description mt-2">
2357                        <p><strong>De 16 a 18 años</strong><br /><br />El Programa del Diploma del Bachillerato Internacional (IB) en St. Jude School brinda a los estudiantes una educación rigurosa y global. Promueve el pensamiento crítico, la investigación y la mentalidad internacional, preparándolos para universidades en todo el mund
2357o.</p>
2358                    </div>
2359                                                    <div class="cta-container d-flex flex-wrap gap-2">
2360                                                                                                        <a href="/etapas-educativas/bachillerato-internacional-costa-rica" internalType="document" linktype="internal" text="Saber más" path="/etapas-educativas/bachillerato-internacional-costa-rica" title="Saber más" class="btn btn-secondary" internalId="5891">Saber más</a>
2361                        
2362                                                                    </div>
2363                
2364        </div>
2365    </div>
2366    </div>
2367
2368
2369
2370    </div>
2371</div>
2372
2373
2374                
2375                            </div>
2376                    
2377
2378
2379
2380
2381                                    <div class="pimcore_area_intro-banner pimcore_area_content ">
2382            
2383                                    
2384
2385
2386
2387
2388<div class="container-fluid background-color-school enquire-now-widget" data-aos="fade-up" id="IntroBanner_5">
2389    <div class="enquire-now-content container d-flex justify-content-center justify-content-lg-start align-items-center semicircle-mask ">
2390    <div class="row col-lg-5 col-12">
2391                                    <h3 class="h3 enquire-now-title text-color-custom">Pide información</h3>
2392                                                    <div class="enquire-description text-color-custom">
2393                        <p>Nuestro colegio es un lugar de crecimiento para tus hijos. ¡Explora nuestros planes de estudios y únete!<p>
2394                    </div>
2395                                <div class="cta-container d-flex">
2396                                            <a href="/admisiones/solicita-informacion" internalType="document" linktype="internal" text="Únete a nuestra comunidad" path="/admisiones/solicita-informacion" title="Únete a nuestra comunidad" class="btn btn-primary" internalId="5882">Únete a nuestra comunidad</a>
2397                                    </div>
2398        <div class="d-none d-lg-flex col-lg-7">
2399        </div>
2400    </div>
2401    </div>
2402    <div class="enquire-now-image col-lg-10 col-12  semicircle-mask">
2403        <picture >
2404	<source srcset="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/3Secundaria/21543/image-thumb__21543__w3200/DSC09677-ib.6d664b30.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/3Secundaria/21543/image-thumb__21543__w3200/[email protected] 2x" width="1920" height="1005" type="image/webp" />
2405	<img src="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/3Secundaria/21543/image-thumb__21543__w3200/DSC09677-ib.6d664b30.webp" width="1920" height="1005" alt="Pide información" loading="lazy" srcset="/MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/3Secundaria/21543/image-thumb__21543__w3200/DSC09677-ib.6d664b30.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Photos%20of%20students/3Secundaria/21543/image-thumb__21543__w3200/[email protected] 2x" />
2406</picture>
2407
2408    </div>
2409</div>
2410
2411
2412                
2413                            </div>
2414                    
2415
2416
2417
2418
2419                                    <div class="pimcore_area_snippets pimcore_area_content ">
2420            
2421                                    
2422    
2423    
2424
2425
2426
2427                                    <div class="pimcore_area_partnership pimcore_area_content ">
2428            
2429                                    
2430
2431
2432
2433
2434
2435    
2436    
2437
2438      
2439      
2440        
2441
2442<div class="widget-partnership-wrapper container-fluid px-0 d-flex flex-column align-items-center justify-content-center  pt-4  pb-4" id="Partnership_58970"
2443     style="background-color: #e6f1ff !important">
2444    <div class="container row w-100 position-relative px-3">
2445                    <h3 class="h3 partnership-title   partnership-title-padding " style="color: #092241">Acreditaciones</h3>
2446                            <button class="swiper-button-prev swiper-button-prev-partner-58970 ">
2447                        <svg aria-hidden="true" width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
2448                                <circle cx="22" cy="22" r="21.5" stroke="#4D2777"/>
2449                                <path d="M15.7563 21.8545C15.4146 21.5197 15.4146 20.9762 15.7563 20.6415L21.0053 15.5003C21.347 15.1656 21.902 15.1656 22.2437 15.5003C22.5854 15.835 22.5854 16.3786 22.2437 16.7133L17.6128 21.249L22.2412 25.7853C22.583 26.12 22.583 26.6633 22.2412 26.998C21.8995 27.3327 21.3445 27.3327 21.0028 26.998L15.7536 21.8569L15.7563 21.8545Z" fill="#4D2777"/>
2450                                <path d="M29.5 21.25C29.5 21.6642 29.1642 22 28.75 22L17.25 22C16.8358 22 16.5 21.6642 16.5 21.25C16.5 20.8358 16.8358 20.5 17.25 20.5L28.75 20.5C29.1642 20.5 29.5 20.8358 29.5 21.25Z" fill="#4D2777"/>
2451                        </svg>
2452            </button>
2453                <div class="swiper w-100 px-0 partnership-partners-wrapper card-size-regular partnership-partners-wrapper-58970  " dir="ltr">
2454    <div class="swiper-wrapper partner-container">
2455                                    <a
2456                    title="IB"
2457                    target="_blank"
2458                                        href="https://www.ibo.org/"
2459                    class="swiper-slide h-100 bg-white partner-card
2460                           landscape-card
2461                           "
2462                     data-aos="fade-up" data-aos-delay="100"                     style="background-color: #fff !important"
2463                >
2464                    <picture >
2465	<source srcset="/MEXCA%20-%20St.%20Jude%20School/Partner/21498/image-thumb__21498__w768/IB.a529c714.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Partner/21498/image-thumb__21498__w768/[email protected] 2x" width="625" height="625" type="image/webp" />
2466	<img src="/MEXCA%20-%20St.%20Jude%20School/Partner/21498/image-thumb__21498__w768/IB.a529c714.webp" width="625" height="625" alt="IB" loading="lazy" srcset="/MEXCA%20-%20St.%20Jude%20School/Partner/21498/image-thumb__21498__w768/IB.a529c714.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Partner/21498/image-thumb__21498__w768/[email protected] 2x" />
2467</picture>
2468
2469                </a>
2470                                                <a
2471                    title="Cambridge"
2472                    target="_blank"
2473                                        href="https://www.cambridgeinternational.org/"
2474                    class="swiper-slide h-100 bg-white partner-card
2475                           landscape-card
2476                           "
2477                     data-aos="fade-up" data-aos-delay="200"                     style="background-color: #fff !important"
2478                >
2479                    <picture >
2480	<source srcset="/MEXCA%20-%20St.%20Jude%20School/Partner/21500/image-thumb__21500__w768/Cambridge%20Certification.6d4e2a57.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Partner/21500/image-thumb__21500__w768/Cambridge%[email protected]
2480d4e2a57.webp 2x" width="625" height="625" type="image/webp" />
2481	<img src="/MEXCA%20-%20St.%20Jude%20School/Partner/21500/image-thumb__21500__w768/Cambridge%20Certification.6d4e2a57.webp" width="625" height="625" alt="Cambridge" loading="lazy" srcset="/MEXCA%20-%20St.%20Jude%20School/Partner/21500/image-thumb__21500__w768/Cambridge%20Certification.6d4e2a57.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Partner/21500/image-thumb__21500__w768/Cambridge%[email protected] 2x" />
2482</picture>
2483
2484                </a>
2485                                                <a
2486                    title="Atlhete Friendly Education"
2487                    target="_blank"
2488                                        href="https://istudy.sport/afec"
2489                    class="swiper-slide h-100 bg-white partner-card
2490                           landscape-card
2491                           "
2492                     data-aos="fade-up" data-aos-delay="300"                     style="background-color: #fff !important"
2493                >
2494                    <picture >
2495	<source srcset="/MEXCA%20-%20St.%20Jude%20School/Partner/21499/image-thumb__21499__w768/Athlete%20Friendly%20Education.22d22179.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Partner/21499/image-thumb__21499__w768/Athlete%20Friendly%[email protected] 2x" width="625" height="625" type="image/webp" />
2496	<img src="/MEXCA%20-%20St.%20Jude%20School/Partner/21499/image-thumb__21499__w768/Athlete%20Friendly%20Education.22d22179.webp" width="625" height="625" alt="Atlhete Friendly Education" loading="lazy" srcset="/MEXCA%20-%20St.%20Jude%20School/Partner/21499/image-thumb__21499__w768/Athlete%20Friendly%20Education.22d22179.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Partner/21499/image-thumb__21499__w768/Athlete%20Friendly%[email protected] 2x" />
2497</picture>
2498
2499                </a>
2500                                                <a
2501                    title="InternationaL Early Years"
2502                    target="_blank"
2503                                        href="https://internationalcurriculum.com/international-curriculum/early-years"
2504                    class="swiper-slide h-100 bg-white partner-card
2505                           landscape-card
2506                           "
2507                     data-aos="fade-up" data-aos-delay="400"                     style="background-color: #fff !important"
2508                >
2509                    <picture >
2510	<source srcset="/MEXCA%20-%20St.%20Jude%20School/Partner/21497/image-thumb__21497__w768/International%20Early%20Years.28bc287c.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Partner/21497/image-thumb__21497__w768/International%20Early%[email protected] 2x" width="625" height="625" type="image/webp" />
2511	<img src="/MEXCA%20-%20St.%20Jude%20School/Partner/21497/image-thumb__21497__w768/International%20Early%20Years.28bc287c.webp" width="625" height="625" alt="InternationaL Early Years" loading="lazy" srcset="/MEXCA%20-%20St.%20Jude%20School/Partner/21497/image-thumb__21497__w768/International%20Early%20Years.28bc287c.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Partner/21497/image-thumb__21497__w768/International%20Early%[email protected] 2x" />
2512</picture>
2513
2514                </a>
2515                                                <a
2516                    title="International Primary Curriculum"
2517                    target="_blank"
2518                                        href="https://internationalcurriculum.com/international-curriculum/primary"
2519                    class="swiper-slide h-100 bg-white partner-card
2520                           landscape-card
2521                           "
2522                     data-aos="fade-up" data-aos-delay="500"                     style="background-color: #fff !important"
2523                >
2524                    <picture >
2525	<source srcset="/MEXCA%20-%20St.%20Jude%20School/Partner/21496/image-thumb__21496__w768/International%20Primary%20Curriculum.c3323419.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Partner/21496/image-thumb__21496__w768/International%20Primary%[email protected] 2x" width="625" height="625" type="image/webp" />
2526	<img src="/MEXCA%20-%20St.%20Jude%20School/Partner/21496/image-thumb__21496__w768/International%20Primary%20Curriculum.c3323419.webp" width="625" height="625" alt="International Primary Curriculum" loading="lazy" srcset="/MEXCA%20-%20St.%20Jude%20School/Partner/21496/image-thumb__21496__w768/International%20Primary%20Curriculum.c3323419.webp 1
2526x, /MEXCA%20-%20St.%20Jude%20School/Partner/21496/image-thumb__21496__w768/International%20Primary%[email protected] 2x" />
2527</picture>
2528
2529                </a>
2530                                                <a
2531                    title="UNESCO"
2532                    target="_blank"
2533                                        href="https://www.unesco.org/en"
2534                    class="swiper-slide h-100 bg-white partner-card
2535                           landscape-card
2536                           "
2537                     data-aos="fade-up" data-aos-delay="600"                     style="background-color: #fff !important"
2538                >
2539                    <picture >
2540	<source srcset="/MEXCA%20-%20St.%20Jude%20School/Partner/21502/image-thumb__21502__w768/UNESCO.9964f9cd.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Partner/21502/image-thumb__21502__w768/[email protected] 2x" width="625" height="625" type="image/webp" />
2541	<img src="/MEXCA%20-%20St.%20Jude%20School/Partner/21502/image-thumb__21502__w768/UNESCO.9964f9cd.webp" width="625" height="625" alt="UNESCO" loading="lazy" srcset="/MEXCA%20-%20St.%20Jude%20School/Partner/21502/image-thumb__21502__w768/UNESCO.9964f9cd.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Partner/21502/image-thumb__21502__w768/[email protected] 2x" />
2542</picture>
2543
2544                </a>
2545                                                <a
2546                    title="World Academy of sport"
2547                    target="_blank"
2548                                        href="https://www.worldacademysport.com/"
2549                    class="swiper-slide h-100 bg-white partner-card
2550                           landscape-card
2551                           "
2552                     data-aos="fade-up" data-aos-delay="700"                     style="background-color: #fff !important"
2553                >
2554                    <picture >
2555	<source srcset="/MEXCA%20-%20St.%20Jude%20School/Partner/21527/image-thumb__21527__w768/World%20Academy%20of%20sport-rev.2eddc8d8.webp 1
2555x, /MEXCA%20-%20St.%20Jude%20School/Partner/21527/image-thumb__21527__w768/World%20Academy%20of%[email protected] 2x" width="663" height="134" type="image/webp" />
2556	<img src="/MEXCA%20-%20St.%20Jude%20School/Partner/21527/image-thumb__21527__w768/World%20Academy%20of%20sport-rev.2eddc8d8.webp" width="663" height="134" alt="World Academy of sport" loading="lazy" srcset="/MEXCA%20-%20St.%20Jude%20School/Partner/21527/image-thumb__21527__w768/World%20Academy%20of%20sport-rev.2eddc8d8.webp 1x, /MEXCA%20-%20St.%20Jude%20School/Partner/21527/image-thumb__21527__w768/World%20Academy%20of%[email protected] 2x" />
2557</picture>
2558
2559                </a>
2560                        </div>
2561</div>
2562                <button class="swiper-button-next swiper-button-next-partner-58970 ">
2563                <svg aria-hidden="true" width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
2564                            <circle cx="22" cy="22" r="21.5" stroke="#4D2777"/>
2565                            <path d="M15.7563 21.8545C15.4146 21.5197 15.4146 20.9762 15.7563 20.6415L21.0053 15.5003C21.347 15.1656 21.902 15.1656 22.2437 15.5003C22.5854 15.835 22.5854 16.3786 22.2437 16.7133L17.6128 21.249L22.2412 25.7853C22.583 26.12 22.583 26.6633 22.2412 26.998C21.8995 27.3327 21.3445 27.3327 21.0028 26.998L15.7536 21.8569L15.7563 21.8545Z" fill="#4D2777"/>
2566                            <path d="M29.5 21.25C29.5 21.6642 29.1642 22 28.75 22L17.25 22C16.8358 22 16.5 21.6642 16.5 21.25C16.5 20.8358 16.8358 20.5 17.25 20.5L28.75 20.5C29.1642 20.5 29.5 20.8358 29.5 21.25Z" fill="#4D2777"/>
2567                </svg>
2568            </button>
2569    	</div>
2570</div>
2571
2572<script>
2573
2574document.addEventListener("DOMContentLoaded", function () {
2575    const widgetId = 58970;
2576    const partnerCount = 7;
2577    const isCardWidthAuto = false;
2578    const isInfiniteScroll = false;
2579    const isAutomaticScroll = false;
2580    const swiperElement = document.querySelector(`.partnership-partners-wrapper-${widgetId}`);
2581    const btnScrollPrev = document.querySelector(`.swiper-button-prev-partner-${widgetId}`);
2582    const btnScrollNext = document.querySelector(`.swiper-button-next-partner-${widgetId}`);
2583
2584    if (!swiperElement) {
2585        return;
2586    }
2587
2588    if (!isAutomaticScroll && (!btnScrollPrev || !btnScrollNext)) {
2589        return;
2590    }
2591
2592    if (typeof window.Swiper === "undefined") {
2593        console.error(
2594            `Swiper is not available for partnership widget ${widgetId}`
2595        );
2596
2597        return;
2598    }
2599
2600    const canLoop = isInfiniteScroll && partnerCount >= 5;
2601
2602    const partnershipSwiper = new window.Swiper(
2603        swiperElement,
2604        {
2605            loop: canLoop,
2606            rewind: false,
2607            speed: isAutomaticScroll ? 6000 : 500,
2608            roundLengths: true,
2609            autoplay:
2610                isAutomaticScroll && partnerCount > 1
2611                    ? {
2612                          delay: 0,
2613                          disableOnInteraction: false,
2614                          pauseOnMouseEnter: false,
2615                          stopOnLastSlide: !canLoop,
2616                      }
2617                    : false,
2618            allowTouchMove: !isAutomaticScroll,
2619            simulateTouch: !isAutomaticScroll,
2620            touchStartPreventDefault: false,
2621            slidesPerGroup: 1,
2622            watchOverflow: true,
2623            centerInsufficientSlides: !canLoop,
2624            spaceBetween:isCardWidthAuto ? 48 : 16,
2625            slidesPerView:isCardWidthAuto ? "auto" : 1.2,
2626            navigation: isAutomaticScroll
2627                ? false
2628                : {
2629                      prevEl: btnScrollPrev,
2630                      nextEl: btnScrollNext,
2631                      addIcons: false,
2632                  },
2633
2634            breakpoints: isCardWidthAuto
2635                ? undefined
2636                : {
2637                      576: {
2638                          slidesPerView: 2,
2639                      },
2640                      768: {
2641                          slidesPerView: 3,
2642                      },
2643                      1200: {
2644                          slidesPerView: 4,
2645                      },
2646                  },
2647        }
2648    );
2649
2650    document
2651        .querySelectorAll(".nav-link[data-bs-target]")
2652        .forEach(function (tab) {
2653            tab.addEventListener(
2654                "shown.bs.tab",
2655                function () {
2656                    partnershipSwiper.update();
2657                }
2658            );
2659        });
2660});
2661</script>
2661
2662
2663
2664                
2665                            </div>
2666                    
2667
2668
2669
2670
2671
2672                
2673                            </div>
2674                    
2675
2676
2677            
2678            <!-- Adding heafooterder snippet if declared inside document properties -->
2679                            
2680
2681
2682
2683
2684
2685                                    <div class="pimcore_area_footer pimcore_area_content ">
2686            
2687                                    
2688
2689
2690
2691		<a class="btn d-xl-block d-none mt-3 mb-2 whatsapp-cta text-color-custom" rel="" href="https://web.whatsapp.com/send?phone=50687063672&amp;text=Hola%20St%20Jude%20" target="_blank" title="Chat with us on WhatsApp" style="border: 1px solid #ffffff;"> <i class="bi bi-whatsapp text-white"></i>
2692	</a>
2693
2694<div class="container-fluid background-color-school">
2695	<footer class="d-none d-xl-block flex-column justify-content-center">
2696		<div class="row">
2697
2698						<div class="col-4 pt-5 mb-4 ps-5 pe-3">
2699									<div class="footer-wrapper-logo ">
2700						<img class="school-logo " alt="School logo" src="https://www.stjude.ed.cr/MEXCA%20-%20St.%20Jude%20School/logos_nuevos/st_jude-logo.png" width="181" height="118"/>
2701					</div>
2702											<div class="mt-4 footer-school-pre-slogan text-color-custom">St. Jude School</div>
2703									
2704				<div class=" mt-2 footer-school-slogan w-75 text-color-custom">Forjando el futuro: excelencia y valores</div>
2705			</div>
2706			
2707														
2708								<div class="col-3 fw-bold footer-columns text-color-custom">
2709											<p class="fw-bold  footer-column-title text-color-custom">St. Jude School</p>
2710					
2711																																																																																														
2712														<div
2713								class="mt-2">
2714																<a accesskey="" class=" text-color-custom footer-link" href="https://www.stjude.ed.cr/etapas-educativas" rel="" tabindex="" target="_self" title="Etapas educativas">
2715									Etapas educativas
2716								</a>
2717															</div>
2718																																																																																										
2719														<div
2720								class="mt-2">
2721																<a accesskey="" class=" text-color-custom footer-link" href="https://www.stjude.ed.cr/admisiones" rel="" tabindex="" target="_self" title="Admisiones">
2722									Admisiones
2723								</a>
2724															</div>
2725																																																																																										
2726														<div
2727								class="mt-2">
2728																<a accesskey="" class=" text-color-custom footer-link" href="https://www.stjude.ed.cr/nuestro-colegio" rel="" tabindex="" target="_self" title="Nuestro colegio">
2729									Nuestro colegio
2730								</a>
2731															</div>
2732																																																																																										
2733														<div
2734								class="mt-2">
2735																<a accesskey="" class=" text-color-custom footer-link" href="https://www.stjude.ed.cr/vida-escolar" rel="" tabindex="" target="_self" title="Vida escolar">
2736									Vida escolar
2737								</a>
2738															</div>
2739																																																																																										
2740														<div
2741								class="mt-2">
2742																<a accesskey="" class=" text-color-custom footer-link" href="https://www.stjude.ed.cr/noticias-eventos" rel="" tabindex="" target="_self" title="Noticias y eventos">
2743									Noticias y eventos
2744								</a>
2745															</div>
2746																		
2747									</div>
2748
2749														
2750								<div class="col-2 fw-bold footer-columns text-color-custom">
2751											<p class="fw-bold  footer-column-title text-color-custom">Enlaces útiles</p>
2752					
2753																																																																																														
2754														<div
2755								class="mt-2">
2756																<a accesskey="" class=" text-color-custom footer-link" href="/calendario" rel="" tabindex="" target="_self" title="Calendario">
2757									Calendario
2758								</a>
2759															</div>
2760																																																																																										
2761														<div
2762								class="mt-2">
2763																<a accesskey="" class=" text-color-custom footer-link" href="/transporte" rel="" tabindex="" target="_self" title="Trans
2763porte">
2764									Transporte
2765								</a>
2766															</div>
2767																																																																																										
2768														<div
2769								class="mt-2">
2770																<a accesskey="" class=" text-color-custom footer-link" href="/trabaja-con-nosotros" rel="" tabindex="" target="_self" title="CareersTrabaja con nosotros">
2771									Trabaja con nosotros
2772								</a>
2773															</div>
2774																																																																																										
2775														<div
2776								class="mt-2">
2777																<a accesskey="" class=" text-color-custom footer-link" href="/preguntas-frecuentes" rel="" tabindex="" target="_self" title="Preguntas frecuentes">
2778									Preguntas frecuentes
2779								</a>
2780															</div>
2781																																																																																										
2782														<div
2783								class="mt-2">
2784																<a accesskey="" class=" text-color-custom footer-link" href="/documentos-politicas" rel="" tabindex="" target="_self" title="Políticas y avisos">
2785									Políticas y avisos
2786								</a>
2787															</div>
2788																																																																																										
2789														<div
2790								class="mt-2">
2791																<a accesskey="" class=" text-color-custom footer-link" href="/aviso-de-privacidad" rel="" tabindex="" target="_self" title="Aviso de privacidad">
2792									Aviso de privacidad
2793								</a>
2794															</div>
2795																		
2796											<div class="mt-2">
2797							<a class="footer-link text-color-custom" onclick="UC_UI.showSecondLayer();" title="Privacy settings">Privacy settings</a>
2798						</div>
2799									</div>
2800
2801						
2802										<div class="fw-bold text-color-custom footer-columns col-3 ms-auto pe-5">
2803
2804											<p class="fw-bold  footer-column-title">Información de contacto</p>
2805					
2806					<div class="mt-3 mb-3 contact-info">
2807													<p class="mb-3  fw-normal">-</br>Valle del Sol, CR</p>
2808						
2809					
2810					<div class=" mt-3 mb-2 fw-normal">
2811						<a class="footer-phone-link text-color-custom" href="tel:506 2203-6474">506 2203-6474</a>
2812					</div>
2813
2814					<div class="mb-3">
2815						<a class="footer-phone-link text-color-custom" href="mailto:[email protected]">[email protected]</a>
2816					</div>
2817
2818					
2819					
2820									</div>
2821
2822									<div class="d-flex justify-content-start align-items-center flex-row mt-3">
2823						<a accesskey="" class=" text-color-custom contact-us-cta btn-only-arrow " href="https://www.stjude.ed.cr/contactanos" rel="" tabindex="" target="_self" title="Contáctanos">
2824							Contáctanos
2825						</a>
2826					</div>
2827				
2828				<div class="d-flex flex-column align-items-start justify-content-start">
2829											<a accesskey="" class="btn btn-primary mt-2" href="https://www.stjude.ed.cr/admisiones/agenda-visita" rel="" tabindex="" target="_self" title="Agenda una visita">
2830							Agenda una visita
2831						</a>
2832									</div>
2833			</div>
2834						</div>
2835
2836				<div class="row footer-logos-wrapper">
2837			<div class="col-9 d-flex ps-5">
2838															<a tabindex="" accesskey="" target="" title="Facebook" rel="" href="https://www.facebook.com/stjude1963/" class="footer-social-link d-flex justify-content-center align-items-center me-3 text-center">
2839															<i class="bi bi-facebook text-color-custom" style="font-size: 24px"></i>
2840													</a>
2841																				<a tabindex="" accesskey="" target="" title="Instagram" rel="" href="https://www.instagram.com/stjudecr/" class="footer-social-link d-flex justify-content-center align-items-center me-3 text-center">
2842															<i class="bi bi-instagram text-color-custom" style="font-size: 24px"></i>
2843													</a>
2844																				<a tabindex="" accesskey="" target="" title="Youtube" rel="" href="https://www.youtube.com/channel/UCmGpYsAM_q0Jyg056Xt81jA" class="footer-social-link d-flex justify-content-center align-items-center me-3 text-center">
2845															<i class="bi bi-youtube text-color-custom" style="font-size: 24px"></i>
2846													</a>
2847												</div>
2848			<div class="col-3">
2849									<a href="https://internationalschoolspartnership.com/" rel="" target="_blank">
2850						<img class="isp-logo-footer" src="/images/logo_isp_white.svg" width="190" height="51" alt="International Schools Partnership"/>
2851					</a>
2852				
2853							</div>
2854		</div>
2855		</footer>
2856</div>
2857
2858<div class="background-color-school">
2859	<footer class="d-flex d-xl-none flex-column justify-content-center footer-mobile-wrapper">
2860
2861				
2862		<div class="row footer-logos-wrapper-mobile mx-auto"> 
2863			<div class="col-6 d-flex align-items-center justify-content-end h-100">
2864									<img alt="school-logo-mobile" class="footer-school-logo-mobile" src="https://www.stjude.ed.cr/MEXCA%20-%20St.%20Jude%20School/logos_nuevos/st_jude-logo.png" width="108" height="66"/>
2865								<div class="footer-mobile-logos-divider"></div>
2866			</div>
2867			<div class="col-6 d-flex align-items-center">
2868									<a href="https://internationalschoolspartnership.com/" rel="">
2869						<img alt="isp-logo-mobile" class="isp-logo-footer-mobile" src="https://www.stjude.ed.cr/International%20School%20Partnership/Logo/Logo_ISP_White.png" width="114" height="31"/>
2870					</a>
2871							</div>
2872		</div>
2873		
2874				<div class="background-color-school-dark">
2875			<div class="row">
2876
2877				<div class="col-12">
2878					<div class="collapse multi-collapse" id="footerCollpase">
2879
2880												<div class="background-color-school px-3 pt-2">
2881															<div class=" text-center footer-school-pre-slogan text-color-custom">St. Jude School</div>
2882														<div class=" text-center mt-2 footer-school-slogan pb-4 text-color-custom">Forjando el futuro: excelencia y valores</div>
2883						</div>
2884						
2885						<div class="row ps-2">
2886																															<div class="col-6  background-color-school  px-3">
2887
2888																												<p class="fw-bold mt-4 footer-col-title-mobile  text-color-custom">
2889											St. Jude School
2890										</p>
2891																		
2892																																																																																																																																																						
2893																						<div class=" mt-2  mb-3">
2894												<a accesskey="" class=" footer-link text-color-custom" href="https://www.stjude.ed.cr/etapas-educativas" rel="" tabindex="" target="_self" title="Etapas educativas">
2895													Etapas educativas
2896												</a>
2897											</div>
2898																																																																																																																																														
2899																						<div class=" mb-3">
2900												<a accesskey="" class=" footer-link text-color-custom" href="https://www.stjude.ed.cr/admisiones" rel="" tabindex="" target="_self" title="Admisiones">
2901													Admisiones
2902												</a>
2903											</div>
2904																																																																																																																																														
2905																						<div class=" mb-3">
2906												<a accesskey="" class=" footer-link text-color-custom" href="https://www.stjude.ed.cr/nuestro-colegio" rel="" tabindex="" target="_self" title="Nuestro colegio">
2907													Nuestro colegio
2908												</a>
2909											</div>
2910																																																																																																																																														
2911																						<div class=" mb-3">
2912												<a accesskey="" class=" footer-link text-color-custom" href="https://www.stjude.ed.cr/vida-escolar" rel="" tabindex="" target="_self" title="Vida escolar">
2913													Vida escolar
2914												</a>
2915											</div>
2916																																																																																																																																														
2917																						<div class=" mb-3">
2918												<a accesskey="" class=" footer-link text-color-custom" href="https://www.stjude.ed.cr/noticias-eventos" rel="" tabindex="" target="_self" title="Noticias y eventos">
2919													Noticias y eventos
2920												</a>
2921											</div>
2922																														
2923																	</div>
2924																															<div class="col-6  background-color-school  px-3">
2925
2926																												<p class="fw-bold mt-4 footer-col-title-mobile  text-color-custom">
2927											Enlaces útiles
2928										</p>
2929																		
2930																																																																																																																																																						
2931																						<div class=" mt-2  mb-3">
2932												<a accesskey="" class=" footer-link text-color-custom" href="/calendario" rel="" tabindex="" target="_self" title="Calendario">
2933													Calendario
2934												</a>
2935											</div>
2936																																																																																																																																														
2937																						<div class=" mb-3">
2938												<a accesskey="" class=" footer-link text-color-custom" href="/transporte" rel="" tabindex="" target="_self" title="Trans
2938porte">
2939													Transporte
2940												</a>
2941											</div>
2942																																																																																																																																														
2943																						<div class=" mb-3">
2944												<a accesskey="" class=" footer-link text-color-custom" href="/trabaja-con-nosotros" rel="" tabindex="" target="_self" title="CareersTrabaja con nosotros">
2945													Trabaja con nosotros
2946												</a>
2947											</div>
2948																																																																																																																																														
2949																						<div class=" mb-3">
2950												<a accesskey="" class=" footer-link text-color-custom" href="/preguntas-frecuentes" rel="" tabindex="" target="_self" title="Preguntas frecuentes">
2951													Preguntas frecuentes
2952												</a>
2953											</div>
2954																																																																																																																																														
2955																						<div class=" mb-3">
2956												<a accesskey="" class=" footer-link text-color-custom" href="/documentos-politicas" rel="" tabindex="" target="_self" title="Políticas y avisos">
2957													Políticas y avisos
2958												</a>
2959											</div>
2960																																																																																																																																														
2961																						<div class=" mb-3">
2962												<a accesskey="" class=" footer-link text-color-custom" href="/aviso-de-privacidad" rel="" tabindex="" target="_self" title="Aviso de privacidad">
2963													Aviso de privacidad
2964												</a>
2965											</div>
2966																														
2967																			<div class="mt-2 mb-3">
2968											<a class="footer-link text-color-custom" onclick="UC_UI.showSecondLayer();" title=Privacy settings>Privacy settings</a>
2969										</div>
2970																	</div>
2971							
2972																																							<p class="fw-bold mt-4 text-white footer-col-title-mobile text-center footer-column-title">Información de contacto</p>
2973																
2974																<div class="mt-2 mb-2 contact-info text-center">
2975																			<p class="text-white">- </br>Valle del Sol, CR</p>
2976									
2977									
2978									<div class="text-white mt-2 mb-2">
2979										<a class="footer-phone-link text-white" href="tel:506 2203-6474">506 2203-6474</a>
2980									</div>
2981
2982									<div class="text-white mb-0">
2983										<a class="footer-phone-link text-white" href="mailto:[email protected]">[email protected]</a>
2984									</div>
2985
2986									
2987									
2988																	</div>
2989								
2990																									<div class="d-flex justify-content-center align-items-center mt-2 mb-1">
2991										<a accesskey="" class=" contact-us-cta btn-only-arrow text-white fw-bold " href="https://www.stjude.ed.cr/contactanos" rel="" tabindex="" target="_self" title="Contáctanos">
2992											Contáctanos
2993										</a>
2994									</div>
2995																
2996																<div class="d-flex flex-column align-items-center justify-content-start">
2997																			<div class="d-flex justify-content-center mt-2">
2998											<a accesskey="" class="btn btn-primary footer-cta-mobile" href="https://www.stjude.ed.cr/admisiones/agenda-visita" rel="" tabindex="" target="_self" title="Agenda una visita">
2999												Agenda una visita
3000											</a>
3001										</div>
3002																											</div>
3003														
3004														<div class="d-flex justify-content-center pb-4 flex-wrap px-2">
3005																	<a rel="" href="https://web.whatsapp.com/send?phone=50687063672&amp;text=Hola%20St%20Jude%20" class="footer-social-link d-flex justify-content-center align-items-center me-3 " target="_blank" title="Chat with us on WhatsApp">
3006										<i class="bi bi-whatsapp text-white" style="font-size:22px"></i>
3007									</a>
3008																																			<a tabindex="" accesskey="" target="" title="Facebook" rel="" href="https://www.facebook.com/stjude1963/" class="footer-social-link d-flex justify-content-center align-items-center me-3">
3009																							<i class="bi bi-facebook text-white" style="font-size: 16px"></i>
3010																					</a>
3011																																				<a tabindex="" accesskey="" target="" title="Instagram" rel="" href="https://www.instagram.com/stjudecr/" class="footer-social-link d-flex justify-content-center align-items-center me-3">
3012																							<i class="bi bi-instagram text-white" style="font-size: 16px"></i>
3013																					</a>
3014																																				<a tabindex="" accesskey="" target="" title="Youtube" rel="" href="https://www.youtube.com/channel/UCmGpYsAM_q0Jyg056Xt81jA" class="footer-social-link d-flex justify-content-center align-items-center ">
3015																							<i class="bi bi-youtube text-white" style="font-size: 16px"></i>
3016																					</a>
3017																								</div>
3018													</div>
3019					</div>
3020				</div>
3021			</div>
3022
3023			<p class="d-flex justify-content-center footer-cta-collapse">
3024				<button class="btn collapse-content pt-0" type="button" data-bs-toggle="collapse" data-bs-target="#footerCollpase" aria-expanded="false" aria-controls="footerCollpase">
3025					<img alt="arrow-down-footer" class="footer-arrow-down" src="/images/arrow_right.svg" width="7" height="12"/>
3026				</button>
3027			</p>
3028		</div>
3029		</footer>
3030</div>
3031
3032
3033                
3034                            </div>
3035                    
3036
3037
3038
3039                    </div>
3040
3041    </main>
3042
3043        
3044            
3044<script src="/build-fe/runtime.59317081.js" defer preload></script>
3044<script src="/build-fe/831.b8973367.js" defer preload></script>
3044<script src="/build-fe/871.48eda82a.js" defer preload></script>
3044<script src="/build-fe/app-fe.f965a7aa.js" defer preload></script>
3044
3045        
3045<script src="/build-fe/819.f622ebda.js" defer preload></script>
3045<script src="/build-fe/vueapp-fe.9447646f.js" defer preload></script>
3045
3046    
3047
3048
3049    <!-- Start of HubSpot Embed Code -->
3050<script type="text/plain" data-usercentrics="HubSpot" id="hs-script-loader" async defer src="//js.hs-scripts.com/4541203.js"></script>
3050
3051<!-- End of HubSpot Embed Code -->
3052
3053</body>
3054
3055<script>
3056    // Weglot Rtl
3057    document.addEventListener('DOMContentLoaded', function () {
3058        if (typeof Weglot !== "undefined") {
3059                            if (Weglot.getCurrentLang() === 'ar') {
3060                    document.documentElement.setAttribute('dir', 'rtl');
3061                    const rtlCssLink = document.createElement('link');
3062                    rtlCssLink.rel = 'stylesheet';
3063                    rtlCssLink.href = '/build-fe/app-fe.14ff7153.rtl.css';
3064                    document.head.appendChild(rtlCssLink);
3065                }
3066                    }
3067    });
3068</script>
3068
3069
3070</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.