PageSourceSearch

https://www.missal.pr.gov.br/pagina/bandeira/

html missal.pr.gov.br collected 2026-10-02 13:33:35 UTC 52,646 bytes, 919 lines download raw bytes

1
2
3<!DOCTYPE html>
4<html lang="pt-BR">
5<head>
6    <meta charset="utf-8"/>
7    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
8    <title>Bandeira - Prefeitura de Missal</title>
9    
9<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
9
10    <link href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;500;600;700;800&amp;display=swap" rel="stylesheet"/>
11    <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,[email protected],0..1&amp;display=swap" rel="stylesheet"/>
12    <link rel="icon" type="image/x-icon" href="/static/img/favicon.ico">
13    
14    <!-- Alpine.js Plugins -->
15    
15<script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/[email protected]/dist/cdn.min.js"></script>
15
16    <!-- Alpine.js Core -->
17    
17<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>
17
18
19    
19<script id="tailwind-config">
20          tailwind.config = {
21            darkMode: "class",
22            theme: {
23              extend: {
24                colors: {
25                  "primary": "#3f68e4",
26                  "background-light": "#f6f6f8",
27                  "background-dark": "#111521",
28                  "accent-green": "#22c55e",
29                  "cat-social": "#f59e0b",
30                  "cat-financas": "#10b981",
31                  "cat-obras": "#f97316",
32                },
33                fontFamily: {
34                  "display": ["Public Sans", "sans-serif"]
35                },
36                borderRadius: {"DEFAULT": "0.25rem", "lg": "0.5rem", "xl": "0.75rem", "full": "9999px"},
37              },
38            },
39          }
40    </script>
40
41    <style type="text/tailwindcss">
42        body { font-family: 'Public Sans', sans-serif; }
43        .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
44        @layer components {
45            .btn-primary {
46                @apply bg-primary text-white px-4 py-2 rounded-lg text-sm font-bold 
47                flex items-center gap-2 hover:opacity-90 transition-all active:scale-95;
48            }
49        }
50        
51        /* Correção para o ícone do VLibras não sumir no Mobile devido ao CSS reset do Tailwind */
52        [vw] [vw-access-button] img {
53            max-width: none !important;
54        }
55    </style>
56    
57    <!-- Verifica preferências antes de renderizar (evita piscar) -->
58    
58<script>
59        // Tema (Contraste) - Força tema claro por padrão, ignora preferências do sistema.
60        if (localStorage.getItem('theme') === 'dark') {
61            document.documentElement.classList.add('dark');
62        } else {
63            document.documentElement.classList.remove('dark');
64        }
65
66        // Tamanho da Fonte
67        const savedSize = localStorage.getItem('textSize');
68        if (savedSize === 'large') {
69            document.documentElement.style.fontSize = '112.5%';
70        } else if (savedSize === 'xlarge') {
71            document.documentElement.style.fontSize = '125%';
72        } else {
73            document.documentElement.style.fontSize = '100%';
74        }
75    </script>
vendor: 69 bytes, lines 75-77
75
76    
77<script async src="https://www.googletagmanager.com/gtag/js?id=
77G-RK6PLTSL65
vendor: 12 bytes, line 77
77"></script>
78<script>
79  
vendor: 137 bytes, lines 79-84
79window.dataLayer = window.dataLayer || [];
80  function gtag(){dataLayer.push(arguments);}
81  gtag('js', new Date());
82
83  
84  gtag('config', '
84G-RK6PLTSL65
vendor: 4 bytes, line 84
84');
85</script>
85
86
87</head>
88<body class="bg-background-light dark:bg-background-dark text-slate-900 dark:text-slate-100">
89    <!-- Top Utility Bar -->
90    <div class="bg-primary text-white py-2 px-4 md:px-10 lg:px-40 flex justify-between items-center text-xs font-medium relative z-[60]">
91        <div class="flex gap-4">
92            <button id="toggle-contrast-btn" class="flex items-center gap-1 hover:underline transition-colors" aria-label="Alternar Alto Contraste" title="Alternar Alto Contraste">
93                <span class="material-symbols-outlined text-sm">contrast</span> Contraste
94            </button>
95            <div class="relative">
96                <button id="toggle-accessibility-btn" class="flex items-center gap-1 hover:underline transition-colors focus:outline-none" aria-label="Opções de Acessibilidade" aria-haspopup="true" aria-expanded="false" title="Menu de Acessibilidade">
97                    <span class="material-symbols-outlined text-sm">text_fields</span> Acessibilidade
98                </button>
99                
100                <!-- Accessibility Dropdown Content -->
101                <div id="accessibility-menu" class="absolute top-full left-0 mt-2 w-48 bg-white dark:bg-slate-800 text-slate-800 dark:text-slate-200 rounded-lg shadow-xl border border-slate-200 dark:border-slate-700 py-2 hidden z-50 text-left">
102                    <button class="w-full px-4 py-2 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary text-sm flex items-center justify-between transition-colors" onclick="setTextSize('normal')">
103                        Tamanho Normal
104                        <span class="text-xs">A</span>
105                    </button>
106                    <button class="w-full px-4 py-2 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary text-sm flex items-center justify-between transition-colors" onclick="setTextSize('large')">
107                        Aumentar Fonte
108                        <span class="text-base">A+</span>
109                    </button>
110                    <button class="w-full px-4 py-2 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary text-sm flex items-center justify-between transition-colors" onclick="setTextSize('xlarge')">
111                        Fonte Extra Grande
112                        <span class="text-lg font-bold">A++</span>
113                    </button>
114                </div>
115            </div>
116            <a href="/mapa-do-site/" class="flex items-center gap-1 hover:underline">
117                <span class="material-symbols-outlined text-sm">map</span> Mapa do Site
118            </a>
119            <a href="https://webmail.missal.pr.gov.br/" class="flex items-center gap-1 hover:underline">
120                <span class="material-symbols-outlined text-sm">email</span> Webmail
121            </a>
122        </div>
123        <div class="hidden md:flex gap-4 items-center">
124            <span>Segunda a Sexta: 07h30 às 11h30 | 13h às 17h</span>
125            <div class="flex gap-2">
126                <a class="hover:opacity-80" href="https://www.facebook.com/prefeiturademissal" target="_blank"><span class="material-symbols-outlined text-lg">thumb_up</span></a>
127                <a class="hover:opacity-80" href="https://www.instagram.com/prefeiturademissal/" target="_blank"><span class="material-symbols-outlined text-lg">photo_camera</span></a>
128                <a class="hover:opacity-80" href="https://www.youtube.com/@municipiodemissal" target="_blank"><span class="material-symbols-outlined text-lg">play_circle</span></a>
129            </div>
130        </div>
131    </div>
132
133    <!-- Header & Search -->
134    <header class="bg-white dark:bg-slate-900 border-b border-slate-200 dark:border-slate-800 sticky top-0 z-50">
135        <div class="max-w-[1280px] mx-auto px-4 lg:px-10 py-4 flex flex-wrap items-center justify-between gap-4">
136            <div class="flex items-center gap-4">
137                <div class="size-12 bg-white rounded-lg flex items-center justify-center text-primary">
138                    <img src="/static/img/brasao_missal.svg" alt="Brasão de Missal" class="h-12 w-auto">
139                </div>
140                <div>
141                    <a href="/">
142                        <h1 class="text-lg sm:text-xl font-extrabold tracking-tight text-primary uppercase">Prefeitura de Missal</h1>
143                        <p class="text-[9px] sm:text-[10px] text-slate-500 font-bold uppercase tracking-widest">Estado do Paraná</p>
144                    </a>
145                </div>
146            </div>
147            <div class="flex-1 max-w-md hidden lg:block">
148                <form action="/busca/" method="get" class="relative">
149                    <span class="material-symbols-outlined absolute left-3 top-1/2 -translate-y-1/2 text-slate-400">search</span>
150                    <input name="q" class="w-full pl-10 pr-4 py-2 bg-slate-100 dark:bg-slate-800 border-none rounded-lg text-sm focus:ring-2 focus:ring-primary/50" placeholder="O que você está procurando?" type="text" required/>
151                </form>
152            </div>
153            <div class="flex gap-2">
154
155                <a href="https://app.missal.pr.gov.br/esportal/esportalprincipal.index.logic" class="btn-primary" target="_blank">
156                    <span class="material-symbols-outlined text-sm">login</span> Portal do Servidor
157                </a>
158            </div>
159        </div>
160        <!-- Navigation -->
161        <nav class="border-t border-slate-100 dark:border-slate-800 bg-white dark:bg-slate-900">
162    <div class="max-w-[1280px] mx-auto px-4 lg:px-10">
163
164        <!-- Botão hamburguer (apenas mobile) -->
165        <div class="flex items-center justify-between lg:hidden py-3">
166            <span class="text-sm font-bold text-slate-600 dark:text-slate-400">MENU</span>
167            <button id="menu-toggle" class="text-slate-600 dark:text-slate-400 focus:outline-none">
168                <span id="menu-icon-open" class="material-symbols-outlined">menu</span>
169                <span id="menu-icon-close" class="material-symbols-outlined hidden">close</span>
170            </button>
171        </div>
172
173        <!-- Menu desktop -->
174        <ul class="hidden lg:flex whitespace-nowrap gap-8 text-sm font-bold text-slate-600 dark:text-slate-400">
175            
176            <li class="relative group">
177                <a class="block py-4 border-b-2 border-transparent hover:text-primary transition-colors flex items-center gap-1" 
178                   href="/" >
179                    INÍCIO
180                    
181                </a>
182                
183            </li>
184            
185            <li class="relative group">
186                <a class="block py-4 border-b-2 border-transparent hover:text-primary transition-colors flex items-center gap-1" 
187                   href="#" >
188                    MUNICÍPIO
189                    
190                    <span class="material-symbols-outlined text-xs group-hover:rotate-180 transition-transform">expand_more</span>
191                    
192                </a>
193                
194                <div class="absolute left-0 top-full bg-white dark:bg-slate-800 shadow-xl rounded-b-lg border border-slate-100 dark:border-slate-700 py-2 min-w-[200px] opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all z-50">
195                    
196                    <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 
197                       href="/pagina/hino/">Hino</a>
198                    
199                    <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 
200                       href="/pagina/bandeira/">Bandeira</a>
201                    
202                    <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 
203                       href="/pagina/localizacao/">Localização</a>
204                    
205                    <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 
206                       href="/pagina/historia/">História</a>
207                    
208                </div>
209                
210            </li>
211            
212            <li class="relative group">
213                <a class="block py-4 border-b-2 border-transparent hover:text-primary transition-colors flex items-center gap-1" 
214                   href="#" >
215                    GOVERNO
216                    
217                    <span class="material-symbols-outlined text-xs group-hover:rotate-180 transition-transform">expand_more</span>
218                    
219                </a>
220                
221                <div class="absolute left-0 top-full bg-white dark:bg-slate-800 shadow-xl rounded-b-lg border border-slate-100 dar
221k:border-slate-700 py-2 min-w-[200px] opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all z-50">
222                    
223                    <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 
224                       href="/governo/secretarias/prefeito/">Prefeito</a>
225                    
226                    <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 
227                       href="/governo/secretarias/vice-prefeito/">Vice Prefeito</a>
228                    
229                    <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 
230                       href="/governo/secretarias/secretaria-municipal-de-administracao/">Secretaria de Administração</a>
231                    
232                    <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 
233                       href="/governo/secretarias/secretaria-municipal-de-agricultura">Secretaria de Agricultura</a>
234                    
235                    <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 
236                       href="/governo/secretarias/secretaria-municipal-de-assistencia-social">Secretaria de Assistência Social</a>
237                    
238                    <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 
239                       href="/governo/secretarias/secretaria-municipal-de-desenvolvimento-economico">Secretaria de Desenvolvimento Econômico</a>
240                    
241                    <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 
242                       href="/governo/secretarias/secretaria-municipal-de-educacao-e-cultura">Secretaria de Educação e Cultura</a>
243                    
244                    <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 
245                       href="/governo/secretarias/secretaria-municipal-de-esporte-lazer-e-turismo">Secretaria de Esporte, Lazer e Turismo</a>
246                    
247                    <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 
248                       href="/governo/secretarias/secretaria-municipal-de-financas">Secretaria de Finanças</a>
249                    
250                    <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 
251                       href="/governo/secretarias/secretaria-municipal-de-meio-ambiente">Secretaria de Meio Ambiente</a>
252                    
253                    <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 
254                       href="/governo/secretarias/secretaria-municipal-de-obras-urbanismo-e-transportes">Secretaria de Obras, Urbanismo e Transportes</a>
255                    
256                    <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 
257                       href="/governo/secretarias/secretaria-municipal-de-planejamento">Secretaria de Planejamento</a>
258                    
259                    <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 
260                       href="/governo/secretarias/secretaria-municipal-de-saude">Secretaria de Saúde</a>
261                    
262                    <a class="block px-6 py-2 text-slate-600 dar
262k:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 
263                       href="/governo/secretarias/procuradoria-geral-do-municipio">Procuradoria Geral do Município</a>
264                    
265                    <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 
266                       href="/governo/secretarias/assessoria-de-comunicacao">Assessoria de Comunicação</a>
267                    
268                    <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 
269                       href="/governo/secretarias/chefe-de-gabinete">Chefe de Gabinete</a>
270                    
271                </div>
272                
273            </li>
274            
275            <li class="relative group">
276                <a class="block py-4 border-b-2 border-transparent hover:text-primary transition-colors flex items-center gap-1" 
277                   href="/servicos/" >
278                    SERVIÇOS
279                    
280                </a>
281                
282            </li>
283            
284            <li class="relative group">
285                <a class="block py-4 border-b-2 border-transparent hover:text-primary transition-colors flex items-center gap-1" 
286                   href="/noticias/" >
287                    NOTÍCIAS
288                    
289                </a>
290                
291            </li>
292            
293            <li class="relative group">
294                <a class="block py-4 border-b-2 border-transparent hover:text-primary transition-colors flex items-center gap-1" 
295                   href="https://transparencia.missal.pr.gov.br"  target="_blank" >
296                    TRANSPARÊNCIA
297                    
298                </a>
299                
300            </li>
301            
302            <li class="relative group">
303                <a class="block py-4 border-b-2 border-transparent hover:text-primary transition-colors flex items-center gap-1" 
304                   href="/galeria/" >
305                    FOTOS E VÍDEOS
306                    
307                </a>
308                
309            </li>
310            
311            <li class="relative group">
312                <a class="block py-4 border-b-2 border-transparent hover:text-primary transition-colors flex items-center gap-1" 
313                   href="/contato/" >
314                    CONTATO
315                    
316                </a>
317                
318            </li>
319            
320        </ul>
321
322        <!-- Menu mobile -->
323        <ul id="mobile-menu" class="hidden lg:hidden flex-col text-sm font-bold text-slate-600 dark:text-slate-400 pb-4">
324            
325            <li>
326                <a class="flex items-center justify-between py-3 border-b border-slate-100 dark:border-slate-800 hover:text-primary transition-colors"
327                   href="/"
328                   >
329                    INÍCIO
330                    
331                </a>
332
333                
334            </li>
335            
336            <li>
337                <a class="flex items-center justify-between py-3 border-b border-slate-100 dark:border-slate-800 hover:text-primary transition-colors"
338                   href="#"
339                   onclick="toggleSubmenu(event, 'submenu-2')">
340                    MUNICÍPIO
341                    
342                    <span class="material-symbols-outlined text-xs transition-transform" id="arrow-2">expand_more</span>
343                    
344                </a>
345
346                
347                <ul id="submenu-2" class="hidden flex-col pl-4 bg-slate-50 dark:bg-slate-800 rounded-lg mb-1">
348                    
349                    <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0"
350                       href="/pagina/hino/">Hino</a>
351                    
352                    <a class="block py-2 px-4 text-xs uppercase text-slate-600 dar
352k:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0"
353                       href="/pagina/bandeira/">Bandeira</a>
354                    
355                    <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0"
356                       href="/pagina/localizacao/">Localização</a>
357                    
358                    <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0"
359                       href="/pagina/historia/">História</a>
360                    
361                </ul>
362                
363            </li>
364            
365            <li>
366                <a class="flex items-center justify-between py-3 border-b border-slate-100 dark:border-slate-800 hover:text-primary transition-colors"
367                   href="#"
368                   onclick="toggleSubmenu(event, 'submenu-3')">
369                    GOVERNO
370                    
371                    <span class="material-symbols-outlined text-xs transition-transform" id="arrow-3">expand_more</span>
372                    
373                </a>
374
375                
376                <ul id="submenu-3" class="hidden flex-col pl-4 bg-slate-50 dark:bg-slate-800 rounded-lg mb-1">
377                    
378                    <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0"
379                       href="/governo/secretarias/prefeito/">Prefeito</a>
380                    
381                    <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0"
382                       href="/governo/secretarias/vice-prefeito/">Vice Prefeito</a>
383                    
384                    <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0"
385                       href="/governo/secretarias/secretaria-municipal-de-administracao/">Secretaria de Administração</a>
386                    
387                    <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0"
388                       href="/governo/secretarias/secretaria-municipal-de-agricultura">Secretaria de Agricultura</a>
389                    
390                    <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0"
391                       href="/governo/secretarias/secretaria-municipal-de-assistencia-social">Secretaria de Assistência Social</a>
392                    
393                    <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0"
394                       href="/governo/secretarias/secretaria-municipal-de-desenvolvimento-economico">Secretaria de Desenvolvimento Econômico</a>
395                    
396                    <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0"
397                       href="/governo/secretarias/secretaria-municipal-de-educacao-e-cultura">Secretaria de Educação e Cultura</a>
398                    
399                    <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0"
400                       href="/governo/secretarias/secretaria-municipal-de-esporte-lazer-e-turismo">Secretaria de Esporte, Lazer e Turismo</a>
401                    
402                    <a class="block py-2 px-4 text-xs uppercase text-slate-600 dar
402k:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0"
403                       href="/governo/secretarias/secretaria-municipal-de-financas">Secretaria de Finanças</a>
404                    
405                    <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0"
406                       href="/governo/secretarias/secretaria-municipal-de-meio-ambiente">Secretaria de Meio Ambiente</a>
407                    
408                    <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0"
409                       href="/governo/secretarias/secretaria-municipal-de-obras-urbanismo-e-transportes">Secretaria de Obras, Urbanismo e Transportes</a>
410                    
411                    <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0"
412                       href="/governo/secretarias/secretaria-municipal-de-planejamento">Secretaria de Planejamento</a>
413                    
414                    <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0"
415                       href="/governo/secretarias/secretaria-municipal-de-saude">Secretaria de Saúde</a>
416                    
417                    <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0"
418                       href="/governo/secretarias/procuradoria-geral-do-municipio">Procuradoria Geral do Município</a>
419                    
420                    <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0"
421                       href="/governo/secretarias/assessoria-de-comunicacao">Assessoria de Comunicação</a>
422                    
423                    <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0"
424                       href="/governo/secretarias/chefe-de-gabinete">Chefe de Gabinete</a>
425                    
426                </ul>
427                
428            </li>
429            
430            <li>
431                <a class="flex items-center justify-between py-3 border-b border-slate-100 dark:border-slate-800 hover:text-primary transition-colors"
432                   href="/servicos/"
433                   >
434                    SERVIÇOS
435                    
436                </a>
437
438                
439            </li>
440            
441            <li>
442                <a class="flex items-center justify-between py-3 border-b border-slate-100 dark:border-slate-800 hover:text-primary transition-colors"
443                   href="/noticias/"
444                   >
445                    NOTÍCIAS
446                    
447                </a>
448
449                
450            </li>
451            
452            <li>
453                <a class="flex items-center justify-between py-3 border-b border-slate-100 dark:border-slate-800 hover:text-primary transition-colors"
454                   href="https://transparencia.missal.pr.gov.br"
455                   >
456                    TRANSPARÊNCIA
457                    
458                </a>
459
460                
461            </li>
462            
463            <li>
464                <a class="flex items-center justify-between py-3 border-b border-slate-100 dark:border-slate-800 hover:text-primary transition-colors"
465                   href="/galeria/"
466                   >
467                    FOTOS E VÍDEOS
468                    
469                </a>
470
471                
472            </li>
473            
474            <li>
475                <a class="flex items-center justify-between py-3 border-b border-slate-100 dar
475k:border-slate-800 hover:text-primary transition-colors"
476                   href="/contato/"
477                   >
478                    CONTATO
479                    
480                </a>
481
482                
483            </li>
484            
485        </ul>
486
487    </div>
488</nav>
489    </header>
490
491    <main>
492        
493<main class="flex-1 lg:px-40 px-6 py-12 bg-slate-50 dark:bg-slate-900/50">
494    <!-- Breadcrumbs -->
495    <nav class="flex items-center gap-2 mb-8 text-sm">
496        <a class="text-slate-500 hover:text-primary flex items-center gap-1" href="/">
497            <span class="material-symbols-outlined text-sm">home</span> Início
498        </a>
499        <span class="text-slate-400">/</span>
500        <span class="text-primary font-semibold">Bandeira</span>
501    </nav>
502
503    <!-- Hero Section -->
504    
505    <div class="relative h-72 md:h-96 rounded-3xl overflow-hidden mb-12 shadow-xl">
506        <img class="w-full h-full object-cover" src="/media/paginas/capas/bandeira-missal.jpg" alt="Bandeira"/>
507        <div class="absolute inset-0 bg-gradient-to-t from-slate-900/80 via-slate-900/30 to-transparent"></div>
508        <div class="absolute bottom-0 left-0 p-10 z-10">
509            
510            <span class="material-symbols-outlined text-white/80 text-5xl mb-4 block">flag</span>
511            
512            <h1 class="text-4xl md:text-5xl font-black text-white tracking-tight mb-3">Bandeira</h1>
513            
514            <p class="text-slate-200 text-lg max-w-2xl">A Bandeira</p>
515            
516        </div>
517    </div>
518    
519
520    <!-- Content Area -->
521    <article class="bg-white dark:bg-slate-900 rounded-3xl shadow-sm border border-slate-200 dark:border-slate-800 p-10 md:p-16 mb-12">
522        <div class="prose prose-lg prose-slate dark:prose-invert max-w-none
523                    prose-headings:font-black prose-headings:tracking-tight
524                    prose-h2:text-2xl prose-h2:mt-12 prose-h2:mb-6 prose-h2:text-primary
525                    prose-h3:text-xl prose-h3:mt-8 prose-h3:mb-4
526                    prose-p:leading-relaxed prose-p:text-justify
527                    prose-a:text-primary prose-a:font-bold prose-a:no-underline hover:prose-a:underline
528                    prose-img:rounded-2xl prose-img:shadow-lg
529                    prose-ul:space-y-2 prose-li:text-slate-600 dark:prose-li:text-slate-400
530                    prose-blockquote:border-primary prose-blockquote:bg-primary/5 prose-blockquote:rounded-r-xl prose-blockquote:py-1">
531            <img src="/media/paginas/capas/bandeira-missal.jpg" style="">
532<br>
533As peças e as cores da Bandeira Municipal apresentam a seguinte simbologia:<br>
534<br>
535- <strong>Verde vegetal </strong>dos paralelogramas lembra os campos verdejantes e a esperança de boas colheitas<br>
536<br>
537- <strong>Faixas diagonais</strong> de cor vermelho escuro simbolizam a terra fértil espalhada por todos os quadrantes de seu território<br>
538<br>
539- <strong>Azul dos triângulos-retângulos</strong> representa a cor do céu nas manhãs de primavera, os rios e o lago de Itaipu que banham o território do município<br>
540<br>
541- <strong>Losango branco</strong> ao centro significa o território e a população de Missal, simboliza também o espírito da paz e amizade presentes nos corações dos habitantes do município.<br>
542<br>
543- <strong>Livro aberto</strong> simboliza a Sede Municipal, a fita marcadora do Poder Municipal a guiar os destinos de sua população.
544        </div>
545        
546        <!-- Attachments Area -->
547        
548    </article>
549
550    <!-- Meta Footer -->
551    <div class="flex flex-wrap items-center justify-between gap-4 text-sm text-slate-400">
552        <span class="flex items-center gap-2">
553            <span class="material-symbols-outlined text-sm">update</span>
554            Última atualização: 26/03/2026 às 15:50
555        </span>
556        <a href="/" class="text-primary font-bold hover:underline flex items-center gap-1">
557            <span class="material-symbols-outlined text-sm">arrow_back</span> Voltar ao Início
558        </a>
559    </div>
560</main>
561
562    </main>
563
564    <!-- Footer -->
565    <footer class="bg-white dark:bg-slate-900 border-t-4 border-primary mt-12">
566        <div class="max-w-[1280px] mx-auto px-4 lg:px-10 py-16 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12">
567            <div class="space-y-6">
568                <div class="flex items-center gap-4">
569                    <div class="size-12 bg-white rounded-lg flex items-center justify-center text-white p-1">
570                        <img src="/static/img/brasao_missal.svg" alt="Brasão de Missal" class="h-full w-auto">
571                    </div>
572                    <div>
573                        <h2 class="text-lg font-extrabold text-primary">MISSAL</h2>
574                        <p class="text-[10px] text-slate-500 font-bold uppercase">Estado do Paraná</p>
575                    </div>
576                </div>
577                <p class="text-sm text-slate-500 leading-relaxed">
578                    Trabalhando com transparência e eficiência para construir uma cidade cada vez melhor para todos os cidadãos de Missal.
579                </p>
580                <div class="flex gap-4">
581                    <a class="size-8 rounded-full bg-slate-100 dar
581k:bg-slate-800 flex items-center justify-center text-slate-600 hover:bg-primary hover:text-white transition-all" href="https://www.facebook.com/PrefeituradeMissal" target="_blank" title="Facebook"><span class="material-symbols-outlined text-sm" >thumb_up</span></a>
582                    <a class="size-8 rounded-full bg-slate-100 dark:bg-slate-800 flex items-center justify-center text-slate-600 hover:bg-primary hover:text-white transition-all" href="https://www.instagram.com/prefeiturademissal/" target="_blank" title="Instagram"><span class="material-symbols-outlined text-sm" >photo_camera</span></a>
583                    <a class="size-8 rounded-full bg-slate-100 dark:bg-slate-800 flex items-center justify-center text-slate-600 hover:bg-primary hover:text-white transition-all" href="https://www.youtube.com/@municipiodemissal" target="_blank" title="Youtube"><span class="material-symbols-outlined text-sm" >play_circle</span></a>
584                </div>
585                <p  class="text-xs text-slate-400 font-small tracking-widest"><a href="/pagina/politicas-de-privacidade/" target="_blank">Politicas de Privacidade</a></p>
586            </div>
587            <div>
588                <h4 class="text-slate-900 dark:text-white font-bold mb-6 text-sm uppercase tracking-widest">Acesso Rápido</h4>
589                <ul class="space-y-3 text-sm text-slate-500 dark:text-slate-400">
590                    <li><a class="hover:text-primary transition-colors" href="https://webmail.missal.pr.gov.br/" target="_blank">Webmail</a></li>
591                    <li><a class="hover:text-primary transition-colors" href="/atendimento/">Central de Atendimento</a></li>
592                    <li><a class="hover:text-primary transition-colors" href="https://publicacoesmunicipais.com.br/eatos/missal" target="_blank">Diário Oficial</a></li>
593                    <li><a class="hover:text-primary transition-colors" href="https://transparencia.missal.pr.gov.br/licitacoes" target="_blank">Licitações</a></li>
594                    <li><a class="hover:text-primary transition-colors" href="https://transparencia.missal.pr.gov.br/concursos" target="_blank">Concursos e Seletivos</a></li>
595                    <li><a class="hover:text-primary transition-colors" href="https://leismunicipais.com.br/legislacao-municipal/3372/leis-de-missal" target="_blank">Legislação Municipal</a></li>
596                    <li><a class="hover:text-primary transition-colors" href="https://saladoempreendedor.missal.pr.gov.br/" target="_blank">Sala do Empreendedor</a></li>
597                </ul>
598            </div>
599            <div>
600                <h4 class="text-slate-900 dark:text-white font-bold mb-6 text-sm uppercase tracking-widest">Contato</h4>
601                <ul class="space-y-4 text-sm text-slate-500 dark:text-slate-400">
602                    <li class="flex gap-3">
603                        <span class="material-symbols-outlined text-primary">location_on</span>
604                        <span>Rua Nossa Senhora da Conceição, 555 - Centro<br/>Missal - PR, 85736-021</span>
605                    </li>
606                    <li class="flex gap-3">
607                        <span class="material-symbols-outlined text-primary">call</span>
608                        <span>(45) 3244-8000</span>
609                    </li>
610                    <li class="flex gap-3">
611                        <span class="material-symbols-outlined text-primary">mail</span>
612                        <span>[email protected]</span>
613                    </li>
614                    <li class="flex gap-3">
615                        <span class="material-symbols-outlined text-primary text-xl">schedule</span>
616                        <span>Segunda a Sexta<br/>07h30 às 11h30 e 13h às 17h</span>
617                    </li>
618                </ul>
619            </div>
620            <div>
621                <h4 class="text-slate-900 dark:text-white font-bold mb-6 text-sm uppercase tracking-widest">Localização</h4>
622                <div class="rounded-lg overflow-hidden h-40 border border-slate-200 dark:border-slate-800">
623                    <a href="https://maps.app.goo.gl/EoQjXHTrtyE61oCN7" target="_blank">
624                        <iframe 
625                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14408.016335198!2d-54.2494917!3d-25.044033!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94f6ba6e7e7e7e79%3A0x7d7d7d7d7d7d7d7d!2sPrefeitura%20Municipal%20de%20Missal!5e0!3m2!1spt-BR!2sbr!4v1700000000000!5m2!1spt-
625BR!2sbr" 
626                        class="w-full h-full border-0" 
627                        allowfullscreen="" 
628                        loading="lazy" 
629                        referrerpolicy="no-referrer-when-downgrade">
630                    </iframe>
631                    </a>
632                </div>
633            </div>
634        </div>
635        <div class="bg-slate-50 dark:bg-slate-950 py-6 border-t border-slate-200 dark:border-slate-800 text-center">
636            <p class="text-xs text-slate-400 uppercase font-medium tracking-widest">© 2026 Prefeitura Municipal de Missal - Todos os direitos reservados</p>
637            <p class="text-xs text-slate-400 font-small tracking-widest">Desenvolvido por <a href="https://www.linkedin.com/in/vilmar-spies-553a9122/" target="_blank">Vilmar Spies</a></p>
638        </div>
639    </footer>
640    <div vw class="enabled">
641            <div vw-access-button class="active"></div>
642            <div vw-plugin-wrapper>
643                <div class="vw-plugin-top-wrapper"></div>
644            </div>
645        </div>
646    
647<div x-data="cookieConsent()">
648  <div
649    x-show="visible"
650    x-transition:enter="transition ease-out duration-500"
651    x-transition:enter-start="opacity-0 translate-y-8"
652    x-transition:enter-end="opacity-100 translate-y-0"
653    x-transition:leave="transition ease-in duration-300"
654    x-transition:leave-start="opacity-100 translate-y-0"
655    x-transition:leave-end="opacity-0 translate-y-8"
656    x-cloak
657    class="fixed bottom-0 left-0 right-0 z-[9999] p-4 md:p-6"
658    role="dialog"
659    aria-live="polite"
660    aria-label="Aviso de cookies"
661  >
662  <div class="max-w-5xl mx-auto bg-white dark:bg-slate-900 rounded-2xl shadow-2xl border border-slate-200 dark:border-slate-700 overflow-hidden">
663    <div class="h-1 bg-gradient-to-r from-primary via-blue-400 to-primary"></div>
664    <div class="p-6 md:p-8">
665      <div class="flex flex-col md:flex-row md:items-start gap-6">
666 
667        <!-- Ícone + texto -->
668        <div class="flex items-start gap-4 flex-1">
669          <div class="size-12 rounded-xl bg-primary/10 flex items-center justify-center flex-shrink-0">
670            <span class="material-symbols-outlined text-primary text-2xl">cookie</span>
671          </div>
672          <div>
673            <h3 class="text-base font-extrabold text-slate-900 dark:text-white mb-1">
674              Este site utiliza cookies 🍪
675            </h3>
676            <p class="text-sm text-slate-500 dark:text-slate-400 leading-relaxed">
677              Usamos cookies <strong class="text-slate-700 dark:text-slate-300">essenciais</strong>
678              para o funcionamento do site e cookies
679              <strong class="text-slate-700 dark:text-slate-300">analíticos</strong>
680              (Google Analytics) de forma anonimizada. Nenhum dado é vendido a terceiros.
681              <a href="/pagina/politicas-de-privacidade/" class="text-primary font-bold hover:underline ml-1">
682                Política de Privacidade →
683              </a>
684            </p>
685 
686            <!-- Detalhes expansíveis -->
687            <div x-data="{ open: false }" class="mt-3">
688              <button @click="open = !open"
689                class="text-xs text-primary font-bold flex items-center gap-1 hover:underline focus:outline-none">
690                <span class="material-symbols-outlined text-sm"
691                  x-text="open ? 'expand_less' : 'expand_more'">expand_more</span>
692                <span x-text="open ? 'Ocultar detalhes' : 'Ver detalhes dos cookies'"></span>
693              </button>
694 
695              <div x-show="open" x-transition class="mt-3 grid sm:grid-cols-3 gap-2">
696                <div class="bg-slate-50 dark:bg-slate-800 rounded-lg p-3 border border-slate-100 dark:border-slate-700">
697                  <div class="flex items-center gap-2 mb-1">
698                    <span class="size-2 rounded-full bg-green-500"></span>
699                    <span class="text-xs font-bold text-slate-700 dark:text-slate-300">Essenciais</span>
700                    <span class="ml-auto text-[10px] bg-green-100 text-green-700 px-1.5 py-0.5 rounded font-bold">Sempre ativos</span>
701                  </div>
702                  <p class="text-[11px] text-slate-500">Sessão, segurança e preferências básicas.</p>
703                </div>
704                <div class="bg-slate-50 dark:bg-slate-800 rounded-lg p-3 border border-slate-100 dar
704k:border-slate-700">
705                  <div class="flex items-center gap-2 mb-1">
706                    <span class="size-2 rounded-full bg-blue-500"></span>
707                    <span class="text-xs font-bold text-slate-700 dark:text-slate-300">Analíticos</span>
708                    <label class="ml-auto flex items-center cursor-pointer">
709                      <input type="checkbox" x-model="analytics" class="sr-only peer">
710                      <div class="relative w-7 h-4 bg-slate-300 peer-checked:bg-primary rounded-full transition-colors">
711                        <div class="absolute top-0.5 left-0.5 size-3 bg-white rounded-full shadow transition-transform"
712                          :class="analytics ? 'translate-x-3' : 'translate-x-0'"></div>
713                      </div>
714                    </label>
715                  </div>
716                  <p class="text-[11px] text-slate-500">Google Analytics — estatísticas anônimas.</p>
717                </div>
718                <div class="bg-slate-50 dark:bg-slate-800 rounded-lg p-3 border border-slate-100 dark:border-slate-700">
719                  <div class="flex items-center gap-2 mb-1">
720                    <span class="size-2 rounded-full bg-purple-500"></span>
721                    <span class="text-xs font-bold text-slate-700 dark:text-slate-300">Preferências</span>
722                    <label class="ml-auto flex items-center cursor-pointer">
723                      <input type="checkbox" x-model="preferences" class="sr-only peer">
724                      <div class="relative w-7 h-4 bg-slate-300 peer-checked:bg-primary rounded-full transition-colors">
725                        <div class="absolute top-0.5 left-0.5 size-3 bg-white rounded-full shadow transition-transform"
726                          :class="preferences ? 'translate-x-3' : 'translate-x-0'"></div>
727                      </div>
728                    </label>
729                  </div>
730                  <p class="text-[11px] text-slate-500">Tema, fonte e acessibilidade.</p>
731                </div>
732              </div>
733            </div>
734          </div>
735        </div>
736 
737        <!-- Botões -->
738        <div class="flex flex-col sm:flex-row md:flex-col gap-2 md:min-w-[180px]">
739          <button @click="acceptAll()"
740            class="w-full bg-primary text-white text-sm font-bold px-5 py-2.5 rounded-xl hover:opacity-90 active:scale-95 transition-all flex items-center justify-center gap-2">
741            <span class="material-symbols-outlined text-sm">check_circle</span>
742            Aceitar todos
743          </button>
744          <button @click="acceptSelected()"
745            class="w-full bg-slate-100 dark:bg-slate-800 text-slate-700 dark:text-slate-300 text-sm font-bold px-5 py-2.5 rounded-xl hover:bg-slate-200 active:scale-95 transition-all flex items-center justify-center gap-2">
746            <span class="material-symbols-outlined text-sm">tune</span>
747            Salvar seleção
748          </button>
749          <button @click="rejectAll()"
750            class="w-full text-slate-400 hover:text-slate-600 text-xs font-medium px-5 py-2 rounded-xl transition-colors flex items-center justify-center gap-1">
751            <span class="material-symbols-outlined text-xs">block</span>
752            Apenas essenciais
753          </button>
754        </div>
755      </div>
756    </div>
757  </div>
758  </div>
759
760  <!-- Botão flutuante para rever preferências -->
761  <div x-show="showFloatingButton && !visible" x-cloak
762    class="fixed bottom-4 left-4 z-[9998]">
763    <button
764      @click="clearConsent()"
765      class="size-10 rounded-full bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 shadow-lg flex items-center justify-center text-slate-400 hover:text-primary hover:border-primary transition-all"
766      title="Rever preferências de cookies">
767      <span class="material-symbols-outlined text-lg">cookie</span>
768    </button>
769  </div>
770</div>
771 
772<style>[x-cloak] { display: none !important; }</style>
773 
774<script>
775function cookieConsent() {
776  return {
777    visible: false,
778    showFloatingButton: false,
779    analytics: true,
780    preferences: true,
781 
782    init() {
783      // Verifica cookie HTTP (não localStorage) para consistência com o middleware
784      const hasConsent = document.cookie.includes('cookie_consent=');
785      if (!hasConsent) {
786        setTimeout(() => { this.visible = true; }, 800);
787      } else {
788        this.showFloatingButton = true;
789      }
790    },
791 
792    acceptAll() {
793      this.save({ essential: true, analytics: true, preferences: true });
794    },
795 
796    acceptSelected() {
797      this.save({ essential: true, analytics: this.analytics, preferences: this.preferences });
798    },
799 
800    rejectAll() {
801      this.save({ essential: true, analytics: false, preferences: false });
802    },
803 
804    save(consent) {
805      consent.date = new Date().toISOString();
806      // Salva como cookie HTTP (para o middleware Django ler)
807      const value = encodeURIComponent(JSON.stringify(consent));
808      const expires = new Date();
809      expires.setFullYear(expires.getFullYear() + 1); // validade de 1 ano
810      document.cookie = `cookie_consent=${value}; path=/; expires=${expires.toUTCString()}; SameSite=Lax`;
811
812      // Sync preferências: se recusado, limpa localStorage de acessibilidade
813      if (consent.preferences === false) {
814        localStorage.removeItem('theme');
815        localStorage.removeItem('textSize');
816      }
817
818      this.visible = false;
819      window.dispatchEvent(new CustomEvent('cookie-saved'));
820
821      // Recarrega para aplicar/remover scripts do django-analytical
822      window.location.reload();
823    },
824 
825    clearConsent() {
826      // Abre o banner novamente em vez de apenas limpar e recarregar
827      this.visible = true;
828    }
829  }
830}
831</script>
831
832    
832<script src="https://vlibras.gov.br/app/vlibras-plugin.js"></script>
832
833    
833<script>
834        new window.VLibras.Widget('https://vlibras.gov.br/app');
835    </script>
835
836    <!-- Lógica de Alternar Contraste e Acessibilidade -->
837    
837<script>
838         // Hamburguer toggle
839        document.getElementById('menu-toggle').addEventListener('click', () => {
840            const menu = document.getElementById('mobile-menu');
841            const iconOpen = document.getElementById('menu-icon-open');
842            const iconClose = document.getElementById('menu-icon-close');
843
844            menu.classList.toggle('hidden');
845            menu.classList.toggle('flex');
846            iconOpen.classList.toggle('hidden');
847            iconClose.classList.toggle('hidden');
848        });
849
850        // Submenu mobile
851        function toggleSubmenu(e, id) {
852            e.preventDefault();
853            const submenu = document.getElementById(id);
854            const arrow = document.getElementById(id.replace('submenu', 'arrow'));
855
856            submenu.classList.toggle('hidden');
857            submenu.classList.toggle('flex');
858            arrow.classList.toggle('rotate-180');
859        }
860    
861        // --- Contraste ---
862        document.getElementById('toggle-contrast-btn').addEventListener('click', function() {
863            if (document.documentElement.classList.contains('dark')) {
864                document.documentElement.classList.remove('dark');
865                localStorage.setItem('theme', 'light');
866            } else {
867                document.documentElement.classList.add('dark');
868                localStorage.setItem('theme', 'dark');
869            }
870        });
871
872        // --- Acessibilidade (Tamanho da Fonte) ---
873        const accessBtn = document.getElementById('toggle-accessibility-btn');
874        const accessMenu = document.getElementById('accessibility-menu');
875
876        // Toggle dropdown
877        accessBtn.addEventListener('click', function(e) {
878            // Prevent applying sizes if clicking exactly on the toggle, let child buttons do that
879            if(e.target.closest('#accessibility-menu')) return;
880            
881            const isHidden = accessMenu.classList.contains('hidden');
882            if (isHidden) {
883                accessMenu.classList.remove('hidden');
884                accessBtn.setAttribute('aria-expanded', 'true');
885            } else {
886                accessMenu.classList.add('hidden');
887                accessBtn.setAttribute('aria-expanded', 'false');
888            }
889        });
890
891        // Fechar dropdown ao clicar fora
892        document.addEventListener('click', function(e) {
893            if (!accessBtn.contains(e.target)) {
894                accessMenu.classList.add('hidden');
895                accessBtn.setAttribute('aria-expanded', 'false');
896            }
897        });
898
899        // Aplicar tamanho da fonte
900        function setTextSize(size) {
901            if (size === 'normal') {
902                document.documentElement.style.fontSize = '100%'; // Default browser size
903                localStorage.setItem('textSize', 'normal');
904            } else if (size === 'large') {
905                document.documentElement.style.fontSize = '112.5%'; // ~18px
906                localStorage.setItem('textSize', 'large');
907            } else if (size === 'xlarge') {
908                document.documentElement.style.fontSize = '125%'; // ~20px
909                localStorage.setItem('textSize', 'xlarge');
910            }
911            
912            // Close menu after selection
913            accessMenu.classList.add('hidden');
914            accessBtn.setAttribute('aria-expanded', 'false');
915        }
916    </script>
916
917    
918</body>
919</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.