PageSourceSearch

https://ufc.br/pt

html ufc.br collected 2026-10-01 08:29:25 UTC 171,217 bytes, 3,547 lines download raw bytes

1<!DOCTYPE html>
2
3<html lang="pt-BR">
4
5<head>
6    <meta charset="utf-8">
7    <meta name="viewport" content="width=device-width, initial-scale=1">
8    <meta name="description" content="UFC - Universidade Federal do Ceará">
9    <meta property="og:title" content="Página inicial">
10    <meta property="og:description" content="UFC - Universidade Federal do Ceará">
11    <meta property="og:url" content="https://ufc.br/pt">
12    <meta property="og:type" content="website">
13    <meta property="og:image" content="/storage/images/bg-pagina.jpg">
14    <meta property="og:image:width" content="2048">
15    <meta property="og:image:height" content="1367">
16    <meta name="twitter:card" content="summary_large_image">
17    <meta name="twitter:image" content="/storage/images/bg-pagina.jpg">
18
19    <title>Universidade Federal do Ceará</title>
20    <link rel="shortcut icon" href="https://ufc.br/favicon.ico" type="image/x-icon">
21    <link rel="preload" as="style" href="https://ufc.br/build/assets/app-Chl2rng3.css" /><link rel="preload" as="style" href="https://ufc.br/build/assets/fonts-Chhz2gTk.css" /><link rel="modulepreload" as="script" href="https://ufc.br/build/assets/app-BPSVMOkV.js" /><link rel="stylesheet" href="https://ufc.br/build/assets/app-Chl2rng3.css" data-navigate-track="reload" /><link rel="stylesheet" href="https://ufc.br/build/assets/fonts-Chhz2gTk.css" data-navigate-track="reload" />
21<script type="module" src="https://ufc.br/build/assets/app-BPSVMOkV.js" data-navigate-track="reload"></script>
21
22    
23    <style>
24:root {
25    --color-base: #00BBE7;
26    --color-lightest: color-mix(in srgb, var(--color-base), white 90%);
27    --color-lighter: color-mix(in hsl, var(--color-base), white 50%);
28    --color-light: color-mix(in hsl, var(--color-base), white 25%);
29    --color-dark: color-mix(in hsl, var(--color-base), black 25%);
30    --color-darker: color-mix(in hsl, var(--color-base), black 50%);
31    --color-darkest:  color-mix(in srgb, var(--color-base), black 90%);
32}
33</style></head>
34
35<body class="text-sm font-poppins motion-safe:animate-[fadeUp_0.4s_ease-in-out_forwards]">
36
37    <div id="a11y">
38        <ul class="sr-only">
39            <li><a href="#content" accesskey="1">Ir para o conteúdo</a></li>
40            <li><a href="#header" accesskey="2">Ir para o menu</a></li>
41            <li><a href="#footer" accesskey="3">Ir para o rodapé</a></li>
42            <li><a href="#s" accesskey="4">Ir para a busca</a></li>
43        </ul>
44    </div>
45
46    <div id="site" class="portal relative">
47
48        <header id="header" class="top-0 z-51 shadow-md bg-white">
49            <div id="admin-bar" class="w-full bg-gray-950 text-white overflow-hidden transition-all duration-500 ease-out h-0 opacity-0">
50  <div class="max-w-5xl mx-auto px-4 h-12 flex items-center justify-between text-sm">
51    <div class="flex items-center gap-2">
52      <span id="status-indicator" class="w-2 h-2 bg-gray-500 rounded-full"></span>
53      <span id="status-text" class="font-semibold">Status</span>
54    </div>
55    <div class="flex gap-4">
56      <a id="dashboard-link" href="#" class="hover:underline">Painel</a>
57      <a id="config-link" href="#" class="hover:underline">Configurações</a>
58    </div>
59  </div>
60</div>
61
62<script>
63  document.addEventListener('DOMContentLoaded', async () => {
64    try {
65      // 1. Faz a requisição para a rota de autenticação
66      const response = await fetch('/site-info');
67      // Se a resposta não for OK (status 200-299), interrompe
68      if (!response.ok) return;
69      const data = await response.json();
70      // 2. Verifica se o retorno indica que o usuário está logado
71      if (data.is_logged_in) {
72        // 3. Aplica o delay de meio segundo (500ms) antes de iniciar a animação
73        setTimeout(() => {
74          const bar = document.getElementById('admin-bar');
75          const dashboardLink = document.getElementById('dashboard-link');
76          const configLink = document.getElementById('config-link');
77          const statusIndicator = document.getElementById('status-indicator');
78          const statusText = document.getElementById('status-text');
79          dashboardLink.href = data.dashboard_url;
80          configLink.href = data.config_url;
81          if (data.is_site_live) {
82            statusIndicator.className = 'w-2 h-2 bg-green-500 rounded-full animate-pulse';
83            statusText.textContent = 'O site está publicado';
84          } else {
85            statusIndicator.className = 'w-2 h-2 bg-red-500 rounded-full animate-pulse';
86            statusText.textContent = 'O site está despublicado';
87          }
88          bar.classList.remove('h-0', 'opacity-0');
89          bar.classList.add('h-12', 'opacity-100');
90          //console.log('Usuário autenticado. Barra de admin exibida.');
91        }, 500); // use 1000 se quiser aumentar para 1 segundo
92      }
93    } catch (error) {
94      console.error("Erro ao verificar autenticação:", error);
95    }
96  });
97</script>
97
98            <div class="bg-[#333] text-white font-bold text-lg hidden 2xs:flex">
99    <div class="container mx-auto max-w-5xl p-4">
100        <div class="flex flex-col gap-5 md:grid md:grid-cols-12">
101            <div class="hidden lg:flex relative border-b-0 justify-start col-span-4 items-center">
102    <a class="text-sm uppercase" href="https://ufc2012.ufc.br">Portal UFC 2012</a>
103</div>
104
105<div class="col-span-full lg:col-span-4 flex items-center justify-center">
106    <ul class="flex gap-6 text-2xl items-center">
107		<li>
108			<a href="https://www.instagram.com/ufcinforma">
109				<svg class="h-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M224.3 141a115 115 0 1 0 -.6 230 115 115 0 1 0 .6-230zm-.6 40.4a74.6 74.6 0 1 1 .6 149.2 74.6 74.6 0 1 1 -.6-149.2zm93.4-45.1a26.8 26.8 0 1 1 53.6 0 26.8 26.8 0 1 1 -53.6 0zm129.7 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM399 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>				<span class="sr-only">UFCInforma no Instagram</span>
110			</a>
111		</li>
112		<li>
113			<a href="https://www.tiktok.com/@ufcinforma">
114				<svg class="h-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M448.5 209.9c-44 .1-87-13.6-122.8-39.2l0 178.7c0 33.1-10.1 65.4-29 92.6s-45.6 48-76.6 59.6-64.8 13.5-96.9 5.3-60.9-25.9-82.7-50.8-35.3-56-39-88.9 2.9-66.1 18.6-95.2 40-52.7 69.6-67.7 62.9-20.5 95.7-16l0 89.9c-15-4.7-31.1-4.6-46 .4s-27.9 14.6-37 27.3-14 28.1-13.9 43.9 5.2 31 14.5 43.7 22.4 22.1 37.4 26.9 31.1 4.8 46-.1 28-14.4 37.2-27.1 14.2-28.1 14.2-43.8l0-349.4 88 0c-.1 7.4 .6 14.9 1.9 22.2 3.1 16.3 9.4 31.9 18.7 45.7s21.3 25.6 35.2 34.6c19.9 13.1 43.2 20.1 67 20.1l0 87.4z"/></svg>				<span class="sr-only">UFCInforma no TikTok</span>
115			</a>
116		</li>
117		<li>
118			<a href="https://www.youtube.com/channel/UCY85wHK1Z3LJyKB7XQ-pJ0g">
119				<svg class="h-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M549.7 124.1C543.5 100.4 524.9 81.8 501.4 75.5 458.9 64 288.1 64 288.1 64S117.3 64 74.7 75.5C51.2 81.8 32.7 100.4 26.4 124.1 15 167 15 256.4 15 256.4s0 89.4 11.4 132.3c6.3 23.6 24.8 41.5 48.3 47.8 42.6 11.5 213.4 11.5 213.4 11.5s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zM232.2 337.6l0-162.4 142.7 81.2-142.7 81.2z"/></svg>				<span class="sr-only">Canal UFCInforma no YouTube</span>
120			</a>
121		</li>
122		<li>
123			<a href="https://www.linkedin.com/school/ufcinforma">
124				<svg class="h-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M416 32L31.9 32C14.3 32 0 46.5 0 64.3L0 447.7C0 465.5 14.3 480 31.9 480L416 480c17.6 0 32-14.5 32-32.3l0-383.4C448 46.5 433.6 32 416 32zM135.4 416l-66.4 0 0-213.8 66.5 0 0 213.8-.1 0zM102.2 96a38.5 38.5 0 1 1 0 77 38.5 38.5 0 1 1 0-77zM384.3 416l-66.4 0 0-104c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9l0 105.8-66.4 0 0-213.8 63.7 0 0 29.2 .9 0c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9l0 117.2z"/></svg>				<span class="sr-only">LinkedIn da UFC</span>
125			</a>
126		</li>
127		<li>
128			<a href="https://www.flickr.com/photos/ufc-informa">
129				<svg class="h-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. -->
129<path fill="currentColor" d="M400 32L48 32C21.5 32 0 53.5 0 80L0 432c0 26.5 21.5 48 48 48l352 0c26.5 0 48-21.5 48-48l0-352c0-26.5-21.5-48-48-48zM144.5 192a63.5 63.5 0 1 1 0 127 63.5 63.5 0 1 1 0-127zm159 0a63.5 63.5 0 1 1 0 127 63.5 63.5 0 1 1 0-127z"/></svg>				<span class="sr-only">Flickr da UFC</span>
130			</a>
131		</li>
132		<li>
133			<a href="">
134				<svg class="h-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M380.9 97.1c-41.9-42-97.7-65.1-157-65.1-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480 117.7 449.1c32.4 17.7 68.9 27 106.1 27l.1 0c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3 18.6-68.1-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1s56.2 81.2 56.1 130.5c0 101.8-84.9 184.6-186.6 184.6zM325.1 300.5c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8s-14.3 18-17.6 21.8c-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7s-12.5-30.1-17.1-41.2c-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2s-9.7 1.4-14.8 6.9c-5.1 5.6-19.4 19-19.4 46.3s19.9 53.7 22.6 57.4c2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4s4.6-24.1 3.2-26.4c-1.3-2.5-5-3.9-10.5-6.6z"/></svg>				<span class="sr-only">Canal UFCInforma no Whatsapp</span>
135			</a>
136		</li>
137	</ul>
138</div>
139
140<div class="hidden lg:flex col-span-4 items-center justify-end">
141    <div class="flex justify-between items-center gap-4">
142                    <ul class="menu flex gap-6">
143                                    <li role="presentation"
144    class="relative group
145        ">
146    <a href="/pt/alunos" role="menuitem"
147        class="text-wrap break-all lg:break-none">Alunos</a>
148
149    
150    </li>
151                                    <li role="presentation"
152    class="relative group
153        ">
154    <a href="/pt/servidores" role="menuitem"
155        class="text-wrap break-all lg:break-none">Servidores</a>
156
157    
158    </li>
159                                    <li role="presentation"
160    class="relative group
161        ">
162    <a href="/pt/contatos" role="menuitem"
163        class="text-wrap break-all lg:break-none">Contatos</a>
164
165    
166    </li>
167                            </ul>
168                <nav class="flex gap-2">
169                        <button class="theme-toggle cursor-pointer">
170    <svg class="w-5 h-5 transition-all duration-300 dark:rotate-180 hover:text-[#f90]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M448 256c0-106-86-192-192-192l0 384c106 0 192-86 192-192zM0 256a256 256 0 1 1 512 0 256 256 0 1 1 -512 0z"/></svg></button>
171            <button class="pin-header-button cursor-pointer">
172    <svg class="w-5 h-5 transition-all duration-300 hover:text-[#f90]
173        group-[.sticky]/sticky:rotate-45" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M32 32C32 14.3 46.3 0 64 0L320 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-29.5 0 10.3 134.1c37.1 21.2 65.8 56.4 78.2 99.7l3.8 13.4c2.8 9.7 .8 20-5.2 28.1S362 352 352 352L32 352c-10 0-19.5-4.7-25.5-12.7s-8-18.4-5.2-28.1L5 297.8c12.4-43.3 41-78.5 78.2-99.7L93.5 64 64 64C46.3 64 32 49.7 32 32zM160 400l64 0 0 112c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-112z"/></svg></button>
174        </nav>
175    </div>
176</div>
177        </div>
178    </div>
179</div>
180
181<div class="hasBgColor bg-(--color-base) dark:bg-neutral-500! text-white font-bold text-lg">
182    <div class="container mx-auto max-w-5xl p-4">
183        <div class="grid grid-cols-12 gap-5">
184            <div class="col-span-full flex flex-col lg:hidden max-h-[60px]
185            has-[#menu-control:checked]:max-h-screen
186            transition-all ease-in-out duration-400">
187	<input class="hidden peer" id="menu-control" type="checkbox">
188
189    <div class="flex items-center group">
190        <label class="flex-1 flex items-center
191            transition-colors ease-in-out cursor-pointer duration-400
192            peer-checked:pb-2 group" for="menu-control" >
193            <svg class="h-6 inline mr-2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"/></svg> Menu
194            <svg class="h-4 inline ml-2 group-peer-checked:rotate-180 transition-rotate duration-400" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z"/></svg>        </label>
195
196        <div class="flex gap-2">
197                        <button class="theme-toggle cursor-pointer">
198    <svg class="w-5 h-5 transition-all duration-300 dark:rotate-180 hover:text-[#f90]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M448 256c0-106-86-192-192-192l0 384c106 0 192-86 192-192zM0 256a256 256 0 1 1 512 0 256 256 0 1 1 -512 0z"/></svg></button>
199            <button class="pin-header-button cursor-pointer">
200    <svg class="w-5 h-5 transition-all duration-300 hover:text-[#f90]
201        group-[.sticky]/sticky:rotate-45" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M32 32C32 14.3 46.3 0 64 0L320 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-29.5 0 10.3 134.1c37.1 21.2 65.8 56.4 78.2 99.7l3.8 13.4c2.8 9.7 .8 20-5.2 28.1S362 352 352 352L32 352c-10 0-19.5-4.7-25.5-12.7s-8-18.4-5.2-28.1L5 297.8c12.4-43.3 41-78.5 78.2-99.7L93.5 64 64 64C46.3 64 32 49.7 32 32zM160 400l64 0 0 112c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-112z"/></svg></button>
202        </div>
203    </div>
204
205    <form class="w-full hidden rounded-3xl px-1 border-gray-500 space-x-px opacity-0 my-2.5
206            transition-all ease-in-out duration-400 peer-checked:opacity-100 peer-checked:flex"
207            action="/pt/buscar" method="GET">
208        <fieldset class="w-full">
209            <legend class="sr-only">Formulário de busca</legend>
210            <label class="sr-only" for="sr">Termos da busca</label>
211            <input id="sr" name="s" type="text" placeholder="O que você procura?"
212                    class="w-full px-4 py-2 text-sm text-white font-normal bg-transparent
213                        placeholder-white border border-white outline-none rounded-3xl">
214        </fieldset>
215    </form>
216
217    <ul class="flex flex-col opacity-0 max-h-0 overflow-hidden transition-all ease-in-out duration-400
218            peer-checked:opacity-100 peer-checked:max-h-screen ">
219									<li role="presentation"
220    class="relative group
221        ">
222    <a href="/pt/quem-somos" role="menuitem"
223        class="text-wrap break-all lg:break-none">Quem somos</a>
224
225    
226    </li>
227							<li role="presentation"
228    class="relative group
229        ">
230    <a href="/pt/reitoria" role="menuitem"
231        class="text-wrap break-all lg:break-none">Reitoria</a>
232
233    
234    </li>
235							<li role="presentation"
236    class="relative group
237        ">
238    <a href="/pt/administrativo" role="menuitem"
239        class="text-wrap break-all lg:break-none">Administrativo</a>
240
241    
242    </li>
243							<li role="presentation"
244    class="relative group
245        ">
246    <a href="/pt/unidades-academicas" role="menuitem"
247        class="text-wrap break-all lg:break-none">Unidades acadêmicas</a>
248
249    
250    </li>
251							<li role="presentation"
252    class="relative group
253        ">
254    <a href="https://www.ufc.br/sistemas" role="menuitem"
255        class="text-wrap break-all lg:break-none">Sistemas</a>
256
257    
258    </li>
259							<li role="presentation"
260    class="relative group
261        ">
262    <a href="https://acessoainformacao.ufc.br/pt/" role="menuitem"
263        class="text-wrap break-all lg:break-none">Acesso à Informação</a>
264
265    
266    </li>
267					
268        <li class="relative group" role="presentation">
269            <a class="uppercase" href="https://ufc2012.ufc.br">Portal UFC 2012</a>
270        </li>
271
272        <li class="border-t border-white mt-2 pt-2 relative group " role="presentation">
273            <a href="https://ufc.br/alunos" class="text-wrap break-all lg:break-none" role="menuitem">Alunos</a>
274        </li>
275        <li class="relative group " role="presentation">
276            <a href="https://ufc.br/servidores" class="text-wrap break-all lg:break-none" role="menuitem">Servidores</a>
277        </li>
278	</ul>
279</div>
280
281<div class="lg:hidden flex flex-col gap-2 p-2 fixed z-20 inset-x-0 bottom-0 w-full h-fit-content
282           bg-white text-black border-t-3 border-[#00000014] ">
283    <input type="checkbox" id="responsive-bottom-menu-handler" class="sr-only peer/open">
284    <ul class="opacity-0 max-h-0 overflow-hidden text-right bg-white flex flex-col gap-2 uppercase text-base
285            peer-checked/open:opacity-100 peer-checked/open:max-h-screen
286            transition-all duration-400">
287        
288					                                <li role="presentation"
289    class="relative group
290        ">
291    <a href="/pt/estude-na-ufc" role="menuitem"
292        class="text-wrap break-all lg:break-none">Estude na UFC</a>
293
294    
295    </li>
296                			                			                			                                <li role="presentation"
297    class="relative group
298        ">
299    <a href="/pt/inovacao" role="menuitem"
300        class="text-wrap break-all lg:break-none">Inovação</a>
301
302    
303    </li>
304                					
305																				<li role="presentation"
306    class="relative group
307        ">
308    <a href="/pt/cultura" role="menuitem"
309        class="text-wrap break-all lg:break-none">Cultura</a>
310
311    
312    </li>
313                											<li role="presentation"
314    class="relative group
315        ">
316    <a href="/pt/comunicacao" role="menuitem"
317        class="text-wrap break-all lg:break-none">Comunicação</a>
318
319    
320    </li>
321                											<li role="presentation"
322    class="relative group
323        ">
324    <a href="javascript:;" role="menuitem"
325        class="text-wrap break-all lg:break-none">Explore +</a>
326
327    
328    </li>
329                					    </ul>
330
331    <ul class="flex justify-evenly items-center w-full px-3 font-medium">
332        <li role="presentation">
333            <a role="menuitem" href="https://ufc.br/pt"
334    class="group flex flex-col gap-1 items-center 
335    text-(--color-base)">
336        <svg class="w-6 h-6 font-semibold group-hover:text-(--color-base)" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
337  <path stroke-linecap="round" stroke-linejoin="round" d="m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"/>
338</svg>        <span class="text-xs group-hover:text-(--color-base)">Home</span>
339</a>
340        </li>
341        <li role="presentation">
342            <a role="menuitem" href="https://ufc.br/ensino"
343    class="group flex flex-col gap-1 items-center 
344    text-gray-700">
345        <svg class="w-6 h-6 font-semibold group-hover:text-(--color-base) 
346
347        text-black" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
348  <path stroke-linecap="round" stroke-linejoin="round" d="M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5"/>
349</svg>        <span class="text-xs group-hover:text-(--color-base)">Ensino</span>
350</a>
351        </li>
352        <li role="presentation">
353            <a role="menuitem" href="https://ufc.br/pesquisa"
354    class="group flex flex-col gap-1 items-center 
355    text-gray-700">
356        <svg class="w-6 h-6 font-semibold group-hover:text-(--color-base) 
357
358        text-black" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
359  <path stroke-linecap="round" stroke-linejoin="round" d="M9.75 3.104v5.714a2.25 2.25 0 0 1-.659 1.591L5 14.5M9.75 3.104c-.251.023-.501.05-.75.082m.75-.082a24.301 24.301 0 0 1 4.5 0m0 0v5.714c0 .597.237 1.17.659 1.591L19.8 15.3M14.25 3.104c.251.023.501.05.75.082M19.8 15.3l-1.57.393A9.065 9.065 0 0 1 12 15a9.065 9.065 0 0 0-6.23-.693L5 14.5m14.8.8 1.402 1.402c1.232 1.232.65 3.318-1.067 3.611A48.309 48.309 0 0 1 12 21c-2.773 0-5.491-.235-8.135-.687-1.718-.293-2.3-2.379-1.067-3.61L5 14.5"/>
360</svg>
360        <span class="text-xs group-hover:text-(--color-base)">Pesquisa</span>
361</a>
362        </li>
363        <li role="presentation" class="hidden sm:block">
364            <a href="https://ufc.br/pt" class="group outline-offset-4">
365                <span class="block w-[84px] h-[58px] brasao-ufc-vertical logo-pb transition-transform">
366                    <span class="sr-only">Ir para a página inicial</span>
367                </span>
368            </a>
369        </li>
370        <li role="presentation">
371            <a role="menuitem" href="https://ufc.br/extensao"
372    class="group flex flex-col gap-1 items-center 
373    text-gray-700">
374        <svg class="w-6 h-6 font-semibold group-hover:text-(--color-base) 
375
376        text-black" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
377  <path stroke-linecap="round" stroke-linejoin="round" d="m6.115 5.19.319 1.913A6 6 0 0 0 8.11 10.36L9.75 12l-.387.775c-.217.433-.132.956.21 1.298l1.348 1.348c.21.21.329.497.329.795v1.089c0 .426.24.815.622 1.006l.153.076c.433.217.956.132 1.298-.21l.723-.723a8.7 8.7 0 0 0 2.288-4.042 1.087 1.087 0 0 0-.358-1.099l-1.33-1.108c-.251-.21-.582-.299-.905-.245l-1.17.195a1.125 1.125 0 0 1-.98-.314l-.295-.295a1.125 1.125 0 0 1 0-1.591l.13-.132a1.125 1.125 0 0 1 1.3-.21l.603.302a.809.809 0 0 0 1.086-1.086L14.25 7.5l1.256-.837a4.5 4.5 0 0 0 1.528-1.732l.146-.292M6.115 5.19A9 9 0 1 0 17.18 4.64M6.115 5.19A8.965 8.965 0 0 1 12 3c1.929 0 3.716.607 5.18 1.64"/>
378</svg>        <span class="text-xs group-hover:text-(--color-base)">Extensão</span>
379</a>
380        </li>
381        <li role="presentation" class="hidden sm:block">
382            <a role="menuitem" href="https://ufc.br/comunicacao"
383    class="group flex flex-col gap-1 items-center 
384    text-gray-700">
385        <svg class="w-6 h-6 font-semibold group-hover:text-(--color-base) 
386
387        text-black" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
388  <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 0 1-.825-.242m9.345-8.334a2.126 2.126 0 0 0-.476-.095 48.64 48.64 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155"/>
389</svg>        <span class="text-xs group-hover:text-(--color-base)">Comunicação</span>
390</a>
391        </li>
392        <li role="presentation">
393            <label for="responsive-bottom-menu-handler" role="menuitem"
394        class="group cursor-pointer flex flex-col gap-1 items-center text-gray-700">
395        <svg class="w-6 h-6 font-semibold text-black group-hover:text-(--color-base) rotate-180 scale-y-90" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
396  <path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3"/>
397</svg>        <span class="text-xs group-hover:text-(--color-base)">+ Mais</span>
398</label>
399        </li>
400    </ul>
401</div>
402
403<div class="hidden lg:flex col-span-9 items-center justify-start">
404    <ul class="menu font-semibold">
405									<li role="presentation"
406    class="relative group
407        ">
408    <a href="/pt/quem-somos" role="menuitem"
409        class="text-wrap break-all lg:break-none">Quem somos</a>
410
411    
412    </li>
413							<li role="presentation"
414    class="relative group
415        ">
416    <a href="/pt/reitoria" role="menuitem"
417        class="text-wrap break-all lg:break-none">Reitoria</a>
418
419    
420    </li>
421							<li role="presentation"
422    class="relative group
423        ">
424    <a href="/pt/administrativo" role="menuitem"
425        class="text-wrap break-all lg:break-none">Administrativo</a>
426
427    
428    </li>
429							<li role="presentation"
430    class="relative group
431        ">
432    <a href="/pt/unidades-academicas" role="menuitem"
433        class="text-wrap break-all lg:break-none">Unidades acadêmicas</a>
434
435    
436    </li>
437							<li role="presentation"
438    class="relative group
439        ">
440    <a href="https://www.ufc.br/sistemas" role="menuitem"
441        class="text-wrap break-all lg:break-none">Sistemas</a>
442
443    
444    </li>
445							<li role="presentation"
446    class="relative group
447        ">
448    <a href="https://acessoainformacao.ufc.br/pt/" role="menuitem"
449        class="text-wrap break-all lg:break-none">Acesso à Informação</a>
450
451    
452    </li>
453						</ul>
454</div>
455
456<div class="hidden lg:flex col-span-3 items-center justify-end">
457    <form action="/pt/buscar" method="GET"
458	class="rounded-3xl p-1 py-0.5 border-gray-500 space-x-px">
459	<fieldset>
460		<legend class="sr-only">Formulário de busca</legend>
461		<label class="hidden" for="s">Termos da busca</label>
462		<input name="s" id="s" type="text" class="text-white bg-transparent h-full rounded-3xl px-4 py-2 border border-white outline-none text-md w-full placeholder-white font-normal text-sm" placeholder="O que você procura?">
463		
464	</fieldset>
465</form>
466</div>
467        </div>
468    </div>
469</div>
470
471<div id="brand" class="hidden 2xs:block bg-white dark:bg-black! dark:text-white shadow-md shadow-black/25 sm:shadow-none">
472    <div class="container mx-auto max-w-5xl px-4">
473        <div class="grid grid-cols-12 gap-5 py-4 lg:py-2.5">
474            <div class="hidden lg:flex col-span-5 items-center justify-start">
475            <ul class="menu flex gap-5">
476                            <li role="presentation"
477    class="relative group
478            markActive
479        ">
480    <a href="/pt/estude-na-ufc" role="menuitem"
481        class="text-wrap break-all lg:break-none">Estude na UFC</a>
482
483    
484    </li>
485                            <li role="presentation"
486    class="relative group
487            markActive
488        ">
489    <a href="/pt/ensino" role="menuitem"
490        class="text-wrap break-all lg:break-none">Ensino</a>
491
492    
493    </li>
494                            <li role="presentation"
495    class="relative group
496            markActive
497        ">
498    <a href="/pt/pesquisa" role="menuitem"
499        class="text-wrap break-all lg:break-none">Pesquisa</a>
500
501    
502    </li>
503                            <li role="presentation"
504    class="relative group
505            markActive
506        ">
507    <a href="/pt/inovacao" role="menuitem"
508        class="text-wrap break-all lg:break-none">Inovação</a>
509
510    
511    </li>
512                    </ul>
513    </div>
514
515<div class="col-span-full lg:col-span-2 flex items-center justify-center">
516    <h1>
517        <a href="https://ufc.br/pt" class="group inline-block outline-offset-3">
518            <span class="block lg:hidden transition-transform brasao-ufc-horizontal w-[159px] h-[43px] logo-pb">
519                <span class="sr-only">Ir para a página inicial</span>
520            </span>
521            <span class="hidden lg:block transition-transform brasao-ufc-vertical w-[148px] h-[100px] logo-pb">
522                <span class="sr-only">Ir para a página inicial</span>
523            </span>
524        </a>
525    </h1>
526</div>
527
528<div class="hidden lg:flex col-span-5 items-center justify-end">
529            <ul class="menu flex gap-5">
530                            <li role="presentation"
531    class="relative group
532            markActive
533        ">
534    <a href="/pt/extensao" role="menuitem"
535        class="text-wrap break-all lg:break-none">Extensão</a>
536
537    
538    </li>
539                            <li role="presentation"
540    class="relative group
541            markActive
542        ">
543    <a href="/pt/cultura" role="menuitem"
544        class="text-wrap break-all lg:break-none">Cultura</a>
545
546    
547    </li>
548                            <li role="presentation"
549    class="relative group
550            markActive
551        ">
552    <a href="/pt/comunicacao" role="menuitem"
553        class="text-wrap break-all lg:break-none">Comunicação</a>
554
555    
556    </li>
557                            <li role="presentation"
558    class="relative group
559            markActive
560        ">
561    <a href="javascript:;" role="menuitem"
562        class="text-wrap break-all lg:break-none">Explore +</a>
563
564    
565            <ul class="submenu submenu-right" role="menu">
566                            <li role="presentation"
567    class="relative group
568        ">
569    <a href="/pt/acessibilidade" role="menuitem"
570        class="text-wrap break-all lg:break-none">Acessibilidade</a>
571
572    
573    </li>
574                            <li role="presentation"
575    class="relative group
576        ">
577    <a href="/pt/acoes-afirmativas-e-direitos-humanos" role="menuitem"
578        class="text-wrap break-all lg:break-none">Ações afirmativas e direitos humanos</a>
579
580    
581    </li>
582                            <li role="presentation"
583    class="relative group
584        ">
585    <a href="/pt/desporto" role="menuitem"
586        class="text-wrap break-all lg:break-none">Desporto</a>
587
588    
589    </li>
590                            <li role="presentation"
591    class="relative group
592        ">
593    <a href="/pt/editora-ufc" role="menuitem"
594        class="text-wrap break-all lg:break-none">Editora UFC</a>
595
596    
597    </li>
598                            <li role="presentation"
599    class="relative group
600        ">
601    <a href="/pt/ensino-de-idiomas" role="menuitem"
602        class="text-wrap break-all lg:break-none">Ensino de Idiomas</a>
603
604    
605    </li>
606                            <li role="presentation"
607    class="relative group
608        ">
609    <a href="/pt/etica-e-disciplina" role="menuitem"
610        class="text-wrap break-all lg:break-none">Ética e Disciplina</a>
611
612    
613    </li>
614                            <li role="presentation"
615    class="relative group
616        ">
617    <a href="/pt/fundacoes-de-apoio" role="menuitem"
618        class="text-wrap break-all lg:break-none">Fundações de apoio</a>
619
620    
621    </li>
622                            <li role="presentation"
623    class="relative group
624        ">
625    <a href="/pt/gestao-ambiental" role="menuitem"
626        class="text-wrap break-all lg:break-none">Gestão Ambiental</a>
627
628    
629    </li>
630                            <li role="presentation"
631    class="relative group
632        ">
633    <a href="/pt/gestao-da-infraestrutura" role="menuitem"
634        class="text-wrap break-all lg:break-none">Gestão da infraestrutura</a>
635
636    
637    </li>
638                            <li role="presentation"
639    class="relative group
640        ">
641    <a href="/pt/governanca" role="menuitem"
642        class="text-wrap break-all lg:break-none">Governança</a>
643
644    
645    </li>
646                            <li role="presentation"
647    class="relative group
648        ">
649    <a href="/pt/hospitais-e-clinicas" role="menuitem"
650        class="text-wrap break-all lg:break-none">Hospitais e clínicas</a>
651
652    
653    </li>
654                            <li role="presentation"
655    class="relative group
656        ">
657    <a href="/pt/imprensa-universitaria" role="menuitem"
658        class="text-wrap break-all lg:break-none">Imprensa Universitária</a>
659
660    
661    </li>
662                            <li role="presentation"
663    class="relative group
664        ">
665    <a href="/pt/licitacoes" role="menuitem"
666        class="text-wrap break-all lg:break-none">Licitações</a>
667
668    
669    </li>
670                            <li role="presentation"
671    class="relative group
672        ">
673    <a href="/pt/ouvidoria-geral-da-ufc" role="menuitem"
674        class="text-wrap break-all lg:break-none">Ouvidoria Geral</a>
675
676    
677    </li>
678                            <li role="presentation"
679    class="relative group
680        ">
681    <a href="/pt/plano-de-desenvolvimento-institucional" role="menuitem"
682        class="text-wrap break-all lg:break-none">Plano de Desenvolvimento Institucional</a>
683
684    
685    </li>
686                            <li role="presentation"
687    class="relative group
688        ">
689    <a href="/pt/restaurante-universitario-ru" role="menuitem"
690        class="text-wrap break-all lg:break-none">Restaurante Universitário</a>
691
692    
693    </li>
694                            <li role="presentation"
695    class="relative group
696        ">
697    <a href="/pt/sistema-de-bibliotecas" role="menuitem"
698        class="text-wrap break-all lg:break-none">Sistemas de Bibliotecas</a>
699
700    
701    </li>
702                            <li role="presentation"
703    class="relative group
704        ">
705    <a href="/pt/transparencia-e-prestacao-de-contas" role="menuitem"
706        class="text-wrap break-all lg:break-none">Transparência e Prestação de Contas</a>
707
708    
709    </li>
710                            <li role="presentation"
711    class="relative group
712        ">
713    <a href="/pt/visite-a-ufc" role="menuitem"
714        class="text-wrap break-all lg:break-none">Visite a UFC</a>
715
716    
717    </li>
718                    </ul>
719    </li>
720                    </ul>
721    </div>
722        </div>
723    </div>
724</div>
725        </header>
726
727                    <div id="slideshow" class="w-full relative bg-[#f2f2f2] text-2xl">
728		<div id="slide-items" class="relative overflow-hidden bg-white h-[500px]">
729							<div class="slide absolute inset-0 opacity-0 block transition-opacity duration-700 ease-in-out">
730					<a href="https://ufcinforma.ufc.br/pt/marcador/encontros-universitarios" class="z-30 absolute w-full h-full text-white">
731						
732        				<div class="absolute inset-0 bg-linear-to-b transition
733    from-black/0 group-hover:via-black/60 via-black/20 to-black/75 rounded-b-md"></div>
734						<img src="/storage/ufc-media/imgs/slideshow-portal-eu2026-preto.png"
735							alt="Logomarca dos Encontros Universitários 2026, com o tema &quot;Universidade pela vida de todas as mulheres&quot;"
736							class="w-full h-full object-cover">
737						
738						<span class="absolute bottom-20 text-center w-full max-w-[980px] left-1/2 -translate-x-1/2">
739															EU 2026 ocorrem de 4 a 6 de novembro em Fortaleza; no interior, evento tem diferentes datas
740													</span>
741					</a>
742				</div>
743							<div class="slide absolute inset-0 opacity-0 block transition-opacity duration-700 ease-in-out">
744					<a href="https://ufcinforma.ufc.br/pt/noticias/premio-inteligencia-artificial-e-formacao-universitaria-recebe-inscricoes-de-trabalhos-projetos-e-solucoes-em-ia-ate-31-de-outubro" class="z-30 absolute w-full h-full text-white">
745						
746        				<div class="absolute inset-0 bg-linear-to-b transition
747    from-black/0 group-hover:via-black/60 via-black/20 to-black/75 rounded-b-md"></div>
748						<img src="/storage/ufc-media/imgs/slideshow-260910-premiocatedra.png"
749							alt="A imagem mostra um laptop em cima de uma mesa preta; na tela, uma imagem genérica com referência à IA"
750							class="w-full h-full object-cover">
751						
752						<span class="absolute bottom-20 text-center w-full max-w-[980px] left-1/2 -translate-x-1/2">
753															Prêmio Inteligência Artificial e Formação Universitária inscreve projetos e soluções em IA até 31 de outubro
754													</span>
755					</a>
756				</div>
757							<div class="slide absolute inset-0 opacity-0 block transition-opacity duration-700 ease-in-out">
758					<a href="https://ufcinforma.ufc.br/storage/ufc-media/docs/doc-260918-cartilha-ufc-sem-assedio-e-sem-discriminacao.pdf" class="z-30 absolute w-full h-full text-white">
759						
760        				<div class="absolute inset-0 bg-linear-to-b transition
761    from-black/0 group-hover:via-black/60 via-black/20 to-black/75 rounded-b-md"></div>
762						<img src="/storage/ufc-media/imgs/slideshow-guiacontraassedio.png"
763							alt="Card com a mão de uma pessoa segurando um celular; na tela, a capa em fundo roxo do guia UFC Sem Assédio e Discriminação"
764							class="w-full h-full object-cover">
765						
766						<span class="absolute bottom-20 text-center w-full max-w-[980px] left-1/2 -translate-x-1/2">
767															Cartilha digital orienta sobre fluxos de acolhimento e denúncia de violências na universidade
768													</span>
769					</a>
770				</div>
771						<div class="buttons w-full absolute top-1/2 -translate-y-1/2 z-40">
772				<div class="relative container mx-auto max-w-6xl flex items-center justify-between">
773					<button onclick="mudarSlide(-1)" 
774						class="z-50 absolute left-4 text-white flex justify-center
775						 items-center w-40 h-40 cursor-pointer">
776						<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 bg-black/50 w-12 h-12 p-3 m-4 rounded-full">
777							<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5 8.25 12l7.5-7.5" />
778						</svg>
779					</button>
780					<button onclick="mudarSlide(1)" 
781						class="z-50 absolute right-4 text-white flex justify-center 
782						items-center w-40 h-40 cursor-pointer">
783						<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 bg-black/50 w-12 h-12 p-3 m-4 rounded-full">
784							<path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" />
785						</svg>
786					</button>
787				</div>
788			</div>
789		</div>
790		<div id="slide-dots" class="z-50 w-full absolute bottom-0 flex justify-center p-6 gap-2">
791												<span class="dot h-4 w-4 bg-transparent border-2 rounded-full cursor-pointer" onclick="irParaSlide(1)"></span>
792									<span class="dot h-4 w-4 bg-transparent border-2 rounded-full cursor-pointer" onclick="irParaSlide(2)"></span>
793									<span class="dot h-4 w-4 bg-transparent border-2 rounded-full cursor-pointer" onclick="irParaSlide(3)"></span>
794									</div>
795		
795<script>
796			let slideIndex = 1, $sliderIntervalId = null;
797			mostrarSlide(slideIndex);
798
799			function mudarSlide(n) {
800				mostrarSlide(slideIndex += n);
801			}
802
803			function irParaSlide(n) {
804				mostrarSlide(slideIndex = n);
805			}
806
807			function mostrarSlide(n) {
808				let slides = document.getElementsByClassName("slide");
809				let dots = document.getElementsByClassName("dot");
810
811				if (n > slides.length) slideIndex = 1;
812				if (n < 1) slideIndex = slides.length;
813
814				for (let i = 0; i < slides.length; i++) {
815					slides[i].classList.add("opacity-0");
816					slides[i].classList.remove("opacity-100");
817				}
818
819				for (let i = 0; i < dots.length; i++) {
820					dots[i].classList.remove("bg-white");
821					dots[i].classList.add("bg-transparent");
822					// dots[i].style.backgroundColor = "#00BBE7"
823				}
824
825				let currentSlide = slides[slideIndex - 1];
826				currentSlide.classList.remove("opacity-0");
827				currentSlide.classList.add("opacity-100");
828
829				dots[slideIndex - 1].classList.remove("bg-transparent");
830				dots[slideIndex - 1].classList.add("bg-white");
831
832				if ($sliderIntervalId !== null)
833				{
834					// Interrompe a próxima execução para o slide selecionado ser 
835					clearInterval($sliderIntervalId);
836					$sliderIntervalId = setInterval(() => mudarSlide(1), 5000);
837				}
838			}
839
840			// Automático: troca a cada 5s
841			$sliderIntervalId = setInterval(() => mudarSlide(1), 5000);
842		</script>
842
843	</div>
844        
845        <main id="content" class="home flex-1 gap-5 bg-gray-100 text-2xl dark:bg-black! dark:text-white!">
846            <div class="w-full mx-auto flex flex-col gap-y-5 py-5">
847
848	
849    
850
851			<p></p><div class="ufcinforma flex flex-col gap-4">
852        <div class="text-center col-span-12">
853            <h3 class="font-semibold text-xl blockColorText
854        ">UFC Informa</h3>
855                <h3 class="text-4xl
856        ">Acompanhe notícias da universidade</h3>
857    </div>
858    
859    <div class="grid grid-cols-3 sm:grid-cols-6 lg:grid-cols-12 gap-4">
860                <div class="ufcinforma-card-1 col-span-3 row-span-1 bg-white dark:bg-black! dark:text-white! text-base rounded-md border-b-8 border-(--color-base) overflow-hidden">
861            <img class="w-full h-[166px] object-cover" 
862                    src="https://ufcinforma.ufc.br/storage/ufc-media/imgs/ft-260930-antonio-gomes-denise-pires-carvalho-capes.png" 
863                    alt="Fotografia do professor da UFC Antonio Gomes Souza Filho cumprimentando a professor Denise Pires de Carvalho, na sede da Capes">
864            <div class="flex">
865                <a class="line-clamp-3 p-3 font-semibold flex flex-col justify-between gap-5" href="https://ufcinforma.ufc.br/pt/noticias/antonio-gomes-de-souza-filho-assume-o-cargo-de-presidente-da-capes">
866                <span>
867                    <span class="block font-bold text-base mb-1" style="color: var(--color-base)">PROFESSOR DA UFC</span>
868                    <span class="block font-light text-sm">Antonio Gomes de Souza Filho assume o cargo de presidente da Capes</span>
869                </span>
870                </a>
871            </div>
872        </div>
873                <div class="ufcinforma-card-2 col-span-3 row-span-1 bg-white dark:bg-black! dark:text-white! text-base rounded-md border-b-8 border-(--color-base) overflow-hidden">
874            <img class="w-full h-[166px] object-cover" 
875                    src="https://ufcinforma.ufc.br/storage/ufc-media/imgs/ft-260930-orladefortaleza.png" 
876                    alt="Imagem da orla de Fortaleza vista a partir do mar">
877            <div class="flex">
878                <a class="line-clamp-3 p-3 font-semibold flex flex-col justify-between gap-5" href="https://ufcinforma.ufc.br/pt/noticias/microfibras-de-tecidos-e-particulas-de-pneus-sao-os-microplasticos-mais-comuns-nas-aguas-pluviais-de-fortaleza-segundo-levantamento">
879                <span>
880                    <span class="block font-bold text-base mb-1" style="color: var(--color-base)">AGÊNCIA UFC</span>
881                    <span class="block font-light text-sm">Microfibras de tecidos e partículas de pneus são os microplásticos mais comuns nas águas pluviais de Fortaleza</span>
882                </span>
883                </a>
884            </div>
885        </div>
886                <div class="ufcinforma-card-3 col-span-3 row-span-1 bg-white dark:bg-black! dark:text-white! text-base rounded-md border-b-8 border-(--color-base) overflow-hidden">
887            <img class="w-full h-[166px] object-cover" 
888                    src="https://ufcinforma.ufc.br/storage/ufc-media/imgs/ft-260928-consuni.jpg" 
889                    alt="Pessoas na reuni&amp;atilde;o do Consuni">
890            <div class="flex">
891                <a class="line-clamp-3 p-3 font-semibold flex flex-col justify-between gap-5" href="https://ufcinforma.ufc.br/pt/noticias/ufc-aprova-criacao-do-regime-disciplinar-discente-que-regulamenta-a-apuracao-de-infracoes-disciplinares-de-alunos-e-define-penalidades">
892                <span>
893                    <span class="block font-bold text-base mb-1" style="color: var(--color-base)">SESSÃO DO CONSUNI</span>
894                    <span class="block font-light text-sm">Aprovada criação do Regime Disciplinar Discente, que regulamenta a apuração de infrações disciplinares de alunos e define penalidades</span>
895                </span>
896                </a>
897            </div>
898        </div>
899                <div class="ufcinforma-card-4 col-span-3 row-span-1 bg-white dark:bg-black! dark:text-white! text-base rounded-md border-b-8 border-(--color-base) overflow-hidden">
900            <img class="w-full h-[166px] object-cover" 
901                    src="https://ufcinforma.ufc.br/storage/ufc-media/img
901s/ft-260819-reitoria-gabinete-do-reitor.png" 
902                    alt="Fachada do Gabinete da Reitoria e do Sal&amp;atilde;o Dourado vista pela frente da avenida da Universidade">
903            <div class="flex">
904                <a class="line-clamp-3 p-3 font-semibold flex flex-col justify-between gap-5" href="https://ufcinforma.ufc.br/pt/noticias/ufc-aprova-cinco-novos-cursos-de-graduacao-para-oferta-a-partir-de-20271">
905                <span>
906                    <span class="block font-bold text-base mb-1" style="color: var(--color-base)">GRADUAÇÃO</span>
907                    <span class="block font-light text-sm">UFC aprova cinco novos cursos para oferta a partir de 2027.1, entre eles Arqueologia, Cibersegurança e Educação Especial</span>
908                </span>
909                </a>
910            </div>
911        </div>
912            </div>
913
914        <div class="flex text-center col-span-12 justify-center">
915    <a target="_self"
916        href="https://ufcinforma.ufc.br/"
917        class="
918            blockButton
919            blockColorText
920            blockBorder
921            border rounded-full
922            inline-block
923            text-lg px-8 py-2.5
924            hover:bg-(--color-base)
925            md:min-w-px
926            "
927    >Acesse outras notícias no site ufcinforma.ufc.br</a>
928</div>    </div>
929<p></p><div class="ufc-block ufc-block-title-subtitle has_bg_color">
930    <div class="container mx-auto max-w-5xl p-4 py-5">
931        <div class="grid grid-cols-12">
932            <div class="text-center col-span-12">
933            <h3 class="font-semibold text-xl blockColorText
934        ">Atalhos</h3>
935                <h3 class="text-4xl
936        ">Serviços mais acessados</h3>
937    </div>
938        </div>
939    </div>
940</div><div class="ufc-block ufc-block-quick-access
941    ">
942    <div class="container mx-auto max-w-5xl px-4">
943        <div class="ignore-links grid grid-cols-3 lg:grid-cols-12 place-content-center gap-7">
944                            <div class="text-center col-span-12">
945            <h3 class="font-semibold text-xl blockColorText
946        ">Estudantes</h3>
947        </div>
948            
949            <div class="col-span-12 flex gap-6 justify-around">
950                <div class="hidden md:flex flex-row justify-center w-full flex-wrap">
951                <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5">
952
953            <a class="inline-block" href="https://www.ufc.br/ensino/pro-reitoria-de-assistencia-estudantil" title="Assistência Estudantil">
954                <img src="/storage/ufc-media/imgs/assistencia-estudantil.png"
955                    alt="ÍCONE - Assistência Estudantil"
956                    class="m-0! hover:scale-110 transition-all"
957                    width="100"
958                    height="100">
959            </a>
960
961            <p class="pt-2 text-center">
962                <a class="font-semibold inline-block bg-transparent!
963                     text-black hover:text-(--color-base) dark:text-white" 
964                    href="https://www.ufc.br/ensino/pro-reitoria-de-assistencia-estudantil">
965                    Assistência Estudantil</a>
966            </p>
967
968        </div>
969                <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5">
970
971            <a class="inline-block" href="https://ufc2012.ufc.br/calendario-universitario/2026" title="Calendário Universitário">
972                <img src="/storage/ufc-media/imgs/calendario-universitario.png"
973                    alt="ÍCONE - Calendário Universitário"
974                    class="m-0! hover:scale-110 transition-all"
975                    width="100"
976                    height="100">
977            </a>
978
979            <p class="pt-2 text-center">
980                <a class="font-semibold inline-block bg-transparent!
981                     text-black hover:text-(--color-base) dark:text-white" 
982                    href="https://ufc2012.ufc.br/calendario-universitario/2026">
983                    Calendário Universitário</a>
984            </p>
985
986        </div>
987                <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5">
988
989            <a class="inline-block" href="https://ufcinfra.ufc.br/pt/catalogo-de-servicos/transporte/itinerario-dos-onibus-da-ufc-medida-protecao/" title="Ônibus da UFC">
990                <img src="/storage/ufc-media/imgs/onibus-da-ufc.png"
991                    alt="ÍCONE - Ônibus da UFC"
992                    class="m-0! hover:scale-110 transition-all"
993                    width="100"
994                    height="100">
995            </a>
996
997            <p class="pt-2 text-center">
998                <a class="font-semibold inline-block bg-transparent!
999                     text-black hover:text-(--color-base) dark:text-white" 
1000                    href="https://ufcinfra.ufc.br/pt/catalogo-de-servicos/transporte/itinerario-dos-onibus-da-ufc-medida-protecao/">
1001                    Ônibus da UFC</a>
1002            </p>
1003
1004        </div>
1005                <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5">
1006
1007            <a class="inline-block" href="https://ufc2012.ufc.br/restaurante" title="Restaurante Universitário">
1008                <img src="/storage/ufc-media/imgs/restaurante-universitario-copia.png"
1009                    alt="ÍCONE - Restaurante Universitário"
1010                    class="m-0! hover:scale-110 transition-all"
1011                    width="100"
1012                    height="100">
1013            </a>
1014
1015            <p class="pt-2 text-center">
1016                <a class="font-semibold inline-block bg-transparent!
1017                     text-black hover:text-(--color-base) dark:text-white" 
1018                    href="https://ufc2012.ufc.br/restaurante">
1019                    Restaurante Universitário</a>
1020            </p>
1021
1022        </div>
1023                <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5">
1024
1025            <a class="inline-block" href="https://biblioteca.ufc.br/pt/" title="Sistema de Bibliotecas">
1026                <img src="/storage/ufc-media/imgs/sistema-de-bibliotecas.png"
1027                    alt="ÍCONE - Sistema de Bibliotecas"
1028                    class="m-0! hover:scale-110 transition-all"
1029                    width="100"
1030                    height="100">
1031            </a>
1032
1033            <p class="pt-2 text-center">
1034                <a class="font-semibold inline-block bg-transparent!
1035                     text-black hover:text-(--color-base) dark:text-white" 
1036                    href="https://biblioteca.ufc.br/pt/">
1037                    Sistema de Bibliotecas</a>
1038            </p>
1039
1040        </div>
1041            </div>
1042
1043    
1044    <div id="quickSlider_6abe19a544708_component" class="md:hidden relative overflow-hidden">
1045
1046        <div id="quickSlider_6abe19a544708"
1047             class="flex transition-transform duration-300 ease-in-out">
1048
1049                        <div class="w-full shrink-0 flex justify-center">
1050
1051                <div class="grid grid-cols-2 gap-4 w-[90%]">
1052
1053                                        <div class="flex flex-col items-center text-center p-3">
1054
1055                        <a href="https://www.ufc.br/ensino/pro-reitoria-de-assistencia-estudantil">
1056                            <img src="/storage/ufc-media/imgs/assistencia-estudantil.png"
1057                                alt="ÍCONE - Assistência Estudantil"
1058                                class="m-0! hover:scale-110 transition-all"
1059                                width="80">
1060                        </a>
1061
1062                        <p class="pt-2 text-center">
1063                            <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://www.ufc.br/ensino/pro-reitoria-de-assistencia-estudantil">
1064                                Assistência Estudantil
1065                            </a>
1066                        </p>
1067
1068                    </div>
1069                                        <div class="flex flex-col items-center text-center p-3">
1070
1071                        <a href="https://ufc2012.ufc.br/calendario-universitario/2026">
1072                            <img src="/storage/ufc-media/imgs/calendario-universitario.png"
1073                                alt="ÍCONE - Calendário Universitário"
1074                                class="m-0! hover:scale-110 transition-all"
1075                                width="80">
1076                        </a>
1077
1078                        <p class="pt-2 text-center">
1079                            <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://ufc2012.ufc.br/calendario-universitario/2026">
1080                                Calendário Universitário
1081                            </a>
1082                        </p>
1083
1084                    </div>
1085                                        <div class="flex flex-col items-center text-center p-3">
1086
1087                        <a href="https://ufcinfra.ufc.br/pt/catalogo-de-servicos/transporte/itinerario-dos-onibus-da-ufc-medida-protecao/">
1088                            <img src="/storage/ufc-media/imgs/onibus-da-ufc.png"
1089                                alt="ÍCONE - Ônibus da UFC"
1090                                class="m-0! hover:scale-110 transition-all"
1091                                width="80">
1092                        </a>
1093
1094                        <p class="pt-2 text-center">
1095                            <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://ufcinfra.ufc.br/pt/catalogo-de-servicos/transporte/itinerario-dos-onibus-da-ufc-medida-protecao/">
1096                                Ônibus da UFC
1097                            </a>
1098                        </p>
1099
1100                    </div>
1101                                        <div class="flex flex-col items-center text-center p-3">
1102
1103                        <a href="https://ufc2012.ufc.br/restaurante">
1104                            <img src="/storage/ufc-media/imgs/restaurante-universitario-copia.png"
1105                                alt="ÍCONE - Restaurante Universitário"
1106                                class="m-0! hover:scale-110 transition-all"
1107                                width="80">
1108                        </a>
1109
1110                        <p class="pt-2 text-center">
1111                            <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://ufc2012.ufc.br/restaurante">
1112                                Restaurante Universitário
1113                            </a>
1114                        </p>
1115
1116                    </div>
1117                    
1118                </div>
1119
1120            </div>
1121                        <div class="w-full shrink-0 flex justify-center">
1122
1123                <div class="grid grid-cols-2 gap-4 w-[90%]">
1124
1125                                        <div class="flex flex-col items-center text-center p-3">
1126
1127                        <a href="https://biblioteca.ufc.br/pt/">
1128                            <img src="/storage/ufc-media/imgs/sistema-de-bibliotecas.png"
1129                                alt="ÍCONE - Sistema de Bibliotecas"
1130                                class="m-0! hover:scale-110 transition-all"
1131                                width="80">
1132                        </a>
1133
1134                        <p class="pt-2 text-center">
1135                            <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://biblioteca.ufc.br/pt/">
1136                                Sistema de Bibliotecas
1137                            </a>
1138                        </p>
1139
1140                    </div>
1141                    
1142                </div>
1143
1144            </div>
1145                    </div>
1146
1147        
1148        <div class="flex items-center justify-center mt-4 gap-4">
1149
1150            <button onclick="moveQuickSlide_quickSlider_6abe19a544708(-1)"
1151                class="blockColorText bg-white px-3 py-1 text-4xl">
1152                <svg xmlns="http://www.w3.org/2000/svg"
1153                    class="w-5 h-5 blockColorText"
1154                    fill="none"
1155                    viewBox="0 0 24 24"
1156                    stroke="currentColor">
1157                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
1158                        d="M15 19l-7-7 7-7" />
1159                </svg></button>
1160
1161            <div class="flex gap-2">
1162                                    <button onclick="goToQuickSlide_quickSlider_6abe19a544708(0)"
1163                            class="dotQuick blockColorText w-3 h-3 rounded-full bg-gray-300"></button>
1164                                    <button onclick="goToQuickSlide_quickSlider_6abe19a544708(1)"
1165                            class="dotQuick blockColorText w-3 h-3 rounded-full bg-gray-300"></button>
1166                            </div>
1167
1168            <button onclick="moveQuickSlide_quickSlider_6abe19a544708(1)"
1169                class="blockColorText bg-white px-3 py-1 text-4xl">
1170                <svg xmlns="http://www.w3.org/2000/svg"
1171                    class="w-5 h-5 blockColorText"
1172                    fill="none"
1173                    viewBox="0 0 24 24"
1174                    stroke="currentColor">
1175                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
1176                        d="M9 5l7 7-7 7" />
1177                </svg></button>
1178
1179        </div>
1180
1181    </div>
1182            </div>
1183
1184                    </div>
1185    </div>
1186</div>
1187
1188<script>
1189(function() {
1190    let quickIndex = 0;
1191
1192    const slider = document.getElementById('quickSlider_6abe19a544708');
1193    const wrapper = document.getElementById('quickSlider_6abe19a544708_component');
1194    const dots = wrapper.querySelectorAll('.dotQuick');
1195
1196    let isDragging = false;
1197    let startX = 0;
1198    let currentTranslate = 0;
1199    let prevTranslate = 0;
1200    let animationID = 0;
1201
1202    let hasMoved = false;
1203
1204    function updateQuickDots() {
1205        dots.forEach((dot, i) => {
1206            dot.classList.toggle('dot-active', i === quickIndex);
1207            dot.classList.toggle('bg-gray-300', i !== quickIndex);
1208        });
1209    }
1210
1211    function setPositionByIndex() {
1212        currentTranslate = quickIndex * -wrapper.offsetWidth;
1213        prevTranslate = currentTranslate;
1214        slider.style.transform = `translateX(${currentTranslate}px)`;
1215        updateQuickDots();
1216    }
1217
1218    window.moveQuickSlide_quickSlider_6abe19a544708 = function(direction) {
1219        const total = slider.children.length;
1220
1221        quickIndex += direction;
1222
1223        if (quickIndex < 0) quickIndex = 0;
1224        if (quickIndex >= total) quickIndex = total - 1;
1225
1226        setPositionByIndex();
1227    }
1228
1229    window.goToQuickSlide_quickSlider_6abe19a544708 = function(index) {
1230        quickIndex = index;
1231        setPositionByIndex();
1232    }
1233
1234    function getPositionX(event) {
1235        return event.type.includes('mouse')
1236            ? event.pageX
1237            : event.touches[0].clientX;
1238    }
1239
1240    function touchStart(event) {
1241        isDragging = true;
1242        hasMoved = false;
1243        startX = getPositionX(event);
1244        animationID = requestAnimationFrame(animation);
1245        slider.style.transition = 'none';
1246    }
1247
1248    function touchMove(event) {
1249        if (!isDragging) return;
1250
1251        const currentPosition = getPositionX(event);
1252        const diff = currentPosition - startX;
1253
1254        if (Math.abs(diff) > 5) {
1255            hasMoved = true;
1256        }
1257
1258        currentTranslate = prevTranslate + diff;
1259    }
1260
1261    function touchEnd() {
1262        cancelAnimationFrame(animationID);
1263        isDragging = false;
1264
1265        const movedBy = currentTranslate - prevTranslate;
1266
1267        if (movedBy < -80 && quickIndex < slider.children.length - 1) {
1268            quickIndex++;
1269        }
1270
1271        if (movedBy > 80 && quickIndex > 0) {
1272            quickIndex--;
1273        }
1274
1275        slider.style.transition = 'transform 0.3s ease-in-out';
1276        setPositionByIndex();
1277
1278        setTimeout(() => {
1279            hasMoved = false;
1280        }, 50);
1281    }
1282
1283    function animation() {
1284        slider.style.transform = `translateX(${currentTranslate}px)`;
1285        if (isDragging) requestAnimationFrame(animation);
1286    }
1287
1288    // TOUCH
1289    slider.addEventListener('touchstart', touchStart);
1290    slider.addEventListener('touchmove', touchMove);
1291    slider.addEventListener('touchend', touchEnd);
1292
1293    // MOUSE
1294    slider.addEventListener('mousedown', touchStart);
1295    slider.addEventListener('mousemove', touchMove);
1296    slider.addEventListener('mouseup', touchEnd);
1297    slider.addEventListener('mouseleave', () => {
1298        if (isDragging) touchEnd();
1299    });
1300
1301    // bloqueia clique ao arrastar
1302    slider.querySelectorAll('a').forEach(link => {
1303        link.addEventListener('click', function(e) {
1304            if (hasMoved) {
1305                e.preventDefault();
1306                e.stopImmediatePropagation();
1307            }
1308        });
1309    });
1310
1311    // evita drag de imagem
1312    slider.querySelectorAll('img').forEach(img => {
1313        img.addEventListener('dragstart', (e) => e.preventDefault());
1314    });
1315
1316    document.addEventListener('DOMContentLoaded', setPositionByIndex);
1317
1318})();
1319</script>
1319
1320
1321<style>
1322.dot-active {
1323    background-color: currentColor;
1324}
1325</style>
1326
1327<div class="ufc-block ufc-block-quick-access
1328    ">
1329    <div class="container mx-auto max-w-5xl px-4">
1330        <div class="ignore-links grid grid-cols-3 lg:grid-cols-12 place-content-center gap-7">
1331                            <div class="text-center col-span-12">
1332            <h3 class="font-semibold text-xl blockColorText
1333        ">Servidores</h3>
1334        </div>
1335            
1336            <div class="col-span-12 flex gap-6 justify-around">
1337                <div class="hidden md:flex flex-row justify-center w-full flex-wrap">
1338                <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5">
1339
1340            <a class="inline-block" href="https://progep.ufc.br/pt/enderecos-e-telefones/" title="Atendimento ao Servidor">
1341                <img src="/storage/ufc-media/imgs/contatos-da-reitoria.png"
1342                    alt="ícone representativo de telefone e e-mail"
1343                    class="m-0! hover:scale-110 transition-all"
1344                    width="100"
1345                    height="100">
1346            </a>
1347
1348            <p class="pt-2 text-center">
1349                <a class="font-semibold inline-block bg-transparent!
1350                     text-black hover:text-(--color-base) dark:text-white" 
1351                    href="https://progep.ufc.br/pt/enderecos-e-telefones/">
1352                    Atendimento ao Servidor</a>
1353            </p>
1354
1355        </div>
1356                <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5">
1357
1358            <a class="inline-block" href="https://progep.ufc.br/pt/confira-os-cursos-com-inscricoes-abertas-para-servidores-4/" title="Cursos e Formações">
1359                <img src="/storage/ufc-media/imgs/cursos-e-formacoes.png"
1360                    alt="ÍCONE - Cursos e formações"
1361                    class="m-0! hover:scale-110 transition-all"
1362                    width="100"
1363                    height="100">
1364            </a>
1365
1366            <p class="pt-2 text-center">
1367                <a class="font-semibold inline-block bg-transparent!
1368                     text-black hover:text-(--color-base) dark:text-white" 
1369                    href="https://progep.ufc.br/pt/confira-os-cursos-com-inscricoes-abertas-para-servidores-4/">
1370                    Cursos e Formações</a>
1371            </p>
1372
1373        </div>
1374                <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5">
1375
1376            <a class="inline-block" href="https://progep.ufc.br/pt/qualidade-de-vida/" title="Qualidade de Vida">
1377                <img src="/storage/ufc-media/imgs/qualidade-de-vida.png"
1378                    alt="ÍCONE - Qualidade de vida"
1379                    class="m-0! hover:scale-110 transition-all"
1380                    width="100"
1381                    height="100">
1382            </a>
1383
1384            <p class="pt-2 text-center">
1385                <a class="font-semibold inline-block bg-transparent!
1386                     text-black hover:text-(--color-base) dark:text-white" 
1387                    href="https://progep.ufc.br/pt/qualidade-de-vida/">
1388                    Qualidade de Vida</a>
1389            </p>
1390
1391        </div>
1392                <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5">
1393
1394            <a class="inline-block" href="https://appsti.ufc.br/ticket/" title="Solicitação de Serviços de TI">
1395                <img src="/storage/ufc-media/imgs/solicitacao-de-servicos-de-ti.png"
1396                    alt="ÍCONE - Solicitação de Serviços de TI"
1397                    class="m-0! hover:scale-110 transition-all"
1398                    width="100"
1399                    height="100">
1400            </a>
1401
1402            <p class="pt-2 text-center">
1403                <a class="font-semibold inline-block bg-transparent!
1404                     text-black hover:text-(--color-base) dark:text-white" 
1405                    href="https://appsti.ufc.br/ticket/">
1406                    Solicitação de Serviços de TI</a>
1407            </p>
1408
1409        </div>
1410                <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5">
1411
1412            <a class="inline-block" href="https://www.gov.br/servidor/pt-br/assuntos/sou-gov" title="SouGov.BR - Portal do Servidor">
1413                <img src="/storage/ufc-media/imgs/sougov.png"
1414                    alt="ÍCONE - SOUGOV"
1415                    class="m-0! hover:scale-110 transition-all"
1416                    width="100"
1417                    height="100">
1418            </a>
1419
1420            <p class="pt-2 text-center">
1421                <a class="font-semibold inline-block bg-transparent!
1422                     text-black hover:text-(--color-base) dark:text-white" 
1423                    href="https://www.gov.br/servidor/pt-br/assuntos/sou-gov">
1424                    SouGov.BR - Portal do Servidor</a>
1425            </p>
1426
1427        </div>
1428            </div>
1429
1430    
1431    <div id="quickSlider_6abe19a54609a_component" class="md:hidden relative overflow-hidden">
1432
1433        <div id="quickSlider_6abe19a54609a"
1434             class="flex transition-transform duration-300 ease-in-out">
1435
1436                        <div class="w-full shrink-0 flex justify-center">
1437
1438                <div class="grid grid-cols-2 gap-4 w-[90%]">
1439
1440                                        <div class="flex flex-col items-center text-center p-3">
1441
1442                        <a href="https://progep.ufc.br/pt/enderecos-e-telefones/">
1443                            <img src="/storage/ufc-media/imgs/contatos-da-reitoria.png"
1444                                alt="ícone representativo de telefone e e-mail"
1445                                class="m-0! hover:scale-110 transition-all"
1446                                width="80">
1447                        </a>
1448
1449                        <p class="pt-2 text-center">
1450                            <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://progep.ufc.br/pt/enderecos-e-telefones/">
1451                                Atendimento ao Servidor
1452                            </a>
1453                        </p>
1454
1455                    </div>
1456                                        <div class="flex flex-col items-center text-center p-3">
1457
1458                        <a href="https://progep.ufc.br/pt/confira-os-cursos-com-inscricoes-abertas-para-servidores-4/">
1459                            <img src="/storage/ufc-media/imgs/cursos-e-formacoes.png"
1460                                alt="ÍCONE - Cursos e formações"
1461                                class="m-0! hover:scale-110 transition-all"
1462                                width="80">
1463                        </a>
1464
1465                        <p class="pt-2 text-center">
1466                            <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://progep.ufc.br/pt/confira-os-cursos-com-inscricoes-abertas-para-servidores-4/">
1467                                Cursos e Formações
1468                            </a>
1469                        </p>
1470
1471                    </div>
1472                                        <div class="flex flex-col items-center text-center p-3">
1473
1474                        <a href="https://progep.ufc.br/pt/qualidade-de-vida/">
1475                            <img src="/storage/ufc-media/imgs/qualidade-de-vida.png"
1476                                alt="ÍCONE - Qualidade de vida"
1477                                class="m-0! hover:scale-110 transition-all"
1478                                width="80">
1479                        </a>
1480
1481                        <p class="pt-2 text-center">
1482                            <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://progep.ufc.br/pt/qualidade-de-vida/">
1483                                Qualidade de Vida
1484                            </a>
1485                        </p>
1486
1487                    </div>
1488                                        <div class="flex flex-col items-center text-center p-3">
1489
1490                        <a href="https://appsti.ufc.br/ticket/">
1491                            <img src="/storage/ufc-media/imgs/solicitacao-de-servicos-de-ti.png"
1492                                alt="ÍCONE - Solicitação de Serviços de TI"
1493                                class="m-0! hover:scale-110 transition-all"
1494                                width="80">
1495                        </a>
1496
1497                        <p class="pt-2 text-center">
1498                            <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://appsti.ufc.br/ticket/">
1499                                Solicitação de Serviços de TI
1500                            </a>
1501                        </p>
1502
1503                    </div>
1504                    
1505                </div>
1506
1507            </div>
1508                        <div class="w-full shrink-0 flex justify-center">
1509
1510                <div class="grid grid-cols-2 gap-4 w-[90%]">
1511
1512                                        <div class="flex flex-col items-center text-center p-3">
1513
1514                        <a href="https://www.gov.br/servidor/pt-br/assuntos/sou-gov">
1515                            <img src="/storage/ufc-media/imgs/sougov.png"
1516                                alt="ÍCONE - SOUGOV"
1517                                class="m-0! hover:scale-110 transition-all"
1518                                width="80">
1519                        </a>
1520
1521                        <p class="pt-2 text-center">
1522                            <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://www.gov.br/servidor/pt-br/assuntos/sou-gov">
1523                                SouGov.BR - Portal do Servidor
1524                            </a>
1525                        </p>
1526
1527                    </div>
1528                    
1529                </div>
1530
1531            </div>
1532                    </div>
1533
1534        
1535        <div class="flex items-center justify-center mt-4 gap-4">
1536
1537            <button onclick="moveQuickSlide_quickSlider_6abe19a54609a(-1)"
1538                class="blockColorText bg-white px-3 py-1 text-4xl">
1539                <svg xmlns="http://www.w3.org/2000/svg"
1540                    class="w-5 h-5 blockColorText"
1541                    fill="none"
1542                    viewBox="0 0 24 24"
1543                    stroke="currentColor">
1544                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
1545                        d="M15 19l-7-7 7-7" />
1546                </svg></button>
1547
1548            <div class="flex gap-2">
1549                                    <button onclick="goToQuickSlide_quickSlider_6abe19a54609a(0)"
1550                            class="dotQuick blockColorText w-3 h-3 rounded-full bg-gray-300"></button>
1551                                    <button onclick="goToQuickSlide_quickSlider_6abe19a54609a(1)"
1552                            class="dotQuick blockColorText w-3 h-3 rounded-full bg-gray-300"></button>
1553                            </div>
1554
1555            <button onclick="moveQuickSlide_quickSlider_6abe19a54609a(1)"
1556                class="blockColorText bg-white px-3 py-1 text-4xl">
1557                <svg xmlns="http://www.w3.org/2000/svg"
1558                    class="w-5 h-5 blockColorText"
1559                    fill="none"
1560                    viewBox="0 0 24 24"
1561                    stroke="currentColor">
1562                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
1563                        d="M9 5l7 7-7 7" />
1564                </svg></button>
1565
1566        </div>
1567
1568    </div>
1569            </div>
1570
1571                    </div>
1572    </div>
1573</div>
1574
1575<script>
1576(function() {
1577    let quickIndex = 0;
1578
1579    const slider = document.getElementById('quickSlider_6abe19a54609a');
1580    const wrapper = document.getElementById('quickSlider_6abe19a54609a_component');
1581    const dots = wrapper.querySelectorAll('.dotQuick');
1582
1583    let isDragging = false;
1584    let startX = 0;
1585    let currentTranslate = 0;
1586    let prevTranslate = 0;
1587    let animationID = 0;
1588
1589    let hasMoved = false;
1590
1591    function updateQuickDots() {
1592        dots.forEach((dot, i) => {
1593            dot.classList.toggle('dot-active', i === quickIndex);
1594            dot.classList.toggle('bg-gray-300', i !== quickIndex);
1595        });
1596    }
1597
1598    function setPositionByIndex() {
1599        currentTranslate = quickIndex * -wrapper.offsetWidth;
1600        prevTranslate = currentTranslate;
1601        slider.style.transform = `translateX(${currentTranslate}px)`;
1602        updateQuickDots();
1603    }
1604
1605    window.moveQuickSlide_quickSlider_6abe19a54609a = function(direction) {
1606        const total = slider.children.length;
1607
1608        quickIndex += direction;
1609
1610        if (quickIndex < 0) quickIndex = 0;
1611        if (quickIndex >= total) quickIndex = total - 1;
1612
1613        setPositionByIndex();
1614    }
1615
1616    window.goToQuickSlide_quickSlider_6abe19a54609a = function(index) {
1617        quickIndex = index;
1618        setPositionByIndex();
1619    }
1620
1621    function getPositionX(event) {
1622        return event.type.includes('mouse')
1623            ? event.pageX
1624            : event.touches[0].clientX;
1625    }
1626
1627    function touchStart(event) {
1628        isDragging = true;
1629        hasMoved = false;
1630        startX = getPositionX(event);
1631        animationID = requestAnimationFrame(animation);
1632        slider.style.transition = 'none';
1633    }
1634
1635    function touchMove(event) {
1636        if (!isDragging) return;
1637
1638        const currentPosition = getPositionX(event);
1639        const diff = currentPosition - startX;
1640
1641        if (Math.abs(diff) > 5) {
1642            hasMoved = true;
1643        }
1644
1645        currentTranslate = prevTranslate + diff;
1646    }
1647
1648    function touchEnd() {
1649        cancelAnimationFrame(animationID);
1650        isDragging = false;
1651
1652        const movedBy = currentTranslate - prevTranslate;
1653
1654        if (movedBy < -80 && quickIndex < slider.children.length - 1) {
1655            quickIndex++;
1656        }
1657
1658        if (movedBy > 80 && quickIndex > 0) {
1659            quickIndex--;
1660        }
1661
1662        slider.style.transition = 'transform 0.3s ease-in-out';
1663        setPositionByIndex();
1664
1665        setTimeout(() => {
1666            hasMoved = false;
1667        }, 50);
1668    }
1669
1670    function animation() {
1671        slider.style.transform = `translateX(${currentTranslate}px)`;
1672        if (isDragging) requestAnimationFrame(animation);
1673    }
1674
1675    // TOUCH
1676    slider.addEventListener('touchstart', touchStart);
1677    slider.addEventListener('touchmove', touchMove);
1678    slider.addEventListener('touchend', touchEnd);
1679
1680    // MOUSE
1681    slider.addEventListener('mousedown', touchStart);
1682    slider.addEventListener('mousemove', touchMove);
1683    slider.addEventListener('mouseup', touchEnd);
1684    slider.addEventListener('mouseleave', () => {
1685        if (isDragging) touchEnd();
1686    });
1687
1688    // bloqueia clique ao arrastar
1689    slider.querySelectorAll('a').forEach(link => {
1690        link.addEventListener('click', function(e) {
1691            if (hasMoved) {
1692                e.preventDefault();
1693                e.stopImmediatePropagation();
1694            }
1695        });
1696    });
1697
1698    // evita drag de imagem
1699    slider.querySelectorAll('img').forEach(img => {
1700        img.addEventListener('dragstart', (e) => e.preventDefault());
1701    });
1702
1703    document.addEventListener('DOMContentLoaded', setPositionByIndex);
1704
1705})();
1706</script>
1706
1707
1708<style>
1709.dot-active {
1710    background-color: currentColor;
1711}
1712</style>
1713
1714<div class="ufc-block ufc-block-quick-access
1715    ">
1716    <div class="container mx-auto max-w-5xl px-4">
1717        <div class="ignore-links grid grid-cols-3 lg:grid-cols-12 place-content-center gap-7">
1718                            <div class="text-center col-span-12">
1719            <h3 class="font-semibold text-xl blockColorText
1720        ">Comunidade</h3>
1721        </div>
1722            
1723            <div class="col-span-12 flex gap-6 justify-around">
1724                <div class="hidden md:flex flex-row justify-center w-full flex-wrap">
1725                <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5">
1726
1727            <a class="inline-block" href="https://sisu.ufc.br/pt/boas-vindas/" title="Sisu na UFC">
1728                <img src="/storage/ufc-media/imgs/sisu.png"
1729                    alt="ÍCONE SISU"
1730                    class="m-0! hover:scale-110 transition-all"
1731                    width="100"
1732                    height="100">
1733            </a>
1734
1735            <p class="pt-2 text-center">
1736                <a class="font-semibold inline-block bg-transparent!
1737                     text-black hover:text-(--color-base) dark:text-white" 
1738                    href="https://sisu.ufc.br/pt/boas-vindas/">
1739                    Sisu na UFC</a>
1740            </p>
1741
1742        </div>
1743                <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5">
1744
1745            <a class="inline-block" href="https://ouvidoria.ufc.br/pt/" title="Ouvidoria | Fala.BR">
1746                <img src="/storage/ufc-media/imgs/acesso-a-informacao.png"
1747                    alt="ÍCONE - Acesso à Informação"
1748                    class="m-0! hover:scale-110 transition-all"
1749                    width="100"
1750                    height="100">
1751            </a>
1752
1753            <p class="pt-2 text-center">
1754                <a class="font-semibold inline-block bg-transparent!
1755                     text-black hover:text-(--color-base) dark:text-white" 
1756                    href="https://ouvidoria.ufc.br/pt/">
1757                    Ouvidoria | Fala.BR</a>
1758            </p>
1759
1760        </div>
1761                <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5">
1762
1763            <a class="inline-block" href="https://proplad.ufc.br/pt/licitacoes/" title="Licitações e Contratos">
1764                <img src="/storage/ufc-media/imgs/licitacoes-e-contratos.png"
1765                    alt="ÍCONES - Licitações e Contratos"
1766                    class="m-0! hover:scale-110 transition-all"
1767                    width="100"
1768                    height="100">
1769            </a>
1770
1771            <p class="pt-2 text-center">
1772                <a class="font-semibold inline-block bg-transparent!
1773                     text-black hover:text-(--color-base) dark:text-white" 
1774                    href="https://proplad.ufc.br/pt/licitacoes/">
1775                    Licitações e Contratos</a>
1776            </p>
1777
1778        </div>
1779                <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5">
1780
1781            <a class="inline-block" href="https://proplad.ufc.br/pt/transparencia-e-prestacao-de-contas/" title="Transparência e Prestação de Contas">
1782                <img src="/storage/ufc-media/imgs/transparencia-e-prestacao-de-contas.png"
1783                    alt="ÍCONE - Transparência e Prestação de Contas"
1784                    class="m-0! hover:scale-110 transition-all"
1785                    width="100"
1786                    height="100">
1787            </a>
1788
1789            <p class="pt-2 text-center">
1790                <a class="font-semibold inline-block bg-transparent!
1791                     text-black hover:text-(--color-base) dark:text-white" 
1792                    href="https://proplad.ufc.br/pt/transparencia-e-prestacao-de-contas/">
1793                    Transparência e Prestação de Contas</a>
1794            </p>
1795
1796        </div>
1797            </div>
1798
1799    
1800    <div id="quickSlider_6abe19a54770b_component" class="md:hidden relative overflow-hidden">
1801
1802        <div id="quickSlider_6abe19a54770b"
1803             class="flex transition-transform duration-300 ease-in-out">
1804
1805                        <div class="w-full shrink-0 flex justify-center">
1806
1807                <div class="grid grid-cols-2 gap-4 w-[90%]">
1808
1809                                        <div class="flex flex-col items-center text-center p-3">
1810
1811                        <a href="https://sisu.ufc.br/pt/boas-vindas/">
1812                            <img src="/storage/ufc-media/imgs/sisu.png"
1813                                alt="ÍCONE SISU"
1814                                class="m-0! hover:scale-110 transition-all"
1815                                width="80">
1816                        </a>
1817
1818                        <p class="pt-2 text-center">
1819                            <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://sisu.ufc.br/pt/boas-vindas/">
1820                                Sisu na UFC
1821                            </a>
1822                        </p>
1823
1824                    </div>
1825                                        <div class="flex flex-col items-center text-center p-3">
1826
1827                        <a href="https://ouvidoria.ufc.br/pt/">
1828                            <img src="/storage/ufc-media/imgs/acesso-a-informacao.png"
1829                                alt="ÍCONE - Acesso à Informação"
1830                                class="m-0! hover:scale-110 transition-all"
1831                                width="80">
1832                        </a>
1833
1834                        <p class="pt-2 text-center">
1835                            <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://ouvidoria.ufc.br/pt/">
1836                                Ouvidoria | Fala.BR
1837                            </a>
1838                        </p>
1839
1840                    </div>
1841                                        <div class="flex flex-col items-center text-center p-3">
1842
1843                        <a href="https://proplad.ufc.br/pt/licitacoes/">
1844                            <img src="/storage/ufc-media/imgs/licitacoes-e-contratos.png"
1845                                alt="ÍCONES - Licitações e Contratos"
1846                                class="m-0! hover:scale-110 transition-all"
1847                                width="80">
1848                        </a>
1849
1850                        <p class="pt-2 text-center">
1851                            <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://proplad.ufc.br/pt/licitacoes/">
1852                                Licitações e Contratos
1853                            </a>
1854                        </p>
1855
1856                    </div>
1857                                        <div class="flex flex-col items-center text-center p-3">
1858
1859                        <a href="https://proplad.ufc.br/pt/transparencia-e-prestacao-de-contas/">
1860                            <img src="/storage/ufc-media/imgs/transparencia-e-prestacao-de-contas.png"
1861                                alt="ÍCONE - Transparência e Prestação de Contas"
1862                                class="m-0! hover:scale-110 transition-all"
1863                                width="80">
1864                        </a>
1865
1866                        <p class="pt-2 text-center">
1867                            <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://proplad.ufc.br/pt/transparencia-e-prestacao-de-contas/">
1868                                Transparência e Prestação de Contas
1869                            </a>
1870                        </p>
1871
1872                    </div>
1873                    
1874                </div>
1875
1876            </div>
1877                    </div>
1878
1879        
1880        <div class="flex items-center justify-center mt-4 gap-4">
1881
1882            <button onclick="moveQuickSlide_quickSlider_6abe19a54770b(-1)"
1883                class="blockColorText bg-white px-3 py-1 text-4xl">
1884                <svg xmlns="http://www.w3.org/2000/svg"
1885                    class="w-5 h-5 blockColorText"
1886                    fill="none"
1887                    viewBox="0 0 24 24"
1888                    stroke="currentColor">
1889                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
1890                        d="M15 19l-7-7 7-7" />
1891                </svg></button>
1892
1893            <div class="flex gap-2">
1894                                    <button onclick="goToQuickSlide_quickSlider_6abe19a54770b(0)"
1895                            class="dotQuick blockColorText w-3 h-3 rounded-full bg-gray-300"></button>
1896                            </div>
1897
1898            <button onclick="moveQuickSlide_quickSlider_6abe19a54770b(1)"
1899                class="blockColorText bg-white px-3 py-1 text-4xl">
1900                <svg xmlns="http://www.w3.org/2000/svg"
1901                    class="w-5 h-5 blockColorText"
1902                    fill="none"
1903                    viewBox="0 0 24 24"
1904                    stroke="currentColor">
1905                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
1906                        d="M9 5l7 7-7 7" />
1907                </svg></button>
1908
1909        </div>
1910
1911    </div>
1912            </div>
1913
1914                    </div>
1915    </div>
1916</div>
1917
1918<script>
1919(function() {
1920    let quickIndex = 0;
1921
1922    const slider = document.getElementById('quickSlider_6abe19a54770b');
1923    const wrapper = document.getElementById('quickSlider_6abe19a54770b_component');
1924    const dots = wrapper.querySelectorAll('.dotQuick');
1925
1926    let isDragging = false;
1927    let startX = 0;
1928    let currentTranslate = 0;
1929    let prevTranslate = 0;
1930    let animationID = 0;
1931
1932    let hasMoved = false;
1933
1934    function updateQuickDots() {
1935        dots.forEach((dot, i) => {
1936            dot.classList.toggle('dot-active', i === quickIndex);
1937            dot.classList.toggle('bg-gray-300', i !== quickIndex);
1938        });
1939    }
1940
1941    function setPositionByIndex() {
1942        currentTranslate = quickIndex * -wrapper.offsetWidth;
1943        prevTranslate = currentTranslate;
1944        slider.style.transform = `translateX(${currentTranslate}px)`;
1945        updateQuickDots();
1946    }
1947
1948    window.moveQuickSlide_quickSlider_6abe19a54770b = function(direction) {
1949        const total = slider.children.length;
1950
1951        quickIndex += direction;
1952
1953        if (quickIndex < 0) quickIndex = 0;
1954        if (quickIndex >= total) quickIndex = total - 1;
1955
1956        setPositionByIndex();
1957    }
1958
1959    window.goToQuickSlide_quickSlider_6abe19a54770b = function(index) {
1960        quickIndex = index;
1961        setPositionByIndex();
1962    }
1963
1964    function getPositionX(event) {
1965        return event.type.includes('mouse')
1966            ? event.pageX
1967            : event.touches[0].clientX;
1968    }
1969
1970    function touchStart(event) {
1971        isDragging = true;
1972        hasMoved = false;
1973        startX = getPositionX(event);
1974        animationID = requestAnimationFrame(animation);
1975        slider.style.transition = 'none';
1976    }
1977
1978    function touchMove(event) {
1979        if (!isDragging) return;
1980
1981        const currentPosition = getPositionX(event);
1982        const diff = currentPosition - startX;
1983
1984        if (Math.abs(diff) > 5) {
1985            hasMoved = true;
1986        }
1987
1988        currentTranslate = prevTranslate + diff;
1989    }
1990
1991    function touchEnd() {
1992        cancelAnimationFrame(animationID);
1993        isDragging = false;
1994
1995        const movedBy = currentTranslate - prevTranslate;
1996
1997        if (movedBy < -80 && quickIndex < slider.children.length - 1) {
1998            quickIndex++;
1999        }
2000
2001        if (movedBy > 80 && quickIndex > 0) {
2002            quickIndex--;
2003        }
2004
2005        slider.style.transition = 'transform 0.3s ease-in-out';
2006        setPositionByIndex();
2007
2008        setTimeout(() => {
2009            hasMoved = false;
2010        }, 50);
2011    }
2012
2013    function animation() {
2014        slider.style.transform = `translateX(${currentTranslate}px)`;
2015        if (isDragging) requestAnimationFrame(animation);
2016    }
2017
2018    // TOUCH
2019    slider.addEventListener('touchstart', touchStart);
2020    slider.addEventListener('touchmove', touchMove);
2021    slider.addEventListener('touchend', touchEnd);
2022
2023    // MOUSE
2024    slider.addEventListener('mousedown', touchStart);
2025    slider.addEventListener('mousemove', touchMove);
2026    slider.addEventListener('mouseup', touchEnd);
2027    slider.addEventListener('mouseleave', () => {
2028        if (isDragging) touchEnd();
2029    });
2030
2031    // bloqueia clique ao arrastar
2032    slider.querySelectorAll('a').forEach(link => {
2033        link.addEventListener('click', function(e) {
2034            if (hasMoved) {
2035                e.preventDefault();
2036                e.stopImmediatePropagation();
2037            }
2038        });
2039    });
2040
2041    // evita drag de imagem
2042    slider.querySelectorAll('img').forEach(img => {
2043        img.addEventListener('dragstart', (e) => e.preventDefault());
2044    });
2045
2046    document.addEventListener('DOMContentLoaded', setPositionByIndex);
2047
2048})();
2049</script>
2049
2050
2051<style>
2052.dot-active {
2053    background-color: currentColor;
2054}
2055</style>
2056
2057<p></p><div class="ufcinforma flex flex-col gap-4">
2058        <div class="text-center col-span-12">
2059            <h3 class="font-semibold text-xl blockColorText
2060        ">Agenda</h3>
2061                <h3 class="text-4xl
2062        ">Participe de eventos e cursos na universidade</h3>
2063    </div>
2064    
2065    <div class="grid grid-cols-3 sm:grid-cols-6 lg:grid-cols-12 gap-4">
2066                <div class="ufcinforma-card-1 col-span-3 row-span-1 bg-white dark:bg-black! dark:text-white! text-base rounded-md border-b-8 border-(--color-base) overflow-hidden">
2067            <img class="w-full h-[166px] object-cover" 
2068                    src="https://ufcinforma.ufc.br/storage/ufc-media/imgs/55046058183-6304e75af6-c.jpg" 
2069                    alt="Estrutura de pedras na areia da praia, com um furo no meio, e entrando para o mar, conhecida como Pedra Furada, em Jericoacoara">
2070            <div class="flex">
2071                <a class="line-clamp-3 p-3 font-semibold flex flex-col justify-between gap-5" href="https://ufcinforma.ufc.br/pt/noticias/labomar-abre-inscricoes-para-curso-de-turismo-de-experiencia-em-jericoacoara">
2072                <span>
2073                    <span class="block font-bold text-base mb-1" style="color: var(--color-base)">1º A 30 DE OUTUBRO</span>
2074                    <span class="block font-light text-sm">Labomar recebe inscrições para curso de Turismo de Experiência em Jericoacoara</span>
2075                </span>
2076                </a>
2077            </div>
2078        </div>
2079                <div class="ufcinforma-card-2 col-span-3 row-span-1 bg-white dark:bg-black! dark:text-white! text-base rounded-md border-b-8 border-(--color-base) overflow-hidden">
2080            <img class="w-full h-[166px] object-cover" 
2081                    src="https://ufcinforma.ufc.br/storage/ufc-media/imgs/ft-260922-lixo-eletronico.png" 
2082                    alt="Material de lixo eletr&amp;ocirc;nico">
2083            <div class="flex">
2084                <a class="line-clamp-3 p-3 font-semibold flex flex-col justify-between gap-5" href="https://ufcinforma.ufc.br/pt/noticias/secretaria-de-meio-ambiente-da-ufc-instala-pontos-de-coleta-de-residuos-eletronicos">
2085                <span>
2086                    <span class="block font-bold text-base mb-1" style="color: var(--color-base)">2 DE OUTUBRO</span>
2087                    <span class="block font-light text-sm">Secretaria de Meio Ambiente instalará pontos de coleta de resíduos eletrônicos na universidade</span>
2088                </span>
2089                </a>
2090            </div>
2091        </div>
2092                <div class="ufcinforma-card-3 col-span-3 row-span-1 bg-white dark:bg-black! dark:text-white! text-base rounded-md border-b-8 border-(--color-base) overflow-hidden">
2093            <img class="w-full h-[166px] object-cover" 
2094                    src="https://ufcinforma.ufc.br/storage/ufc-media/imgs/ft-260928-congresso-dmusi-musica-digital.png" 
2095                    alt="Mo&amp;ccedil;a negra que est&amp;aacute; utilizando fones de ouvido, um computador e um teclado para ouvir as produ&amp;ccedil;&amp;otilde;es de um est&amp;uacute;dio de m&amp;uacute;sica">
2096            <div class="flex">
2097                <a class="line-clamp-3 p-3 font-semibold flex flex-col justify-between gap-5" href="https://ufcinforma.ufc.br/pt/noticias/congresso-dmusi-discute-ensino-e-aprendizagem-da-musica-em-ambientes-digitais-inscricoes-ate-4-de-outubro">
2098                <span>
2099                    <span class="block font-bold text-base mb-1" style="color: var(--color-base)">INSCRIÇÕES ATÉ 4/10</span>
2100                    <span class="block font-light text-sm">Congresso Dmusi discutirá educação musical em ambientes digitais; abertura terá palestra de Leo Burd, do MIT</span>
2101                </span>
2102                </a>
2103            </div>
2104        </div>
2105                <div class="ufcinforma-card-4 col-span-3 row-span-1 bg-white dark:bg-black! dark:text-white! text-base rounded-md border-b-8 border-(--color-base) overflow-hidden">
2106            <img class="w-full h-[166px] object-cover" 
2107                    src="https://ufcinforma.ufc.br/storage/ufc-media/img
2107s/ft-260910-museu-fotografia-fortaleza.png" 
2108                    alt="Fachada do Museu da Fotografia Fortaleza">
2109            <div class="flex">
2110                <a class="line-clamp-3 p-3 font-semibold flex flex-col justify-between gap-5" href="https://ufcinforma.ufc.br/pt/noticias/grupo-de-pesquisa-do-ica-transforma-memorias-e-sonhos-em-exposicao-no-museu-da-fotografia-fortaleza">
2111                <span>
2112                    <span class="block font-bold text-base mb-1" style="color: var(--color-base)">ATÉ 11 DE OUTUBRO</span>
2113                    <span class="block font-light text-sm">Grupo de pesquisa do ICA transforma memórias e sonhos em exposição no Museu da Fotografia Fortaleza</span>
2114                </span>
2115                </a>
2116            </div>
2117        </div>
2118            </div>
2119
2120        <div class="flex text-center col-span-12 justify-center">
2121    <a target="_self"
2122        href="https://ufcinforma.ufc.br/noticias/eventos"
2123        class="
2124            blockButton
2125            blockColorText
2126            blockBorder
2127            border rounded-full
2128            inline-block
2129            text-lg px-8 py-2.5
2130            hover:bg-(--color-base)
2131            md:min-w-px
2132            "
2133    >Acesse mais notícias sobre eventos</a>
2134</div>    </div>
2135<p></p><div class="ufcinforma flex flex-col gap-4">
2136        <div class="text-center col-span-12">
2137            <h3 class="font-semibold text-xl blockColorText
2138        ">Seleções e Oportunidades</h3>
2139                <h3 class="text-4xl
2140        ">Confira editais lançados</h3>
2141    </div>
2142    
2143    <div class="grid grid-cols-3 sm:grid-cols-6 lg:grid-cols-12 gap-4">
2144                <div class="ufcinforma-card-1 col-span-3 row-span-1 bg-white dark:bg-black! dark:text-white! text-base rounded-md border-b-8 border-(--color-base) overflow-hidden">
2145            <img class="w-full h-[166px] object-cover" 
2146                    src="https://ufcinforma.ufc.br/storage/ufc-media/imgs/ft-260528-reitoria-gr.jpg" 
2147                    alt="Imagem: Reitoria da UFC">
2148            <div class="flex">
2149                <a class="line-clamp-3 p-3 font-semibold flex flex-col justify-between gap-5" href="https://ufcinforma.ufc.br/pt/noticias/edital-da-ufc-oferta-61-vagas-de-professor-efetivo-nos-campi-de-fortaleza-crateus-itapaje-quixada-russas-e-sobral">
2150                <span>
2151                    <span class="block font-bold text-base mb-1" style="color: var(--color-base)">EDITAL ATUALIZADO</span>
2152                    <span class="block font-light text-sm">Concurso da UFC oferta 65 vagas de professor efetivo nos campi de Fortaleza, Crateús, Itapajé, Quixadá, Russas e Sobral</span>
2153                </span>
2154                </a>
2155            </div>
2156        </div>
2157                <div class="ufcinforma-card-2 col-span-3 row-span-1 bg-white dark:bg-black! dark:text-white! text-base rounded-md border-b-8 border-(--color-base) overflow-hidden">
2158            <img class="w-full h-[166px] object-cover" 
2159                    src="https://ufcinforma.ufc.br/storage/ufc-media/imgs/ft-260914-cursoia.jpg" 
2160                    alt="Homem negro visto de perfil, diante de telas de computador com imagens referentes à inteligência artificial">
2161            <div class="flex">
2162                <a class="line-clamp-3 p-3 font-semibold flex flex-col justify-between gap-5" href="https://ufcinforma.ufc.br/pt/noticias/pcomp-oferta-27-vagas-para-mestrado-em-computacao-no-campus-de-quixada-inscricoes-ate-16-de-outubro">
2163                <span>
2164                    <span class="block font-bold text-base mb-1" style="color: var(--color-base)">PÓS-GRADUAÇÃO</span>
2165                    <span class="block font-light text-sm">Edital oferta 27 vagas para mestrado em Computação no Campus de Quixadá; inscrições até 16 de outubro</span>
2166                </span>
2167                </a>
2168            </div>
2169        </div>
2170                <div class="ufcinforma-card-3 col-span-3 row-span-1 bg-white dark:bg-black! dark:text-white! text-base rounded-md border-b-8 border-(--color-base) overflow-hidden">
2171            <img class="w-full h-[166px] object-cover" 
2172                    src="https://ufcinforma.ufc.br/storage/ufc-media/img
2172s/ft-260914-aula-de-pintura.png" 
2173                    alt="Mulher e criança pintando uma tela">
2174            <div class="flex">
2175                <a class="line-clamp-3 p-3 font-semibold flex flex-col justify-between gap-5" href="https://ufcinforma.ufc.br/pt/noticias/mestrado-profissional-em-artes-profartes-recebe-inscricoes-ate-4-de-outubro-sao-ofertadas-14-vagas">
2176                <span>
2177                    <span class="block font-bold text-base mb-1" style="color: var(--color-base)">PÓS-GRADUAÇÃO</span>
2178                    <span class="block font-light text-sm">Mestrado Profissional em Artes (Profartes) oferta 14 vagas na UFC; inscrições até 4 de outubro</span>
2179                </span>
2180                </a>
2181            </div>
2182        </div>
2183                <div class="ufcinforma-card-4 col-span-3 row-span-1 bg-white dark:bg-black! dark:text-white! text-base rounded-md border-b-8 border-(--color-base) overflow-hidden">
2184            <img class="w-full h-[166px] object-cover" 
2185                    src="https://ufcinforma.ufc.br/storage/ufc-media/imgs/ft-260903-educacao.png" 
2186                    alt="Um notebook na cor prata está aberto sobre uma mesa. Em cima dele, há um caderno aberto com um lápis">
2187            <div class="flex">
2188                <a class="line-clamp-3 p-3 font-semibold flex flex-col justify-between gap-5" href="https://ufcinforma.ufc.br/pt/noticias/lancado-edital-para-selecao-de-mestrado-e-doutorado-em-educacao">
2189                <span>
2190                    <span class="block font-bold text-base mb-1" style="color: var(--color-base)">PÓS-GRADUAÇÃO</span>
2191                    <span class="block font-light text-sm">Edital para seleção de mestrado e doutorado em Educação na UFC oferece 98 vagas</span>
2192                </span>
2193                </a>
2194            </div>
2195        </div>
2196            </div>
2197
2198        <div class="flex text-center col-span-12 justify-center">
2199    <a target="_self"
2200        href="https://ufcinforma.ufc.br/noticias/concursos-e-selecoes"
2201        class="
2202            blockButton
2203            blockColorText
2204            blockBorder
2205            border rounded-full
2206            inline-block
2207            text-lg px-8 py-2.5
2208            hover:bg-(--color-base)
2209            md:min-w-px
2210            "
2211    >Acesse mais notícias sobre editais</a>
2212</div>    </div>
2213<p></p><p></p><div class="ufc-block ufc-block-data-list
2214    ">
2215    <div class="container mx-auto max-w-5xl px-4">
2216        <div class="ignore-links grid grid-cols-3 lg:grid-cols-12 place-content-center gap-7">
2217                            <div class="text-center col-span-12">
2218            <h3 class="font-semibold text-xl blockColorText
2219        ">Números</h3>
2220                <h3 class="text-4xl
2221        ">Sobre a UFC</h3>
2222    </div>
2223            
2224            <div class="col-span-12 flex gap-6 justify-around">
2225                <div class="hidden md:flex flex-wrap flex-row gap-2 w-full justify-center">
2226                <div class="px-5 md:px-0 md:basis-[calc(25%-.5rem)] flex flex-col items-center gap-2 text-center">
2227
2228                            <img src="/storage/ufc-media/imgs/01KMZBXCJKHS0AXEBAH87HMXP5.png"
2229                    alt="teste"
2230                    class="my-0! block mx-auto"
2231                    width="64">
2232                        <div class="blockColorText font-semibold text-4xl my-2">
2233                                    +30.000
2234                            </div>
2235
2236            <h3 class="font-semibold text-lg m-0!">Estudantes</h3>
2237            <div class="text-black text-sm">A UFC forma profissionais em diversas áreas do conhecimento</div>
2238        </div>
2239                <div class="px-5 md:px-0 md:basis-[calc(25%-.5rem)] flex flex-col items-center gap-2 text-center">
2240
2241                            <img src="/storage/ufc-media/imgs/01KMZBXCJKHS0AXEBAH87HMXP5.png"
2242                    alt="teste"
2243                    class="my-0! block mx-auto"
2244                    width="64">
2245                        <div class="blockColorText font-semibold text-4xl my-2">
2246                                    +5.000
2247                            </div>
2248
2249            <h3 class="font-semibold text-lg m-0!">Servidores</h3>
2250            <div class="text-black text-sm">Docentes e técnicos administrativos qualificados</div>
2251        </div>
2252                <div class="px-5 md:px-0 md:basis-[calc(25%-.5rem)] flex flex-col items-center gap-2 text-center">
2253
2254                            <img src="/storage/ufc-media/imgs/01KMZBXCJKHS0AXEBAH87HMXP5.png"
2255                    alt="teste"
2256                    class="my-0! block mx-auto"
2257                    width="64">
2258                        <div class="blockColorText font-semibold text-4xl my-2">
2259                                    +1.400
2260                            </div>
2261
2262            <h3 class="font-semibold text-lg m-0!">Ações de extensão</h3>
2263            <div class="text-black text-sm">A universidade presente no cotidiano das pessoas</div>
2264        </div>
2265                <div class="px-5 md:px-0 md:basis-[calc(25%-.5rem)] flex flex-col items-center gap-2 text-center">
2266
2267                            <img src="/storage/ufc-media/imgs/01KMZBXCJKHS0AXEBAH87HMXP5.png"
2268                    alt="teste"
2269                    class="my-0! block mx-auto"
2270                    width="64">
2271                        <div class="blockColorText font-semibold text-4xl my-2">
2272                                    +100
2273                            </div>
2274
2275            <h3 class="font-semibold text-lg m-0!">Patentes</h3>
2276            <div class="text-black text-sm">Inovações que geram soluções práticas para a sociedade</div>
2277        </div>
2278            </div>
2279
2280    
2281    <div id="datalist1Slider_6abe19a54c8c2_component" class="md:hidden relative overflow-hidden">
2282
2283        <div id="datalist1Slider_6abe19a54c8c2"
2284             class="flex transition-transform duration-300 ease-in-out">
2285
2286                        <div class="w-full shrink-0 flex justify-center">
2287
2288                <div class="grid grid-cols-2 gap-4 w-[90%]">
2289
2290                                        <div class="flex flex-col items-center gap-2 text-center">
2291
2292                                                    <img src="/storage/ufc-media/imgs/01KMZBXCJKHS0AXEBAH87HMXP5.png"
2293                                alt="teste"
2294                                class="my-0! block mx-auto"
2295                                width="64">
2296                        
2297                        <div class="blockColorText font-semibold text-4xl my-2">
2298                                                            +30.000
2299                                                    </div>
2300
2301                        <h3 class="font-semibold text-lg my-0!">Estudantes</h3>
2302                        <div class="text-black text-sm">A UFC forma profissionais em diversas áreas do conhecimento</div>
2303
2304                    </div>
2305                                        <div class="flex flex-col items-center gap-2 text-center">
2306
2307                                                    <img src="/storage/ufc-media/imgs/01KMZBXCJKHS0AXEBAH87HMXP5.png"
2308                                alt="teste"
2309                                class="my-0! block mx-auto"
2310                                width="64">
2311                        
2312                        <div class="blockColorText font-semibold text-4xl my-2">
2313                                                            +5.000
2314                                                    </div>
2315
2316                        <h3 class="font-semibold text-lg my-0!">Servidores</h3>
2317                        <div class="text-black text-sm">Docentes e técnicos administrativos qualificados</div>
2318
2319                    </div>
2320                                        <div class="flex flex-col items-center gap-2 text-center">
2321
2322                                                    <img src="/storage/ufc-media/imgs/01KMZBXCJKHS0AXEBAH87HMXP5.png"
2323                                alt="teste"
2324                                class="my-0! block mx-auto"
2325                                width="64">
2326                        
2327                        <div class="blockColorText font-semibold text-4xl my-2">
2328                                                            +1.400
2329                                                    </div>
2330
2331                        <h3 class="font-semibold text-lg my-0!">Ações de extensão</h3>
2332                        <div class="text-black text-sm">A universidade presente no cotidiano das pessoas</div>
2333
2334                    </div>
2335                                        <div class="flex flex-col items-center gap-2 text-center">
2336
2337                                                    <img src="/storage/ufc-media/img
2337s/01KMZBXCJKHS0AXEBAH87HMXP5.png"
2338                                alt="teste"
2339                                class="my-0! block mx-auto"
2340                                width="64">
2341                        
2342                        <div class="blockColorText font-semibold text-4xl my-2">
2343                                                            +100
2344                                                    </div>
2345
2346                        <h3 class="font-semibold text-lg my-0!">Patentes</h3>
2347                        <div class="text-black text-sm">Inovações que geram soluções práticas para a sociedade</div>
2348
2349                    </div>
2350                    
2351                </div>
2352
2353            </div>
2354                    </div>
2355
2356        
2357        <div class="flex items-center justify-center mt-4 gap-4">
2358
2359            <button onclick="moveDatalist1Slider_datalist1Slider_6abe19a54c8c2(-1)"
2360                class="blockColorText bg-white px-3 py-1 text-4xl">
2361                <svg xmlns="http://www.w3.org/2000/svg"
2362                    class="w-5 h-5 blockColorText"
2363                    fill="none"
2364                    viewBox="0 0 24 24"
2365                    stroke="currentColor">
2366                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
2367                        d="M15 19l-7-7 7-7" />
2368                </svg>
2369            </button>
2370
2371            <div class="flex gap-2">
2372                                    <button onclick="goToDatalist1Slider_datalist1Slider_6abe19a54c8c2(0)"
2373                            class="dot2 blockColorText w-3 h-3 rounded-full bg-gray-300"></button>
2374                            </div>
2375
2376            <button onclick="moveDatalist1Slider_datalist1Slider_6abe19a54c8c2(1)"
2377                class="blockColorText bg-white px-3 py-1 text-4xl">
2378                <svg xmlns="http://www.w3.org/2000/svg"
2379                    class="w-5 h-5 blockColorText"
2380                    fill="none"
2381                    viewBox="0 0 24 24"
2382                    stroke="currentColor">
2383                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
2384                        d="M9 5l7 7-7 7" />
2385                </svg>
2386            </button>
2387
2388        </div>
2389
2390    </div>
2391            </div>
2392
2393                            <div class="flex text-center col-span-12 justify-center">
2394    <a target="_self"
2395        href="https://paineis.ufc.br/"
2396        class="
2397            blockButton
2398            blockColorText
2399            blockBorder
2400            border rounded-full
2401            inline-block
2402            text-lg px-8 py-2.5
2403            hover:bg-(--color-base)
2404            md:min-w-px
2405            "
2406    >Acesse os Painéis Estratégicos da UFC e veja mais indicadores</a>
2407</div>                    </div>
2408    </div>
2409</div>
2410
2411<script>
2412(function() {
2413    let currentIndex = 0;
2414
2415    const slider = document.getElementById('datalist1Slider_6abe19a54c8c2');
2416    const wrapper = document.getElementById('datalist1Slider_6abe19a54c8c2_component');
2417    const dots = wrapper.querySelectorAll('.dot2');
2418
2419    let isDragging = false;
2420    let startX = 0;
2421    let currentTranslate = 0;
2422    let prevTranslate = 0;
2423    let animationID = 0;
2424
2425    let hasMoved = false;
2426
2427    function updateDots() {
2428        dots.forEach((dot, i) => {
2429            dot.classList.toggle('dot-active', i === currentIndex);
2430            dot.classList.toggle('bg-gray-300', i !== currentIndex);
2431        });
2432    }
2433
2434    function setPositionByIndex() {
2435        currentTranslate = currentIndex * -wrapper.offsetWidth;
2436        prevTranslate = currentTranslate;
2437        slider.style.transform = `translateX(${currentTranslate}px)`;
2438        updateDots();
2439    }
2440
2441    window.moveDatalist1Slider_datalist1Slider_6abe19a54c8c2 = function(direction) {
2442        const total = slider.children.length;
2443
2444        currentIndex += direction;
2445
2446        if (currentIndex < 0) currentIndex = 0;
2447        if (currentIndex >= total) currentIndex = total - 1;
2448
2449        setPositionByIndex();
2450    }
2451
2452    window.goToDatalist1Slider_datalist1Slider_6abe19a54c8c2 = function(index) {
2453        currentIndex = index;
2454        setPositionByIndex();
2455    }
2456
2457    function getPositionX(event) {
2458        return event.type.includes('mouse')
2459            ? event.pageX
2460            : event.touches[0].clientX;
2461    }
2462
2463    function touchStart(event) {
2464        isDragging = true;
2465        hasMoved = false;
2466        startX = getPositionX(event);
2467        animationID = requestAnimationFrame(animation);
2468        slider.style.transition = 'none';
2469    }
2470
2471    function touchMove(event) {
2472        if (!isDragging) return;
2473
2474        const currentPosition = getPositionX(event);
2475        const diff = currentPosition - startX;
2476
2477        if (Math.abs(diff) > 5) {
2478            hasMoved = true;
2479        }
2480
2481        currentTranslate = prevTranslate + diff;
2482    }
2483
2484    function touchEnd() {
2485        cancelAnimationFrame(animationID);
2486        isDragging = false;
2487
2488        const movedBy = currentTranslate - prevTranslate;
2489
2490        if (movedBy < -80 && currentIndex < slider.children.length - 1) {
2491            currentIndex++;
2492        }
2493
2494        if (movedBy > 80 && currentIndex > 0) {
2495            currentIndex--;
2496        }
2497
2498        slider.style.transition = 'transform 0.3s ease-in-out';
2499        setPositionByIndex();
2500
2501        setTimeout(() => {
2502            hasMoved = false;
2503        }, 50);
2504    }
2505
2506    function animation() {
2507        slider.style.transform = `translateX(${currentTranslate}px)`;
2508        if (isDragging) requestAnimationFrame(animation);
2509    }
2510
2511    // TOUCH
2512    slider.addEventListener('touchstart', touchStart);
2513    slider.addEventListener('touchmove', touchMove);
2514    slider.addEventListener('touchend', touchEnd);
2515
2516    // MOUSE
2517    slider.addEventListener('mousedown', touchStart);
2518    slider.addEventListener('mousemove', touchMove);
2519    slider.addEventListener('mouseup', touchEnd);
2520    slider.addEventListener('mouseleave', () => {
2521        if (isDragging) touchEnd();
2522    });
2523
2524    // bloqueia clique ao arrastar
2525    slider.querySelectorAll('a').forEach(link => {
2526        link.addEventListener('click', function(e) {
2527            if (hasMoved) {
2528                e.preventDefault();
2529                e.stopImmediatePropagation();
2530            }
2531        });
2532    });
2533
2534    // evita drag de imagem
2535    slider.querySelectorAll('img').forEach(img => {
2536        img.addEventListener('dragstart', (e) => e.preventDefault());
2537    });
2538
2539    document.addEventListener('DOMContentLoaded', setPositionByIndex);
2540
2541})();
2542</script>
2542
2543
2544<style>
2545.dot-active {
2546    background-color: currentColor;
2547}
2548</style>
2549<p></p><div class="ufc-block ufc-block-quick-access
2550    ">
2551    <div class="container mx-auto max-w-5xl px-4">
2552        <div class="ignore-links grid grid-cols-3 lg:grid-cols-12 place-content-center gap-7">
2553                            <div class="text-center col-span-12">
2554            <h3 class="font-semibold text-xl blockColorText
2555        ">Atalhos</h3>
2556                <h3 class="text-4xl
2557        ">Acesso Rápido</h3>
2558    </div>
2559            
2560            <div class="col-span-12 flex gap-6 justify-around">
2561                <div class="hidden md:flex flex-row justify-center w-full flex-wrap">
2562                <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5">
2563
2564            <a class="inline-block" href="https://ufc2012.ufc.br/a-universidade/documentos-oficiais/322-anuario-estatistico" title="Anuário Estatístico">
2565                <img src="/storage/ufc-media/imgs/carnauba-mosaico-9.png"
2566                    alt="CARNAÚBA MOSAICO 9"
2567                    class="m-0! hover:scale-110 transition-all"
2568                    width="100"
2569                    height="100">
2570            </a>
2571
2572            <p class="pt-2 text-center">
2573                <a class="font-semibold inline-block bg-transparent!
2574                     text-black hover:text-(--color-base) dark:text-white" 
2575                    href="https://ufc2012.ufc.br/a-universidade/documentos-oficiais/322-anuario-estatistico">
2576                    Anuário Estatístico</a>
2577            </p>
2578
2579        </div>
2580                <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5">
2581
2582            <a class="inline-block" href="https://cpa.ufc.br/pt/" title="Avaliação Institucional">
2583                <img src="/storage/ufc-media/imgs/carnauba-mosaico-9.png"
2584                    alt="CARNAÚBA MOSAICO 9"
2585                    class="m-0! hover:scale-110 transition-all"
2586                    width="100"
2587                    height="100">
2588            </a>
2589
2590            <p class="pt-2 text-center">
2591                <a class="font-semibold inline-block bg-transparent!
2592                     text-black hover:text-(--color-base) dark:text-white" 
2593                    href="https://cpa.ufc.br/pt/">
2594                    Avaliação Institucional</a>
2595            </p>
2596
2597        </div>
2598                <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5">
2599
2600            <a class="inline-block" href="https://ouvidoria.ufc.br/pt/carta-de-servicos-ao-usuario/" title="Carta de Serviços ao Usuário">
2601                <img src="/storage/ufc-media/imgs/carnauba-mosaico-9.png"
2602                    alt="CARNAÚBA MOSAICO 9"
2603                    class="m-0! hover:scale-110 transition-all"
2604                    width="100"
2605                    height="100">
2606            </a>
2607
2608            <p class="pt-2 text-center">
2609                <a class="font-semibold inline-block bg-transparent!
2610                     text-black hover:text-(--color-base) dark:text-white" 
2611                    href="https://ouvidoria.ufc.br/pt/carta-de-servicos-ao-usuario/">
2612                    Carta de Serviços ao Usuário</a>
2613            </p>
2614
2615        </div>
2616                <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5">
2617
2618            <a class="inline-block" href="https://sei.ufc.br/sei/modulos/pesquisa/md_pesq_processo_pesquisar.php?acao_externa=protocolo_pesquisar&amp;acao_origem_externa=protocolo_pesquisar&amp;id_orgao_acesso_externo=0" title="Consulta Pública">
2619                <img src="/storage/ufc-media/imgs/carnauba-mosaico-9.png"
2620                    alt="CARNAÚBA MOSAICO 9"
2621                    class="m-0! hover:scale-110 transition-all"
2622                    width="100"
2623                    height="100">
2624            </a>
2625
2626            <p class="pt-2 text-center">
2627                <a class="font-semibold inline-block bg-transparent!
2628                     text-black hover:text-(--color-base) dark:text-white" 
2629                    href="https://sei.ufc.br/sei/modulos/pesquisa/md_pesq_processo_pesquisar.php?acao_externa=protocolo_pesquisar&amp;acao_origem_externa=protocolo_pesquisar&amp;id_orgao_acesso_externo=0">
2630                    Consulta Pública</a>
2631            </p>
2632
2633        </div>
2634            </div>
2635
2636    
2637    <div id="quickSlider_6abe19a54e164_component" class="md:hidden relative overflow-hidden">
2638
2639        <div id="quickSlider_6abe19a54e164"
2640             class="flex transition-transform duration-300 ease-in-out">
2641
2642                        <div class="w-full shrink-0 flex justify-center">
2643
2644                <div class="grid grid-cols-2 gap-4 w-[90%]">
2645
2646                                        <div class="flex flex-col items-center text-center p-3">
2647
2648                        <a href="https://ufc2012.ufc.br/a-universidade/documentos-oficiais/322-anuario-estatistico">
2649                            <img src="/storage/ufc-media/imgs/carnauba-mosaico-9.png"
2650                                alt="CARNAÚBA MOSAICO 9"
2651                                class="m-0! hover:scale-110 transition-all"
2652                                width="80">
2653                        </a>
2654
2655                        <p class="pt-2 text-center">
2656                            <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://ufc2012.ufc.br/a-universidade/documentos-oficiais/322-anuario-estatistico">
2657                                Anuário Estatístico
2658                            </a>
2659                        </p>
2660
2661                    </div>
2662                                        <div class="flex flex-col items-center text-center p-3">
2663
2664                        <a href="https://cpa.ufc.br/pt/">
2665                            <img src="/storage/ufc-media/imgs/carnauba-mosaico-9.png"
2666                                alt="CARNAÚBA MOSAICO 9"
2667                                class="m-0! hover:scale-110 transition-all"
2668                                width="80">
2669                        </a>
2670
2671                        <p class="pt-2 text-center">
2672                            <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://cpa.ufc.br/pt/">
2673                                Avaliação Institucional
2674                            </a>
2675                        </p>
2676
2677                    </div>
2678                                        <div class="flex flex-col items-center text-center p-3">
2679
2680                        <a href="https://ouvidoria.ufc.br/pt/carta-de-servicos-ao-usuario/">
2681                            <img src="/storage/ufc-media/imgs/carnauba-mosaico-9.png"
2682                                alt="CARNAÚBA MOSAICO 9"
2683                                class="m-0! hover:scale-110 transition-all"
2684                                width="80">
2685                        </a>
2686
2687                        <p class="pt-2 text-center">
2688                            <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://ouvidoria.ufc.br/pt/carta-de-servicos-ao-usuario/">
2689                                Carta de Serviços ao Usuário
2690                            </a>
2691                        </p>
2692
2693                    </div>
2694                                        <div class="flex flex-col items-center text-center p-3">
2695
2696                        <a href="https://sei.ufc.br/sei/modulos/pesquisa/md_pesq_processo_pesquisar.php?acao_externa=protocolo_pesquisar&amp;acao_origem_externa=protocolo_pesquisar&amp;id_orgao_acesso_externo=0">
2697                            <img src="/storage/ufc-media/imgs/carnauba-mosaico-9.png"
2698                                alt="CARNAÚBA MOSAICO 9"
2699                                class="m-0! hover:scale-110 transition-all"
2700                                width="80">
2701                        </a>
2702
2703                        <p class="pt-2 text-center">
2704                            <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://sei.ufc.br/sei/modulos/pesquisa/md_pesq_processo_pesquisar.php?acao_externa=protocolo_pesquisar&amp;acao_origem_externa=protocolo_pesquisar&amp;id_orgao_acesso_externo=0">
2705                                Consulta Pública
2706                            </a>
2707                        </p>
2708
2709                    </div>
2710                    
2711                </div>
2712
2713            </div>
2714                    </div>
2715
2716        
2717        <div class="flex items-center justify-center mt-4 gap-4">
2718
2719            <button onclick="moveQuickSlide_quickSlider_6abe19a54e164(-1)"
2720                class="blockColorText bg-white px-3 py-1 text-4xl">
2721                <svg xmlns="http://www.w3.org/2000/svg"
2722                    class="w-5 h-5 blockColorText"
2723                    fill="none"
2724                    viewBox="0 0 24 24"
2725                    stroke="currentColor">
2726                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
2727                        d="M15 19l-7-7 7-7" />
2728                </svg></button>
2729
2730            <div class="flex gap-2">
2731                                    <button onclick="goToQuickSlide_quickSlider_6abe19a54e164(0)"
2732                            class="dotQuick blockColorText w-3 h-3 rounded-full bg-gray-300"></button>
2733                            </div>
2734
2735            <button onclick="moveQuickSlide_quickSlider_6abe19a54e164(1)"
2736                class="blockColorText bg-white px-3 py-1 text-4xl">
2737                <svg xmlns="http://www.w3.org/2000/svg"
2738                    class="w-5 h-5 blockColorText"
2739                    fill="none"
2740                    viewBox="0 0 24 24"
2741                    stroke="currentColor">
2742                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
2743                        d="M9 5l7 7-7 7" />
2744                </svg></button>
2745
2746        </div>
2747
2748    </div>
2749            </div>
2750
2751                    </div>
2752    </div>
2753</div>
2754
2755<script>
2756(function() {
2757    let quickIndex = 0;
2758
2759    const slider = document.getElementById('quickSlider_6abe19a54e164');
2760    const wrapper = document.getElementById('quickSlider_6abe19a54e164_component');
2761    const dots = wrapper.querySelectorAll('.dotQuick');
2762
2763    let isDragging = false;
2764    let startX = 0;
2765    let currentTranslate = 0;
2766    let prevTranslate = 0;
2767    let animationID = 0;
2768
2769    let hasMoved = false;
2770
2771    function updateQuickDots() {
2772        dots.forEach((dot, i) => {
2773            dot.classList.toggle('dot-active', i === quickIndex);
2774            dot.classList.toggle('bg-gray-300', i !== quickIndex);
2775        });
2776    }
2777
2778    function setPositionByIndex() {
2779        currentTranslate = quickIndex * -wrapper.offsetWidth;
2780        prevTranslate = currentTranslate;
2781        slider.style.transform = `translateX(${currentTranslate}px)`;
2782        updateQuickDots();
2783    }
2784
2785    window.moveQuickSlide_quickSlider_6abe19a54e164 = function(direction) {
2786        const total = slider.children.length;
2787
2788        quickIndex += direction;
2789
2790        if (quickIndex < 0) quickIndex = 0;
2791        if (quickIndex >= total) quickIndex = total - 1;
2792
2793        setPositionByIndex();
2794    }
2795
2796    window.goToQuickSlide_quickSlider_6abe19a54e164 = function(index) {
2797        quickIndex = index;
2798        setPositionByIndex();
2799    }
2800
2801    function getPositionX(event) {
2802        return event.type.includes('mouse')
2803            ? event.pageX
2804            : event.touches[0].clientX;
2805    }
2806
2807    function touchStart(event) {
2808        isDragging = true;
2809        hasMoved = false;
2810        startX = getPositionX(event);
2811        animationID = requestAnimationFrame(animation);
2812        slider.style.transition = 'none';
2813    }
2814
2815    function touchMove(event) {
2816        if (!isDragging) return;
2817
2818        const currentPosition = getPositionX(event);
2819        const diff = currentPosition - startX;
2820
2821        if (Math.abs(diff) > 5) {
2822            hasMoved = true;
2823        }
2824
2825        currentTranslate = prevTranslate + diff;
2826    }
2827
2828    function touchEnd() {
2829        cancelAnimationFrame(animationID);
2830        isDragging = false;
2831
2832        const movedBy = currentTranslate - prevTranslate;
2833
2834        if (movedBy < -80 && quickIndex < slider.children.length - 1) {
2835            quickIndex++;
2836        }
2837
2838        if (movedBy > 80 && quickIndex > 0) {
2839            quickIndex--;
2840        }
2841
2842        slider.style.transition = 'transform 0.3s ease-in-out';
2843        setPositionByIndex();
2844
2845        setTimeout(() => {
2846            hasMoved = false;
2847        }, 50);
2848    }
2849
2850    function animation() {
2851        slider.style.transform = `translateX(${currentTranslate}px)`;
2852        if (isDragging) requestAnimationFrame(animation);
2853    }
2854
2855    // TOUCH
2856    slider.addEventListener('touchstart', touchStart);
2857    slider.addEventListener('touchmove', touchMove);
2858    slider.addEventListener('touchend', touchEnd);
2859
2860    // MOUSE
2861    slider.addEventListener('mousedown', touchStart);
2862    slider.addEventListener('mousemove', touchMove);
2863    slider.addEventListener('mouseup', touchEnd);
2864    slider.addEventListener('mouseleave', () => {
2865        if (isDragging) touchEnd();
2866    });
2867
2868    // bloqueia clique ao arrastar
2869    slider.querySelectorAll('a').forEach(link => {
2870        link.addEventListener('click', function(e) {
2871            if (hasMoved) {
2872                e.preventDefault();
2873                e.stopImmediatePropagation();
2874            }
2875        });
2876    });
2877
2878    // evita drag de imagem
2879    slider.querySelectorAll('img').forEach(img => {
2880        img.addEventListener('dragstart', (e) => e.preventDefault());
2881    });
2882
2883    document.addEventListener('DOMContentLoaded', setPositionByIndex);
2884
2885})();
2886</script>
2886
2887
2888<style>
2889.dot-active {
2890    background-color: currentColor;
2891}
2892</style>
2893
2894<div class="ufc-block ufc-block-quick-access
2895    ">
2896    <div class="container mx-auto max-w-5xl px-4">
2897        <div class="ignore-links grid grid-cols-3 lg:grid-cols-12 place-content-center gap-7">
2898            
2899            <div class="col-span-12 flex gap-6 justify-around">
2900                <div class="hidden md:flex flex-row justify-center w-full flex-wrap">
2901                <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5">
2902
2903            <a class="inline-block" href="https://pdi.ufc.br/pt/inicio/" title="Plano de Desenvolvimento Institucional">
2904                <img src="/storage/ufc-media/imgs/carnauba-mosaico-9.png"
2905                    alt="CARNAÚBA MOSAICO 9"
2906                    class="m-0! hover:scale-110 transition-all"
2907                    width="100"
2908                    height="100">
2909            </a>
2910
2911            <p class="pt-2 text-center">
2912                <a class="font-semibold inline-block bg-transparent!
2913                     text-black hover:text-(--color-base) dark:text-white" 
2914                    href="https://pdi.ufc.br/pt/inicio/">
2915                    Plano de Desenvolvimento Institucional</a>
2916            </p>
2917
2918        </div>
2919                <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5">
2920
2921            <a class="inline-block" href="https://repositorio.ufc.br/" title="Repositório Institucional">
2922                <img src="/storage/ufc-media/imgs/carnauba-mosaico-9.png"
2923                    alt="CARNAÚBA MOSAICO 9"
2924                    class="m-0! hover:scale-110 transition-all"
2925                    width="100"
2926                    height="100">
2927            </a>
2928
2929            <p class="pt-2 text-center">
2930                <a class="font-semibold inline-block bg-transparent!
2931                     text-black hover:text-(--color-base) dark:text-white" 
2932                    href="https://repositorio.ufc.br/">
2933                    Repositório Institucional</a>
2934            </p>
2935
2936        </div>
2937            </div>
2938
2939    
2940    <div id="quickSlider_6abe19a54f165_component" class="md:hidden relative overflow-hidden">
2941
2942        <div id="quickSlider_6abe19a54f165"
2943             class="flex transition-transform duration-300 ease-in-out">
2944
2945                        <div class="w-full shrink-0 flex justify-center">
2946
2947                <div class="grid grid-cols-2 gap-4 w-[90%]">
2948
2949                                        <div class="flex flex-col items-center text-center p-3">
2950
2951                        <a href="https://pdi.ufc.br/pt/inicio/">
2952                            <img src="/storage/ufc-media/imgs/carnauba-mosaico-9.png"
2953                                alt="CARNAÚBA MOSAICO 9"
2954                                class="m-0! hover:scale-110 transition-all"
2955                                width="80">
2956                        </a>
2957
2958                        <p class="pt-2 text-center">
2959                            <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://pdi.ufc.br/pt/inicio/">
2960                                Plano de Desenvolvimento Institucional
2961                            </a>
2962                        </p>
2963
2964                    </div>
2965                                        <div class="flex flex-col items-center text-center p-3">
2966
2967                        <a href="https://repositorio.ufc.br/">
2968                            <img src="/storage/ufc-media/imgs/carnauba-mosaico-9.png"
2969                                alt="CARNAÚBA MOSAICO 9"
2970                                class="m-0! hover:scale-110 transition-all"
2971                                width="80">
2972                        </a>
2973
2974                        <p class="pt-2 text-center">
2975                            <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://repositorio.ufc.br/">
2976                                Repositório Institucional
2977                            </a>
2978                        </p>
2979
2980                    </div>
2981                    
2982                </div>
2983
2984            </div>
2985                    </div>
2986
2987        
2988        <div class="flex items-center justify-center mt-4 gap-4">
2989
2990            <button onclick="moveQuickSlide_quickSlider_6abe19a54f165(-1)"
2991                class="blockColorText bg-white px-3 py-1 text-4xl">
2992                <svg xmlns="http://www.w3.org/2000/svg"
2993                    class="w-5 h-5 blockColorText"
2994                    fill="none"
2995                    viewBox="0 0 24 24"
2996                    stroke="currentColor">
2997                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
2998                        d="M15 19l-7-7 7-7" />
2999                </svg></button>
3000
3001            <div class="flex gap-2">
3002                                    <button onclick="goToQuickSlide_quickSlider_6abe19a54f165(0)"
3003                            class="dotQuick blockColorText w-3 h-3 rounded-full bg-gray-300"></button>
3004                            </div>
3005
3006            <button onclick="moveQuickSlide_quickSlider_6abe19a54f165(1)"
3007                class="blockColorText bg-white px-3 py-1 text-4xl">
3008                <svg xmlns="http://www.w3.org/2000/svg"
3009                    class="w-5 h-5 blockColorText"
3010                    fill="none"
3011                    viewBox="0 0 24 24"
3012                    stroke="currentColor">
3013                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
3014                        d="M9 5l7 7-7 7" />
3015                </svg></button>
3016
3017        </div>
3018
3019    </div>
3020            </div>
3021
3022                    </div>
3023    </div>
3024</div>
3025
3026<script>
3027(function() {
3028    let quickIndex = 0;
3029
3030    const slider = document.getElementById('quickSlider_6abe19a54f165');
3031    const wrapper = document.getElementById('quickSlider_6abe19a54f165_component');
3032    const dots = wrapper.querySelectorAll('.dotQuick');
3033
3034    let isDragging = false;
3035    let startX = 0;
3036    let currentTranslate = 0;
3037    let prevTranslate = 0;
3038    let animationID = 0;
3039
3040    let hasMoved = false;
3041
3042    function updateQuickDots() {
3043        dots.forEach((dot, i) => {
3044            dot.classList.toggle('dot-active', i === quickIndex);
3045            dot.classList.toggle('bg-gray-300', i !== quickIndex);
3046        });
3047    }
3048
3049    function setPositionByIndex() {
3050        currentTranslate = quickIndex * -wrapper.offsetWidth;
3051        prevTranslate = currentTranslate;
3052        slider.style.transform = `translateX(${currentTranslate}px)`;
3053        updateQuickDots();
3054    }
3055
3056    window.moveQuickSlide_quickSlider_6abe19a54f165 = function(direction) {
3057        const total = slider.children.length;
3058
3059        quickIndex += direction;
3060
3061        if (quickIndex < 0) quickIndex = 0;
3062        if (quickIndex >= total) quickIndex = total - 1;
3063
3064        setPositionByIndex();
3065    }
3066
3067    window.goToQuickSlide_quickSlider_6abe19a54f165 = function(index) {
3068        quickIndex = index;
3069        setPositionByIndex();
3070    }
3071
3072    function getPositionX(event) {
3073        return event.type.includes('mouse')
3074            ? event.pageX
3075            : event.touches[0].clientX;
3076    }
3077
3078    function touchStart(event) {
3079        isDragging = true;
3080        hasMoved = false;
3081        startX = getPositionX(event);
3082        animationID = requestAnimationFrame(animation);
3083        slider.style.transition = 'none';
3084    }
3085
3086    function touchMove(event) {
3087        if (!isDragging) return;
3088
3089        const currentPosition = getPositionX(event);
3090        const diff = currentPosition - startX;
3091
3092        if (Math.abs(diff) > 5) {
3093            hasMoved = true;
3094        }
3095
3096        currentTranslate = prevTranslate + diff;
3097    }
3098
3099    function touchEnd() {
3100        cancelAnimationFrame(animationID);
3101        isDragging = false;
3102
3103        const movedBy = currentTranslate - prevTranslate;
3104
3105        if (movedBy < -80 && quickIndex < slider.children.length - 1) {
3106            quickIndex++;
3107        }
3108
3109        if (movedBy > 80 && quickIndex > 0) {
3110            quickIndex--;
3111        }
3112
3113        slider.style.transition = 'transform 0.3s ease-in-out';
3114        setPositionByIndex();
3115
3116        setTimeout(() => {
3117            hasMoved = false;
3118        }, 50);
3119    }
3120
3121    function animation() {
3122        slider.style.transform = `translateX(${currentTranslate}px)`;
3123        if (isDragging) requestAnimationFrame(animation);
3124    }
3125
3126    // TOUCH
3127    slider.addEventListener('touchstart', touchStart);
3128    slider.addEventListener('touchmove', touchMove);
3129    slider.addEventListener('touchend', touchEnd);
3130
3131    // MOUSE
3132    slider.addEventListener('mousedown', touchStart);
3133    slider.addEventListener('mousemove', touchMove);
3134    slider.addEventListener('mouseup', touchEnd);
3135    slider.addEventListener('mouseleave', () => {
3136        if (isDragging) touchEnd();
3137    });
3138
3139    // bloqueia clique ao arrastar
3140    slider.querySelectorAll('a').forEach(link => {
3141        link.addEventListener('click', function(e) {
3142            if (hasMoved) {
3143                e.preventDefault();
3144                e.stopImmediatePropagation();
3145            }
3146        });
3147    });
3148
3149    // evita drag de imagem
3150    slider.querySelectorAll('img').forEach(img => {
3151        img.addEventListener('dragstart', (e) => e.preventDefault());
3152    });
3153
3154    document.addEventListener('DOMContentLoaded', setPositionByIndex);
3155
3156})();
3157</script>
3157
3158
3159<style>
3160.dot-active {
3161    background-color: currentColor;
3162}
3163</style>
3164
3165<p></p>
3166	</div>
3167        </main>
3168
3169        <footer id="footer" class="text-white">
3170            <div class="dark:bg-neutral-900! dark:text-white! bg-(--color-base)">
3171    <div class="grid grid-cols-1 md:grid-cols-5 gap-4 container mx-auto max-w-5xl p-4">
3172        <div class="col-span-1 md:col-span-1 md:row-start-2">
3173            <input class="hidden peer" id="footer-group-66" type="checkbox">
3174
3175            <label for="footer-group-66"
3176                class="group font-semibold uppercase bold cursor-pointer pb-1 border-b-3 border-white
3177                    flex justify-between items-center w-full
3178                    transition-colors duration-400 ease-in-out peer-checked:mb-3 sm:hidden">
3179                <a class="inline hover:text-black" href="/pt/cultura">CULTURA</a>
3180                <svg class="h-4 inline ml-2 group-peer-checked:rotate-180 transition-rotate duration-400" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z"/></svg>            </label>
3181
3182            <a class="sm:font-semibold sm:uppercase hover:text-black mb-2 hidden sm:flex"
3183                href="/pt/cultura">CULTURA
3184            </a>
3185
3186            <ul class="sm:opacity-100 sm:max-h-screen overflow-hidden flex flex-col gap-2 opacity-0 max-h-0 transition-all ease-in-out duration-400 peer-checked:flex peer-checked:opacity-100 peer-checked:max-h-screen">
3187                                                        <li>
3188                        <a class="hover:text-black" href="https://casajosedealencar.ufc.br/pt/">Casa José de Alencar</a>
3189                    </li>
3190                                        <li>
3191                        <a class="hover:text-black" href="https://mauc.ufc.br/pt/">Museu de Arte da UFC</a>
3192                    </li>
3193                                        <li>
3194                        <a class="hover:text-black" href="https://seara.ufc.br/pt/">Seara da Ciência</a>
3195                    </li>
3196                                        <li>
3197                        <a class="hover:text-black" href="https://www.radiouniversitariafm.com.br/">Universitária FM 107.9</a>
3198                    </li>
3199                                                </ul>
3200        </div>
3201                <div class="col-span-1 md:col-span-1 md:row-start-2">
3202            <input class="hidden peer" id="footer-group-54" type="checkbox">
3203
3204            <label for="footer-group-54"
3205                class="group font-semibold uppercase bold cursor-pointer pb-1 border-b-3 border-white
3206                    flex justify-between items-center w-full
3207                    transition-colors duration-400 ease-in-out peer-checked:mb-3 sm:hidden">
3208                <a class="inline hover:text-black" href="https://www.ufc.br/comunicacao">COMUNICAÇÃO</a>
3209                <svg class="h-4 inline ml-2 group-peer-checked:rotate-180 transition-rotate duration-400" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z"/></svg>            </label>
3210
3211            <a class="sm:font-semibold sm:uppercase hover:text-black mb-2 hidden sm:flex"
3212                href="https://www.ufc.br/comunicacao">COMUNICAÇÃO
3213            </a>
3214
3215            <ul class="sm:opacity-100 sm:max-h-screen overflow-hidden flex flex-col gap-2 opacity-0 max-h-0 transition-all ease-in-out duration-400 peer-checked:flex peer-checked:opacity-100 peer-checked:max-h-screen">
3216                                                        <li>
3217                        <a class="hover:text-black" href="https://ufcinforma.ufc.br/">Notícias</a>
3218                    </li>
3219                                        <li>
3220                        <a class="hover:text-black" href="https://agencia.ufc.br/">Agência UFC</a>
3221                    </li>
3222                                        <li>
3223                        <a class="hover:text-black" href="https://guiadefontes.ufc.br/">Guia de Fontes</a>
3224                    </li>
3225                                        <li>
3226                        <a class="hover:text-black" href="https://secom.ufc.br/pt/identidade-visual-da-ufc/">Identidade visual da UFC</a>
3227                    </li>
3228                                                </ul>
3229        </div>
3230                <div class="col-span-1 md:col-span-1 md:row-start-2">
3231            <input class="hidden peer" id="footer-group-68" type="checkbox">
3232
3233            <label for="footer-group-68"
3234                class="group font-semibold uppercase bold cursor-pointer pb-1 border-b-3 border-white
3235                    flex justify-between items-center w-full
3236                    transition-colors duration-400 ease-in-out peer-checked:mb-3 sm:hidden">
3237                <a class="inline hover:text-black" href="https://www.ufc.br/extensao">EXTENSÃO</a>
3238                <svg class="h-4 inline ml-2 group-peer-checked:rotate-180 transition-rotate duration-400" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z"/></svg>            </label>
3239
3240            <a class="sm:font-semibold sm:uppercase hover:text-black mb-2 hidden sm:flex"
3241                href="https://www.ufc.br/extensao">EXTENSÃO
3242            </a>
3243
3244            <ul class="sm:opacity-100 sm:max-h-screen overflow-hidden flex flex-col gap-2 opacity-0 max-h-0 transition-all ease-in-out duration-400 peer-checked:flex peer-checked:opacity-100 peer-checked:max-h-screen">
3245                                                        <li>
3246                        <a class="hover:text-black" href="https://www.ufc.br/acessibilidade">Acessibilidade</a>
3247                    </li>
3248                                        <li>
3249                        <a class="hover:text-black" href="https://www.ufc.br/desporto">Desporto</a>
3250                    </li>
3251                                        <li>
3252                        <a class="hover:text-black" href="https://www.ufc.br/ensino-de-idiomas">Ensino de idiomas</a>
3253                    </li>
3254                                        <li>
3255                        <a class="hover:text-black" href="https://www.ufc.br/gestao-ambiental">Gestão ambiental</a>
3256                    </li>
3257                                        <li>
3258                        <a class="hover:text-black" href="https://www.ufc.br/hospitais-e-clinicas">Hospitais e clínicas</a>
3259                    </li>
3260                                        <li>
3261                        <a class="hover:text-black" href="https://www.ufc.br/ouvidoria-geral-da-ufc">Ouvidoria</a>
3262                    </li>
3263                                        <li>
3264                        <a class="hover:text-black" href="https://www.ufc.br/transparencia-e-prestacao-de-contas">Transparência</a>
3265                    </li>
3266                                        <li>
3267                        <a class="hover:text-black" href="https://www.ufc.br/visite-a-ufc">Visite a UFC</a>
3268                    </li>
3269                                                </ul>
3270        </div>
3271                <div class="col-span-1 md:col-span-1 md:row-start-1">
3272            <input class="hidden peer" id="footer-group-65" type="checkbox">
3273
3274            <label for="footer-group-65"
3275                class="group font-semibold uppercase bold cursor-pointer pb-1 border-b-3 border-white
3276                    flex justify-between items-center w-full
3277                    transition-colors duration-400 ease-in-out peer-checked:mb-3 sm:hidden">
3278                <a class="inline hover:text-black" href="https://www.ufc.br/quem-somos">QUEM SOMOS</a>
3279                <svg class="h-4 inline ml-2 group-peer-checked:rotate-180 transition-rotate duration-400" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z"/></svg>            </label>
3280
3281            <a class="sm:font-semibold sm:uppercase hover:text-black mb-2 hidden sm:flex"
3282                href="https://www.ufc.br/quem-somos">QUEM SOMOS
3283            </a>
3284
3285            <ul class="sm:opacity-100 sm:max-h-screen overflow-hidden flex flex-col gap-2 opacity-0 max-h-0 transition-all ease-in-out duration-400 peer-checked:flex peer-checked:opacity-100 peer-checked:max-h-screen">
3286                                                        <li>
3287                        <a class="hover:text-black" href="https://www.ufc.br/quem-somos/onde-estamos">Onde estamos</a>
3288                    </li>
3289                                        <li>
3290                        <a class="hover:text-black" href="https://www.ufc.br/quem-somos/estrutura-organizacional-da-ufc">Estrutura organizacional</a>
3291                    </li>
3292                                        <li>
3293                        <a class="hover:text-black" href="https://www.ufc.br/quem-somos/documentos-oficiais">Documentos oficiais</a>
3294                    </li>
3295                                        <li>
3296                        <a class="hover:text-black" href="https://www.ufc.br/quem-somos/identificacao-legal">Identificação legal</a>
3297                    </li>
3298                                                </ul>
3299        </div>
3300                <div class="col-span-1 md:col-span-1 md:row-start-1">
3301            <input class="hidden peer" id="footer-group-64" type="checkbox">
3302
3303            <label for="footer-group-64"
3304                class="group font-semibold uppercase bold cursor-pointer pb-1 border-b-3 border-white
3305                    flex justify-between items-center w-full
3306                    transition-colors duration-400 ease-in-out peer-checked:mb-3 sm:hidden">
3307                <a class="inline hover:text-black" href="https://www.ufc.br/reitoria">
3307REITORIA</a>
3308                <svg class="h-4 inline ml-2 group-peer-checked:rotate-180 transition-rotate duration-400" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z"/></svg>            </label>
3309
3310            <a class="sm:font-semibold sm:uppercase hover:text-black mb-2 hidden sm:flex"
3311                href="https://www.ufc.br/reitoria">REITORIA
3312            </a>
3313
3314            <ul class="sm:opacity-100 sm:max-h-screen overflow-hidden flex flex-col gap-2 opacity-0 max-h-0 transition-all ease-in-out duration-400 peer-checked:flex peer-checked:opacity-100 peer-checked:max-h-screen">
3315                                                        <li>
3316                        <a class="hover:text-black" href="https://www.ufc.br/reitoria/gestao-da-reitoria">Gestão da Reitoria</a>
3317                    </li>
3318                                        <li>
3319                        <a class="hover:text-black" href="https://www.ufc.br/reitoria/assessoria-da-reitoria">Órgãos de assessoria</a>
3320                    </li>
3321                                        <li>
3322                        <a class="hover:text-black" href="https://www.ufc.br/reitoria/conselhos-superiores">Conselhos superiores</a>
3323                    </li>
3324                                        <li>
3325                        <a class="hover:text-black" href="https://www.ufc.br/reitoria/titulos-e-honrarias">Títulos e honrarias</a>
3326                    </li>
3327                                                </ul>
3328        </div>
3329                <div class="col-span-1 md:col-span-1 md:row-start-1">
3330            <input class="hidden peer" id="footer-group-63" type="checkbox">
3331
3332            <label for="footer-group-63"
3333                class="group font-semibold uppercase bold cursor-pointer pb-1 border-b-3 border-white
3334                    flex justify-between items-center w-full
3335                    transition-colors duration-400 ease-in-out peer-checked:mb-3 sm:hidden">
3336                <a class="inline hover:text-black" href="https://www.ufc.br/estude-na-ufc">ESTUDE NA UFC</a>
3337                <svg class="h-4 inline ml-2 group-peer-checked:rotate-180 transition-rotate duration-400" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z"/></svg>            </label>
3338
3339            <a class="sm:font-semibold sm:uppercase hover:text-black mb-2 hidden sm:flex"
3340                href="https://www.ufc.br/estude-na-ufc">ESTUDE NA UFC
3341            </a>
3342
3343            <ul class="sm:opacity-100 sm:max-h-screen overflow-hidden flex flex-col gap-2 opacity-0 max-h-0 transition-all ease-in-out duration-400 peer-checked:flex peer-checked:opacity-100 peer-checked:max-h-screen">
3344                                                        <li>
3345                        <a class="hover:text-black" href="https://www.ufc.br/estude-na-ufc/enemsisu">Enem/Sisu</a>
3346                    </li>
3347                                        <li>
3348                        <a class="hover:text-black" href="https://prograd.ufc.br/pt/ingresso-na-ufc/">Outras formas de ingresso</a>
3349                    </li>
3350                                        <li>
3351                        <a class="hover:text-black" href="https://profissoes.ufc.br/cursos/">Cursos ofertados</a>
3352                    </li>
3353                                        <li>
3354                        <a class="hover:text-black" href="https://www.ufc.br/ensino/pos-graduacao">Faça uma pós-graduação</a>
3355                    </li>
3356                                                </ul>
3357        </div>
3358                <div class="col-span-1 md:col-span-1 md:row-start-1">
3359            <input class="hidden peer" id="footer-group-56" type="checkbox">
3360
3361            <label for="footer-group-56"
3362                class="group font-semibold uppercase bold cursor-pointer pb-1 border-b-3 border-white
3363                    flex justify-between items-center w-full
3364                    transition-colors duration-400 ease-in-out peer-checked:mb-3 sm:hidden">
3365                <a class="inline hover:text-black" href="https://www.ufc.br/ensino">
3365ENSINO</a>
3366                <svg class="h-4 inline ml-2 group-peer-checked:rotate-180 transition-rotate duration-400" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z"/></svg>            </label>
3367
3368            <a class="sm:font-semibold sm:uppercase hover:text-black mb-2 hidden sm:flex"
3369                href="https://www.ufc.br/ensino">ENSINO
3370            </a>
3371
3372            <ul class="sm:opacity-100 sm:max-h-screen overflow-hidden flex flex-col gap-2 opacity-0 max-h-0 transition-all ease-in-out duration-400 peer-checked:flex peer-checked:opacity-100 peer-checked:max-h-screen">
3373                                                        <li>
3374                        <a class="hover:text-black" href="https://ufc2012.ufc.br/calendario-universitario/2026">Calendário Universitário</a>
3375                    </li>
3376                                        <li>
3377                        <a class="hover:text-black" href="https://www.ufc.br/ensino/graduacao">Graduação</a>
3378                    </li>
3379                                        <li>
3380                        <a class="hover:text-black" href="https://www.ufc.br/ensino/pos-graduacao">Pós-graduação</a>
3381                    </li>
3382                                        <li>
3383                        <a class="hover:text-black" href="https://www.ufc.br/ensino/assistencia-estudantil">Assistência estudantil</a>
3384                    </li>
3385                                                </ul>
3386        </div>
3387                <div class="col-span-1 md:col-span-1 md:row-start-1">
3388            <input class="hidden peer" id="footer-group-67" type="checkbox">
3389
3390            <label for="footer-group-67"
3391                class="group font-semibold uppercase bold cursor-pointer pb-1 border-b-3 border-white
3392                    flex justify-between items-center w-full
3393                    transition-colors duration-400 ease-in-out peer-checked:mb-3 sm:hidden">
3394                <a class="inline hover:text-black" href="https://www.ufc.br/pesquisa">PESQUISA</a>
3395                <svg class="h-4 inline ml-2 group-peer-checked:rotate-180 transition-rotate duration-400" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z"/></svg>            </label>
3396
3397            <a class="sm:font-semibold sm:uppercase hover:text-black mb-2 hidden sm:flex"
3398                href="https://www.ufc.br/pesquisa">PESQUISA
3399            </a>
3400
3401            <ul class="sm:opacity-100 sm:max-h-screen overflow-hidden flex flex-col gap-2 opacity-0 max-h-0 transition-all ease-in-out duration-400 peer-checked:flex peer-checked:opacity-100 peer-checked:max-h-screen">
3402                                                        <li>
3403                        <a class="hover:text-black" href="https://www.ufc.br/inovacao">Inovação</a>
3404                    </li>
3405                                        <li>
3406                        <a class="hover:text-black" href="https://www.ufc.br/empreendedorismo">Empreendedorismo</a>
3407                    </li>
3408                                        <li>
3409                        <a class="hover:text-black" href="https://ufcinova.ufc.br/pt/pagina-de-introducao/">UFC Inova</a>
3410                    </li>
3411                                                </ul>
3412        </div>
3413            
3414    <div class="col-span-1 md:col-span-2 md:row-start-2 md:col-start-4 text-base">
3415        <a class="block" href="https://emec.mec.gov.br/emec/consulta-cadastro/detalhamento/d96957f455f6405d14c6542552b0f6eb/NTgz">
3416            <img src="https://ufc.br/images/e-mec.png" alt="Consulta do cadastro da UFC no Sistema e-MEC" class="w-full mb-5 duration-300 transition-shadow hover:ring-2 ring-orange-500 rounded-4xl">
3417        </a>
3418        <div class="mb-4">
3419            <div class="w-[195px] max-w-7/10 border-b-4 border-white p-0 mb-4 flex"></div>
3420<p class="font-semibold text-base">Universidade Federal do Ceará (UFC)</p>
3421<p class="text-sm mb-0">Avenida da Universidade, 2853, Benfica | Fortaleza, Ceará, Brasil | CEP 60020-181</p>        </div>
3422    </div>
3423    </div>
3424</div>
3425
3426<div class="bg-black">
3427    <div class="grid grid-cols-1 md:grid-cols-12 gap-4 container mx-auto max-w-5xl p-4">
3428        <div class="col-span-12 hidden lg:flex flex-col md:flex-row items-center justify-between pl-2 pt-4 mb-4 gap-4 text-lg uppercase font-extrabold">
3429    <a href="https://www.ufc.br/" class="font-semibold">ufc.br</a>
3430    <div class="flex flex-col md:flex-row items-center gap-2 md:gap-6">
3431        <ul class="md:mt-0 flex gap-6 text-white text-2xl items-center justify-center">
3432            <li>
3433                <a href="https://www.instagram.com/ufcinforma">
3434                    <svg class="w-5" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. -->
3434<path fill="currentColor" d="M224.3 141a115 115 0 1 0 -.6 230 115 115 0 1 0 .6-230zm-.6 40.4a74.6 74.6 0 1 1 .6 149.2 74.6 74.6 0 1 1 -.6-149.2zm93.4-45.1a26.8 26.8 0 1 1 53.6 0 26.8 26.8 0 1 1 -53.6 0zm129.7 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM399 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>                    <span class="sr-only">UFCInforma no Instagram</span>
3435                </a>
3436            </li>
3437            <li>
3438                <a href="https://www.tiktok.com/@ufcinforma">
3439                    <svg class="h-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M448.5 209.9c-44 .1-87-13.6-122.8-39.2l0 178.7c0 33.1-10.1 65.4-29 92.6s-45.6 48-76.6 59.6-64.8 13.5-96.9 5.3-60.9-25.9-82.7-50.8-35.3-56-39-88.9 2.9-66.1 18.6-95.2 40-52.7 69.6-67.7 62.9-20.5 95.7-16l0 89.9c-15-4.7-31.1-4.6-46 .4s-27.9 14.6-37 27.3-14 28.1-13.9 43.9 5.2 31 14.5 43.7 22.4 22.1 37.4 26.9 31.1 4.8 46-.1 28-14.4 37.2-27.1 14.2-28.1 14.2-43.8l0-349.4 88 0c-.1 7.4 .6 14.9 1.9 22.2 3.1 16.3 9.4 31.9 18.7 45.7s21.3 25.6 35.2 34.6c19.9 13.1 43.2 20.1 67 20.1l0 87.4z"/></svg>                    <span class="sr-only">UFCInforma no TikTok</span>
3440                </a>
3441            </li>
3442            <li>
3443                <a href="https://www.youtube.com/channel/UCY85wHK1Z3LJyKB7XQ-pJ0g">
3444                    <svg class="h-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M549.7 124.1C543.5 100.4 524.9 81.8 501.4 75.5 458.9 64 288.1 64 288.1 64S117.3 64 74.7 75.5C51.2 81.8 32.7 100.4 26.4 124.1 15 167 15 256.4 15 256.4s0 89.4 11.4 132.3c6.3 23.6 24.8 41.5 48.3 47.8 42.6 11.5 213.4 11.5 213.4 11.5s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zM232.2 337.6l0-162.4 142.7 81.2-142.7 81.2z"/></svg>                    <span class="sr-only">UFCInforma no YouTube</span>
3445                </a>
3446            </li>
3447            <li>
3448                <a href="https://www.linkedin.com/school/ufcinforma">
3449                    <svg class="h-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M416 32L31.9 32C14.3 32 0 46.5 0 64.3L0 447.7C0 465.5 14.3 480 31.9 480L416 480c17.6 0 32-14.5 32-32.3l0-383.4C448 46.5 433.6 32 416 32zM135.4 416l-66.4 0 0-213.8 66.5 0 0 213.8-.1 0zM102.2 96a38.5 38.5 0 1 1 0 77 38.5 38.5 0 1 1 0-77zM384.3 416l-66.4 0 0-104c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9l0 105.8-66.4 0 0-213.8 63.7 0 0 29.2 .9 0c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9l0 117.2z"/></svg>                    <span class="sr-only">UFCInforma no LinkedIn</span>
3450                </a>
3451            </li>
3452            <li>
3453                <a href="https://www.flickr.com/photos/ufc-informa">
3454                    <svg class="h-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. -->
3454<path fill="currentColor" d="M400 32L48 32C21.5 32 0 53.5 0 80L0 432c0 26.5 21.5 48 48 48l352 0c26.5 0 48-21.5 48-48l0-352c0-26.5-21.5-48-48-48zM144.5 192a63.5 63.5 0 1 1 0 127 63.5 63.5 0 1 1 0-127zm159 0a63.5 63.5 0 1 1 0 127 63.5 63.5 0 1 1 0-127z"/></svg>                    <span class="sr-only">UFCInforma no Flickr</span>
3455                </a>
3456            </li>
3457            <li>
3458                <a href="">
3459                    <svg class="h-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M380.9 97.1c-41.9-42-97.7-65.1-157-65.1-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480 117.7 449.1c32.4 17.7 68.9 27 106.1 27l.1 0c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3 18.6-68.1-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1s56.2 81.2 56.1 130.5c0 101.8-84.9 184.6-186.6 184.6zM325.1 300.5c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8s-14.3 18-17.6 21.8c-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7s-12.5-30.1-17.1-41.2c-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2s-9.7 1.4-14.8 6.9c-5.1 5.6-19.4 19-19.4 46.3s19.9 53.7 22.6 57.4c2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4s4.6-24.1 3.2-26.4c-1.3-2.5-5-3.9-10.5-6.6z"/></svg>                    <span class="sr-only">UFCInforma no Whatsapp</span>
3460                </a>
3461            </li>
3462        </ul>
3463    </div>
3464</div>
3465
3466<div id="campi" class="col-span-12 flex lg:flex-row flex-col gap-5 items-center justify-between pb-4 text-md uppercase font-normal tracking-[3px]">
3467    <a class="hidden lg:flex" href="https://ufc.br">
3468        <img src="https://ufc.br/brasao-vertical.svg" alt="Brasão da Universidade Federal do Ceará" width="253" height="87">
3469    </a>
3470    <ul class="pt-3 pb-4 flex gap-2 justify-center flex-wrap text-[#EEE] text-sm font-cinzel
3471               sm:pt-6 sm:pb-10 sm:text-base md:flex-row md:gap-8 lg:py-0">
3472        <li><a href="https://www.ufc.br">Fortaleza</a></li>
3473        <li><a href="https://sobral.ufc.br">Sobral</a></li>
3474        <li><a href="https://quixada.ufc.br">Quixadá</a></li>
3475        <li><a href="https://crateus.ufc.br">Crateús</a></li>
3476        <li><a href="https://russas.ufc.br">Russas</a></li>
3477        <li><a href="https://itapaje.ufc.br">Itapajé</a></li>
3478    </ul>
3479</div>
3480
3481
3482    </div>
3483</div>
3484        </footer>
3485    </div>
3486
3487    <div id="lgpd" class="hidden transition-all ease-in-out">
3488    <div class="motion-safe:animate-[slideUp_0.6s_ease-out_forwards] fixed bottom-0 inset-x-0 bg-mist-900 text-white px-8 py-8 shadow-lg z-50">
3489        <div class="container mx-auto max-w-5xl">
3490            <div class="flex flex-col sm:flex-row items-start sm:items-center justify-around gap-6">
3491                <input type="hidden" name="redirect_to" value="https://ufc.br/pt">
3492
3493                <div class="text-sm leading-relaxed max-w-md">
3494                    <strong class="text-base">Política de Cookies</strong><br>
3495                    Este sítio faz uso de cookies e ferramentas similares para fornecer serviços digitais.
3496                    Ao continuar sua navegação, você concorda com nossa política.
3497                </div>
3498
3499                <div class="flex flex-col gap-2 text-sm">
3500                    <strong class="text-base">Cookies de:</strong>
3501
3502                    <label class="flex items-center gap-2">
3503                        <input type="checkbox" checked disabled class="accent-gray-600 cursor-not-allowed">
3504                        <span>Operação e funcionalidade (obrigatório)</span>
3505                    </label>
3506
3507                    <label class="flex items-center gap-2">
3508                        <input id="lgpd-analytics" type="checkbox" name="analytics" value="1" class="accent-gray-600">
3509                        <span>Análise de navegação (opcional)</span>
3510                    </label>
3511                </div>
3512
3513                <div class="flex flex-col gap-2 text-sm">
3514                    <button
3515                        id="lgpd-all"
3516                        name="analytics" value="1"
3517                        class="cursor-pointer w-full bg-blue-600 text-white font-medium px-4 py-2 rounded hover:bg-blue-700 transition"
3518                    >
3519                        Aceitar todos
3520                    </button>
3521
3522                    <button type="button"
3523                        id="lgpd-selected-only"
3524                        class="cursor-pointer bg-white text-gray-900 font-medium px-4 py-2 rounded hover:bg-gray-200 transition">
3525                        Aceitar selecionados
3526                    </button>
3527                </div>
3528            </div>
3529        </div>
3530    </div>
3531</div>
3532
3533    <div id="scripts">
3534        <div vw class="enabled">
3535    <div vw-access-button class="active"></div>
3536    <div vw-plugin-wrapper><div class="vw-plugin-top-wrapper"></div></div>
3537</div>
3538
3539<script src="https://vlibras.gov.br/app/vlibras-plugin.js" integrity="sha384-G/Q9QoEKXZ+o3tH6DfI994c7PfT0jP6+VhCSX6upoO+6hEaKtPJBekepGjPWyF0U" crossorigin="anonymous"></script>
3539
3540<noscript>O recurso de acessibilidade VLibras requer JavaScript ativado para funcionar corretamente.</noscript>
3541<script>new window.VLibras.Widget('https://vlibras.gov.br/app');</script>
3541
3542<noscript>O recurso de acessibilidade VLibras requer JavaScript ativado para funcionar corretamente.</noscript>
3543    </div>
3544
3545</body>
3546
3547</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.