PageSourceSearch

https://www.cbdu.org.br/events

html cbdu.org.br collected 2026-10-02 08:22:24 UTC 305,425 bytes, 3,502 lines download raw bytes

1<!DOCTYPE html>
2<html lang="pt-br">
3    <head>
4        <!-- Google Tag Manager -->
5        
5<script>
vendor: 363 bytes, lines 5-9
5(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
6        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
7        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
8        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
9        })(window,document,'script','dataLayer','
9GTM-WWKP8R97
vendor: 3 bytes, line 9
9');
9</script>
9
10        <!-- End Google Tag Manager -->
11
12        <meta name="adopt-website-id" content="6ee9c3c6-da2c-4930-ba89-47660a5e22d3" />
13        
13<script src="https://tag.goadopt.io/injector.js?website_code=6ee9c3c6-da2c-4930-ba89-47660a5e22d3" class="adopt-injector" defer></script>
13
14    
15        <meta charset="utf-8" />
16        <meta name="viewport" content="width=device-width, initial-scale=1" />
17
18        <title>CBDU - EVENTOS</title>
19
20        <link rel="stylesheet" href="https://cbdustorage.blob.core.windows.net/site/css/styles-1.css" />
21        <link rel="stylesheet" href="https://cbdustorage.blob.core.windows.net/site/css/styles-2.css" />
22        <link rel="stylesheet" href="https://cbdustorage.blob.core.windows.net/site/css/styles-3.css" />
23        <link rel="stylesheet" href="https://cbdustorage.blob.core.windows.net/site/css/styles-4.css" />
24        <link rel="stylesheet" href="https://cbdustorage.blob.core.windows.net/site/css/styles-5.css" />
25        <link rel="stylesheet" href="https://cbdustorage.blob.core.windows.net/site/css/styles-6.css" />
26        <link rel="stylesheet" href="https://cbdustorage.blob.core.windows.net/site/css/styles-7.css" />
27        <link rel="stylesheet" href="https://cbdustorage.blob.core.windows.net/site/css/styles-8.css" />
28        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
29
30        <style>
31            :is(a, button, [role="button"], input, select, textarea, summary):focus {
32                outline-color: #006DBC;
33            }
34
35            :is(a, button, [role="button"], input, select, textarea, summary):focus-visible {
36                outline: 2px solid #006DBC;
37                outline-offset: 2px;
38                box-shadow: 0 0 0 3px rgba(0, 109, 188, 0.18);
39            }
40
41            :is(a, button, [role="button"], input, select, textarea, summary):focus:not(:focus-visible) {
42                outline: none;
43            }
44        </style>
45
46    </head>
47    <body>
48        <!-- Google Tag Manager (noscript) -->
vendor: 77 bytes, lines 48-49
48
49        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
49GTM-WWKP8R97
vendor: 101 bytes, lines 49-51
49"
50        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
51        
51<!-- End Google Tag Manager (noscript) -->
52
53        <section class="h-24 flex items-center fixed z-50 w-full bg-white border-b border-neutral-100/10" style="transform: none;">
54            <header class="bg-white mx-auto fixed top-0 left-0 w-full z-60">
55
56<style>
57  /* Posiciona o botão do VLibras no canto inferior esquerdo */
58  [vw] [vw-access-button] {
59    bottom: 50px !important;
60  }
61
62  /* Posiciona o painel de tradução também no lado esquerdo */
63  [vw] [vw-plugin-wrapper] {
64    bottom: 50px !important; /* distância do botão */
65  }
66
67  #google_translate_element {
68    position: absolute;
69    left: -9999px;
70    top: 0;
71    width: 1px;
72    height: 1px;
73    overflow: hidden;
74  }
75
76  .goog-te-banner-frame.skiptranslate {
77    display: none !important;
78  }
79
80  body {
81    top: 0 !important;
82  }
83</style>
84
85<section class="container h-12 flex items-center justify-between xl:mx-auto w-full">
86    <div class="flex justify-between">
87
88
89<a href="/Identity/Account/Login"
90   class="flex items-center gap-2 px-3 py-2 rounded-md hover:bg-gray-200 transition hover:scale-[1.3]">
91    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-6 h-6">
92        <path d="M16 21v-2a4 4 0 0 0-8 0v2" />
93        <circle cx="12" cy="7" r="4" />
94    </svg>
95    <span>LOGIN</span>
96</a>
97        <a href="https://sistema.scbdu.org.br/login" class="flex items-center gap-2 px-3 py-2 rounded-md hover:bg-gray-200 transition hover:scale-[1.3]">
98            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-6 h-6">
99                <rect x="3" y="4" width="18" height="16" rx="2" />
100                <line x1="16" y1="2" x2="16" y2="6" />
101                <line x1="8" y1="2" x2="8" y2="6" />
102                <line x1="3" y1="10" x2="21" y2="10" />
103            </svg>
104            <span>SGE</span>
105        </a>
106        <a href="http://sistema.alsoftwares.com.br:2025/open.do?sys=CBD" class="flex items-center gap-2 px-3 py-2 rounded-md hover:bg-gray-200 transition hover:scale-[1.3]">
107            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
108                 viewBox="0 0 24 24" fill="none" stroke="currentColor"
109                 stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
110                <path d="M3 21h18" />
111                <path d="M6 21V4h12v17" />
112                <path d="M9 8h.01" />
113                <path d="M12 8h.01" />
114                <path d="M15 8h.01" />
115                <path d="M9 11h.01" />
116                <path d="M12 11h.01" />
117                <path d="M15 11h.01" />
118                <path d="M10 21v-4a2 2 0 0 1 2-2h0a2 2 0 0 1 2 2v4" />
119            </svg>
120            <span>HOSPEDAGEM</span>
121        </a>
122        <a href="https://mail.google.com/a/cbdu.org.br" class="flex items-center gap-2 px-3 py-2 rounded-md hover:bg-gray-200 transition hover:scale-[1.3]">
123            <img src="https://ssl.gstatic.com/ui/v1/icons/mail/rfr/gmail.ico" class="w-6 h-6" alt="Gmail">
124            <span>CBDU</span>
125        </a>
126        <a href="https://mail.google.com/a/fue.org.br" class="flex items-center gap-2 px-3 py-2 rounded-md hover:bg-gray-200 transition hover:scale-[1.3]">
127            <img src="https://ssl.gstatic.com/ui/v1/icons/mail/rfr/gmail.ico" class="w-6 h-6" alt="Gmail">
128            <span>FUE</span>
129        </a>
130    </div>
131
132    <div class="flex justify-end items-center">
133        <div class="hidden lg:block ">
134            <nav class="bg-neutral-70/10 rounded-md w-max xl:w-full p-[4px] max-lg:mr-5">
135                <ul class="notranslate w-full flex items-center gap-[6px]">
136                    <li class="list-none">
137                        <button type="button" class="language-selector-button flex gap-1 text-lg font-medium items-center :text-blue-100 rounded-sm px-[6px] !bg-white text-blue-100" data-language="pt" aria-label="Traduzir para portugues" aria-pressed="true" translate="no">
138                            <img alt="PT" loading="lazy" width="20" height="14" decoding="async" data-nimg="1" style="color:transparent" src="https://cbdustorage.blob.core.windows.net/site/asset/icon/br.svg"> <!-- -->PT
139                        </button>
140                    </li>
141                    <li class="list-none">
142                        <button type="button" class="language-selector-button flex gap-1 text-lg font-medium items-center :text-blue-100 rounded-sm px-[6px] !bg-transparent text-neutral-40" data-language="en" aria-label="Traduzir para ingles" aria-pressed="false" translate="no">
143                            <img alt="EN" loading="lazy" width="20" height="14" decoding="async" data-nimg="1" style="color:transparent" src="https://cbdustorage.blob.core.windows.net/site/asset/icon/us.svg"> <!-- -->EN
144                        </button>
145                    </li>
146                    <li class="list-none">
147                        <button type="button" class="language-selector-button flex gap-1 text-lg font-medium items-center :text-blue-100 rounded-sm px-[6px] !bg-transparent text-neutral-40" data-language="es" aria-label="Traduzir para espanhol" aria-pressed="false" translate="no">
148                            <img alt="ES" loading="lazy" width="20" height="14" decoding="async" data-nimg="1" style="color:transparent" src="https://cbdustorage.blob.core.windows.net/site/asset/icon/es.svg"> <!-- -->ES
149                        </button>
150                    </li>
151                </ul>
152            </nav>
153        </div>
154    </div>
155</section>
156
157<div id="google_translate_element" aria-hidden="true"></div>
158<script src="/js/language-selector.js"></script>
vendor: 1 bytes, line 158
158
159<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" async></script>
159
160
161    <div vw class="enabled">
162        <div vw-access-button class="active"></div>
163        <div vw-plugin-wrapper>
164            <div class="vw-plugin-top-wrapper"></div>
165        </div>
166    </div>
167    <!-- UserWay Accessibility Widget - Carregamento assíncrono com tratamento de erro -->
168    
168<script>
169        (function(d) {
170            try {
171                var s = d.createElement("script");
172                s.setAttribute("data-account", "snQuFIgG1b");
173                s.setAttribute("src", "https://cdn.userway.org/widget.js");
174                s.async = true;
175                s.defer = true;
176                
177                // Tratamento de erro no carregamento do script
178                s.onerror = function() {
179                    console.warn("UserWay: Falha ao carregar o widget de acessibilidade.");
180                };
181                
182                // Aguarda o DOM estar pronto antes de adicionar o script
183                if (d.readyState === 'loading') {
184                    d.addEventListener('DOMContentLoaded', function() {
185                        (d.body || d.head).appendChild(s);
186                    });
187                } else {
188                    (d.body || d.head).appendChild(s);
189                }
190            } catch (e) {
191                console.warn("UserWay: Erro ao inicializar o widget.", e);
192            }
193        })(document);
194    </script>
194
195    <!-- VLibras Accessibility Widget - Carregamento assíncrono com tratamento de erro -->
196    
196<script>
197        (function() {
198            try {
199                var script = document.createElement('script');
200                script.src = 'https://vlibras.gov.br/app/vlibras-plugin.js';
201                script.async = true;
202                script.defer = true;
203                
204                script.onload = function() {
205                    try {
206                        if (window.VLibras) {
207                            new window.VLibras.Widget('https://vlibras.gov.br/app');
208                        }
209                    } catch (e) {
210                        console.warn("VLibras: Erro ao inicializar o widget.", e);
211                    }
212                };
213                
214                script.onerror = function() {
215                    console.warn("VLibras: Falha ao carregar o widget de acessibilidade.");
216                };
217                
218                // Aguarda o DOM estar pronto antes de adicionar o script
219                if (document.readyState === 'loading') {
220                    document.addEventListener('DOMContentLoaded', function() {
221                        document.body.appendChild(script);
222                    });
223                } else {
224                    document.body.appendChild(script);
225                }
226            } catch (e) {
227                console.warn("VLibras: Erro ao carregar o script.", e);
228            }
229        })();
230    </script>
230
231                <hr class="border-neutral-30">
232<script>
233      const clearDefaultSearchHash = () => {
234          if (window.location.hash !== '#gsc.tab=0') {
235              return;
236          }
237
238          window.history.replaceState(null, document.title, `${window.location.pathname}${window.location.search}`);
239      };
240
241      document.addEventListener('DOMContentLoaded', clearDefaultSearchHash);
242      window.addEventListener('hashchange', clearDefaultSearchHash);
243
244      window.__gcse = {
245          callback: function () {
246
247              const interval = setInterval(() => {
248                  const input = document.querySelector('input.gsc-input');
249                  if (input) {
250                      //input.setClass = 'flex w-full text-neutral-70 rounded-md border border-neutral-100/10 bg-white px-4 ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:border-blue-100 focus-visible:ring-offset-2 disabled:bg-neutral-10 disabled:border-none disabled:cursor-not-allowed hover:border-neutral-100/30 h-12';
251                      //input.setStyle = 'width: 400px; padding: 0px; border: none; margin: 0px; height: auto;left center no-repeat rgb(255, 255, 255); outline: none;';
252                      input.setAttribute('placeholder', 'Buscar no site...');
253                      clearInterval(interval);
254                  }
255              }, 300);
256
257              clearDefaultSearchHash();
258
259              // Força links a abrirem na mesma aba
260              //google.search.cse.element.getElement('standard').setLinkTarget('');
261          }
262      };
263  </script>
263
264
265<script async src="https://cse.google.com/cse.js?cx=26a7a8766946c416f"></script>
265
266
267<style>
268    #mobile-menu .menu-item-toggle {
269        background: transparent;
270        border: 0;
271        outline: none;
272        box-shadow: none;
273        -webkit-appearance: none;
274        appearance: none;
275    }
276
277    #mobile-menu .menu-item-toggle:focus,
278    #mobile-menu .menu-item-toggle:focus-visible,
279    #mobile-menu .menu-item-toggle:active {
280        outline: none;
281        box-shadow: none;
282    }
283
284    #site-main-header .menu-link {
285        white-space: nowrap;
286    }
287
288    #site-main-header #header-navigation-area,
289    #site-main-header #default-menu {
290        min-width: 0;
291    }
292
293    #site-main-header #searchBarContainer {
294        display: none !important;
295        margin-top: 0;
296        width: clamp(18rem, 32vw, 24rem);
297    }
298
299    #site-main-header.is-search-open #default-menu {
300        display: none !important;
301    }
302
303    #site-main-header.is-search-open #searchBarContainer {
304        display: flex !important;
305    }
306
307    #site-main-header.is-search-open #toggleSearch {
308        background-color: #006DBC;
309        border-color: #006DBC;
310        color: #FFFFFF;
311    }
312
313    #site-main-header.is-search-open #toggleSearch svg {
314        color: #FFFFFF;
315    }
316
317    #site-main-header #searchBarContainer .gcse-search,
318    #site-main-header #searchBarContainer .gsc-control-cse {
319        width: 100%;
320    }
321
322    #site-main-header #searchBarContainer .gsc-control-cse {
323        background: transparent;
324        border: 0;
325        padding: 0;
326    }
327</style>
328
329<div id="site-main-header" class="flex items-center fixed z-50 w-full bg-white border-b border-neutral-100/10 py-4 xl:py-0 h-[5rem] xl:h-[6rem]">
330    <div class="container flex items-center justify-between gap-4 w-full">
331        <a href="/">
332            <div>
333                <img alt="Logo" loading="lazy" width="222" height="80" decoding="async" data-nimg="1" class="w-full h-full max-w-[8.5rem] max-h-12 xl:max-w-[13.875rem] xl:max-h-full" style="color:transparent" src="https://cbdustorage.blob.core.windows.net/site/asset/image/logo.png">
334            </div>
335        </a>
336        <div id="header-navigation-area" class="flex min-w-0 justify-between items-center gap-2">
337            <div id="default-menu" class="xl:block hidden">
338                <nav class="header-nav flex-1 max-xl:overflow-y-auto">
339                    <ul class="border-none flex flex-col xl:flex-row gap-6">
340
341<li class="relative menu-main">
342        <div class="max-xl:hidden">
343            <button class="menu-link w-full transition-colors border-none bg-none text-title-3 xl:text-paragraph-3 text-neutral-90 xl:text-neutral-70 flex items-center gap-1 rounded" role="button" aria-label="alterna a navegação" aria-haspopup="true">
344                Eventos<!-- --> <img alt="flecha" role="img" loading="lazy" width="8" height="4" decoding="async" data-nimg="1" class="ml-2 xl:ml-1 transition-transform" style="color:transparent" src="https://cbdustorage.blob.core.windows.net/site/asset/icon/arrow-down-menu.svg">
345            </button>
346            <nav>
347                <div class="max-xl:hidden menu-link-dropdown bg-white rounded p-4 px-2 absolute w-[395px] z-[1]">
348                    <ul>
349                            <li>
350                                <a target="_top" aria-label="Calend&#xE1;rio de Eventos" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/events">
351                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
352                                        <path d="M5 12h14"></path>
353                                        <path d="m12 5 7 7-7 7"></path>
354                                    </svg>
355                                    <!-- -->Calend&#xE1;rio de Eventos
356                                </a>
357                            </li>
358                            <li>
359                                <a target="_top" aria-label="Certificados" class="flex items-center gap-2.5 py-2.5 px-5 xl
359:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/Certificates">
360                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
361                                        <path d="M5 12h14"></path>
362                                        <path d="m12 5 7 7-7 7"></path>
363                                    </svg>
364                                    <!-- -->Certificados
365                                </a>
366                            </li>
367                            <li>
368                                <a target="_top" aria-label="Trof&#xE9;u Efici&#xEA;ncia" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/DriveFiles/Index/1_Ckv_a05vQJ8lIAuK-OcnVhY_L9GgtXs">
369                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
370                                        <path d="M5 12h14"></path>
371                                        <path d="m12 5 7 7-7 7"></path>
372                                    </svg>
373                                    <!-- -->Trof&#xE9;u Efici&#xEA;ncia
374                                </a>
375                            </li>
376                            <li>
377                                <a target="_top" aria-label="Documentos Gerais" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/DriveFiles/Index/1EEQpVc3uBWkCITKiimMsAZt9eSBr_OVT">
378                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
379                                        <path d="M5 12h14"></path>
380                                        <path d="m12 5 7 7-7 7"></path>
381                                    </svg>
382                                    <!-- -->Documentos Gerais
383                                </a>
384                            </li>
385                    </ul>
386                </div>
387            </nav>
388        </div>
389</li>
390
391<li class="relative menu-main">
392        <div class="max-xl:hidden">
393            <button class="menu-link w-full transition-colors border-none bg-none text-title-3 xl:text-paragraph-3 text-neutral-90 xl:text-neutral-70 flex items-center gap-1 rounded" role="button" aria-label="alterna a navegação" aria-haspopup="true">
394                Institucional<!-- --> <img alt="flecha" role="img" loading="lazy" width="8" height="4" decoding="async" data-nimg="1" class="ml-2 xl:ml-1 transition-transform" style="color:transparent" src="https://cbdustorage.blob.core.windows.net/site/asset/icon/arrow-down-menu.svg">
395            </button>
396            <nav>
397                <div class="max-xl:hidden menu-link-dropdown bg-white rounded p-4 px-2 absolute w-[395px] z-[1]">
398                    <ul data-accordion-container="institutional-desktop">
399                            <li>
400                                <a target="_top" aria-label="Sobre a CBDU" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/Home/About">
401                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
402                                        <path d="M5 12h14"></path>
403                                        <path d="m12 5 7 7-7 7"></path>
404                                    </svg>
405                                    <!-- -->Sobre a CBDU
406                                </a>
407                            </li>
408                            <li>
409                                <a target="_top" aria-label="Instituto Brasileiro do Desporto Universit&#xE1;
409rio (IBDU)" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="https://www.ibdu.com.br">
410                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
411                                        <path d="M5 12h14"></path>
412                                        <path d="m12 5 7 7-7 7"></path>
413                                    </svg>
414                                    <!-- -->Instituto Brasileiro do Desporto Universit&#xE1;rio (IBDU)
415                                </a>
416                            </li>
417                            <li>
418                                <a target="_top" aria-label="Certificados e Reconhecimentos" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/DriveFiles/Index/1-6h1SP-YlJBn3sk2LWP8UeQiFVA_iPId">
419                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
420                                        <path d="M5 12h14"></path>
421                                        <path d="m12 5 7 7-7 7"></path>
422                                    </svg>
423                                    <!-- -->Certificados e Reconhecimentos
424                                </a>
425                            </li>
426                            <li>
427                                <a target="_top" aria-label="Calend&#xE1;rio de Reuni&#xF5;es" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/Transparency/Scheduling">
428                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
429                                        <path d="M5 12h14"></path>
430                                        <path d="m12 5 7 7-7 7"></path>
431                                    </svg>
432                                    <!-- -->Calend&#xE1;rio de Reuni&#xF5;es
433                                </a>
434                            </li>
435                            <li>
436                                <a target="_top" aria-label="Modelo de Governan&#xE7;a" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/Home/Governance">
437                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
438                                        <path d="M5 12h14"></path>
439                                        <path d="m12 5 7 7-7 7"></path>
440                                    </svg>
441                                    <!-- -->Modelo de Governan&#xE7;a
442                                </a>
443                            </li>
444
445                        <li>
446                            <button type="button" style="background:transparent;border:0;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;" class="menu-item-toggle w-full text-left flex items-start gap-2.5 py-2.5 px-5 xl
446:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 rounded-md xl:hover:bg-blue-100/10" data-accordion-group="institutional-desktop">
447                                <img alt="flecha" role="img" loading="lazy" width="8" height="4" decoding="async" data-nimg="1" class="shrink-0 transition-transform" style="margin-top:0.45rem;color:transparent" src="https://cbdustorage.blob.core.windows.net/site/asset/icon/arrow-down-menu.svg">
448                                <span class="leading-tight">Programa para Desenvolvimento das Federações (PDF)</span>
449                            </button>
450                            <ul class="submenu hidden">
451                                    <li>
452                                        <a target="_top" aria-label="Documentos Gerais" class="flex items-center gap-2.5 py-2.5 px-10 xl:px-6 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/DriveFiles/Index/1A0jesJnGjzxLhy3em4_K6NkQIugjSFey">
453                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
454                                                <path d="M5 12h14"></path>
455                                                <path d="m12 5 7 7-7 7"></path>
456                                            </svg>
457                                            Documentos Gerais
458                                        </a>
459                                    </li>
460                                    <li>
461                                        <a target="_top" aria-label="Pareceres de Aprova&#xE7;&#xE3;o" class="flex items-center gap-2.5 py-2.5 px-10 xl:px-6 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/DriveFiles/Index/11CwLg79x_Fvc03lLm2jDG1psmG0jKZ3-">
462                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
463                                                <path d="M5 12h14"></path>
464                                                <path d="m12 5 7 7-7 7"></path>
465                                            </svg>
466                                            Pareceres de Aprova&#xE7;&#xE3;o
467                                        </a>
468                                    </li>
469                            </ul>
470                        </li>
471
472                            <li>
473                                <a target="_top" aria-label="Federa&#xE7;&#xF5;es" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/SportsEntities">
474                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
475                                        <path d="M5 12h14"></path>
476                                        <path d="m12 5 7 7-7 7"></path>
477                                    </svg>
478                                    Federa&#xE7;&#xF5;es
479                                </a>
480                            </li>
481                            <li>
482                                <a target="_top" aria-label="Privacidade (LGPD)" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/Transparency/Privacy">
483                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
484                                        <path d="M5 12h14"></path>
485                                        <path d="m12 5 7 7-7 7"></path>
486                                    </svg>
487                                    Privacidade (LGPD)
488                                </a>
489                            </li>
490                            <li>
491                                <a target="_top" aria-label="Perguntas Frequentes" class="flex items-center gap-2.5 py-2.5 px-5 xl
491:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/FAQ">
492                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
493                                        <path d="M5 12h14"></path>
494                                        <path d="m12 5 7 7-7 7"></path>
495                                    </svg>
496                                    Perguntas Frequentes
497                                </a>
498                            </li>
499                    </ul>
500                </div>
501            </nav>
502        </div>
503</li>
504
505<li class="relative menu-main">
506        <div class="max-xl:hidden">
507            <button class="menu-link w-full transition-colors border-none bg-none text-title-3 xl:text-paragraph-3 text-neutral-90 xl:text-neutral-70 flex items-center gap-1 rounded" role="button" aria-label="alterna a navegação" aria-haspopup="true">
508                Atas e Assembleias<!-- --> <img alt="flecha" role="img" loading="lazy" width="8" height="4" decoding="async" data-nimg="1" class="ml-2 xl:ml-1 transition-transform" style="color:transparent" src="https://cbdustorage.blob.core.windows.net/site/asset/icon/arrow-down-menu.svg">
509            </button>
510            <nav>
511                <div class="max-xl:hidden menu-link-dropdown bg-white rounded p-4 px-2 absolute w-[395px] z-[1]">
512                    <ul>
513                            <li>
514                                <a target="_top" aria-label="Assembleias Gerais" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/DriveFiles/Index/1OB1DofGP4jaUm3ZmPbme7bSbRe1Q7-Nj">
515                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
516                                        <path d="M5 12h14"></path>
517                                        <path d="m12 5 7 7-7 7"></path>
518                                    </svg>
519                                    <!-- -->Assembleias Gerais
520                                </a>
521                            </li>
522                            <li>
523                                <a target="_top" aria-label="Assembleias Eletivas" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/DriveFiles/Index/1YjAh8DvOijh1p2ErnX26ahQ4NR931BtA">
524                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
525                                        <path d="M5 12h14"></path>
526                                        <path d="m12 5 7 7-7 7"></path>
527                                    </svg>
528                                    <!-- -->Assembleias Eletivas
529                                </a>
530                            </li>
531                            <li>
532                                <a target="_top" aria-label="Atas de Reuni&#xE3;o" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/DriveFiles/Index/1u4x7PrbLJa68pYYPGcr1H1dvyqlNBCMh">
533                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
534                                        <path d="M5 12h14"></path>
535                                        <path d="m12 5 7 7-7 7"></path>
536                                    </svg>
537                                    <!-- -->Atas de Reuni&#xE3;o
538                                </a>
539                            </li>
540                            <li>
541                                <a target="_top" aria-label="Editais de Convoca&#xE7;&#xE3;
541o" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/DriveFiles/Index/1R29U2Zpz_bdEV-jndpbsemChqwcgO0Yd">
542                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
543                                        <path d="M5 12h14"></path>
544                                        <path d="m12 5 7 7-7 7"></path>
545                                    </svg>
546                                    <!-- -->Editais de Convoca&#xE7;&#xE3;o
547                                </a>
548                            </li>
549                    </ul>
550                </div>
551            </nav>
552        </div>
553</li>
554
555<li class="relative menu-main">
556        <div class="max-xl:hidden">
557            <button class="menu-link w-full transition-colors border-none bg-none text-title-3 xl:text-paragraph-3 text-neutral-90 xl:text-neutral-70 flex items-center gap-1 rounded" role="button" aria-label="alterna a navegação" aria-haspopup="true">
558                Transparência<!-- --> <img alt="flecha" role="img" loading="lazy" width="8" height="4" decoding="async" data-nimg="1" class="ml-2 xl:ml-1 transition-transform" style="color:transparent" src="https://cbdustorage.blob.core.windows.net/site/asset/icon/arrow-down-menu.svg">
559            </button>
560            <nav>
561                <div class="max-xl:hidden menu-link-dropdown bg-white rounded p-4 px-2 absolute w-[395px] z-[1]" style="max-height:70vh;overflow-y:auto;">
562                    <ul data-accordion-container="transparency-desktop">
563                            <li>
564                                <a target="_top" aria-label="Regimento e Estatuto" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/DriveFiles/Index/1WzmmUe6HcOPkDbLznDQlFcnKktxugcxj">
565                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
566                                        <path d="M5 12h14"></path>
567                                        <path d="m12 5 7 7-7 7"></path>
568                                    </svg>
569                                    Governan&#xE7;a Corporativa
570                                </a>
571                            </li>
572                            <li>
573                                <a target="_top" aria-label="Pol&#xED;ticas e Procedimentos" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/DriveFiles/Index/1egAH4waApRkl6aEiprvj3jC-teS3FhJJ">
574                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
575                                        <path d="M5 12h14"></path>
576                                        <path d="m12 5 7 7-7 7"></path>
577                                    </svg>
578                                    Pol&#xED;ticas e Procedimentos
579                                </a>
580                            </li>
581                            <li>
582                                <a target="_top" aria-label="Plano Estrat&#xE9;gico" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/DriveFiles/Index/1nqPmWZ6Oduwr_1Yr79Kq6ozDhupFeNg9">
583                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
584                                        <path d="M5 12h14"></path>
585                                        <path d="m12 5 7 7-7 7"></path>
586                                    </svg>
587                                    Plano Estrat&#xE9;gico
588                                </a>
589                            </li>
590
591                        <li>
592                            <button type="button" style="background:transparent;border:0;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;" class="menu-item-toggle w-full text-left flex items-center gap-2.5 py-2.5 px-5 xl
592:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 rounded-md xl:hover:bg-blue-100/10" data-accordion-group="transparency-desktop">
593                                <img alt="flecha" role="img" loading="lazy" width="8" height="4" decoding="async" data-nimg="1" class="shrink-0 transition-transform" style="color:transparent" src="https://cbdustorage.blob.core.windows.net/site/asset/icon/arrow-down-menu.svg">
594                                Financeiro
595                            </button>
596                            <ul class="submenu hidden">
597                                    <li>
598                                        <a target="_top" aria-label="Presta&#xE7;&#xE3;o de Contas" class="flex items-center gap-2.5 py-2.5 px-10 xl:px-6 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/DriveFiles/Index/1FEGeM0bhBHN4OLOO_DuakW5tkQk7vNr2">
599                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
600                                                <path d="M5 12h14"></path>
601                                                <path d="m12 5 7 7-7 7"></path>
602                                            </svg>
603                                            Presta&#xE7;&#xE3;o de Contas
604                                        </a>
605                                    </li>
606                                    <li>
607                                        <a target="_top" aria-label="Balan&#xE7;o e Balancetes" class="flex items-center gap-2.5 py-2.5 px-10 xl:px-6 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/DriveFiles/Index/1xSBP9ekJnakeNK63b2MkEF2viPiBFRWX">
608                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
609                                                <path d="M5 12h14"></path>
610                                                <path d="m12 5 7 7-7 7"></path>
611                                            </svg>
612                                            Balan&#xE7;o e Balancetes
613                                        </a>
614                                    </li>
615                                    <li>
616                                        <a target="_top" aria-label="Relat&#xF3;rios de Auditoria" class="flex items-center gap-2.5 py-2.5 px-10 xl:px-6 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/DriveFiles/Index/1OpBRjIYeX0rSRF3Qd2q9AJvU5Ydg3vAl">
617                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
618                                                <path d="M5 12h14"></path>
619                                                <path d="m12 5 7 7-7 7"></path>
620                                            </svg>
621                                            Relat&#xF3;rios de Auditoria
622                                        </a>
623                                    </li>
624                                    <li>
625                                        <a target="_top" aria-label="Resolu&#xE7;&#xE3;o Or&#xE7;ament&#xE1;ria" class="flex items-center gap-2.5 py-2.5 px-10 xl:px-6 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/DriveFiles/Index/1srcGPDu6RnTHXXLPCD3-MDuM-7Xlla2y">
626                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
627                                                <path d="M5 12h14"></path>
628                                                <path d="m12 5 7 7-7 7"></path>
629                                            </svg>
630                                            Resolu&#xE7;&#xE3;o Or&#xE7;ament&#xE1;ria
631                                        </a>
632                                    </li>
633                            </ul>
634                        </li>
635
636                        <li>
637                            <button type="button" style="background:transparent;border:0;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;" class="menu-item-toggle w-full text-left flex items-center gap-2.5 py-2.5 px-5 xl
637:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 rounded-md xl:hover:bg-blue-100/10" data-accordion-group="transparency-desktop">
638                                <img alt="flecha" role="img" loading="lazy" width="8" height="4" decoding="async" data-nimg="1" class="shrink-0 transition-transform" style="color:transparent" src="https://cbdustorage.blob.core.windows.net/site/asset/icon/arrow-down-menu.svg">
639                                Gestão de Pessoas
640                            </button>
641                            <ul class="submenu hidden">
642                                    <li>
643                                        <a target="_top" aria-label="Di&#xE1;rias e Jeton" class="flex items-center gap-2.5 py-2.5 px-10 xl:px-6 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/DriveFiles/Index/1Ey2mzmz3LcusjO2V2dWv-zMc37SdwARL">
644                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
645                                                <path d="M5 12h14"></path>
646                                                <path d="m12 5 7 7-7 7"></path>
647                                            </svg>
648                                            Di&#xE1;rias e Jeton
649                                        </a>
650                                    </li>
651                                    <li>
652                                        <a target="_top" aria-label="Cargos e Sal&#xE1;rios" class="flex items-center gap-2.5 py-2.5 px-10 xl:px-6 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/DriveFiles/Index/19w_qilihbZ9JO6Xj5qraMsiQQ8f4Dluc">
653                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
654                                                <path d="M5 12h14"></path>
655                                                <path d="m12 5 7 7-7 7"></path>
656                                            </svg>
657                                            Cargos e Sal&#xE1;rios
658                                        </a>
659                                    </li>
660                            </ul>
661                        </li>
662
663                            <li>
664                                <a target="_top" aria-label="Notas Oficiais" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/DriveFiles/Index/1Rg2gKmBhKbjCIKUmjdEfOd-sRCGb9rE6">
665                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
666                                        <path d="M5 12h14"></path>
667                                        <path d="m12 5 7 7-7 7"></path>
668                                    </svg>
669                                    Notas Oficiais
670                                </a>
671                            </li>
672                            <li>
673                                <a target="_top" aria-label="Licita&#xE7;&#xF5;es e Contratos" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/Transparency/Contracts">
674                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
675                                        <path d="M5 12h14"></path>
676                                        <path d="m12 5 7 7-7 7"></path>
677                                    </svg>
678                                    Licita&#xE7;&#xF5;es e Contratos
679                                </a>
680                            </li>
681                            <li>
682                                <a target="_top" aria-label="Projetos e Conv&#xEA;
682nios" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/DriveFiles/Index/1nsZBUaN7FpRY7xh7UuHgDjNrpch-i9ot">
683                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
684                                        <path d="M5 12h14"></path>
685                                        <path d="m12 5 7 7-7 7"></path>
686                                    </svg>
687                                    Projetos e Conv&#xEA;nios
688                                </a>
689                            </li>
690                            <li>
691                                <a target="_top" aria-label="Lei de Incentivo" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/DriveFiles/Index/14naopYEUPhqwX8y6QMzX9qySeZZZNbxX">
692                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
693                                        <path d="M5 12h14"></path>
694                                        <path d="m12 5 7 7-7 7"></path>
695                                    </svg>
696                                    Lei de Incentivo
697                                </a>
698                            </li>
699                            <li>
700                                <a target="_top" aria-label="Relat&#xF3;rios de Gest&#xE3;o" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/DriveFiles/Index/15CaRDD9jC5C0b-N_BesDXpTzL0lLkNHd">
701                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
702                                        <path d="M5 12h14"></path>
703                                        <path d="m12 5 7 7-7 7"></path>
704                                    </svg>
705                                    Relat&#xF3;rios de Gest&#xE3;o
706                                </a>
707                            </li>
708                    </ul>
709                </div>
710            </nav>
711        </div>
712</li>
713
714<li class="relative menu-main">
715        <div class="max-xl:hidden">
716            <button class="menu-link w-full transition-colors border-none bg-none text-title-3 xl:text-paragraph-3 text-neutral-90 xl:text-neutral-70 flex items-center gap-1 rounded" role="button" aria-label="alterna a navegação" aria-haspopup="true">
717                Comunicação<!-- --> <img alt="flecha" role="img" loading="lazy" width="8" height="4" decoding="async" data-nimg="1" class="ml-2 xl:ml-1 transition-transform" style="color:transparent" src="https://cbdustorage.blob.core.windows.net/site/asset/icon/arrow-down-menu.svg">
718            </button>
719            <nav>
720                <div class="max-xl:hidden menu-link-dropdown bg-white rounded p-4 px-2 absolute w-[395px] z-[1]">
721                    <ul>
722                            <li>
723                                <a target="_blank" aria-label="CBDU TV" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="https://www.youtube.com/CBDUTV">
724                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
725                                        <path d="M5 12h14"></path>
726                                        <path d="m12 5 7 7-7 7"></path>
727                                    </svg>
728                                    <!-- -->CBDU TV
729                                </a>
730                            </li>
731                            <li>
732                                <a target="_blank" aria-label="JUBs Cast" class="flex items-center gap-2.5 py-2.5 px-5 xl
732:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="https://www.youtube.com/CBDUTV/search?query=jubs%20cast">
733                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
734                                        <path d="M5 12h14"></path>
735                                        <path d="m12 5 7 7-7 7"></path>
736                                    </svg>
737                                    <!-- -->JUBs Cast
738                                </a>
739                            </li>
740                            <li>
741                                <a target="_top" aria-label="Not&#xED;cias" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/News">
742                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
743                                        <path d="M5 12h14"></path>
744                                        <path d="m12 5 7 7-7 7"></path>
745                                    </svg>
746                                    <!-- -->Not&#xED;cias
747                                </a>
748                            </li>
749                            <li>
750                                <a target="_top" aria-label="Imprensa" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/Home/PressOffice">
751                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
752                                        <path d="M5 12h14"></path>
753                                        <path d="m12 5 7 7-7 7"></path>
754                                    </svg>
755                                    <!-- -->Imprensa
756                                </a>
757                            </li>
758                            <li>
759                                <a target="_blank" aria-label="Galerias de Fotos" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="https://www.flickr.com/photos/cbdufotos/albums/">
760                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
761                                        <path d="M5 12h14"></path>
762                                        <path d="m12 5 7 7-7 7"></path>
763                                    </svg>
764                                    <!-- -->Galerias de Fotos
765                                </a>
766                            </li>
767                    </ul>
768                </div>
769            </nav>
770        </div>
771</li>
772                    </ul>
773                </nav>
774            </div>
775            <div id="mobile-menu" class="xl:hidden hidden w-full fixed left-0 bg-white shadow-lg overflow-y-auto z-40" style="top:5rem;height:calc(100vh - 5rem);-webkit-overflow-scrolling:touch;">
776                <ul class="flex flex-col p-4 pb-24">
777
778<li class="">
779        <button class="menu-item-toggle flex w-full items-center text-left text-neutral-90 text-title-3 py-4">
780            Eventos <!-- --> <img alt="flecha" role="img" loading="lazy" width="8" height="4" decoding="async" data-nimg="1" class="ml-2 xl:ml-1 transition-transform" style="color:transparent" src="https://cbdustorage.blob.core.windows.net/site/asset/icon/arrow-down-menu.svg">
781        </button>
782        <ul class="submenu hidden">
783                <li>
784                    <a target="_top" aria-label="Calend&#xE1;
784rio de Eventos" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/events">
785                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
786                            <path d="M5 12h14"></path>
787                            <path d="m12 5 7 7-7 7"></path>
788                        </svg>
789                        <!-- -->Calend&#xE1;rio de Eventos
790                    </a>
791                </li>
792                <li>
793                    <a target="_top" aria-label="Certificados" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/Certificates">
794                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
795                            <path d="M5 12h14"></path>
796                            <path d="m12 5 7 7-7 7"></path>
797                        </svg>
798                        <!-- -->Certificados
799                    </a>
800                </li>
801                <li>
802                    <a target="_top" aria-label="Trof&#xE9;u Efici&#xEA;ncia" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/DriveFiles/Index/1_Ckv_a05vQJ8lIAuK-OcnVhY_L9GgtXs">
803                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
804                            <path d="M5 12h14"></path>
805                            <path d="m12 5 7 7-7 7"></path>
806                        </svg>
807                        <!-- -->Trof&#xE9;u Efici&#xEA;ncia
808                    </a>
809                </li>
810                <li>
811                    <a target="_top" aria-label="Documentos Gerais" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/DriveFiles/Index/1EEQpVc3uBWkCITKiimMsAZt9eSBr_OVT">
812                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
813                            <path d="M5 12h14"></path>
814                            <path d="m12 5 7 7-7 7"></path>
815                        </svg>
816                        <!-- -->Documentos Gerais
817                    </a>
818                </li>
819        </ul>
820</li>
821
822<li class="">
823        <button type="button" class="menu-item-toggle flex w-full items-center text-left text-neutral-90 text-title-3 py-4">
824            Institucional <!-- --> <img alt="flecha" role="img" loading="lazy" width="8" height="4" decoding="async" data-nimg="1" class="ml-2 xl:ml-1 transition-transform" style="color:transparent" src="https://cbdustorage.blob.core.windows.net/site/asset/icon/arrow-down-menu.svg">
825        </button>
826        <ul class="submenu hidden" data-accordion-container="institutional-mobile">
827                <li>
828                    <a target="_top" aria-label="Sobre a CBDU" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/Home/About">
829                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
830                            <path d="M5 12h14"></path>
831                            <path d="m12 5 7 7-7 7"></path>
832                        </svg>
833                        <!-- -->Sobre a CBDU
834                    </a>
835                </li>
836                <li>
837                    <a target="_top" aria-label="Instituto Brasileiro do Desporto Universit&#xE1;
837rio (IBDU)" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="https://www.ibdu.com.br">
838                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
839                            <path d="M5 12h14"></path>
840                            <path d="m12 5 7 7-7 7"></path>
841                        </svg>
842                        <!-- -->Instituto Brasileiro do Desporto Universit&#xE1;rio (IBDU)
843                    </a>
844                </li>
845                <li>
846                    <a target="_top" aria-label="Certificados e Reconhecimentos" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/DriveFiles/Index/1-6h1SP-YlJBn3sk2LWP8UeQiFVA_iPId">
847                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
848                            <path d="M5 12h14"></path>
849                            <path d="m12 5 7 7-7 7"></path>
850                        </svg>
851                        <!-- -->Certificados e Reconhecimentos
852                    </a>
853                </li>
854                <li>
855                    <a target="_top" aria-label="Calend&#xE1;rio de Reuni&#xF5;es" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/Transparency/Scheduling">
856                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
857                            <path d="M5 12h14"></path>
858                            <path d="m12 5 7 7-7 7"></path>
859                        </svg>
860                        <!-- -->Calend&#xE1;rio de Reuni&#xF5;es
861                    </a>
862                </li>
863                <li>
864                    <a target="_top" aria-label="Modelo de Governan&#xE7;a" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/Home/Governance">
865                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
866                            <path d="M5 12h14"></path>
867                            <path d="m12 5 7 7-7 7"></path>
868                        </svg>
869                        <!-- -->Modelo de Governan&#xE7;a
870                    </a>
871                </li>
872
873            <li>
874                <button type="button" style="background:transparent;border:0;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;" class="menu-item-toggle w-full text-left flex items-start gap-2.5 py-2.5 px-5 text-headline-3 text-neutral-90 transition-transform hover:text-blue-100 rounded-md" data-accordion-group="institutional-mobile">
875                    <img alt="flecha" role="img" loading="lazy" width="8" height="4" decoding="async" data-nimg="1" class="shrink-0 transition-transform" style="margin-top:0.45rem;color:transparent" src="https://cbdustorage.blob.core.windows.net/site/asset/icon/arrow-down-menu.svg">
876                    <span class="leading-tight">Programa para Desenvolvimento das Federações (PDF)</span>
877                </button>
878                <ul class="submenu hidden">
879                        <li>
880                            <a target="_top" aria-label="Documentos Gerais" class="flex items-center gap-2.5 py-2.5 px-10 text-headline-3 text-neutral-90 transition-transform hover:text-blue-100 group rounded-md" href="/DriveFiles/Index/1A0jesJnGjzxLhy3em4_K6NkQIugjSFey">
881                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
882                                    <path d="M5 12h14"></path>
883                                    <path d="m12 5 7 7-7 7"></path>
884                                </svg>
885                                Documentos Gerais
886                            </a>
887                        </li>
888                        <li>
889                            <a target="_top" aria-label="Pareceres de Aprova&#xE7;&#xE3;o" class="flex items-center gap-2.5 py-2.5 px-10 text-headline-3 text-neutral-90 transition-transform hover:text-blue-100 group rounded-md" href="/DriveFiles/Index/11CwLg79x_Fvc03lLm2jDG1psmG0jKZ3-">
890                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
891                                    <path d="M5 12h14"></path>
892                                    <path d="m12 5 7 7-7 7"></path>
893                                </svg>
894                                Pareceres de Aprova&#xE7;&#xE3;o
895                            </a>
896                        </li>
897                </ul>
898            </li>
899
900                <li>
901                    <a target="_top" aria-label="Federa&#xE7;&#xF5;es" class="flex items-center gap-2.5 py-2.5 px-5 text-headline-3 text-neutral-90 transition-transform hover:text-blue-100 group rounded-md" href="/SportsEntities">
902                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
903                            <path d="M5 12h14"></path>
904                            <path d="m12 5 7 7-7 7"></path>
905                        </svg>
906                        Federa&#xE7;&#xF5;es
907                    </a>
908                </li>
909                <li>
910                    <a target="_top" aria-label="Privacidade (LGPD)" class="flex items-center gap-2.5 py-2.5 px-5 text-headline-3 text-neutral-90 transition-transform hover:text-blue-100 group rounded-md" href="/Transparency/Privacy">
911                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
912                            <path d="M5 12h14"></path>
913                            <path d="m12 5 7 7-7 7"></path>
914                        </svg>
915                        Privacidade (LGPD)
916                    </a>
917                </li>
918                <li>
919                    <a target="_top" aria-label="Perguntas Frequentes" class="flex items-center gap-2.5 py-2.5 px-5 text-headline-3 text-neutral-90 transition-transform hover:text-blue-100 group rounded-md" href="/FAQ">
920                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
921                            <path d="M5 12h14"></path>
922                            <path d="m12 5 7 7-7 7"></path>
923                        </svg>
924                        Perguntas Frequentes
925                    </a>
926                </li>
927        </ul>
928</li>
929
930<li class="">
931        <button class="menu-item-toggle flex w-full items-center text-left text-neutral-90 text-title-3 py-4">
932            Atas e Assembleias <!-- --> <img alt="flecha" role="img" loading="lazy" width="8" height="4" decoding="async" data-nimg="1" class="ml-2 xl:ml-1 transition-transform" style="color:transparent" src="https://cbdustorage.blob.core.windows.net/site/asset/icon/arrow-down-menu.svg">
933        </button>
934        <ul class="submenu hidden">
935                <li>
936                    <a target="_top" aria-label="Assembleias Gerais" class="flex items-center gap-2.5 py-2.5 px-5 xl
936:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/DriveFiles/Index/1OB1DofGP4jaUm3ZmPbme7bSbRe1Q7-Nj">
937                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
938                            <path d="M5 12h14"></path>
939                            <path d="m12 5 7 7-7 7"></path>
940                        </svg>
941                        <!-- -->Assembleias Gerais
942                    </a>
943                </li>
944                <li>
945                    <a target="_top" aria-label="Assembleias Eletivas" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/DriveFiles/Index/1YjAh8DvOijh1p2ErnX26ahQ4NR931BtA">
946                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
947                            <path d="M5 12h14"></path>
948                            <path d="m12 5 7 7-7 7"></path>
949                        </svg>
950                        <!-- -->Assembleias Eletivas
951                    </a>
952                </li>
953                <li>
954                    <a target="_top" aria-label="Atas de Reuni&#xE3;o" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/DriveFiles/Index/1u4x7PrbLJa68pYYPGcr1H1dvyqlNBCMh">
955                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
956                            <path d="M5 12h14"></path>
957                            <path d="m12 5 7 7-7 7"></path>
958                        </svg>
959                        <!-- -->Atas de Reuni&#xE3;o
960                    </a>
961                </li>
962                <li>
963                    <a target="_top" aria-label="Editais de Convoca&#xE7;&#xE3;o" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/DriveFiles/Index/1R29U2Zpz_bdEV-jndpbsemChqwcgO0Yd">
964                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
965                            <path d="M5 12h14"></path>
966                            <path d="m12 5 7 7-7 7"></path>
967                        </svg>
968                        <!-- -->Editais de Convoca&#xE7;&#xE3;o
969                    </a>
970                </li>
971        </ul>
972</li>
973
974<li class="">
975        <button type="button" class="menu-item-toggle flex w-full items-center text-left text-neutral-90 text-title-3 py-4">
976            Transparência <!-- --> <img alt="flecha" role="img" loading="lazy" width="8" height="4" decoding="async" data-nimg="1" class="ml-2 xl:ml-1 transition-transform" style="color:transparent" src="https://cbdustorage.blob.core.windows.net/site/asset/icon/arrow-down-menu.svg">
977        </button>
978        <ul class="submenu hidden" data-accordion-container="transparency-mobile">
979                <li>
980                    <a target="_top" aria-label="Regimento e Estatuto" class="flex items-center gap-2.5 py-2.5 px-5 xl
980:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/DriveFiles/Index/1WzmmUe6HcOPkDbLznDQlFcnKktxugcxj">
981                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
982                            <path d="M5 12h14"></path>
983                            <path d="m12 5 7 7-7 7"></path>
984                        </svg>
985                        Governan&#xE7;a Corporativa
986                    </a>
987                </li>
988                <li>
989                    <a target="_top" aria-label="Pol&#xED;ticas e Procedimentos" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/DriveFiles/Index/1egAH4waApRkl6aEiprvj3jC-teS3FhJJ">
990                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
991                            <path d="M5 12h14"></path>
992                            <path d="m12 5 7 7-7 7"></path>
993                        </svg>
994                        Pol&#xED;ticas e Procedimentos
995                    </a>
996                </li>
997                <li>
998                    <a target="_top" aria-label="Plano Estrat&#xE9;gico" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/DriveFiles/Index/1nqPmWZ6Oduwr_1Yr79Kq6ozDhupFeNg9">
999                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
1000                            <path d="M5 12h14"></path>
1001                            <path d="m12 5 7 7-7 7"></path>
1002                        </svg>
1003                        Plano Estrat&#xE9;gico
1004                    </a>
1005                </li>
1006
1007            <li>
1008                <button type="button" style="background:transparent;border:0;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;" class="menu-item-toggle w-full text-left flex items-center gap-2.5 py-2.5 px-5 text-headline-3 text-neutral-90 transition-transform hover:text-blue-100 rounded-md" data-accordion-group="transparency-mobile">
1009                    <img alt="flecha" role="img" loading="lazy" width="8" height="4" decoding="async" data-nimg="1" class="shrink-0 transition-transform" style="color:transparent" src="https://cbdustorage.blob.core.windows.net/site/asset/icon/arrow-down-menu.svg">
1010                    Financeiro
1011                </button>
1012                <ul class="submenu hidden">
1013                        <li>
1014                            <a target="_top" aria-label="Presta&#xE7;&#xE3;o de Contas" class="flex items-center gap-2.5 py-2.5 px-10 text-headline-3 text-neutral-90 transition-transform hover:text-blue-100 group rounded-md" href="/DriveFiles/Index/1FEGeM0bhBHN4OLOO_DuakW5tkQk7vNr2">
1015                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
1016                                    <path d="M5 12h14"></path>
1017                                    <path d="m12 5 7 7-7 7"></path>
1018                                </svg>
1019                                Presta&#xE7;&#xE3;o de Contas
1020                            </a>
1021                        </li>
1022                        <li>
1023                            <a target="_top" aria-label="Balan&#xE7;o e Balancetes" class="flex items-center gap-2.5 py-2.5 px-10 text-headline-3 text-neutral-90 transition-transform hover:text-blue-100 group rounded-md" href="/DriveFiles/Index/1xSBP9ekJnakeNK63b2MkEF2viPiBFRWX">
1024                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
1025                                    <path d="M5 12h14"></path>
1026                                    <path d="m12 5 7 7-7 7"></path>
1027                                </svg>
1028                                Balan&#xE7;o e Balancetes
1029                            </a>
1030                        </li>
1031                        <li>
1032                            <a target="_top" aria-label="Relat&#xF3;rios de Auditoria" class="flex items-center gap-2.5 py-2.5 px-10 text-headline-3 text-neutral-90 transition-transform hover:text-blue-100 group rounded-md" href="/DriveFiles/Index/1OpBRjIYeX0rSRF3Qd2q9AJvU5Ydg3vAl">
1033                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
1034                                    <path d="M5 12h14"></path>
1035                                    <path d="m12 5 7 7-7 7"></path>
1036                                </svg>
1037                                Relat&#xF3;rios de Auditoria
1038                            </a>
1039                        </li>
1040                        <li>
1041                            <a target="_top" aria-label="Resolu&#xE7;&#xE3;o Or&#xE7;ament&#xE1;ria" class="flex items-center gap-2.5 py-2.5 px-10 text-headline-3 text-neutral-90 transition-transform hover:text-blue-100 group rounded-md" href="/DriveFiles/Index/1srcGPDu6RnTHXXLPCD3-MDuM-7Xlla2y">
1042                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
1043                                    <path d="M5 12h14"></path>
1044                                    <path d="m12 5 7 7-7 7"></path>
1045                                </svg>
1046                                Resolu&#xE7;&#xE3;o Or&#xE7;ament&#xE1;ria
1047                            </a>
1048                        </li>
1049                </ul>
1050            </li>
1051
1052            <li>
1053                <button type="button" style="background:transparent;border:0;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;" class="menu-item-toggle w-full text-left flex items-center gap-2.5 py-2.5 px-5 text-headline-3 text-neutral-90 transition-transform hover:text-blue-100 rounded-md" data-accordion-group="transparency-mobile">
1054                    <img alt="flecha" role="img" loading="lazy" width="8" height="4" decoding="async" data-nimg="1" class="shrink-0 transition-transform" style="color:transparent" src="https://cbdustorage.blob.core.windows.net/site/asset/icon/arrow-down-menu.svg">
1055                    Gestão de Pessoas
1056                </button>
1057                <ul class="submenu hidden">
1058                        <li>
1059                            <a target="_top" aria-label="Di&#xE1;rias e Jeton" class="flex items-center gap-2.5 py-2.5 px-10 text-headline-3 text-neutral-90 transition-transform hover:text-blue-100 group rounded-md" href="/DriveFiles/Index/1Ey2mzmz3LcusjO2V2dWv-zMc37SdwARL">
1060                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
1061                                    <path d="M5 12h14"></path>
1062                                    <path d="m12 5 7 7-7 7"></path>
1063                                </svg>
1064                                Di&#xE1;rias e Jeton
1065                            </a>
1066                        </li>
1067                        <li>
1068                            <a target="_top" aria-label="Cargos e Sal&#xE1;rios" class="flex items-center gap-2.5 py-2.5 px-10 text-headline-3 text-neutral-90 transition-transform hover:text-blue-100 group rounded-md" href="/DriveFiles/Index/19w_qilihbZ9JO6Xj5qraMsiQQ8f4Dluc">
1069                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
1070                                    <path d="M5 12h14"></path>
1071                                    <path d="m12 5 7 7-7 7"></path>
1072                                </svg>
1073                                Cargos e Sal&#xE1;rios
1074                            </a>
1075                        </li>
1076                </ul>
1077            </li>
1078
1079                <li>
1080                    <a target="_top" aria-label="Notas Oficiais" class="flex items-center gap-2.5 py-2.5 px-5 text-headline-3 text-neutral-90 transition-transform hover:text-blue-100 group rounded-md" href="/DriveFiles/Index/1Rg2gKmBhKbjCIKUmjdEfOd-sRCGb9rE6">
1081                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
1082                            <path d="M5 12h14"></path>
1083                            <path d="m12 5 7 7-7 7"></path>
1084                        </svg>
1085                        Notas Oficiais
1086                    </a>
1087                </li>
1088                <li>
1089                    <a target="_top" aria-label="Licita&#xE7;&#xF5;es e Contratos" class="flex items-center gap-2.5 py-2.5 px-5 text-headline-3 text-neutral-90 transition-transform hover:text-blue-100 group rounded-md" href="/Transparency/Contracts">
1090                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
1091                            <path d="M5 12h14"></path>
1092                            <path d="m12 5 7 7-7 7"></path>
1093                        </svg>
1094                        Licita&#xE7;&#xF5;es e Contratos
1095                    </a>
1096                </li>
1097                <li>
1098                    <a target="_top" aria-label="Projetos e Conv&#xEA;nios" class="flex items-center gap-2.5 py-2.5 px-5 text-headline-3 text-neutral-90 transition-transform hover:text-blue-100 group rounded-md" href="/DriveFiles/Index/1nsZBUaN7FpRY7xh7UuHgDjNrpch-i9ot">
1099                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
1100                            <path d="M5 12h14"></path>
1101                            <path d="m12 5 7 7-7 7"></path>
1102                        </svg>
1103                        Projetos e Conv&#xEA;nios
1104                    </a>
1105                </li>
1106                <li>
1107                    <a target="_top" aria-label="Lei de Incentivo" class="flex items-center gap-2.5 py-2.5 px-5 text-headline-3 text-neutral-90 transition-transform hover:text-blue-100 group rounded-md" href="/DriveFiles/Index/14naopYEUPhqwX8y6QMzX9qySeZZZNbxX">
1108                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
1109                            <path d="M5 12h14"></path>
1110                            <path d="m12 5 7 7-7 7"></path>
1111                        </svg>
1112                        Lei de Incentivo
1113                    </a>
1114                </li>
1115                <li>
1116                    <a target="_top" aria-label="Relat&#xF3;rios de Gest&#xE3;o" class="flex items-center gap-2.5 py-2.5 px-5 text-headline-3 text-neutral-90 transition-transform hover:text-blue-100 group rounded-md" href="/DriveFiles/Index/15CaRDD9jC5C0b-N_BesDXpTzL0l
1116LkNHd">
1117                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
1118                            <path d="M5 12h14"></path>
1119                            <path d="m12 5 7 7-7 7"></path>
1120                        </svg>
1121                        Relat&#xF3;rios de Gest&#xE3;o
1122                    </a>
1123                </li>
1124        </ul>
1125</li>
1126
1127<li class="">
1128        <button class="menu-item-toggle flex w-full items-center text-left text-neutral-90 text-title-3 py-4">
1129            Comunicação <!-- --> <img alt="flecha" role="img" loading="lazy" width="8" height="4" decoding="async" data-nimg="1" class="ml-2 xl:ml-1 transition-transform" style="color:transparent" src="https://cbdustorage.blob.core.windows.net/site/asset/icon/arrow-down-menu.svg">
1130        </button>
1131        <ul class="submenu hidden">
1132                <li>
1133                    <a target="_blank" aria-label="CBDU TV" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="https://www.youtube.com/CBDUTV">
1134                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
1135                            <path d="M5 12h14"></path>
1136                            <path d="m12 5 7 7-7 7"></path>
1137                        </svg>
1138                        <!-- -->CBDU TV
1139                    </a>
1140                </li>
1141                <li>
1142                    <a target="_blank" aria-label="JUBs Cast" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="https://www.youtube.com/CBDUTV/search?query=jubs%20cast">
1143                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
1144                            <path d="M5 12h14"></path>
1145                            <path d="m12 5 7 7-7 7"></path>
1146                        </svg>
1147                        <!-- -->JUBs Cast
1148                    </a>
1149                </li>
1150                <li>
1151                    <a target="_top" aria-label="Not&#xED;cias" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/News">
1152                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
1153                            <path d="M5 12h14"></path>
1154                            <path d="m12 5 7 7-7 7"></path>
1155                        </svg>
1156                        <!-- -->Not&#xED;cias
1157                    </a>
1158                </li>
1159                <li>
1160                    <a target="_top" aria-label="Imprensa" class="flex items-center gap-2.5 py-2.5 px-5 xl:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="/Home/PressOffice">
1161                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
1162                            <path d="M5 12h14"></path>
1163                            <path d="m12 5 7 7-7 7"></path>
1164                        </svg>
1165                        <!-- -->Imprensa
1166                    </a>
1167                </li>
1168                <li>
1169                    <a target="_blank" aria-label="Galerias de Fotos" class="flex items-center gap-2.5 py-2.5 px-5 xl
1169:px-2 text-headline-3 text-neutral-90 xl:text-blue-dark transition-transform hover:text-blue-100 group rounded-md xl:hover:bg-blue-100/10" href="https://www.flickr.com/photos/cbdufotos/albums/">
1170                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 w-3 h-3 text-neutral-40 group-hover:text-blue-100">
1171                            <path d="M5 12h14"></path>
1172                            <path d="m12 5 7 7-7 7"></path>
1173                        </svg>
1174                        <!-- -->Galerias de Fotos
1175                    </a>
1176                </li>
1177        </ul>
1178</li>
1179                </ul>
1180            </div>
1181
1182            <div id="searchBarContainer" class="hidden flex items-center gap-2">
1183                <div class="gcse-search"></div>
1184            </div>
1185
1186            <div data-orientation="vertical" role="none" class="shrink-0 w-[1px] bg-neutral-100/10 h-6 mx-4 hidden xl:block"></div>
1187
1188            <div class="flex items-center gap-3">
1189                <div>
1190                    <button id="toggleSearch" type="button" role="button" aria-controls="searchBarContainer" aria-expanded="false" aria-label="Abrir busca" class="w-11 h-11 border border-neutral-100/10 rounded-full bg-white flex items-center justify-center hover:bg-blue-100 hover:text-white group">
1191                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search w-6 h-6 text-blue-100 group-hover:text-white  transition-colors">
1192                            <circle cx="11" cy="11" r="8"></circle>
1193                            <path d="m21 21-4.3-4.3"></path>
1194                        </svg>
1195                    </button>
1196                </div>
1197                <div class="xl:hidden block">
1198                    <button id="mobile-menu-toggle" class="bg-blue-100 h-10 w-10 flex flex-col gap-1.5 items-center justify-center rounded-full ">
1199                        <span class="w-5 h-0.5 bg-white block rounded-md" style="transform: none;"></span>
1200                        <span class="w-5 h-0.5 bg-white block rounded-md" style="transform: none;"></span>
1201                    </button>
1202                </div>
1203            </div>
1204        </div>
1205    </div>
1206</div>
1207
1208
1209    
1210
1211   
1212
1213<script>
1214    const siteHeader = document.getElementById('site-main-header');
1215    const defaultMenu = document.getElementById('default-menu');
1216    const toggleBtn = document.getElementById('toggleSearch');
1217    const searchBar = document.getElementById('searchBarContainer');
1218    const input = document.getElementById('searchInput');
1219    const button = document.getElementById('searchButton');
1220
1221    const lupa = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search w-6 h-6 text-blue-100 group-hover:text-white  transition-colors">
1222                      <circle cx="11" cy="11" r="8"></circle>
1223                      <path d="m21 21-4.3-4.3"></path>
1224                  </svg>`;
1225    const fecharBusca = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x w-6 h-6 text-white transition-colors">
1226                            <path d="M18 6 6 18"></path>
1227                            <path d="m6 6 12 12"></path>
1228                         </svg>`;
1229    let isOpen = false;
1230
1231    const setSearchOpen = (open) => {
1232        isOpen = open;
1233        siteHeader.classList.toggle('is-search-open', isOpen);
1234        searchBar.classList.toggle('hidden', !isOpen);
1235        toggleBtn.setAttribute('aria-expanded', String(isOpen));
1236        toggleBtn.setAttribute('aria-label', isOpen ? 'Fechar busca' : 'Abrir busca');
1237        toggleBtn.innerHTML = isOpen ? fecharBusca : lupa;
1238
1239        if (isOpen) {
1240            window.setTimeout(() => {
1241                document.querySelector('input.gsc-input')?.focus();
1242            }, 100);
1243        }
1244    };
1245
1246    toggleBtn.addEventListener('click', () => {
1247        setSearchOpen(!isOpen);
1248    });
1249
1250    document.addEventListener('keydown', (event) => {
1251        if (event.key === 'Escape' && isOpen) {
1252            setSearchOpen(false);
1253        }
1254    });
1255
1256    /* button.addEventListener('click', () => {
1257        if (window.google && google.search) {
1258            const element = google.search.cse.element.getElement("standard");
1259            if (element) {
1260                element.execute(input.value);
1261            }
1262        }
1263    });*/
1264</script>
1264
1265
1266<script>
1267    document.addEventListener("DOMContentLoaded", function () {
1268        const mobileMenuToggle = document.getElementById("mobile-menu-toggle");
1269        const mobileMenu = document.getElementById("mobile-menu");
1270        const menuItemToggles = document.querySelectorAll(".menu-item-toggle");
1271        const fixedHeader = document.getElementById("site-main-header");
1272        const body = document.body;
1273
1274        const adjustMobileMenuHeight = () => {
1275            if (!mobileMenu) {
1276                return;
1277            }
1278
1279            const topOffset = fixedHeader ? Math.max(fixedHeader.getBoundingClientRect().bottom, 0) : Math.max(mobileMenu.getBoundingClientRect().top, 0);
1280            mobileMenu.style.top = `${topOffset}px`;
1281            const nextHeight = Math.max(window.innerHeight - topOffset, 0);
1282            mobileMenu.style.height = `${nextHeight}px`;
1283        };
1284
1285        // Abre e fecha o menu principal
1286        mobileMenuToggle.addEventListener("click", function () {
1287            const isOpen = mobileMenu.classList.toggle("hidden");
1288
1289                if (!isOpen) {
1290                adjustMobileMenuHeight();
1291                mobileMenu.scrollTop = 0;
1292                body.style.overflow = "hidden";
1293                // Menu está aberto - aplicar novo estilo ao botão
1294                mobileMenuToggle.classList.remove("bg-blue-100");
1295                mobileMenuToggle.classList.add("border", "border-blue-100", "relative", "z-10", "left-0", "shrink-0", "bg-white");
1296
1297                // Transformação das barras do botão (X)
1298                const spans = mobileMenuToggle.querySelectorAll("span");
1299                spans[0].style.transform = "translateY(4px) rotate(45deg)";
1300                spans[1].style.transform = "translateY(-4px) rotate(-45deg)";
1301
1302                // Força a cor azul nas barras para visibilidade
1303                spans.forEach(span => {
1304                    span.style.backgroundColor = "#006DBC"; // Azul (Tailwind blue-100)
1305                    span.style.transition = "transform 0.2s ease, background-color 0.2s ease";
1306                });
1307            } else {
1308                body.style.overflow = "";
1309                // Menu está fechado - voltar ao estado original
1310                mobileMenuToggle.classList.remove("border", "border-blue-100", "relative", "z-10", "left-0", "shrink-0", "bg-white");
1311                mobileMenuToggle.classList.add("bg-blue-100");
1312
1313                // Reset das barras do botão (volta ao menu hamburguer)
1314                const spans = mobileMenuToggle.querySelectorAll("span");
1315                spans[0].style.transform = "none";
1316                spans[1].style.transform = "none";
1317
1318                // Restaurar a cor branca das barras
1319                spans.forEach(span => {
1320                    span.style.backgroundColor = "#FFFFFF"; // Branco
1321                });
1322            }
1323        });
1324
1325        // Expande e recolhe os submenus ao clicar nos itens principais
1326        menuItemToggles.forEach(button => {
1327            button.addEventListener("click", function () {
1328                const submenu = this.nextElementSibling;
1329                if (!submenu || !submenu.classList.contains("submenu")) {
1330                    return;
1331                }
1332
1333                const accordionGroup = this.dataset.accordionGroup;
1334                if (accordionGroup) {
1335                    const accordionContainer = this.closest(`[data-accordion-container="${accordionGroup}"]`);
1336                    if (accordionContainer) {
1337                        const groupButtons = accordionContainer.querySelectorAll(`.menu-item-toggle[data-accordion-group="${accordionGroup}"]`);
1338                        groupButtons.forEach(otherButton => {
1339                            if (otherButton === this) {
1340                                return;
1341                            }
1342
1343                            const otherSubmenu = otherButton.nextElementSibling;
1344                            if (otherSubmenu && otherSubmenu.classList.contains("submenu")) {
1345                                otherSubmenu.classList.add("hidden");
1346                            }
1347                        });
1348                    }
1349                }
1350
1351                submenu.classList.toggle("hidden");
1352            });
1353        });
1354
1355        window.addEventListener("resize", adjustMobileMenuHeight);
1356        adjustMobileMenuHeight();
1357    });
1358
1359</script>
1359
1360
1361            </header>
1362        </section>
1363
1364        <div class="bg-neutral-10 pt-[var(--height-headers)]" bis_skin_checked="1">
1365            
1366
1367<main class="bg-neutral-10" id="tabs">
1368    <header class="w-full min-h-[21rem] h-auto max-lg:min-h-[15rem] max-md:min-h-[13rem] relative overflow-hidden !h-max">
1369        <div class="w-full h-full" bis_skin_checked="1">
1370            <div class="container pb-12 h-full xl:pb-28 pt-5 max-md:pt-4 max-md:!px-5" bis_skin_checked="1">
1371                <div class="relative z-[2]" bis_skin_checked="1">
1372                    <div class="text-white text-caps-4 uppercase flex items-center h-10 xl:text-caps-3 w-max overflow-x-auto line-clamp-1" bis_skin_checked="1">
1373                        <a class="text-white/70 !decoration-transparent focus:text-white/50 hover:text-white/50 cursor-pointer hover:decoration-transparent"
1374                           href="/">Home</a>
1375                        <a class="text-white/70 hover:text-white/40 flex items-center cursor-pointer hover:decoration-transparent" href="">
1376                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right text-white/70 w-2 h-2 mb-0 xl:w-4 xl:h-4 shrink-0">
1377                                <path d="m9 18 6-6-6-6"></path>
1378                            </svg>
1379                        </a>
1380                        <a class="last-link !text-white flex items-center cursor-default !no-underline"
1381                           href="/Events">EVENTOS</a>
1382                    </div>
1383                </div>
1384                <img alt="" fetchpriority="high" width="1920" height="346" decoding="async" data-nimg="1" class="absolute inset-0 m-auto pointer-events-none object-cover w-full h-full max-md:!object-right" src="https://cbdustorage.blob.core.windows.net/site/asset/image/cracked-amarelo.jpeg" style="color: transparent;" />
1385                <div class="relative z-[2] undefined" bis_skin_checked="1">
1386                    <div class="mt-8 xl:mt-11 space-y-3" bis_skin_checked="1">
1387                        <h1 class="text-white text-display-2 xl:text-display-80 xl:pt-7">EVENTOS</h1>
1388                    </div>
1389                </div>
1390            </div>
1391        </div>
1392    </header>
1393
1394    <div class="container relative -top-10 [--size:5rem] max-sm:[--size:3.25rem] z-[2]">
1395        <nav id="nav" class="w-full bg-white rounded-t-md flex px-6 h-[var(--size)] max-sm:px-2 max-sm:h-12 max-sm:-mb-[1px]">
1396            <ul class="flex justify-between w-full overflow-x-auto whitespace-nowrap scroll-smooth snap-x snap-mandatory gap-4 max-md:gap-2 hidden-scroll">
1397                <li class="flex-1 flex snap-center">
1398                    <a class="h-full flex items-center justify-center border-b-2 border-transparent transition ease duration-200 text-headline-3 w-max min-w-fit text-neutral-60 hover:text-neutral-70 cursor-pointer border-b-2 max-sm:text-headline-5 max-sm:!text-[12px] max-sm:text-center max-sm:px-4 max-sm:border-b-4 flex-1 !border-blue-100 !text-blue-100 !cursor-pointer" href="#">
1399                        <p>Pr&oacute;ximos</p>
1400                    </a>
1401                </li>
1402                    <li class="flex-1 flex snap-center">
1403                        <a class="h-full flex items-center justify-center border-b-2 border-transparent transition ease duration-200 text-headline-3 w-max min-w-fit text-neutral-60 hover:text-neutral-70 cursor-pointer border-b-2 max-sm:text-headline-5 max-sm:!text-[12px] max-sm:text-center max-sm:px-4 max-sm:border-b-4 flex-1 false" href="#">
1404                            <p>2026</p>
1405                        </a>
1406                    </li>
1407                    <li class="flex-1 flex snap-center">
1408                        <a class="h-full flex items-center justify-center border-b-2 border-transparent transition ease duration-200 text-headline-3 w-max min-w-fit text-neutral-60 hover:text-neutral-70 cursor-pointer border-b-2 max-sm:text-headline-5 max-sm:!text-[12px] max-sm:text-center max-sm:px-4 max-sm:border-b-4 flex-1 false" href="#">
1409                            <p>2025</p>
1410                        </a>
1411                    </li>
1412                    <li class="flex-1 flex snap-center">
1413                        <a class="h-full flex items-center justify-center border-b-2 border-transparent transition ease duration-200 text-headline-3 w-max min-w-fit text-neutral-60 hover:text-neutral-70 cursor-pointer border-b-2 max-sm:text-headline-5 max-sm:!text-[12px] max-sm:text-center max-sm:px-4 max-sm:border-b-4 flex-1 false" href="#">
1414                            <p>2024</p>
1415                        </a>
1416                    </li>
1417                    <li class="flex-1 flex snap-center">
1418                        <a class="h-full flex items-center justify-center border-b-2 border-transparent transition ease duration-200 text-headline-3 w-max min-w-fit text-neutral-60 hover:text-neutral-70 cursor-pointer border-b-2 max-sm:text-headline-5 max-sm:!text-[12px] max-sm:text-center max-sm:px-4 max-sm:border-b-4 flex-1 false" href="#">
1419                            <p>2023</p>
1420                        </a>
1421                    </li>
1422                    <li class="flex-1 flex snap-center">
1423                        <a class="h-full flex items-center justify-center border-b-2 border-transparent transition ease duration-200 text-headline-3 w-max min-w-fit text-neutral-60 hover:text-neutral-70 cursor-pointer border-b-2 max-sm:text-headline-5 max-sm:!text-[12px] max-sm:text-center max-sm:px-4 max-sm:border-b-4 flex-1 false" href="#">
1424                            <p>2022</p>
1425                        </a>
1426                    </li>
1427                    <li class="flex-1 flex snap-center">
1428                        <a class="h-full flex items-center justify-center border-b-2 border-transparent transition ease duration-200 text-headline-3 w-max min-w-fit text-neutral-60 hover:text-neutral-70 cursor-pointer border-b-2 max-sm:text-headline-5 max-sm:!text-[12px] max-sm:text-center max-sm:px-4 max-sm:border-b-4 flex-1 false" href="#">
1429                            <p>2021</p>
1430                        </a>
1431                    </li>
1432                    <li class="flex-1 flex snap-center">
1433                        <a class="h-full flex items-center justify-center border-b-2 border-transparent transition ease duration-200 text-headline-3 w-max min-w-fit text-neutral-60 hover:text-neutral-70 cursor-pointer border-b-2 max-sm:text-headline-5 max-sm:!text-[12px] max-sm:text-center max-sm:px-4 max-sm:border-b-4 flex-1 false" href="#">
1434                            <p>2020</p>
1435                        </a>
1436                    </li>
1437                    <li class="flex-1 flex snap-center">
1438                        <a class="h-full flex items-center justify-center border-b-2 border-transparent transition ease duration-200 text-headline-3 w-max min-w-fit text-neutral-60 hover:text-neutral-70 cursor-pointer border-b-2 max-sm:text-headline-5 max-sm:!text-[12px] max-sm:text-center max-sm:px-4 max-sm:border-b-4 flex-1 false" href="#">
1439                            <p>2019</p>
1440                        </a>
1441                    </li>
1442                    <li class="flex-1 flex snap-center">
1443                        <a class="h-full flex items-center justify-center border-b-2 border-transparent transition ease duration-200 text-headline-3 w-max min-w-fit text-neutral-60 hover:text-neutral-70 cursor-pointer border-b-2 max-sm:text-headline-5 max-sm:!text-[12px] max-sm:text-center max-sm:px-4 max-sm:border-b-4 flex-1 false" href="#">
1444                            <p>2018</p>
1445                        </a>
1446                    </li>
1447            </ul>
1448        </nav>
1449    </div>
1450
1451    <section id="Pr&oacute;ximos">
1452        <div class="container">
1453            <div class="mt-8">
1454            </div>
1455        </div>
1456    </section>
1457
1458
1459        <section id="2026" class="hidden">
1460            <div class="container">
1461                <div class="mt-8">
1462                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
1463                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
1464                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
1465                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
1466                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
1467                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">23 a 05</p>
1468
1469                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">
1470                                            agosto
1471                                            <div class="flex-1"></div>
1472                                            setembro
1473                                        </div>
1474                                </div>
1475                            </div>
1476                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
1477                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Goi&#xE2;nia-GO e Trindade-GO</span>
1478                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Goi&#xE1;s">JUBs Goi&#xE1;s</h5>
1479                                <div class="text-neutral-70 text-paragraph-3 mt-4">
1480                                    <p>Uma das maiores competi&#xE7;&#xF5;es universit&#xE1;rias do Brasil, reunindo diversas modalidades esportivas e proporcionando uma experi&#xEA;ncia inesquec&#xED;vel para atletas, torcidas e entusiastas do esporte.</p>
1481                                </div>
1482                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-goias ">
1483                                    <p>Saiba mais</p>
1484                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
1485                                        <path d="m9 18 6-6-6-6"></path>
1486                                    </svg>
1487                                </a>
1488                            </div>
1489                        </li>
1490                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
1491                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
1492                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
1493                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
1494                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
1495                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">03 a 10</p>
1496
1497                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">maio</div>
1498                                </div>
1499                            </div>
1500                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
1501                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Guarapari-ES</span>
1502                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Praia ">JUBs Praia </h5>
1503                                <div class="text-neutral-70 text-paragraph-3 mt-4">
1504                                    <p>Os esportes de areia ganham destaque neste evento realizado &#xE0; beira-mar, reunindo atletas universit&#xE1;rios para disputas de beach soccer, v&#xF4;lei de praia, handebol de areia e outras modalidades.</p>
1505                                </div>
1506                                    <a target="_blank" class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="https://forms.gle/oWBPREWmQCwEjiFL7">
1507                                        <p>Inscrições Voluntários</p>
1508                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
1509                                            <path d="m9 18 6-6-6-6"></path>
1510                                        </svg>
1511                                    </a>
1512                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-praia-2026 ">
1513                                    <p>Saiba mais</p>
1514                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
1515                                        <path d="m9 18 6-6-6-6"></path>
1516                                    </svg>
1517                                </a>
1518                            </div>
1519                        </li>
1520                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
1521                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
1522                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
1523                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
1524                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
1525                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">17 a 21</p>
1526
1527                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">abril</div>
1528                                </div>
1529                            </div>
1530                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
1531                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">S&#xE3;o Paulo-SP</span>
1532                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Atl&#xE9;ticas">JUBs Atl&#xE9;ticas</h5>
1533                                <div class="text-neutral-70 text-paragraph-3 mt-4">
1534                                    <p>Em S&#xE3;o Paulo, o maior festival universit&#xE1;rio do Brasil ganha vida com m&#xFA;ltiplas modalidades esportivas, torcidas apaixonadas e a for&#xE7;a da integra&#xE7;&#xE3;o entre atl&#xE9;ticas de norte a sul do pa&#xED;s, em uma celebra&#xE7;&#xE3;o intensa da cultura esportiva universit&#xE1;ria.</p>
1535                                </div>
1536                                    <a target="_blank" class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href=" https://forms.gle/nSNWYCqb9TE8AscC7">
1537                                        <p>Inscrições Voluntários</p>
1538                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
1539                                            <path d="m9 18 6-6-6-6"></path>
1540                                        </svg>
1541                                    </a>
1542                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-atleticas-2026 ">
1543                                    <p>Saiba mais</p>
1544                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
1545                                        <path d="m9 18 6-6-6-6"></path>
1546                                    </svg>
1547                                </a>
1548                            </div>
1549                        </li>
1550                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
1551                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
1552                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
1553                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
1554                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
1555                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">05 a 12</p>
1556
1557                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">abril</div>
1558                                </div>
1559                            </div>
1560                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
1561                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Aracaju-SE</span>
1562                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Fut">JUBs Fut</h5>
1563                                <div class="text-neutral-70 text-paragraph-3 mt-4">
1564                                    <p>A competi&#xE7;&#xE3;o re&#xFA;ne os melhores talentos universit&#xE1;rios do pa&#xED;s nas modalidades de Futebol, Futebol 7, Futmesa, X1 e X2 misto, promovendo disputas acirradas e revelando novos talentos do cen&#xE1;rio esportivo.</p>
1565                                </div>
1566                                    <a target="_blank" class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href=" https://forms.gle/ZPWdg6As8z5izHPf9">
1567                                        <p>Inscrições Voluntários</p>
1568                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
1569                                            <path d="m9 18 6-6-6-6"></path>
1570                                        </svg>
1571                                    </a>
1572                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-futebol-2026 ">
1573                                    <p>Saiba mais</p>
1574                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
1575                                        <path d="m9 18 6-6-6-6"></path>
1576                                    </svg>
1577                                </a>
1578                            </div>
1579                        </li>
1580                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
1581                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
1582                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
1583                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
1584                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
1585                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">15 a 19</p>
1586
1587                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">mar&#xE7;o</div>
1588                                </div>
1589                            </div>
1590                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
1591                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Bras&#xED;lia-DF</span>
1592                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="CBDU Week">CBDU Week</h5>
1593                                <div class="text-neutral-70 text-paragraph-3 mt-4">
1594                                    <p>Um evento inovador que re&#xFA;ne esporte, conhecimento e networking. A CBDU Week promove debates, palestras e atividades voltadas ao desenvolvimento do esporte universit&#xE1;rio no Brasil.</p>
1595                                </div>
1596                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=cbdu-week-2026 ">
1597                                    <p>Saiba mais</p>
1598                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
1599                                        <path d="m9 18 6-6-6-6"></path>
1600                                    </svg>
1601                                </a>
1602                            </div>
1603                        </li>
1604                </div>
1605            </div>
1606        </section>
1607        <section id="2025" class="hidden">
1608            <div class="container">
1609                <div class="mt-8">
1610                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
1611                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
1612                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
1613                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
1614                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
1615                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">05 a 18</p>
1616
1617                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">outubro</div>
1618                                </div>
1619                            </div>
1620                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
1621                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Natal-RN</span>
1622                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs RN 2025">JUBs RN 2025</h5>
1623                                <div class="text-neutral-70 text-paragraph-3 mt-4">
1624                                    <p>Uma das maiores competi&#xE7;&#xF5;es universit&#xE1;rias do Brasil, reunindo diversas modalidades esportivas e proporcionando uma experi&#xEA;ncia inesquec&#xED;vel para atletas, torcidas e entusiastas do esporte.</p>
1625                                </div>
1626                                    <a target="_blank" class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="https://forms.gle/QMJRmtCfABbQyTfN6">
1627                                        <p>Inscrições Voluntários</p>
1628                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
1629                                            <path d="m9 18 6-6-6-6"></path>
1630                                        </svg>
1631                                    </a>
1632                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-rn ">
1633                                    <p>Saiba mais</p>
1634                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
1635                                        <path d="m9 18 6-6-6-6"></path>
1636                                    </svg>
1637                                </a>
1638                            </div>
1639                        </li>
1640                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
1641                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
1642                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
1643                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
1644                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
1645                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">31 a 07</p>
1646
1647                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">
1648                                            agosto
1649                                            <div class="flex-1"></div>
1650                                            setembro
1651                                        </div>
1652                                </div>
1653                            </div>
1654                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
1655                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Jo&#xE3;o Pessoa-PB</span>
1656                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Praia 2025">JUBs Praia 2025</h5>
1657                                <div class="text-neutral-70 text-paragraph-3 mt-4">
1658                                    <p>Os esportes de areia ganham destaque neste evento realizado &#xE0; beira-mar, reunindo atletas universit&#xE1;rios para disputas de beach soccer, v&#xF4;lei de praia, handebol de areia e outras modalidades.</p>
1659                                </div>
1660                                    <a target="_blank" class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="https://forms.gle/9d6A2RVQppawgkFH9">
1661                                        <p>Inscrições Voluntários</p>
1662                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
1663                                            <path d="m9 18 6-6-6-6"></path>
1664                                        </svg>
1665                                    </a>
1666                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-praia ">
1667                                    <p>Saiba mais</p>
1668                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
1669                                        <path d="m9 18 6-6-6-6"></path>
1670                                    </svg>
1671                                </a>
1672                            </div>
1673                        </li>
1674                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
1675                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
1676                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
1677                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
1678                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
1679                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">08 a 10</p>
1680
1681                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">agosto</div>
1682                                </div>
1683                            </div>
1684                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
1685                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Vit&#xF3;ria-ES</span>
1686                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="Liga Sudeste">Liga Sudeste</h5>
1687                                <div class="text-neutral-70 text-paragraph-3 mt-4">
1688                                    <p>A cidade de Vit&#xF3;ria, no Esp&#xED;rito Santo, ser&#xE1; palco de grandes disputas e emo&#xE7;&#xF5;es com a realiza&#xE7;&#xE3;o da Liga Sudeste 2025.&#xD;&#xA;Reunindo atletas universit&#xE1;rios de toda a regi&#xE3;o, o evento contar&#xE1; com as modalidades de Basquetebol e Voleibol, promovendo integra&#xE7;&#xE3;o, esp&#xED;rito esportivo e alto n&#xED;vel de competi&#xE7;&#xE3;o.</p>
1689                                </div>
1690                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=liga-sudeste ">
1691                                    <p>Saiba mais</p>
1692                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
1693                                        <path d="m9 18 6-6-6-6"></path>
1694                                    </svg>
1695                                </a>
1696                            </div>
1697                        </li>
1698                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
1699                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
1700                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
1701                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
1702                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
1703                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">16 a 27</p>
1704
1705                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">julho</div>
1706                                </div>
1707                            </div>
1708                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
1709                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Alemanha, Reno-Ruhr</span>
1710                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="Rhine-Ruhr FISU World University Games Mundial Universit&#xE1;rio de Ver&#xE3;o">Rhine-Ruhr FISU World University Games Mundial Universit&#xE1;rio de Ver&#xE3;o</h5>
1711                                <div class="text-neutral-70 text-paragraph-3 mt-4">
1712                                    <p>O maior evento esportivo universit&#xE1;rio do mundo, reunindo atletas de diversas na&#xE7;&#xF5;es em competi&#xE7;&#xF5;es de alto n&#xED;vel.&#xD;&#xA;O Brasil ser&#xE1; representado por seus melhores talentos em busca de conquistas internacionais.</p>
1713                                </div>
1714                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=https%3A%2F%2Fwww.fisu.net%2Fevents%2F32nd-fisu-world-university-games-summer-2 ">
1715                                    <p>Saiba mais</p>
1716                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
1717                                        <path d="m9 18 6-6-6-6"></path>
1718                                    </svg>
1719                                </a>
1720                            </div>
1721                        </li>
1722                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
1723                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
1724                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
1725                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
1726                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
1727                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">28 a 01</p>
1728
1729                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">
1730                                            maio
1731                                            <div class="flex-1"></div>
1732                                            junho
1733                                        </div>
1734                                </div>
1735                            </div>
1736                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
1737                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Bras&#xED;lia-DF</span>
1738                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Seletivas">JUBs Seletivas</h5>
1739                                <div class="text-neutral-70 text-paragraph-3 mt-4">
1740                                    <p>O JUBs Seletivas &#xE9; uma competi&#xE7;&#xE3;o especial no calend&#xE1;rio da CBDU que tem como objetivo selecionar os estudantes-atletas que ir&#xE3;o defender a Sele&#xE7;&#xE3;o Brasileira Universit&#xE1;ria, o Time UBrasil, nos Jogos Mundiais Universit&#xE1;rios - FISU World University Games.</p>
1741                                </div>
1742                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-seletivas ">
1743                                    <p>Saiba mais</p>
1744                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
1745                                        <path d="m9 18 6-6-6-6"></path>
1746                                    </svg>
1747                                </a>
1748                            </div>
1749                        </li>
1750                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
1751                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
1752                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
1753                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
1754                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
1755                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">21 a 25</p>
1756
1757                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">maio</div>
1758                                </div>
1759                            </div>
1760                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
1761                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">S&#xE3;o Lu&#xED;s-MA</span>
1762                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Atl&#xE9;ticas S&#xE3;o Lu&#xED;s">JUBs Atl&#xE9;ticas S&#xE3;o Lu&#xED;s</h5>
1763                                <div class="text-neutral-70 text-paragraph-3 mt-4">
1764                                    <p>O maior encontro de atl&#xE9;ticas universit&#xE1;rias do Brasil chega a S&#xE3;o Lu&#xED;s com energia contagiante, reunindo estudantes de todo o pa&#xED;s em competi&#xE7;&#xF5;es emocionantes, celebra&#xE7;&#xF5;es inesquec&#xED;veis e um esp&#xED;rito vibrante de uni&#xE3;o e rivalidade saud&#xE1;vel.</p>
1765                                </div>
1766                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-atleticas-sao-luis ">
1767                                    <p>Saiba mais</p>
1768                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
1769                                        <path d="m9 18 6-6-6-6"></path>
1770                                    </svg>
1771                                </a>
1772                            </div>
1773                        </li>
1774                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
1775                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
1776                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
1777                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
1778                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
1779                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">21 a 25</p>
1780
1781                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">maio</div>
1782                                </div>
1783                            </div>
1784                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
1785                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Goi&#xE2;nia-GO</span>
1786                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Atl&#xE9;ticas Goi&#xE2;nia">JUBs Atl&#xE9;ticas Goi&#xE2;nia</h5>
1787                                <div class="text-neutral-70 text-paragraph-3 mt-4">
1788                                    <p>Em Goi&#xE2;nia, o maior festival universit&#xE1;rio do Brasil ganha vida com m&#xFA;ltiplas modalidades esportivas, torcidas apaixonadas e a for&#xE7;a da integra&#xE7;&#xE3;o entre atl&#xE9;ticas de norte a sul do pa&#xED;s, em uma celebra&#xE7;&#xE3;o intensa da cultura esportiva universit&#xE1;ria.</p>
1789                                </div>
1790                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-atleticas-goiania ">
1791                                    <p>Saiba mais</p>
1792                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
1793                                        <path d="m9 18 6-6-6-6"></path>
1794                                    </svg>
1795                                </a>
1796                            </div>
1797                        </li>
1798                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
1799                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
1800                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
1801                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
1802                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
1803                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">11 a 18</p>
1804
1805                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">maio</div>
1806                                </div>
1807                            </div>
1808                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
1809                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Goi&#xE2;nia-GO, Trindade-GO e Goianira-GO</span>
1810                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Futebol, Fut7, X1 e X2">JUBs Futebol, Fut7, X1 e X2</h5>
1811                                <div class="text-neutral-70 text-paragraph-3 mt-4">
1812                                    <p>A competi&#xE7;&#xE3;o re&#xFA;ne os melhores talentos universit&#xE1;rios do pa&#xED;s nas modalidades de Futebol de Campo, Futebol 7, X1 e X2, promovendo disputas acirradas e revelando novos talentos do cen&#xE1;rio esportivo.</p>
1813                                </div>
1814                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-futebol-fut7-x1-e-x2 ">
1815                                    <p>Saiba mais</p>
1816                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
1817                                        <path d="m9 18 6-6-6-6"></path>
1818                                    </svg>
1819                                </a>
1820                            </div>
1821                        </li>
1822                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
1823                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
1824                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
1825                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
1826                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
1827                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">23 a 26</p>
1828
1829                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">mar&#xE7;o</div>
1830                                </div>
1831                            </div>
1832                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
1833                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Bras&#xED;lia-DF</span>
1834                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="CBDU Week">CBDU Week</h5>
1835                                <div class="text-neutral-70 text-paragraph-3 mt-4">
1836                                    <p>Um evento inovador que re&#xFA;ne esporte, conhecimento e networking.&#xD;&#xA;A CBDU Week promove debates, palestras e atividades voltadas ao desenvolvimento do esporte universit&#xE1;rio no Brasil.</p>
1837                                </div>
1838                                    <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" role="button"
1839                                       onclick="openAlbum('https://www.flickr.com/photos/cbdufotos/54411087978/in/album-72177720324684164/player')">
1840                                        <p>Galeria</p>
1841                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-photos">
1842                                            <rect x="3" y="4" width="18" height="16" rx="2" ry="2"></rect>
1843                                            <path d="M8 2h12a2 2 0 0 1 2 2v12"></path>
1844                                            <circle cx="10" cy="10" r="1.5"></circle>
1845                                            <path d="M4 16l4-4 3 3 5-5 4 4"></path>
1846                                        </svg>
1847                                    </a>
1848                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=cbdu-week-2025 ">
1849                                    <p>Saiba mais</p>
1850                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
1851                                        <path d="m9 18 6-6-6-6"></path>
1852                                    </svg>
1853                                </a>
1854                            </div>
1855                        </li>
1856                </div>
1857            </div>
1858        </section>
1859        <section id="2024" class="hidden">
1860            <div class="container">
1861                <div class="mt-8">
1862                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
1863                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
1864                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
1865                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
1866                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
1867                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">11 a 15</p>
1868
1869                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">dezembro</div>
1870                                </div>
1871                            </div>
1872                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
1873                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Manaus-AM</span>
1874                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Norte">JUBs Norte</h5>
1875                                <div class="text-neutral-70 text-paragraph-3 mt-4">
1876                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 11 a 15 de dezembro de 2024. Local estimado: Manaus-AM.</p>
1877                                </div>
1878                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-norte-2024 ">
1879                                    <p>Saiba mais</p>
1880                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
1881                                        <path d="m9 18 6-6-6-6"></path>
1882                                    </svg>
1883                                </a>
1884                            </div>
1885                        </li>
1886                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
1887                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
1888                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
1889                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
1890                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
1891                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">08 a 08</p>
1892
1893                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">dezembro</div>
1894                                </div>
1895                            </div>
1896                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
1897                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Fortaleza-CE</span>
1898                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Corrida de Rua UNIFOR">JUBs Corrida de Rua UNIFOR</h5>
1899                                <div class="text-neutral-70 text-paragraph-3 mt-4">
1900                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 08 de dezembro de 2024. Local estimado: Fortaleza-CE.</p>
1901                                </div>
1902                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-corrida-de-rua-unifor-2024 ">
1903                                    <p>Saiba mais</p>
1904                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
1905                                        <path d="m9 18 6-6-6-6"></path>
1906                                    </svg>
1907                                </a>
1908                            </div>
1909                        </li>
1910                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
1911                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
1912                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
1913                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
1914                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
1915                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">26 a 01</p>
1916
1917                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">
1918                                            novembro
1919                                            <div class="flex-1"></div>
1920                                            dezembro
1921                                        </div>
1922                                </div>
1923                            </div>
1924                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
1925                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Rio de Janeiro-RJ</span>
1926                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="Brasileiro Universit&#xE1;rio">Brasileiro Universit&#xE1;rio</h5>
1927                                <div class="text-neutral-70 text-paragraph-3 mt-4">
1928                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 26 de novembro a 01 de dezembro de 2024. Local estimado: Rio de Janeiro-RJ.</p>
1929                                </div>
1930                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=brasileiro-universitario-2024 ">
1931                                    <p>Saiba mais</p>
1932                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
1933                                        <path d="m9 18 6-6-6-6"></path>
1934                                    </svg>
1935                                </a>
1936                            </div>
1937                        </li>
1938                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
1939                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
1940                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
1941                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
1942                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
1943                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">02 a 14</p>
1944
1945                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">
1946                                            setembro
1947                                            <div class="flex-1"></div>
1948                                            novembro
1949                                        </div>
1950                                </div>
1951                            </div>
1952                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
1953                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Rio de Janeiro-RJ e Cali, Col&#xF4;mbia</span>
1954                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="FISU">FISU</h5>
1955                                <div class="text-neutral-70 text-paragraph-3 mt-4">
1956                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 02 de setembro a 14 de novembro de 2024. Local estimado: Rio de Janeiro-RJ e Cali, Col&#xF4;mbia.</p>
1957                                </div>
1958                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=fisu-2024 ">
1959                                    <p>Saiba mais</p>
1960                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
1961                                        <path d="m9 18 6-6-6-6"></path>
1962                                    </svg>
1963                                </a>
1964                            </div>
1965                        </li>
1966                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
1967                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
1968                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
1969                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
1970                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
1971                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">08 a 19</p>
1972
1973                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">outubro</div>
1974                                </div>
1975                            </div>
1976                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
1977                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Bras&#xED;lia-DF</span>
1978                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Bras&#xED;lia">JUBs Bras&#xED;lia</h5>
1979                                <div class="text-neutral-70 text-paragraph-3 mt-4">
1980                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 08 a 19 de outubro de 2024. Local estimado: Bras&#xED;lia-DF.</p>
1981                                </div>
1982                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-brasilia-2024 ">
1983                                    <p>Saiba mais</p>
1984                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
1985                                        <path d="m9 18 6-6-6-6"></path>
1986                                    </svg>
1987                                </a>
1988                            </div>
1989                        </li>
1990                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
1991                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
1992                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
1993                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
1994                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
1995                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">19 a 26</p>
1996
1997                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">agosto</div>
1998                                </div>
1999                            </div>
2000                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2001                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Rio de Janeiro-RJ</span>
2002                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Praia">JUBs Praia</h5>
2003                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2004                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 19 a 26 de agosto de 2024. Local estimado: Rio de Janeiro-RJ.</p>
2005                                </div>
2006                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-praia-2024 ">
2007                                    <p>Saiba mais</p>
2008                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2009                                        <path d="m9 18 6-6-6-6"></path>
2010                                    </svg>
2011                                </a>
2012                            </div>
2013                        </li>
2014                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2015                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2016                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2017                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2018                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2019                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">02 a 04</p>
2020
2021                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">agosto</div>
2022                                </div>
2023                            </div>
2024                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2025                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Split, Cro&#xE1;cia</span>
2026                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="FISU WUC Cheerleading">FISU WUC Cheerleading</h5>
2027                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2028                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 02 a 04 de agosto de 2024. Local estimado: Split, Cro&#xE1;cia.</p>
2029                                </div>
2030                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=fisu-wuc-cheerleading-2024 ">
2031                                    <p>Saiba mais</p>
2032                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2033                                        <path d="m9 18 6-6-6-6"></path>
2034                                    </svg>
2035                                </a>
2036                            </div>
2037                        </li>
2038                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2039                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2040                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2041                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2042                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2043                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">24 a 30</p>
2044
2045                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">junho</div>
2046                                </div>
2047                            </div>
2048                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2049                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Antequera / Madrid, Espanha</span>
2050                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="FISU WUC Handball">FISU WUC Handball</h5>
2051                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2052                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 24 a 30 de junho de 2024. Local estimado: Antequera / Madrid, Espanha.</p>
2053                                </div>
2054                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=fisu-wuc-handball-2024 ">
2055                                    <p>Saiba mais</p>
2056                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2057                                        <path d="m9 18 6-6-6-6"></path>
2058                                    </svg>
2059                                </a>
2060                            </div>
2061                        </li>
2062                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2063                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2064                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2065                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2066                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2067                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">10 a 16</p>
2068
2069                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">junho</div>
2070                                </div>
2071                            </div>
2072                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2073                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Shanghai, China</span>
2074                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="FISU WUC Futsal">FISU WUC Futsal</h5>
2075                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2076                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 10 a 16 de junho de 2024. Local estimado: Shanghai, China.</p>
2077                                </div>
2078                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=fisu-wuc-futsal-2024 ">
2079                                    <p>Saiba mais</p>
2080                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2081                                        <path d="m9 18 6-6-6-6"></path>
2082                                    </svg>
2083                                </a>
2084                            </div>
2085                        </li>
2086                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2087                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2088                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2089                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2090                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2091                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">29 a 02</p>
2092
2093                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">
2094                                            maio
2095                                            <div class="flex-1"></div>
2096                                            junho
2097                                        </div>
2098                                </div>
2099                            </div>
2100                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2101                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Natal-RN</span>
2102                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Atl&#xE9;ticas">JUBs Atl&#xE9;ticas</h5>
2103                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2104                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 29 de maio a 02 de junho de 2024. Local estimado: Natal-RN.</p>
2105                                </div>
2106                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-atleticas-2024 ">
2107                                    <p>Saiba mais</p>
2108                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2109                                        <path d="m9 18 6-6-6-6"></path>
2110                                    </svg>
2111                                </a>
2112                            </div>
2113                        </li>
2114                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2115                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2116                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2117                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2118                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2119                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">22 a 02</p>
2120
2121                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">
2122                                            maio
2123                                            <div class="flex-1"></div>
2124                                            junho
2125                                        </div>
2126                                </div>
2127                            </div>
2128                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2129                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Punta del Este, Uruguai</span>
2130                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="FISU America Futebol">FISU America Futebol</h5>
2131                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2132                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 22 de maio a 02 de junho de 2024. Local estimado: Punta del Este, Uruguai.</p>
2133                                </div>
2134                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=fisu-america-futebol-2024 ">
2135                                    <p>Saiba mais</p>
2136                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2137                                        <path d="m9 18 6-6-6-6"></path>
2138                                    </svg>
2139                                </a>
2140                            </div>
2141                        </li>
2142                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2143                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2144                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2145                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2146                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2147                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">10 a 12</p>
2148
2149                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">maio</div>
2150                                </div>
2151                            </div>
2152                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2153                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Cipolletti, Argentina</span>
2154                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="FISU America 3x3">FISU America 3x3</h5>
2155                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2156                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 10 a 12 de maio de 2024. Local estimado: Cipolletti, Argentina.</p>
2157                                </div>
2158                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=fisu-america-3x3-2024 ">
2159                                    <p>Saiba mais</p>
2160                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2161                                        <path d="m9 18 6-6-6-6"></path>
2162                                    </svg>
2163                                </a>
2164                            </div>
2165                        </li>
2166                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2167                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2168                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2169                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2170                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2171                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">10 a 17</p>
2172
2173                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">abril</div>
2174                                </div>
2175                            </div>
2176                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2177                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Online</span>
2178                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="FISU America Chess">FISU America Chess</h5>
2179                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2180                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 10 a 17 de abril de 2024. Local estimado: Online.</p>
2181                                </div>
2182                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=fisu-america-chess-2024 ">
2183                                    <p>Saiba mais</p>
2184                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2185                                        <path d="m9 18 6-6-6-6"></path>
2186                                    </svg>
2187                                </a>
2188                            </div>
2189                        </li>
2190                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2191                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2192                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2193                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2194                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2195                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">31 a 07</p>
2196
2197                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">
2198                                            mar&#xE7;o
2199                                            <div class="flex-1"></div>
2200                                            abril
2201                                        </div>
2202                                </div>
2203                            </div>
2204                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2205                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Recife-PE</span>
2206                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Futebol">JUBs Futebol</h5>
2207                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2208                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 31 de mar&#xE7;o a 07 de abril de 2024. Local estimado: Recife-PE.</p>
2209                                </div>
2210                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-futebol-2024 ">
2211                                    <p>Saiba mais</p>
2212                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2213                                        <path d="m9 18 6-6-6-6"></path>
2214                                    </svg>
2215                                </a>
2216                            </div>
2217                        </li>
2218                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2219                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2220                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2221                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2222                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2223                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">23 a 26</p>
2224
2225                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">mar&#xE7;o</div>
2226                                </div>
2227                            </div>
2228                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2229                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Rio de Janeiro-RJ</span>
2230                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="CBDU Week">CBDU Week</h5>
2231                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2232                                    <p>Um evento inovador que re&#xFA;ne esporte, conhecimento e networking.&#xD;&#xA;A CBDU Week promove debates, palestras e atividades voltadas ao desenvolvimento do esporte universit&#xE1;rio no Brasil.</p>
2233                                </div>
2234                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=cbdu-week-2024 ">
2235                                    <p>Saiba mais</p>
2236                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2237                                        <path d="m9 18 6-6-6-6"></path>
2238                                    </svg>
2239                                </a>
2240                            </div>
2241                        </li>
2242                </div>
2243            </div>
2244        </section>
2245        <section id="2023" class="hidden">
2246            <div class="container">
2247                <div class="mt-8">
2248                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2249                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2250                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2251                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2252                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2253                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">02 a 05</p>
2254
2255                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">novembro</div>
2256                                </div>
2257                            </div>
2258                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2259                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Macei&#xF3;-AL</span>
2260                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Atl&#xE9;ticas">JUBs Atl&#xE9;ticas</h5>
2261                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2262                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 02 a 05 de novembro de 2023. Local estimado: Macei&#xF3;-AL.</p>
2263                                </div>
2264                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-atleticas-2023 ">
2265                                    <p>Saiba mais</p>
2266                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2267                                        <path d="m9 18 6-6-6-6"></path>
2268                                    </svg>
2269                                </a>
2270                            </div>
2271                        </li>
2272                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2273                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2274                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2275                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2276                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2277                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">08 a 21</p>
2278
2279                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">outubro</div>
2280                                </div>
2281                            </div>
2282                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2283                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Joinville-SC</span>
2284                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Joinville">JUBs Joinville</h5>
2285                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2286                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 08 a 21 de outubro de 2023. Local estimado: Joinville-SC.</p>
2287                                </div>
2288                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-joinville-2023 ">
2289                                    <p>Saiba mais</p>
2290                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2291                                        <path d="m9 18 6-6-6-6"></path>
2292                                    </svg>
2293                                </a>
2294                            </div>
2295                        </li>
2296                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2297                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2298                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2299                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2300                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2301                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">28 a 08</p>
2302
2303                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">
2304                                            julho
2305                                            <div class="flex-1"></div>
2306                                            agosto
2307                                        </div>
2308                                </div>
2309                            </div>
2310                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2311                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Chengdu, China</span>
2312                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="FISU Chengdu">FISU Chengdu</h5>
2313                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2314                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 28 de julho a 08 de agosto de 2023. Local estimado: Chengdu, China.</p>
2315                                </div>
2316                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=fisu-chengdu-2021 ">
2317                                    <p>Saiba mais</p>
2318                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2319                                        <path d="m9 18 6-6-6-6"></path>
2320                                    </svg>
2321                                </a>
2322                            </div>
2323                        </li>
2324                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2325                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2326                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2327                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2328                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2329                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">11 a 15</p>
2330
2331                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">junho</div>
2332                                </div>
2333                            </div>
2334                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2335                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Bras&#xED;lia-DF</span>
2336                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Seletivas">JUBs Seletivas</h5>
2337                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2338                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 11 a 15 de junho de 2023. Local estimado: Bras&#xED;lia-DF.</p>
2339                                </div>
2340                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-seletivas-2023 ">
2341                                    <p>Saiba mais</p>
2342                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2343                                        <path d="m9 18 6-6-6-6"></path>
2344                                    </svg>
2345                                </a>
2346                            </div>
2347                        </li>
2348                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2349                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2350                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2351                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2352                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2353                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">21 a 28</p>
2354
2355                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">maio</div>
2356                                </div>
2357                            </div>
2358                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2359                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Curitiba-PR</span>
2360                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Futebol">JUBs Futebol</h5>
2361                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2362                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 21 a 28 de maio de 2023. Local estimado: Curitiba-PR.</p>
2363                                </div>
2364                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-futebol-2023 ">
2365                                    <p>Saiba mais</p>
2366                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2367                                        <path d="m9 18 6-6-6-6"></path>
2368                                    </svg>
2369                                </a>
2370                            </div>
2371                        </li>
2372                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2373                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2374                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2375                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2376                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2377                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">23 a 30</p>
2378
2379                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">abril</div>
2380                                </div>
2381                            </div>
2382                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2383                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">S&#xE3;o Lu&#xED;s-MA</span>
2384                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Praia">JUBs Praia</h5>
2385                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2386                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 23 a 30 de abril de 2023. Local estimado: S&#xE3;o Lu&#xED;s-MA.</p>
2387                                </div>
2388                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-praia-2023 ">
2389                                    <p>Saiba mais</p>
2390                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2391                                        <path d="m9 18 6-6-6-6"></path>
2392                                    </svg>
2393                                </a>
2394                            </div>
2395                        </li>
2396                </div>
2397            </div>
2398        </section>
2399        <section id="2022" class="hidden">
2400            <div class="container">
2401                <div class="mt-8">
2402                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2403                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2404                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2405                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2406                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2407                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">19 a 26</p>
2408
2409                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">
2410                                            maio
2411                                            <div class="flex-1"></div>
2412                                            novembro
2413                                        </div>
2414                                </div>
2415                            </div>
2416                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2417                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Goi&#xE2;nia-GO</span>
2418                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="Brasileiro Universit&#xE1;rio">Brasileiro Universit&#xE1;rio</h5>
2419                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2420                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 19 a 22 de maio e 22 a 26 de novembro de 2022. Local estimado: Goi&#xE2;nia-GO.</p>
2421                                </div>
2422                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=brasileiro-universitario-2022 ">
2423                                    <p>Saiba mais</p>
2424                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2425                                        <path d="m9 18 6-6-6-6"></path>
2426                                    </svg>
2427                                </a>
2428                            </div>
2429                        </li>
2430                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2431                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2432                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2433                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2434                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2435                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">01 a 31</p>
2436
2437                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">
2438                                            setembro
2439                                            <div class="flex-1"></div>
2440                                            outubro
2441                                        </div>
2442                                </div>
2443                            </div>
2444                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2445                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Provavelmente Bras&#xED;lia-DF</span>
2446                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs">JUBs</h5>
2447                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2448                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: setembro a outubro de 2022. Local estimado: Provavelmente Bras&#xED;lia-DF.</p>
2449                                </div>
2450                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-2022 ">
2451                                    <p>Saiba mais</p>
2452                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2453                                        <path d="m9 18 6-6-6-6"></path>
2454                                    </svg>
2455                                </a>
2456                            </div>
2457                        </li>
2458                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2459                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2460                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2461                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2462                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2463                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">14 a 26</p>
2464
2465                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">outubro</div>
2466                                </div>
2467                            </div>
2468                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2469                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">M&#xE9;rida, M&#xE9;xico</span>
2470                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="FISU">FISU</h5>
2471                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2472                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 14 a 26 de outubro de 2022. Local estimado: M&#xE9;rida, M&#xE9;xico.</p>
2473                                </div>
2474                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=fisu-2022 ">
2475                                    <p>Saiba mais</p>
2476                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2477                                        <path d="m9 18 6-6-6-6"></path>
2478                                    </svg>
2479                                </a>
2480                            </div>
2481                        </li>
2482                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2483                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2484                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2485                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2486                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2487                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">18 a 25</p>
2488
2489                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">setembro</div>
2490                                </div>
2491                            </div>
2492                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2493                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Bras&#xED;lia-DF</span>
2494                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Bras&#xED;lia">JUBs Bras&#xED;lia</h5>
2495                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2496                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 18 a 25 de setembro de 2022. Local estimado: Bras&#xED;lia-DF.</p>
2497                                </div>
2498                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-brasilia-2022 ">
2499                                    <p>Saiba mais</p>
2500                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2501                                        <path d="m9 18 6-6-6-6"></path>
2502                                    </svg>
2503                                </a>
2504                            </div>
2505                        </li>
2506                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2507                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2508                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2509                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2510                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2511                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">10 a 14</p>
2512
2513                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">agosto</div>
2514                                </div>
2515                            </div>
2516                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2517                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Rio Branco-AC</span>
2518                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Norte">JUBs Norte</h5>
2519                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2520                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 10 a 14 de agosto de 2022. Local estimado: Rio Branco-AC.</p>
2521                                </div>
2522                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-norte-2022 ">
2523                                    <p>Saiba mais</p>
2524                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2525                                        <path d="m9 18 6-6-6-6"></path>
2526                                    </svg>
2527                                </a>
2528                            </div>
2529                        </li>
2530                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2531                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2532                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2533                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2534                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2535                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">15 a 21</p>
2536
2537                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">maio</div>
2538                                </div>
2539                            </div>
2540                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2541                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Goi&#xE2;nia-GO e Trindade-GO</span>
2542                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Futebol">JUBs Futebol</h5>
2543                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2544                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 15 a 21 de maio de 2022. Local estimado: Goi&#xE2;nia-GO e Trindade-GO.</p>
2545                                </div>
2546                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-futebol-2022 ">
2547                                    <p>Saiba mais</p>
2548                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2549                                        <path d="m9 18 6-6-6-6"></path>
2550                                    </svg>
2551                                </a>
2552                            </div>
2553                        </li>
2554                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2555                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2556                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2557                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2558                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2559                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">28 a 04</p>
2560
2561                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">
2562                                            abril
2563                                            <div class="flex-1"></div>
2564                                            maio
2565                                        </div>
2566                                </div>
2567                            </div>
2568                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2569                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Canoa Quebrada, Aracati-CE</span>
2570                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Praia">JUBs Praia</h5>
2571                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2572                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 28 de abril a 04 de maio de 2022. Local estimado: Canoa Quebrada, Aracati-CE.</p>
2573                                </div>
2574                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-praia-2022 ">
2575                                    <p>Saiba mais</p>
2576                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2577                                        <path d="m9 18 6-6-6-6"></path>
2578                                    </svg>
2579                                </a>
2580                            </div>
2581                        </li>
2582                </div>
2583            </div>
2584        </section>
2585        <section id="2021" class="hidden">
2586            <div class="container">
2587                <div class="mt-8">
2588                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2589                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2590                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2591                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2592                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2593                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">10 a 18</p>
2594
2595                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">outubro</div>
2596                                </div>
2597                            </div>
2598                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2599                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Bras&#xED;lia-DF</span>
2600                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Bras&#xED;lia">JUBs Bras&#xED;lia</h5>
2601                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2602                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 10 a 18 de outubro de 2021. Local estimado: Bras&#xED;lia-DF.</p>
2603                                </div>
2604                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-brasilia-2021 ">
2605                                    <p>Saiba mais</p>
2606                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2607                                        <path d="m9 18 6-6-6-6"></path>
2608                                    </svg>
2609                                </a>
2610                            </div>
2611                        </li>
2612                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2613                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2614                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2615                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2616                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2617                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">10 a 14</p>
2618
2619                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">agosto</div>
2620                                </div>
2621                            </div>
2622                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2623                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Recife-PE</span>
2624                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="Brasileiro Universit&#xE1;rio">Brasileiro Universit&#xE1;rio</h5>
2625                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2626                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 10 a 14 de agosto de 2021. Local estimado: Recife-PE.</p>
2627                                </div>
2628                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=brasileiro-universitario-2021 ">
2629                                    <p>Saiba mais</p>
2630                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2631                                        <path d="m9 18 6-6-6-6"></path>
2632                                    </svg>
2633                                </a>
2634                            </div>
2635                        </li>
2636                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2637                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2638                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2639                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2640                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2641                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">16 a 14</p>
2642
2643                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">
2644                                            maio
2645                                            <div class="flex-1"></div>
2646                                            agosto
2647                                        </div>
2648                                </div>
2649                            </div>
2650                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2651                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Rio Verde-GO e Recife-PE</span>
2652                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Seletivas">JUBs Seletivas</h5>
2653                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2654                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 16 de maio a 14 de agosto de 2021. Local estimado: Rio Verde-GO e Recife-PE.</p>
2655                                </div>
2656                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-seletivas-2021 ">
2657                                    <p>Saiba mais</p>
2658                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2659                                        <path d="m9 18 6-6-6-6"></path>
2660                                    </svg>
2661                                </a>
2662                            </div>
2663                        </li>
2664                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2665                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2666                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2667                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2668                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2669                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">04 a 10</p>
2670
2671                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">julho</div>
2672                                </div>
2673                            </div>
2674                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2675                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Aracaju-SE</span>
2676                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Praia">JUBs Praia</h5>
2677                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2678                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 04 a 10 de julho de 2021. Local estimado: Aracaju-SE.</p>
2679                                </div>
2680                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-praia-2021 ">
2681                                    <p>Saiba mais</p>
2682                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2683                                        <path d="m9 18 6-6-6-6"></path>
2684                                    </svg>
2685                                </a>
2686                            </div>
2687                        </li>
2688                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2689                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2690                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2691                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2692                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2693                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">01 a 29</p>
2694
2695                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">
2696                                            mar&#xE7;o
2697                                            <div class="flex-1"></div>
2698                                            abril
2699                                        </div>
2700                                </div>
2701                            </div>
2702                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2703                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Online / Bras&#xED;lia-DF</span>
2704                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs eSports">JUBs eSports</h5>
2705                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2706                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 01 a 31 de mar&#xE7;o e 26 a 29 de abril de 2021. Local estimado: Online / Bras&#xED;lia-DF.</p>
2707                                </div>
2708                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-esports-2021 ">
2709                                    <p>Saiba mais</p>
2710                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2711                                        <path d="m9 18 6-6-6-6"></path>
2712                                    </svg>
2713                                </a>
2714                            </div>
2715                        </li>
2716                </div>
2717            </div>
2718        </section>
2719        <section id="2020" class="hidden">
2720            <div class="container">
2721                <div class="mt-8">
2722                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2723                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2724                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2725                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2726                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2727                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">01 a 16</p>
2728
2729                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">junho</div>
2730                                </div>
2731                            </div>
2732                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2733                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Online</span>
2734                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs eSports">JUBs eSports</h5>
2735                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2736                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 01 a 16 de junho de 2020. Local estimado: Online.</p>
2737                                </div>
2738                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-esports-2020 ">
2739                                    <p>Saiba mais</p>
2740                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2741                                        <path d="m9 18 6-6-6-6"></path>
2742                                    </svg>
2743                                </a>
2744                            </div>
2745                        </li>
2746                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2747                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2748                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2749                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2750                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2751                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">01 a 31</p>
2752
2753                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">
2754                                            mar&#xE7;o
2755                                            <div class="flex-1"></div>
2756                                            maio
2757                                        </div>
2758                                </div>
2759                            </div>
2760                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2761                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Rio Verde-GO, Aracaju-SE, Trindade-GO e Recife-PE</span>
2762                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs">JUBs</h5>
2763                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2764                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: mar&#xE7;o a maio de 2020 (calend&#xE1;rio planejado). Local estimado: Rio Verde-GO, Aracaju-SE, Trindade-GO e Recife-PE.</p>
2765                                </div>
2766                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-2020 ">
2767                                    <p>Saiba mais</p>
2768                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2769                                        <path d="m9 18 6-6-6-6"></path>
2770                                    </svg>
2771                                </a>
2772                            </div>
2773                        </li>
2774                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2775                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2776                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2777                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2778                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2779                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">04 a 09</p>
2780
2781                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">maio</div>
2782                                </div>
2783                            </div>
2784                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2785                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Recife-PE</span>
2786                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Basquete 3x3">JUBs Basquete 3x3</h5>
2787                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2788                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 04 a 09 de maio de 2020. Local estimado: Recife-PE.</p>
2789                                </div>
2790                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-basquete-3x3-2020 ">
2791                                    <p>Saiba mais</p>
2792                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2793                                        <path d="m9 18 6-6-6-6"></path>
2794                                    </svg>
2795                                </a>
2796                            </div>
2797                        </li>
2798                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2799                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2800                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2801                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2802                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2803                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">04 a 09</p>
2804
2805                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">maio</div>
2806                                </div>
2807                            </div>
2808                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2809                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Recife-PE</span>
2810                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Raquetes e Xadrez">JUBs Raquetes e Xadrez</h5>
2811                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2812                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 04 a 09 de maio de 2020. Local estimado: Recife-PE.</p>
2813                                </div>
2814                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-raquetes-e-xadrez-2020 ">
2815                                    <p>Saiba mais</p>
2816                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2817                                        <path d="m9 18 6-6-6-6"></path>
2818                                    </svg>
2819                                </a>
2820                            </div>
2821                        </li>
2822                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2823                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2824                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2825                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2826                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2827                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">01 a 03</p>
2828
2829                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">maio</div>
2830                                </div>
2831                            </div>
2832                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2833                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Trindade-GO</span>
2834                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Rugby 7">JUBs Rugby 7</h5>
2835                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2836                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 01 a 03 de maio de 2020. Local estimado: Trindade-GO.</p>
2837                                </div>
2838                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-rugby-7-2020 ">
2839                                    <p>Saiba mais</p>
2840                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2841                                        <path d="m9 18 6-6-6-6"></path>
2842                                    </svg>
2843                                </a>
2844                            </div>
2845                        </li>
2846                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2847                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2848                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2849                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2850                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2851                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">29 a 03</p>
2852
2853                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">
2854                                            abril
2855                                            <div class="flex-1"></div>
2856                                            maio
2857                                        </div>
2858                                </div>
2859                            </div>
2860                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2861                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Trindade-GO</span>
2862                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Lutas">JUBs Lutas</h5>
2863                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2864                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 29 de abril a 03 de maio de 2020. Local estimado: Trindade-GO.</p>
2865                                </div>
2866                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-lutas-2020 ">
2867                                    <p>Saiba mais</p>
2868                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2869                                        <path d="m9 18 6-6-6-6"></path>
2870                                    </svg>
2871                                </a>
2872                            </div>
2873                        </li>
2874                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2875                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2876                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2877                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2878                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2879                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">14 a 18</p>
2880
2881                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">abril</div>
2882                                </div>
2883                            </div>
2884                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2885                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Aracaju-SE</span>
2886                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Praia">JUBs Praia</h5>
2887                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2888                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 14 a 18 de abril de 2020. Local estimado: Aracaju-SE.</p>
2889                                </div>
2890                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-praia-2020 ">
2891                                    <p>Saiba mais</p>
2892                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2893                                        <path d="m9 18 6-6-6-6"></path>
2894                                    </svg>
2895                                </a>
2896                            </div>
2897                        </li>
2898                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2899                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2900                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2901                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2902                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2903                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">15 a 21</p>
2904
2905                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">mar&#xE7;o</div>
2906                                </div>
2907                            </div>
2908                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2909                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Rio Verde-GO</span>
2910                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Futebol">JUBs Futebol</h5>
2911                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2912                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 15 a 21 de mar&#xE7;o de 2020. Local estimado: Rio Verde-GO.</p>
2913                                </div>
2914                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-futebol-2020 ">
2915                                    <p>Saiba mais</p>
2916                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2917                                        <path d="m9 18 6-6-6-6"></path>
2918                                    </svg>
2919                                </a>
2920                            </div>
2921                        </li>
2922                </div>
2923            </div>
2924        </section>
2925        <section id="2019" class="hidden">
2926            <div class="container">
2927                <div class="mt-8">
2928                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2929                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2930                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2931                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2932                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2933                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">01 a 31</p>
2934
2935                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">
2936                                            mar&#xE7;o
2937                                            <div class="flex-1"></div>
2938                                            outubro
2939                                        </div>
2940                                </div>
2941                            </div>
2942                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2943                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Bras&#xED;lia-DF, Caruaru-PE, Recife-PE e Salvador-BA</span>
2944                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs">JUBs</h5>
2945                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2946                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: mar&#xE7;o a outubro de 2019. Local estimado: Bras&#xED;lia-DF, Caruaru-PE, Recife-PE e Salvador-BA.</p>
2947                                </div>
2948                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-2019 ">
2949                                    <p>Saiba mais</p>
2950                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2951                                        <path d="m9 18 6-6-6-6"></path>
2952                                    </svg>
2953                                </a>
2954                            </div>
2955                        </li>
2956                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2957                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2958                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2959                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2960                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2961                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">20 a 27</p>
2962
2963                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">outubro</div>
2964                                </div>
2965                            </div>
2966                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2967                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Salvador-BA</span>
2968                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Fase Final">JUBs Fase Final</h5>
2969                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2970                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 20 a 27 de outubro de 2019. Local estimado: Salvador-BA.</p>
2971                                </div>
2972                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-fase-final-2019 ">
2973                                    <p>Saiba mais</p>
2974                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
2975                                        <path d="m9 18 6-6-6-6"></path>
2976                                    </svg>
2977                                </a>
2978                            </div>
2979                        </li>
2980                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
2981                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
2982                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
2983                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
2984                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
2985                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">01 a 30</p>
2986
2987                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">
2988                                            janeiro
2989                                            <div class="flex-1"></div>
2990                                            junho
2991                                        </div>
2992                                </div>
2993                            </div>
2994                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
2995                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">M&#xFA;ltiplas sedes</span>
2996                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Modalidades">JUBs Modalidades</h5>
2997                                <div class="text-neutral-70 text-paragraph-3 mt-4">
2998                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 1&#xBA; semestre de 2019. Local estimado: M&#xFA;ltiplas sedes.</p>
2999                                </div>
3000                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-modalidades-2019 ">
3001                                    <p>Saiba mais</p>
3002                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
3003                                        <path d="m9 18 6-6-6-6"></path>
3004                                    </svg>
3005                                </a>
3006                            </div>
3007                        </li>
3008                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
3009                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
3010                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
3011                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
3012                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
3013                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">24 a 25</p>
3014
3015                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">maio</div>
3016                                </div>
3017                            </div>
3018                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
3019                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Recife-PE</span>
3020                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Rugby 7">JUBs Rugby 7</h5>
3021                                <div class="text-neutral-70 text-paragraph-3 mt-4">
3022                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 24 e 25 de maio de 2019. Local estimado: Recife-PE.</p>
3023                                </div>
3024                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-rugby-7-2019 ">
3025                                    <p>Saiba mais</p>
3026                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
3027                                        <path d="m9 18 6-6-6-6"></path>
3028                                    </svg>
3029                                </a>
3030                            </div>
3031                        </li>
3032                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
3033                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
3034                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
3035                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
3036                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
3037                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">20 a 25</p>
3038
3039                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">maio</div>
3040                                </div>
3041                            </div>
3042                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
3043                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Caruaru-PE</span>
3044                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Futebol">JUBs Futebol</h5>
3045                                <div class="text-neutral-70 text-paragraph-3 mt-4">
3046                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 20 a 25 de maio de 2019. Local estimado: Caruaru-PE.</p>
3047                                </div>
3048                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-futebol-2019 ">
3049                                    <p>Saiba mais</p>
3050                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
3051                                        <path d="m9 18 6-6-6-6"></path>
3052                                    </svg>
3053                                </a>
3054                            </div>
3055                        </li>
3056                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
3057                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
3058                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
3059                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
3060                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
3061                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">19 a 23</p>
3062
3063                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">mar&#xE7;o</div>
3064                                </div>
3065                            </div>
3066                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
3067                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Bras&#xED;lia-DF</span>
3068                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Praia">JUBs Praia</h5>
3069                                <div class="text-neutral-70 text-paragraph-3 mt-4">
3070                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 19 a 23 de mar&#xE7;o de 2019. Local estimado: Bras&#xED;lia-DF.</p>
3071                                </div>
3072                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-praia-2019 ">
3073                                    <p>Saiba mais</p>
3074                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
3075                                        <path d="m9 18 6-6-6-6"></path>
3076                                    </svg>
3077                                </a>
3078                            </div>
3079                        </li>
3080                </div>
3081            </div>
3082        </section>
3083        <section id="2018" class="hidden">
3084            <div class="container">
3085                <div class="mt-8">
3086                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
3087                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
3088                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
3089                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
3090                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
3091                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">01 a 30</p>
3092
3093                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">
3094                                            julho
3095                                            <div class="flex-1"></div>
3096                                            novembro
3097                                        </div>
3098                                </div>
3099                            </div>
3100                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
3101                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Bel&#xE9;m-PA, Teresina-PI, Bras&#xED;lia-DF e Maring&#xE1;-PR</span>
3102                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs">JUBs</h5>
3103                                <div class="text-neutral-70 text-paragraph-3 mt-4">
3104                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: julho a novembro de 2018. Local estimado: Bel&#xE9;m-PA, Teresina-PI, Bras&#xED;lia-DF e Maring&#xE1;-PR.</p>
3105                                </div>
3106                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-2018 ">
3107                                    <p>Saiba mais</p>
3108                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
3109                                        <path d="m9 18 6-6-6-6"></path>
3110                                    </svg>
3111                                </a>
3112                            </div>
3113                        </li>
3114                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
3115                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
3116                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
3117                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
3118                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
3119                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">04 a 11</p>
3120
3121                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">novembro</div>
3122                                </div>
3123                            </div>
3124                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
3125                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Maring&#xE1;-PR</span>
3126                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Fase Final">JUBs Fase Final</h5>
3127                                <div class="text-neutral-70 text-paragraph-3 mt-4">
3128                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 04 a 11 de novembro de 2018. Local estimado: Maring&#xE1;-PR.</p>
3129                                </div>
3130                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-fase-final-2018 ">
3131                                    <p>Saiba mais</p>
3132                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
3133                                        <path d="m9 18 6-6-6-6"></path>
3134                                    </svg>
3135                                </a>
3136                            </div>
3137                        </li>
3138                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
3139                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
3140                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
3141                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
3142                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
3143                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">01 a 30</p>
3144
3145                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">
3146                                            janeiro
3147                                            <div class="flex-1"></div>
3148                                            junho
3149                                        </div>
3150                                </div>
3151                            </div>
3152                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
3153                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">M&#xFA;ltiplas sedes</span>
3154                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Modalidades">JUBs Modalidades</h5>
3155                                <div class="text-neutral-70 text-paragraph-3 mt-4">
3156                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 1&#xBA; semestre de 2018. Local estimado: M&#xFA;ltiplas sedes.</p>
3157                                </div>
3158                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-modalidades-2018 ">
3159                                    <p>Saiba mais</p>
3160                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
3161                                        <path d="m9 18 6-6-6-6"></path>
3162                                    </svg>
3163                                </a>
3164                            </div>
3165                        </li>
3166                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
3167                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
3168                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
3169                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
3170                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
3171                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">05 a 10</p>
3172
3173                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">junho</div>
3174                                </div>
3175                            </div>
3176                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
3177                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Vit&#xF3;ria-ES</span>
3178                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Raquetes e Xadrez">JUBs Raquetes e Xadrez</h5>
3179                                <div class="text-neutral-70 text-paragraph-3 mt-4">
3180                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 05 a 10 de junho de 2018. Local estimado: Vit&#xF3;ria-ES.</p>
3181                                </div>
3182                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-raquetes-e-xadrez-2018 ">
3183                                    <p>Saiba mais</p>
3184                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
3185                                        <path d="m9 18 6-6-6-6"></path>
3186                                    </svg>
3187                                </a>
3188                            </div>
3189                        </li>
3190                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
3191                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
3192                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
3193                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
3194                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
3195                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">13 a 15</p>
3196
3197                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">abril</div>
3198                                </div>
3199                            </div>
3200                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
3201                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">Goi&#xE2;nia-GO</span>
3202                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Lutas">JUBs Lutas</h5>
3203                                <div class="text-neutral-70 text-paragraph-3 mt-4">
3204                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 13 a 15 de abril de 2018. Local estimado: Goi&#xE2;nia-GO.</p>
3205                                </div>
3206                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-lutas-2018 ">
3207                                    <p>Saiba mais</p>
3208                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
3209                                        <path d="m9 18 6-6-6-6"></path>
3210                                    </svg>
3211                                </a>
3212                            </div>
3213                        </li>
3214                        <li class="py-14 border-b border-b-neutral-10 flex gap-10  max-lg:flex-col max-lg:py-6">
3215                            <div id="evento-3610" class="relative -top-[8.75rem] max-lg:-top-[4rem]"></div>
3216                            <div class="w-[23rem]  relative max-lg:w-[325px] h-max shrink-0">
3217                                <div class="w-full h-full absolute z-[1] -left-3 -bottom-3 bg-yellow-100 rounded-md "></div>
3218                                <div class="flex flex-col p-6 bg-white relative z-[2]  border border-blue-100 rounded-md  max-lg:p-4">
3219                                    <p class="text-blue-100 text-[5.5rem] font-bold leading-[100%] max-lg:text-[4.5rem]">27 a 31</p>
3220
3221                                        <div class="text-blue-100 text-title-2 flex flex-nowrap justify-between mt-5 !capitalize !font-normal max-lg:text-title-3">mar&#xE7;o</div>
3222                                </div>
3223                            </div>
3224                            <div class="flex flex-col max-w-[46.125rem] ml-auto ">
3225                                <span class=" text-caps-4 bg-brazilis-blue text-white py-1 px-[.375rem] rounded-lg w-max">S&#xE3;o Paulo-SP</span>
3226                                <h5 class="text-title-1 text-neutral-90  mt-2 max-lg:text-title-2" title="JUBs Futebol">JUBs Futebol</h5>
3227                                <div class="text-neutral-70 text-paragraph-3 mt-4">
3228                                    <p>Evento do acervo hist&#xF3;rico da CBDU. Per&#xED;odo estimado: 27 a 31 de mar&#xE7;o de 2018. Local estimado: S&#xE3;o Paulo-SP.</p>
3229                                </div>
3230                                <a class="flex items-center gap-2 text-caps-3 text-blue-100 group mt-4" href="/Events/List?sharingUrl=jubs-futebol-2018 ">
3231                                    <p>Saiba mais</p>
3232                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right group-hover:translate-x-1 transition-transform">
3233                                        <path d="m9 18 6-6-6-6"></path>
3234                                    </svg>
3235                                </a>
3236                            </div>
3237                        </li>
3238                </div>
3239            </div>
3240        </section>
3241
3242    <div id="albumModal" class="fixed inset-0 flex items-center justify-center hidden z-[1000]" style="background-color: rgba(0, 0, 0, 0.75);">
3243        <div class="flex flex-col rounded-xl overflow-hidden w-full lg:w-[61.5rem] bg-neutral-10">
3244
3245            <div class="modal-content">
3246                <div class="modal-body">
3247                    <h2 class="bg-cracked-header-modal-mobile bg-black/70 bg-cover">
3248                        <div class="bg-gradient-to-r from-blue-100 from-20% to-transparent w-full flex justify-end items-center px-5 md:px-8 h-16 lg:h-20">
3249                            <button class="w-8 h-8 md:w-10 md:h-10 !rounded-full bg-white grid place-items-center hover:cursor-pointer hover:scale-110 transition-all" type="button" onclick="closeAlbum()">
3250                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-brazilis-blue w-[1.125rem] md:w-[1.375rem]">
3251                                    <path d="M18 6 6 18"></path>
3252                                    <path d="m6 6 12 12"></path>
3253                                </svg>
3254                            </button>
3255                        </div>
3256                    </h2>
3257                    <iframe id="albumIframe" width="100%" height="500" frameborder="0" allowfullscreen></iframe>
3258                </div>
3259            </div>
3260        </div>
3261    </div>
3262
3263</main>
3264
3265<script>
3266    function openAlbum(url) {
3267        document.getElementById('albumIframe').src = url;
3268        document.getElementById('albumModal').classList.remove('hidden');
3269    }
3270
3271    function closeAlbum() {
3272        document.getElementById('albumIframe').src = "";
3273        document.getElementById('albumModal').classList.add('hidden');
3274    }
3275</script>
3275
3276
3277
3278<script>
3279    document.addEventListener("DOMContentLoaded", function () {
3280    const links = document.querySelectorAll("#tabs nav a");
3281    const sections = document.querySelectorAll("#tabs section");
3282
3283    links.forEach(link => {
3284        link.addEventListener("click", function (event) {
3285            event.preventDefault();
3286
3287                // Captura o ano dentro da tag <p>
3288                const selectedYear = this.querySelector("p").textContent.trim();
3289
3290                // Remove a classe ativa de todos os links
3291                links.forEach(l => l.classList.remove("!border-blue-100", "!text-blue-100", "!cursor-pointer"));
3292                links.forEach(l => l.classList.add("false"));
3293
3294                // Adiciona a classe ativa ao link clicado
3295                this.classList.add("!border-blue-100", "!text-blue-100", "!cursor-pointer");
3296                this.classList.remove("false");
3297
3298                // Oculta todas as sections
3299                sections.forEach(section => section.classList.add("hidden"));
3300
3301                // Exibe apenas a section correspondente ao ano selecionado
3302                const targetSection = document.getElementById(selectedYear);
3303                if (targetSection) {
3304                    targetSection.classList.remove("hidden");
3305                }
3306            });
3307        });
3308    });
3309</script>
3309
3310
3311
3312
3313
3314
3315        </div>
3316
3317<div class="fixed z-50 left-1 hidden tb:block top-0 bottom-0 my-auto h-max">
3318    <div class="flex flex-col gap-2 bg-neutral-10 rounded-lg p-1">
3319        <a role="link" href="https://www.youtube.com/user/cbdu2008" target="_blank">
3320            <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 172 171" class="w-7 h-7">
3321                <path fill="#FC3932" fill-rule="evenodd" d="M86 170.4C39.1 170.4.9 132.2.9 85.3S39.1.2 86 .2s85.1 38.2 85.1 85.1-38.2 85.1-85.1 85.1M86 6.2C42.4 6.2 6.9 41.7 6.9 85.3s35.5 79.1 79.1 79.1 79.1-35.5 79.1-79.1S129.6 6.2 86 6.2" clip-rule="evenodd"></path>
3322                <path fill="#FC3932" fill-rule="evenodd" d="M134 63.2v44.2c0 7-5.6 12.7-12.6 12.7H50.6c-6.9 0-12.6-5.7-12.6-12.7V63.2c0-7 5.7-12.7 12.6-12.7h70.8c7 0 12.6 5.7 12.6 12.7m-36.6 19-19.7-9.8c-2.3-1.1-4.9.5-4.9 3.1v19.6c0 2.6 2.6 4.2 4.9 3.1l19.7-9.9c2.5-1.2 2.5-4.8 0-6.1" clip-rule="evenodd"></path>
3323            </svg>
3324        </a>
3325        <a role="link" href="https://www.facebook.com/CBDU.brasil" target="_blank">
3326            <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 172 171" class="w-7 h-7">
3327                <path fill="#1F4FAD" fill-rule="evenodd" d="M86 170.4C39.1 170.4.9 132.2.9 85.3S39.1.2 86 .2s85.1 38.2 85.1 85.1-38.2 85.1-85.1 85.1M86 6.2C42.4 6.2 6.9 41.7 6.9 85.3s35.5 79.1 79.1 79.1 79.1-35.5 79.1-79.1S129.6 6.2 86 6.2" clip-rule="evenodd"></path>
3328                <path fill="#1F4FAD" d="m112.3 81.9-1.3 11c-.3 1.8-1.8 3.2-3.7 3.2H89.6V142q-2.9.3-5.7.3-6.5 0-12.6-1.3V96.1H57.6c-1.2 0-2.2-1-2.2-2.3V80.1c0-1.3 1-2.3 2.2-2.3h13.7V57.2c0-12.6 10.2-22.9 22.8-22.9h16c1.2 0 2.2 1 2.2 2.3v13.7c0 1.3-1 2.3-2.2 2.3H98.7c-5.1 0-9.1 4.1-9.1 9.2v16h19.1c2.2 0 3.9 1.9 3.6 4.1"></path>
3329            </svg>
3330        </a>
3331        <a role="link" href="https://www.instagram.com/cbdu" target="_blank">
3332            <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 171 171" class="w-7 h-7">
3333                <path fill="url(#insta-white_svg__a)" fill-rule="evenodd" d="M85.3 170.4c-46.9 0-85-38.2-85-85.1S38.4.2 85.3.2c46.901 0 85.101 38.2 85.101 85.1s-38.2 85.1-85.1 85.1m0-164.2c-43.6 0-79 35.5-79 79.1s35.4 79.1 79 79.1 79.101-35.5 79.101-79.1-35.5-79.1-79.1-79.1" clip-rule="evenodd"></path>
3334                <path fill="url(#insta-white_svg__b)" fill-rule="evenodd" d="M128.401 63v44.6c0 11.4-9.3 20.7-20.8 20.7h-44.5c-11.5 0-20.8-9.3-20.8-20.7V63c0-11.4 9.3-20.8 20.8-20.8h44.5c11.5 0 20.8 9.4 20.8 20.8m-7.4 1.5c0-8.2-6.7-14.8-14.9-14.8h-41.5c-8.2 0-14.9 6.6-14.9 14.8v41.6c0 8.2 6.7 14.8 14.9 14.8h41.5c8.2 0 14.9-6.6 14.9-14.8z" clip-rule="evenodd"></path>
3335                <path fill="url(#insta-white_svg__c)" fill-rule="evenodd" d="M107.601 85.3c0 12.3-9.9 22.3-22.2 22.3s-22.3-10-22.3-22.3S73.1 63 85.4 63s22.2 10 22.2 22.3m-7.4 0c0-8.2-6.6-14.8-14.8-14.8s-14.9 6.6-14.9 14.8 6.7 14.8 14.9 14.8 14.8-6.6 14.8-14.8" clip-rule="evenodd"></path>
3336                <path fill="url(#insta-white_svg__d)" d="M109.101 66c-2.4 0-4.4-2-4.4-4.5 0-2.4 2-4.4 4.4-4.4 2.5 0 4.5 2 4.5 4.4 0 2.5-2 4.5-4.5 4.5"></path>
3337                <defs>
3338                    <linearGradient id="insta-white_svg__a" x1="170.404" x2="170.404" y1="1.788" y2="165.627" gradientUnits="userSpaceOnUse">
3339                        <stop offset="0.002" stop-color="#7B34F8"></stop>
3340                        <stop offset="0.526" stop-color="#F83A38"></stop>
3341                        <stop offset="1" stop-color="#FECE00"></stop>
3342                    </linearGradient>
3343                    <linearGradient id="insta-white_svg__b" x1="128.385" x2="128.385" y1="1.788" y2="165.627" gradientUnits="userSpaceOnUse">
3344                        <stop offset="0.002" stop-color="#7B34F8"></stop>
3345                        <stop offset="0.526" stop-color="#F83A38"></stop>
3346                        <stop offset="1" stop-color="#FECE00"></stop>
3347                    </linearGradient>
3348                    <linearGradient id="insta-white_svg__c" x1="107.647" x2="107.647" y1="1.788" y2="165.627" gradientUnits="userSpaceOnUse">
3349                        <stop offset="0.002" stop-color="#7B34F8"></stop>
3350                        <stop offset="0.526" stop-color="#F83A38"></stop>
3351                        <stop offset="1" stop-color="#FECE00"></stop>
3352                    </linearGradient>
3353                    <linearGradient id="insta-white_svg__d" x1="113.584" x2="113.584" y1="1.788" y2="165.627" gradientUnits="userSpaceOnUse">
3354                        <stop offset="0.002" stop-color="#7B34F8"></stop>
3355                        <stop offset="0.526" stop-color="#F83A38"></stop>
3356                        <stop offset="1" stop-color="#FECE00"></stop>
3357                    </linearGradient>
3358                </defs>
3359            </svg>
3360        </a>
3361        <a role="link" href="https://br.linkedin.com/company/cbdu" target="_blank">
3362            <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 24 24" class="w-7 h-7">
3363                <path fill-rule="evenodd" d="M12 24C5.387 24 0 18.613 0 12S5.387 0 12 0s12 5.387 12 12-5.387 12-12 12M12 .846C5.852.846.846 5.852.846 12S5.852 23.154 12 23.154 23.154 18.148 23.154 12 18.148.846 12 .846" clip-rule="evenodd"></path>
3364                <path d="M9.391 7.417c0 .818-.662 1.495-1.494 1.495-.818 0-1.481-.
3364677-1.481-1.495 0-.832.663-1.495 1.48-1.495.833 0 1.495.663 1.495 1.495M9.039 17.344h-2.27c-.057 0-.113-.042-.113-.098v-7.234c0-.057.056-.113.113-.113h2.27c.056 0 .099.056.099.113v7.234a.096.096 0 0 1-.1.098M17.584 12.635v4.216a.49.49 0 0 1-.494.494h-1.494a.49.49 0 0 1-.494-.494v-3.469c0-.69-.55-1.24-1.24-1.24-.692 0-1.242.55-1.242 1.24v3.47a.49.49 0 0 1-.493.493h-1.495a.49.49 0 0 1-.493-.494v-6.458a.5.5 0 0 1 .493-.494h1.495a.5.5 0 0 1 .493.494v.324c.494-.649 1.326-1.071 2.243-1.071 1.367 0 2.721 1 2.721 2.989"></path>
3365            </svg>
3366        </a>
3367        <a role="link" href="https://open.spotify.com/playlist/4OYGz9DPrPmvGAkGRjMflp" target="_blank">
3368            <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="#1ed760" viewBox="0 0 24 24" class="w-7 h-7">
3369                <path fill-rule="evenodd" d="M12 24C5.387 24 0 18.613 0 12S5.387 0 12 0s12 5.387 12 12-5.387 12-12 12M12 .846C5.852.846.846 5.852.846 12S5.852 23.154 12 23.154 23.154 18.148 23.154 12 18.148.846 12 .846" clip-rule="evenodd"></path>
3370                <path d="M17.79 11.17C13.356 8.69 8.33 9.403 6.376 9.822c-.465.109-.93-.17-1.085-.636a.96.96 0 0 1 .698-1.21C8.19 7.496 13.68 6.72 18.69 9.528c.48.263.636.884.341 1.333a.94.94 0 0 1-1.24.31M16.58 13.947c-3.69-2.063-7.863-1.473-9.476-1.117-.388.078-.79-.155-.9-.527v-.016a.777.777 0 0 1 .574-.992c1.83-.403 6.39-1.055 10.562 1.287a.79.79 0 0 1 .264 1.117.765.765 0 0 1-1.023.248M15.619 16.739c-3.18-1.784-6.778-1.257-8.174-.962a.65.65 0 0 1-.775-.465.66.66 0 0 1 .496-.853c1.567-.357 5.506-.915 9.104 1.101.342.186.45.636.233.962a.664.664 0 0 1-.884.217"></path>
3371            </svg>
3372        </a>
3373        <!-- TODO
3374        <a role="link" href="https://www.tiktok.com/cbdu">
3375            <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 172 171" class="w-7 h-7">
3376                <path fill="#D82323" d="M104.301 109.2V68.5s4.8 8 22.1 8.2c.4 0 .699-.3.699-.6V62.6c0-.3-.299-.6-.599-.6-13.9-.3-20.3-11-20.6-20.5 0-.3-.3-.6-.6-.6h-15.1c-.3 0-.6.3-.6.6v65.7c0 6.9-5.2 12.9-12.2 13.4-8.2.5-14.9-6.6-13.6-15 .8-5.9 5.8-10.5 11.7-11q1.9-.1 3.7.2c.4.1.7-.2.7-.6V80.7c0-.3-.3-.6-.5-.6q-2.9-.3-5.8 0c-12.7 1.4-23 11.6-24.4 24.3-1.9 16.7 11.1 30.8 27.4 30.8 15.3 0 27.7-12.3 27.7-27.6"></path>
3377                <path fill="#6DF7F7" d="M100.201 104.7V64s4.8 7.9 22.2 8.1c.3 0 .6-.3.6-.6V58.1c0-.4-.3-.6-.6-.6-13.9-.3-20.3-11.1-20.5-20.5 0-.4-.3-.7-.7-.7h-15c-.3 0-.6.3-.6.6v65.7c0 6.9-5.3 13-12.2 13.4-8.2.5-14.9-6.6-13.7-14.9.9-5.9 5.8-10.5 11.7-11a11.4 11.4 0 0 1 3.7.2c.4 0 .7-.2.7-.6V76.1c0-.3-.2-.6-.5-.6q-2.8-.3-5.8 0c-12.7 1.4-23 11.6-24.4 24.3-1.9 16.7 11.2 30.9 27.5 30.9 15.3 0 27.6-12.4 27.6-27.7"></path>
3378                <path fill="#111114" fill-rule="evenodd" d="M86 170.4C39.1 170.4.9 132.2.9 85.3S39.1.2 86 .2s85.1 38.2 85.1 85.1-38.2 85.1-85.1 85.1M86 6.2C42.4 6.2 6.9 41.7 6.9 85.3s35.5 79.1 79.1 79.1 79.1-35.5 79.1-79.1S129.6 6.2 86 6.2" clip-rule="evenodd"></path>
3379                <path fill="#111114" d="M102.301 106.4V65.7s4.7 8 22.1 8.2c.3 0 .599-.3.599-.6V59.8c0-.3-.199-.6-.599-.6-13.9-.3-20.2-11-20.5-20.5 0-.3-.301-.6-.701-.6h-15c-.3 0-.6.3-.6.6v65.7c0 6.9-5.2 12.9-12.2 13.4-8.2.5-14.9-6.7-13.7-15 .9-5.9 5.8-10.5 11.7-11q2-.1 3.7.2c.4.1.8-.2.8-.6V77.9c0-.3-.3-.6-.6-.6q-2.799-.3-5.7 0c-12.8 1.3-23 11.6-24.5 24.3-1.8 16.7 11.2 30.8 27.5 30.8 15.3 0 27.701-12.4 27.701-27.6"></path>
3380            </svg>
3381        </a>
3382        -->
3383        <a role="link" href="https://x.com/cbdu" target="_blank">
3384            <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 171 171" class="w-7 h-7">
3385                <path fill="#000" fill-rule="evenodd" d="M85.7 170.4C38.8 170.4.6 132.2.6 85.3S38.8.2 85.7.2c46.901 0 85.001 38.2 85.001 85.1s-38.1 85.1-85 85.1m0-164.2C42.1 6.2 6.6 41.7 6.6 85.3s35.5 79.1 79.1 79.1c43.601 0 79.001-35.5 79.001-79.1s-35.4-79.1-79-79.1" clip-rule="evenodd"></path>
3386                <path fill="#000" fill-rule="evenodd" d="M133.701 128.3h-34.4L78 98.6l-27.8 29.7H37.6L72.5 91 37.6 42.2h34.5l20 27.9 26-27.9h12.6l-33.2 35.6zm-29.8-9.2h12.1l-48.6-67.8h-12z" clip-rule="evenodd"></path>
3387            </svg>
3388        </a>
3389    </div>
3390</div><footer class="Footer w-full border-t border-neutral-100/10">
3391    <div class="container relative   xl:mx-auto flex flex-col !py-20 justify-between xl:flex-row z-[1]" bis_skin_checked="1">
3392        <button id="btnTop" role="button" aria-label="voltar ao topo do site" class=" absolute -top-5 w-10 h-10  rounded-full  flex flex-col items-center justify-center  bg-white shadow-lg backdrop-blur-[32px]  transition ease-in duration-200 hover:bg-blue-100/20   ">
3393            <img alt="Subir" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" style="color:transparent" src="https://cbdustorage.blob.core.windows.net/site/asset/icon/arrows-up.svg">
3394        </button>
3395        <div bis_skin_checked="1"><img role="img" alt="CBDU" loading="lazy" width="122" height="184" decoding="async" data-nimg="1" class="xl:max-w-[122px]" style="color:transparent" src="https://cbdustorage.blob.core.windows.net/site/asset/image/logo-2.png"></div>
3396        <div class="flex flex-col justify-end mt-10 gap-16 w-full xl:flex-row xl:mt-0" bis_skin_checked="1">
3397            <div class=" w-full xl:max-w-[10.9rem]" bis_skin_checked="1">
3398                <h2 class="text-blue-100 text-caps-1">MAPA DO SITE</h2>
3399                <div class="mt-3" bis_skin_checked="1">
3400                    <div class="bg-green-100 max-w-8 h-0.5" bis_skin_checked="1"></div>
3401                    <div class="bg-green-100 max-w-[full] h-[1px]" bis_skin_checked="1"></div>
3402                </div>
3403                <ul class="mt-2">
3404                    <a role="link" class="block" href="Home/About">
3405                        <li class="border border-t-0 border-l-0 border-r-0 border-b-neutral-100/10 py-4 text-paragraph-4 text-[#003863] hover:text-blue-100">Sobre a CBDU</li>
3406                    </a>
3407                    <a role="link" class="block" href="/Home/PressOffice">
3408                        <li class="border border-t-0 border-l-0 border-r-0 border-b-neutral-100/10 py-4 text-paragraph-4 text-[#003863] hover:text-blue-100">Imprensa</li>
3409                    </a>
3410                    <a target="_blank" role="link" class="block" href="https://www.flickr.com/photos/cbdufotos/albums">
3411                        <li class="border border-t-0 border-l-0 border-r-0 border-b-neutral-100/10 py-4 text-paragraph-4 text-[#003863] hover:text-blue-100">Fotos</li>
3412                    </a>
3413                </ul>
3414            </div>
3415            <div class=" w-full xl:max-w-[10.9rem]" bis_skin_checked="1">
3416                <h2 class="text-blue-100 text-caps-1">CONTATO</h2>
3417                <div class="mt-3" bis_skin_checked="1">
3418                    <div class="bg-green-100 max-w-8 h-0.5" bis_skin_checked="1"></div>
3419                    <div class="bg-green-100 max-w-[full] h-[1px]" bis_skin_checked="1"></div>
3420                </div>
3421                <ul class="mt-2">
3422                    <a role="link" class="block" href="/Home/ContactUs">
3423                        <li class="border border-t-0 border-l-0 border-r-0 border-b-neutral-100/10 py-4 text-paragraph-4 text-[#003863] hover:text-blue-100">
3424                            Fale Conosco
3425                        </li>
3426                    </a>
3427                    <a role="link" class="block" href="https://cbdu.canaldenuncias.com.br" target="_blank">
3428                    <li class="border border-t-0 border-l-0 border-r-0 border-b-neutral-100/10 py-4 text-paragraph-4 text-[#003863] hover:text-blue-100">
3429                        Ouvidoria
3430                    </li>
3431                    </a>
3432                    <a role="link" class="block">
3433                        <li class="border border-t-0 border-l-0 border-r-0 border-b-neutral-100/10 py-1 text-paragraph-4 text-[#003863] hover:text-blue-100">
3434                            Horário de atendimento<br />Seg. a sexta, das 9h-18h
3435                        </li>
3436                    </a>
3437                </ul>
3438            </div>
3439            <div class=" w-full xl:max-w-[10.9rem]" bis_skin_checked="1">
3440                <h2 class="text-blue-100 text-caps-1">
3440ENDEREÇO</h2>
3441                <div class="mt-2" bis_skin_checked="1">
3442                    <div class="bg-green-100 max-w-8 h-0.5" bis_skin_checked="1"></div>
3443                    <div class="bg-green-100 max-w-[full] h-[1px]" bis_skin_checked="1"></div>
3444                </div>
3445                <section class="mt-2">
3446                    <p class="flex flex-col">
3447                        <span class="border border-t-0 border-l-0 border-r-0 border-b-neutral-100/10 py-1 text-paragraph-4 text-[#003863] hover:text-blue-100">
3448                            SGAN 905 Conjunto D - Asa Norte<br/><br/>
3449                            Brasília, Distrito Federal<br/>
3450                            CEP 70790-050
3451                            <a target="_blank" class="flex items-center justify-center gap-2 mt-2 p-2 max-w-fit text-caps-3 text-blue-100 bg-white rounded-md transition ease duration-200 hover:bg-neutral-60/10"
3452                               href="https://www.google.com/maps/dir//cbdu+endere%C3%A7o/data=!4m6!4m5!1m1!4e2!1m2!1m1!1s0x935a3a507158a07f:0x2c91f37404f79ef9?sa=X&ved=1t:3061&ictx=111">
3453                                <img alt="Ver no mapa" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" src="https://cbdustorage.blob.core.windows.net/site/asset/icon/map-dot.svg" style="color: transparent;" />Ver no mapa
3454                            </a>
3455                        </span>
3456                    </p>
3457                </section>
3458            </div>
3459            
3460            <!-- TODO
3461            <div class="flex flex-col gap-2 w-full xl:max-w-[9.25rem]" bis_skin_checked="1">
3462                <h5 class="text-headline-4 text-blue-100 font-semibold">Baixe nosso aplicativo</h5>
3463                <div class="flex xl:flex-col gap-2 " bis_skin_checked="1">
3464                    <a href="#">
3465                        <div class="w-full h-12 flex items-center justify-center border border-blue-100 rounded-md px-5 text-paragraph-6 text-blue-100 gap-2 text-center xl:px-5 xl:py-3 cursor-pointer hover:scale-[1.1] ease-in duration-100" bis_skin_checked="1">
3466                            <img role="img" alt="Google Play" loading="lazy" width="16" height="20" decoding="async" data-nimg="1" style="color:transparent" src="https://cbdustorage.blob.core.windows.net/site/asset/icon/apple.svg">
3467                            <div bis_skin_checked="1">Disponível na <br> <strong>Apple Store</strong></div>
3468                        </div>
3469                    </a>
3470                    <a href="#">
3471                        <div class="w-full h-12 flex items-center justify-center border border-blue-100 rounded-md px-5 text-paragraph-6 text-blue-100 gap-2 text-center xl:px-5 xl:py-3 cursor-pointer hover:scale-[1.1] ease-in duration-100" bis_skin_checked="1">
3472                            <img role="img" alt="Google Play" loading="lazy" width="16" height="20" decoding="async" data-nimg="1" style="color:transparent" src="https://cbdustorage.blob.core.windows.net/site/asset/icon/google-play.svg">
3473                            <div bis_skin_checked="1">Disponível na <br> <strong>Google Play</strong></div>
3474                        </div>
3475                    </a>
3476                </div>
3477            </div>
3478            -->
3479        </div>
3480    </div>
3481    <div class="px-6 bg-blue-100 h-[4.5rem] flex items-center justify-center w-full" bis_skin_checked="1">
3482        <span class="text-white">
3483            © Copyright CBDU - Confederação Brasileira do Desporto Universitário, <!-- -->2026<!-- -->. Todos os direitos reservados.
3484        </span>
3485    </div>
3486</footer>
3487
3488<script>
3489    document.getElementById("btnTop").addEventListener("click", function () {
3490        window.scrollTo({ top: 0, behavior: 'smooth' });
3491    });
3492</script>
3492
3493        
3493<script src="https://cbdustorage.blob.core.windows.net/site/lib/jquery/dist/jquery.min.js"></script>
3493
3494        
3494<script src="https://cbdustorage.blob.core.windows.net/site/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
3494
3495        
3495<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
3495
3496
3497        
3498<script src="/lib/jquery-validation/dist/jquery.validate.min.js"></script>
vendor: 2 bytes, line 3498
3498
3499<script src="/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script>
3499
3500
3501</body>
3502</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.