PageSourceSearch

https://camarapaulodefaria.sp.gov.br/

html camarapaulodefaria.sp.gov.br collected 2026-10-02 23:04:37 UTC 132,215 bytes, 2,183 lines download raw bytes

1<!DOCTYPE html>
2<html lang="pt-br" class="h-100">
3<head>
4    <meta charset="utf-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6    <title>C&#xE2;mara Municipal de Paulo de Faria</title>
7
8    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha256-PI8n5gCcz9cQqQXm3PEtDuPG8qx9oFsFctPg0S5zb8g=" crossorigin="anonymous">
9    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/all.min.css" integrity="sha256-5eIC48iZUHmSlSUz9XtjRyK2mzQkHScZY1WdMaoz74E=" crossorigin="anonymous">
10    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" integrity="sha256-zaSoHBhwFdle0scfGEFUCwggPN7F+ip9XRglo8IWb4w=" crossorigin="anonymous">
11    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/select2-bootstrap-5-theme.min.css" integrity="sha256-XLNUEfzPGHBeStES2DbLUURZ3e793BablwzJlYj6W2Q=" crossorigin="anonymous">
12    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@eonasdan/[email protected]/dist/css/tempus-dominus.min.css" integrity="sha256-GL1EKgvClquzhro6024XPgmwYpwWDC8Pu5j6g2YqdzE=" crossorigin="anonymous">
13    <!-- CSS do AOS -->
14    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" />
15    <!--FancyBox-->
16    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.css" />
17
18    <!-- Adicione o link para o favicon aqui -->
19    <link rel="icon" href="/images/favicon.ico" type="image/x-icon" />
20
21    
22    
23        <link rel="stylesheet" href="/Sistema/css/site.min.css?v=7hnkYcfUCkO6jBVhmH3xfUuC_0l6X7uN5kww6OrBQLU" />
24        <link href="/Content/home.css" rel="stylesheet" />
25    
26
27    
28    
29
30    
30<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
30
31    
31<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha256-CDOy6cOibCWEdsRiZuaHf8dSGGJRYuBGC+mjoJimHGw=" crossorigin="anonymous"></script>
31
32    
32<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js" integrity="sha256-9yRP/2EFlblE92vzCA10469Ctd0jT48HnmmMw5rJZrA=" crossorigin="anonymous"></script>
32
33    
33<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/i18n/pt-BR.js" integrity="sha256-T3di9eT0sWzn9Lwps0x4A8zcJj3oviBEW35PTXjk/JQ=" crossorigin="anonymous"></script>
33
34    
34<script src="https://cdn.jsdelivr.net/npm/[email protected]/moment.js" integrity="sha256-fcClHDLa4UPy6t4jUUXf1qd1Y4jA8L9An6Nz3WwjNik=" crossorigin="anonymous"></script>
34
35    
35<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha256-whL0tQWoY1Ku1iskqPFvmZ+CHsvmRWx/PIoEvIeWh4I=" crossorigin="anonymous"></script>
35
36    
36<script src="https://cdn.jsdelivr.net/npm/@eonasdan/[email protected]/dist/js/tempus-dominus.min.js" integrity="sha256-i0cAnINQGgz36gQkJrYvGFTTwvzJ0dT+cgWcOjcwHsE=" crossorigin="anonymous"></script>
36
37    
37<script src="https://cdn.jsdelivr.net/npm/@eonasdan/[email protected]/dist/js/jQuery-provider.min.js" integrity="sha256-ZLdT9BBdlLj3ou/pfVofjOqDBXJqqH44d4u10cPI5Mg=" crossorigin="anonymous"></script>
37
38    
38<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/imask.min.js" integrity="sha256-f817BCjkRsuPwQqazeY4OKKvWhz14dkFluMmQx5IlhA=" crossorigin="anonymous"></script>
38
39    
39<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
39
40    
40<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.umd.js"></script>
40
41
42    
43    
44    
44<script>
45        document.addEventListener("DOMContentLoaded", function () {
46            var modalEl = document.getElementById('popupAtivoModal');
47            if (modalEl) {
48                var myModal = new bootstrap.Modal(modalEl);
49                myModal.show();
50            }
51        });
52    </script>
52
53
54    
54<script>
55        (function () {
56
57            // 👇 SEU CHANNEL ID
58            const channelId = "UC-TnLyJjhm9wf6pLt4t3Azg";
59
60            const rssUrl = `https://www.youtube.com/feeds/videos.xml?channel_id=${channelId}`;
61            const apiProxy = `https://api.rss2json.com/v1/api.json?rss_url=${encodeURIComponent(rssUrl)}`;
62
63            async function carregarConteudo() {
64                try {
65                    const response = await fetch(apiProxy);
66                    const data = await response.json();
67
68                    if (data.status === 'ok' && data.items.length > 0) {
69
70                        const videos = data.items;
71
72                        // 🎥 PLAYER PRINCIPAL (primeiro vídeo)
73                        const iframePrincipal = document.getElementById("ytPlayer");
74                        const videoPrincipalId = videos[0].link.split("v=")[1];
75                        iframePrincipal.src = `https://www.youtube.com/embed/${videoPrincipalId}`;
76
77                        // 🎬 GALERIA (próximos 4 vídeos)
78                        const gallery = document.getElementById("video-gallery");
79                        gallery.innerHTML = "";
80
81                        for (let i = 1; i <= 4; i++) {
82                            if (videos[i]) {
83
84                                const videoId = videos[i].link.split("v=")[1];
85                                const thumbnail = `https://img.youtube.com/vi/${videoId}/mqdefault.jpg`;
86
87                                const div = document.createElement("div");
88
89                                // 👇 ESSENCIAL pro 2 por linha funcionar
90                                div.className = "col-6";
91
92                                div.innerHTML = `
93                                    <div style="cursor:pointer;" onclick="trocarVideo('${videoId}')">
94                                        <img src="${thumbnail}" style="width:100%; border-radius:6px;">
95                                    </div>
96                                `;
97
98                                gallery.appendChild(div);
99                            }
100                        }
101                    }
102                } catch (error) {
103                    console.error("Erro ao buscar vídeos do YouTube:", error);
104                }
105            }
106
107            // 🔄 troca vídeo no player principal
108            window.trocarVideo = function (videoId) {
109                const iframePrincipal = document.getElementById("ytPlayer");
110                iframePrincipal.src = `https://www.youtube.com/embed/${videoId}?autoplay=1`;
111            };
112
113            document.addEventListener("DOMContentLoaded", carregarConteudo);
114
115        })();
116    </script>
116
117
118
119</head>
120
121<body class="d-flex flex-column h-100" style="overflow-x: hidden!important;" data-bs-theme="light">
122    <nav class="navbar navbar-expand-lg p-2" style="background: #000000">
123        <div class="container">
124            <div class="row w-100">
125                <div class="col-6 col-sm-4 col-md-2 mb-2" style="text-align: center;">
126                    <a accesskey="2" title="Conteúdo da página" class="nav-link text-white" href="#conteudo" style="color: #fff !important; font-size: 0.8em !important;">
127                        <i class="fa-solid fa-file-alt"></i> Conteúdo <span class="badge rounded-pill bg-light text-dark">2</span>
128                    </a>
129                </div>
130                <div class="col-6 col-sm-4 col-md-2 mb-2" style="text-align: center;">
131                    <a accesskey="3" title="Rodapé da página" class="nav-link text-white" href="#rodape" style="color: #fff !important; font-size: 0.8em !important;">
132                        <i class="fa-solid fa-arrow-down"></i> Rodapé <span class="badge rounded-pill bg-light text-dark">3</span>
133                    </a>
134                </div>
135                <div class="col-6 col-sm-4 col-md-2 mb-2" style="text-align: center;">
136                    <a class="nav-link text-white" id="aumenta" accesskey="4" title="Aumentar o tamanho da fonte" style="color: #fff !important; font-size: 0.8em !important;" href="/Acessibility?handler=AumentarFonte">
137                        <i class="fa-solid fa-font"></i> Aumentar fonte <span class="badge rounded-pill bg-light text-dark">4</span>
138                    </a>
139
140                </div>
141                <div class="col-6 col-sm-4 col-md-2 mb-2" style="text-align: center;">
142                    <a class="nav-link text-white" id="reduz" accesskey="5" title="Diminui o tamanho da fonte" style="color: #fff !important; font-size: 0.8em !important;" href="/Acessibility?handler=DiminuirFonte">
143                        <i class="fa-solid fa-font"></i> Reduzir fonte <span class="badge rounded-pill bg-light text-dark">5</span>
144                    </a>
145                </div>
146
147                <div class="col-6 col-sm-4 col-md-2 mb-2" style="text-align: center;">
148                    <a class="nav-link text-white" id="contraste" accesskey="6" title="Altera o contraste das cores" style="color: #fff !important; font-size: 0.8em !important;" href="/Acessibility?handler=AltoContraste">
149                        <i class="fa-solid fa-adjust"></i> Alto/Baixo contraste <span class="badge rounded-pill bg-light text-dark">6</span>
150                    </a>
151                </div>
152                <div class="col-6 col-sm-4 col-md-2 mb-2" style="text-align: center;">
153                    <a class="nav-link text-white" accesskey="7" title="Página de acessibilidade" style="color: #fff !important; font-size: 0.8em !important;" href="/Paginas/Details/359">
154                        <i class="fa-solid fa-universal-access"></i> Acessibilidade <span class="badge rounded-pill bg-light text-dark">7</span>
155                    </a>
156                </div>
157            </div>
158        </div>
159    </nav>
160
161    <!-- Adicionando o link do Font Awesome 6 -->
162    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
163    <header class="bg-header">
164        <div class="bg-blue text-white py-2">
165            <div class="container d-flex flex-wrap justify-content-between align-items-center" style="font-size: 0.9rem;">
166                <!-- Links Iniciais -->
167                <div class="initial-links d-flex flex-wrap align-items-center mb-2 mb-md-0">
168                    <span class="initial-link me-3">
169                        <i class="fas fa-phone text-green"></i>  (17) 3292-1360 / (17) 3292-1730
170                    </span>
171                    <span class="initial-link">
172                        <i class="fas fa-calendar text-green"></i> Paulo de Faria - SP, sexta-feira, 2 de outubro de 2026
173                    </span>
174                </div>
175                <!-- Links de Rede -->
176                <div class="net-links d-flex flex-wrap align-items-center">
177                    <span class="net-link me-3">
178                        <a href="/Admin" target="_blank" class="text-decoration-none text-white">
179                            <i class="fas fa-lock text-green"></i> &#xC1;rea Restrita
180                        </a>
181                    </span>
182                    <span class="net-link me-3">
183                        <a href="https://webmail.camarapaulodefaria.sp.gov.br/interface/root#/login" target="_blank" class="text-decoration-none text-white">
184                            <i class="fas fa-envelope text-green"></i> Webmail
185                        </a>
186                    </span>
187                </div>
188            </div>
189        </div>
190
191        <div class="container-fluid py-4">
192            <div class="row align-items-center">
193
194                <!-- Logo -->
195                <div class="col-12 col-md-3 text-center mb-3 mb-md-0">
196                    <a href="/" title="Página Inicial (Home)">
197                        <img src="/images/brasao-rodape.png" alt="Brasão" class="brasao img-gray">
198                    </a>
199                </div>
200
201                <!-- Nome da Câmara -->
202                <div class="col-12 col-md-6 text-center mb-3 mb-md-0">
203                    <a href="/" title="Página Inicial (Home)">
204                        <div class="logo-container">
205                            <h2 class="logo-top">Câmara Municipal de</h2>
206                            <h1 class="logo-main">Paulo de Faria</h1>
207                            <div class="logo-footer">
208                                <div class="logo-line"></div>
209                                <span class="logo-subtext">Estado de São Paulo</span>
210                                <div class="logo-line"></div>
211                            </div>
212                        </div>
213                    </a>
214                </div>
215
216                <!-- Redes Sociais + Pesquisa -->
217                <div class="col-12 col-md-3 text-center">
218
219                    <ul class="list-inline mb-3">
220                        <li class="list-inline-item">
221                            <a href="https://www.facebook.com/camara.paulodefaria.5" target="_blank">
222                                <img src="/images/fb.png" width="35" height="35" alt="Facebook" class="img-gray">
223                            </a>
224                        </li>
225
226                        <li class="list-inline-item">
227                            <a href="https://www.instagram.com/camarapaulodefaria/" target="_blank">
228                                <img src="/images/insta.png" width="35" height="35" alt="Instagram" class="img-gray">
229                            </a>
230                        </li>
231
232                        <li class="list-inline-item">
233                            <a href="https://www.youtube.com/channel/UCjy6m-pruIbM5Awhwhd4Isw" target="_blank">
234                                <img src="/images/yt.png" width="35" height="35" alt="Youtube" class="img-gray">
235                            </a>
236                        </li>
237                    </ul>
238
239                    <form method="get" class="input-group mx-auto" style="max-width:300px;" action="/Pesquisa">
240                        <input type="text"
241                               class="form-control search-form"
242                               name="pesquisa"
243                               placeholder="Pesquisar..."
244                               value="">
245
246                        <button class="btn btn-primary" type="submit">
247                            <i class="fa fa-search text-white"></i>
248                        </button>
249                    </form>
250
251                </div>
252
253            </div>
254        </div>
255
256        <!-- Offcanvas Menu Mobile -->
257        <div class="offcanvas offcanvas-start text-white" tabindex="-1" id="mobileMenu" aria-labelledby="mobileMenuLabel">
258            <div class="offcanvas-header">
259                <h5 class="offcanvas-title" id="mobileMenuLabel">Menu</h5>
260                <button type="button" class="btn-close btn-close-white"  data-bs-dismiss="offcanvas" aria-label="Close"></button>
261            </div>
262            <div class="offcanvas-body">
263                <ul class="navbar-nav fs-5">
264                                <li class="nav-item">
265                                    <a class="nav-link text-white" href="/Index">
266                                        <i class="In&#xED;cio me-2"></i> In&#xED;cio
267                                    </a>
268                                </li>
269                                <li class="nav-item">
270                                    <!-- NÍVEL 1 -->
271                                    <a class="nav-link text-white d-flex justify-content-between align-items-center"
272                                       data-bs-toggle="collapse" href="#collapse_1" role="button">
273                                        <span><i class="A C&#xE2;mara me-2"></i> A C&#xE2;mara</span>
274                                        <i class="bi bi-chevron-down small"></i>
275                                    </a>
276
277                                    <div class="collapse" id="collapse_1">
278                                        <ul class="list-unstyled ps-3 mt-1">
279                                                    <li>
280                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
281                                                           href="/Paginas/Details/22" target="_self" style="font-size: 0.95rem;">
282                                                            Conhe&#xE7;a a C&#xE2;mara
283                                                        </a>
284                                                    </li>
285                                                    <li>
286                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
287                                                           href="/Paginas/Details/30" target="_self" style="font-size: 0.95rem;">
288                                                            Estrutura Funcional
289                                                        </a>
290                                                    </li>
291                                                    <li>
292                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
293                                                           href="/Paginas/Details/264" target="_self" style="font-size: 0.95rem;">
294                                                            Localiza&#xE7;&#xE3;o
295                                                        </a>
296                                                    </li>
297                                                    <li>
298                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
299                                                           href="/Paginas/Details/358" style="font-size: 0.95rem;">
300                                                            Legislaturas
301                                                        </a>
302                                                    </li>
303                                                    <li>
304                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
305                                                           href="/Vereadores" target="_self" style="font-size: 0.95rem;">
306                                                            Vereadores
307                                                        </a>
308                                                    </li>
309                                                    <li>
310                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
311                                                           href="/Vereadores?tab=mesa" target="_self" style="font-size: 0.95rem;">
312                                                            Mesa Diretora
313                                                        </a>
314                                                    </li>
315                                                    <li>
316                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
317                                                           href="/Vereadores?tab=comissoes" target="_self" style="font-size: 0.95rem;">
318                                                            Comiss&#xF5;es Parlamentares
319                                                        </a>
320                                                    </li>
321                                                    <li>
322                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
323                                                           href="/Galerias/Details?id=2" target="_self" style="font-size: 0.95rem;">
324                                                            Galeria de Presidentes
325                                                        </a>
326                                                    </li>
327                                                    <li>
328                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
329                                                           href="/Noticias" target="_self" style="font-size: 0.95rem;">
330                                                            Not&#xED;cias
331                                                        </a>
332                                                    </li>
333                                        </ul>
334                                    </div>
335                                </li>
336                                <li class="nav-item">
337                                    <!-- NÍVEL 1 -->
338                                    <a class="nav-link text-white d-flex justify-content-between align-items-center"
339                                       data-bs-toggle="collapse" href="#collapse_4" role="button">
340                                        <span><i class="A Cidade me-2"></i> A Cidade</span>
341                                        <i class="bi bi-chevron-down small"></i>
342                                    </a>
343
344                                    <div class="collapse" id="collapse_4">
345                                        <ul class="list-unstyled ps-3 mt-1">
346                                                    <li>
347                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
348                                                           href="/Paginas/Details/4" target="_self" style="font-size: 0.95rem;">
349                                                            Aspectos F&#xED;sicos
350                                                        </a>
351                                                    </li>
352                                                    <li>
353                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
354                                                           href="/Paginas/Details/2" target="_self" style="font-size: 0.95rem;">
355                                                            Breve Hist&#xF3;rico
356                                                        </a>
357                                                    </li>
358                                                    <li>
359                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
360                                                           href="/Paginas/Details/6" target="_self" style="font-size: 0.95rem;">
361                                                            Cultura e Turismo
362                                                        </a>
363                                                    </li>
364                                                    <li>
365                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
366                                                           href="/Paginas/Details/16" target="_self" style="font-size: 0.95rem;">
367                                                            S&#xED;mbolos
368                                                        </a>
369                                                    </li>
370                                                    <li>
371                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
372                                                           href="/Paginas/Details/268" target="_self" style="font-size: 0.95rem;">
373                                                            Hino
374                                                        </a>
375                                                    </li>
376                                                    <li>
377                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
378                                                           href="/Galerias/Details?id=3" target="_self" style="font-size: 0.95rem;">
379                                                            Galeria de Prefeitos
380                                                        </a>
381                                                    </li>
382                                                    <li>
383                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
384                                                           href="/Galerias" target="_self" style="font-size: 0.95rem;">
385                                                            Galeria de Fotos
386                                                        </a>
387                                                    </li>
388                                        </ul>
389                                    </div>
390                                </li>
391                                <li class="nav-item">
392                                    <!-- NÍVEL 1 -->
393                                    <a class="nav-link text-white d-flex justify-content-between align-items-center"
394                                       data-bs-toggle="collapse" href="#collapse_3" role="button">
395                                        <span><i class="Atividades Legislativas me-2"></i> Atividades Legislativas</span>
396                                        <i class="bi bi-chevron-down small"></i>
397                                    </a>
398
399                                    <div class="collapse" id="collapse_3">
400                                        <ul class="list-unstyled ps-3 mt-1">
401                                                    <li>
402                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
403                                                           href="https://paulodefaria.siscam.com.br/index/80/8" target="_blank" style="font-size: 0.95rem;">
404                                                            Proposituras
405                                                        </a>
406                                                    </li>
407                                                    <li>
408                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
409                                                           href="https://paulodefaria.siscam.com.br/index/81/8" target="_blank" style="font-size: 0.95rem;">
410                                                            Legisla&#xE7;&#xE3;o
411                                                        </a>
412                                                    </li>
413                                                    <li>
414                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
415                                                           href="https://paulodefaria.siscam.com.br/sessoes" target="_blank" style="font-size: 0.95rem;">
416                                                            Sess&#xF5;es
417                                                        </a>
418                                                    </li>
419                                                    <li>
420                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
421                                                           href="/FaleConosco/Audiencia" target="_self" style="font-size: 0.95rem;">
422                                                            Sugest&#xE3;o para Audi&#xEA;ncia
423                                                        </a>
424                                                    </li>
425                                                    <li>
426                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
427                                                           href="https://www.legislacaodigital.com.br/PauloDeFaria-SP/LeisComplementares/40-2007" target="_blank" style="font-size: 0.95rem;">
428                                                            Estatuto e Plano de Carreira
429                                                        </a>
430                                                    </li>
431                                                    <li>
432                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
433                                                           href="https://legislacaodigital.com.br/PauloDeFaria-SP/LeisOrganicas/0/" target="_blank" style="font-size: 0.95rem;">
434                                                            Lei Org&#xE2;nica
435                                                        </a>
436                                                    </li>
437                                                    <li>
438                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
439                                                           href="https://legislacaodigital.com.br/PauloDeFaria-SP/Resolucoes/2-2020/Arquivos/1" target="_blank" style="font-size: 0.95rem;">
440                                                            Regimento Interno
441                                                        </a>
442                                                    </li>
443                                                    <li>
444                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
445                                                           href="/Downloads/File?id=44&amp;handler=Imagem" target="_blank" style="font-size: 0.95rem;">
446                                                            Plano de Contrata&#xE7;&#xF5;es Anual 2025
447                                                        </a>
448                                                    </li>
449                                        </ul>
450                                    </div>
451                                </li>
452                                <li class="nav-item">
453                                    <a class="nav-link text-white" href="http://45.177.240.75:8079/transparenciacamara/">
454                                        <i class="Transpar&#xEA;ncia me-2"></i> Transpar&#xEA;ncia
455                                    </a>
456                                </li>
457                                <li class="nav-item">
458                                    <!-- NÍVEL 1 -->
459                                    <a class="nav-link text-white d-flex justify-content-between align-items-center"
460                                       data-bs-toggle="collapse" href="#collapse_187" role="button">
461                                        <span><i class="Servi&#xE7;os me-2"></i> Servi&#xE7;os</span>
462                                        <i class="bi bi-chevron-down small"></i>
463                                    </a>
464
465                                    <div class="collapse" id="collapse_187">
466                                        <ul class="list-unstyled ps-3 mt-1">
467                                                    <li>
468                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
469                                                           href="/Telefones" target="_self" style="font-size: 0.95rem;">
470                                                            Telefones &#xDA;teis
471                                                        </a>
472                                                    </li>
473                                                    <li>
474                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
475                                                           href="/Links" target="_self" style="font-size: 0.95rem;">
476                                                            Links &#xDA;teis
477                                                        </a>
478                                                    </li>
479                                                    <li>
480                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
481                                                           href="/Licitacao" target="_self" style="font-size: 0.95rem;">
482                                                            Licita&#xE7;&#xF5;es
483                                                        </a>
484                                                    </li>
485                                                    <li>
486                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
487                                                           href="/Downloads" target="_self" style="font-size: 0.95rem;">
488                                                            Downloads
489                                                        </a>
490                                                    </li>
491                                                    <li>
492                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
493                                                           href="http://177.129.204.51:8080/sipweb/trabalhador/login/login.xhtml" target="_blank" style="font-size: 0.95rem;">
494                                                            Holerite On-line
495                                                        </a>
496                                                    </li>
497                                                    <li>
498                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
499                                                           href="/Downloads/File?id=47&amp;handler=Imagem" target="_blank" style="font-size: 0.95rem;">
500                                                            Novo CEP Paulo de Faria
501                                                        </a>
502                                                    </li>
503                                        </ul>
504                                    </div>
505                                </li>
506                                <li class="nav-item">
507                                    <!-- NÍVEL 1 -->
508                                    <a class="nav-link text-white d-flex justify-content-between align-items-center"
509                                       data-bs-toggle="collapse" href="#collapse_5" role="button">
510                                        <span><i class="Contatos me-2"></i> Contatos</span>
511                                        <i class="bi bi-chevron-down small"></i>
512                                    </a>
513
514                                    <div class="collapse" id="collapse_5">
515                                        <ul class="list-unstyled ps-3 mt-1">
516                                                    <li>
517                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
518                                                           href="/FaleConosco" target="_self" style="font-size: 0.95rem;">
519                                                            Fale Conosco
520                                                        </a>
521                                                    </li>
522                                                    <li>
523                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
524                                                           href="/esic/cidadao" target="_self" style="font-size: 0.95rem;">
525                                                            e-Sic
526                                                        </a>
527                                                    </li>
528                                                    <li>
529                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
530                                                           href="/Ouvidoria" target="_self" style="font-size: 0.95rem;">
531                                                            Ouvidoria
532                                                        </a>
533                                                    </li>
534                                                    <li>
535                                                        <a class="text-white text-decoration-none py-2 d-block opacity-75"
536                                                           href="/FaleConosco/Vereador" target="_self" style="font-size: 0.95rem;">
537                                                            Fale com Vereador
538                                                        </a>
539                                                    </li>
540                                        </ul>
541                                    </div>
542                                </li>
543                                <li class="nav-item">
544                                    <a class="nav-link text-white" href="/Paginas/Details/278">
545                                        <i class="LGPD me-2"></i> LGPD
546                                    </a>
547                                </li>
548                                <li class="nav-item">
549                                    <a class="nav-link text-white" href="/Paginas/Details/283">
550                                        <i class="LDO - PPA - LOA me-2"></i> LDO - PPA - LOA
551                                    </a>
552                                </li>
553                </ul>
554            </div>
555        </div>
556
557        <!-- Navbar -->
558        <nav class="navbar bg-blue navbar-expand-lg navbar-dark py-2" id="menuPrincipal">
559            <div class="container-fluid w-100">
560                <button class="navbar-toggler" type="button"
561                        data-bs-toggle="offcanvas"
562                        data-bs-target="#mobileMenu"
563                        aria-controls="mobileMenu"
564                        style="background-color: #3A5FC4!important;">
565                    <span class="navbar-toggler-icon"></span>
566                </button>
567
568                <!-- Full-Width Menu for Desktop -->
569                <div class="collapse navbar-collapse justify-content-center" id="navbarNav">
570                    <ul class="navbar-nav">
571                                <li class="nav-item">
572                                    <a class="nav-link" target="_self" href="/Index"><i class="In&#xED;cio me-2"></i> In&#xED;cio</a>
573                                </li>
574                                <li class="nav-item dropdown">
575                                    <a class="nav-link dropdown-toggle"
576                                       href="#"
577                                       data-bs-toggle="dropdown">
578                                        <i class="A C&#xE2;mara me-2"></i> A C&#xE2;mara
579                                    </a>
580
581                                    <ul class="dropdown-menu">
582                                                <li>
583                                                    <a class="dropdown-item"
584                                                       href="/Paginas/Details/22"
585                                                       target="_self">
586                                                        Conhe&#xE7;a a C&#xE2;mara
587                                                    </a>
588                                                </li>
589                                                <li>
590                                                    <a class="dropdown-item"
591                                                       href="/Paginas/Details/30"
592                                                       target="_self">
593                                                        Estrutura Funcional
594                                                    </a>
595                                                </li>
596                                                <li>
597                                                    <a class="dropdown-item"
598                                                       href="/Paginas/Details/264"
599                                                       target="_self">
600                                                        Localiza&#xE7;&#xE3;o
601                                                    </a>
602                                                </li>
603                                                <li>
604                                                    <a class="dropdown-item"
605                                                       href="/Paginas/Details/358">
606                                                        Legislaturas
607                                                    </a>
608                                                </li>
609                                                <li>
610                                                    <a class="dropdown-item"
611                                                       href="/Vereadores"
612                                                       target="_self">
613                                                        Vereadores
614                                                    </a>
615                                                </li>
616                                                <li>
617                                                    <a class="dropdown-item"
618                                                       href="/Vereadores?tab=mesa"
619                                                       target="_self">
620                                                        Mesa Diretora
621                                                    </a>
622                                                </li>
623                                                <li>
624                                                    <a class="dropdown-item"
625                                                       href="/Vereadores?tab=comissoes"
626                                                       target="_self">
627                                                        Comiss&#xF5;es Parlamentares
628                                                    </a>
629                                                </li>
630                                                <li>
631                                                    <a class="dropdown-item"
632                                                       href="/Galerias/Details?id=2"
633                                                       target="_self">
634                                                        Galeria de Presidentes
635                                                    </a>
636                                                </li>
637                                                <li>
638                                                    <a class="dropdown-item"
639                                                       href="/Noticias"
640                                                       target="_self">
641                                                        Not&#xED;cias
642                                                    </a>
643                                                </li>
644                                    </ul>
645                                </li>
646                                <li class="nav-item dropdown">
647                                    <a class="nav-link dropdown-toggle"
648                                       href="#"
649                                       data-bs-toggle="dropdown">
650                                        <i class="A Cidade me-2"></i> A Cidade
651                                    </a>
652
653                                    <ul class="dropdown-menu">
654                                                <li>
655                                                    <a class="dropdown-item"
656                                                       href="/Paginas/Details/4"
657                                                       target="_self">
658                                                        Aspectos F&#xED;sicos
659                                                    </a>
660                                                </li>
661                                                <li>
662                                                    <a class="dropdown-item"
663                                                       href="/Paginas/Details/2"
664                                                       target="_self">
665                                                        Breve Hist&#xF3;rico
666                                                    </a>
667                                                </li>
668                                                <li>
669                                                    <a class="dropdown-item"
670                                                       href="/Paginas/Details/6"
671                                                       target="_self">
672                                                        Cultura e Turismo
673                                                    </a>
674                                                </li>
675                                                <li>
676                                                    <a class="dropdown-item"
677                                                       href="/Paginas/Details/16"
678                                                       target="_self">
679                                                        S&#xED;mbolos
680                                                    </a>
681                                                </li>
682                                                <li>
683                                                    <a class="dropdown-item"
684                                                       href="/Paginas/Details/268"
685                                                       target="_self">
686                                                        Hino
687                                                    </a>
688                                                </li>
689                                                <li>
690                                                    <a class="dropdown-item"
691                                                       href="/Galerias/Details?id=3"
692                                                       target="_self">
693                                                        Galeria de Prefeitos
694                                                    </a>
695                                                </li>
696                                                <li>
697                                                    <a class="dropdown-item"
698                                                       href="/Galerias"
699                                                       target="_self">
700                                                        Galeria de Fotos
701                                                    </a>
702                                                </li>
703                                    </ul>
704                                </li>
705                                <li class="nav-item dropdown">
706                                    <a class="nav-link dropdown-toggle"
707                                       href="#"
708                                       data-bs-toggle="dropdown">
709                                        <i class="Atividades Legislativas me-2"></i> Atividades Legislativas
710                                    </a>
711
712                                    <ul class="dropdown-menu">
713                                                <li>
714                                                    <a class="dropdown-item"
715                                                       href="https://paulodefaria.siscam.com.br/index/80/8"
716                                                       target="_blank">
717                                                        Proposituras
718                                                    </a>
719                                                </li>
720                                                <li>
721                                                    <a class="dropdown-item"
722                                                       href="https://paulodefaria.siscam.com.br/index/81/8"
723                                                       target="_blank">
724                                                        Legisla&#xE7;&#xE3;o
725                                                    </a>
726                                                </li>
727                                                <li>
728                                                    <a class="dropdown-item"
729                                                       href="https://paulodefaria.siscam.com.br/sessoes"
730                                                       target="_blank">
731                                                        Sess&#xF5;es
732                                                    </a>
733                                                </li>
734                                                <li>
735                                                    <a class="dropdown-item"
736                                                       href="/FaleConosco/Audiencia"
737                                                       target="_self">
738                                                        Sugest&#xE3;o para Audi&#xEA;ncia
739                                                    </a>
740                                                </li>
741                                                <li>
742                                                    <a class="dropdown-item"
743                                                       href="https://www.legislacaodigital.com.br/PauloDeFaria-SP/LeisComplementares/40-2007"
744                                                       target="_blank">
745                                                        Estatuto e Plano de Carreira
746                                                    </a>
747                                                </li>
748                                                <li>
749                                                    <a class="dropdown-item"
750                                                       href="https://legislacaodigital.com.br/PauloDeFaria-SP/LeisOrganicas/0/"
751                                                       target="_blank">
752                                                        Lei Org&#xE2;nica
753                                                    </a>
754                                                </li>
755                                                <li>
756                                                    <a class="dropdown-item"
757                                                       href="https://legislacaodigital.com.br/PauloDeFaria-SP/Resolucoes/2-2020/Arquivos/1"
758                                                       target="_blank">
759                                                        Regimento Interno
760                                                    </a>
761                                                </li>
762                                                <li>
763                                                    <a class="dropdown-item"
764                                                       href="/Downloads/File?id=44&amp;handler=Imagem"
765                                                       target="_blank">
766                                                        Plano de Contrata&#xE7;&#xF5;es Anual 2025
767                                                    </a>
768                                                </li>
769                                    </ul>
770                                </li>
771                                <li class="nav-item">
772                                    <a class="nav-link" target="_blank" href="http://45.177.240.75:8079/transparenciacamara/"><i class="Transpar&#xEA;ncia me-2"></i> Transpar&#xEA;ncia</a>
773                                </li>
774                                <li class="nav-item dropdown">
775                                    <a class="nav-link dropdown-toggle"
776                                       href="#"
777                                       data-bs-toggle="dropdown">
778                                        <i class="Servi&#xE7;os me-2"></i> Servi&#xE7;os
779                                    </a>
780
781                                    <ul class="dropdown-menu">
782                                                <li>
783                                                    <a class="dropdown-item"
784                                                       href="/Telefones"
785                                                       target="_self">
786                                                        Telefones &#xDA;teis
787                                                    </a>
788                                                </li>
789                                                <li>
790                                                    <a class="dropdown-item"
791                                                       href="/Links"
792                                                       target="_self">
793                                                        Links &#xDA;teis
794                                                    </a>
795                                                </li>
796                                                <li>
797                                                    <a class="dropdown-item"
798                                                       href="/Licitacao"
799                                                       target="_self">
800                                                        Licita&#xE7;&#xF5;es
801                                                    </a>
802                                                </li>
803                                                <li>
804                                                    <a class="dropdown-item"
805                                                       href="/Downloads"
806                                                       target="_self">
807                                                        Downloads
808                                                    </a>
809                                                </li>
810                                                <li>
811                                                    <a class="dropdown-item"
812                                                       href="http://177.129.204.51:8080/sipweb/trabalhador/login/login.xhtml"
813                                                       target="_blank">
814                                                        Holerite On-line
815                                                    </a>
816                                                </li>
817                                                <li>
818                                                    <a class="dropdown-item"
819                                                       href="/Downloads/File?id=47&amp;handler=Imagem"
820                                                       target="_blank">
821                                                        Novo CEP Paulo de Faria
822                                                    </a>
823                                                </li>
824                                    </ul>
825                                </li>
826                                <li class="nav-item dropdown">
827                                    <a class="nav-link dropdown-toggle"
828                                       href="#"
829                                       data-bs-toggle="dropdown">
830                                        <i class="Contatos me-2"></i> Contatos
831                                    </a>
832
833                                    <ul class="dropdown-menu">
834                                                <li>
835                                                    <a class="dropdown-item"
836                                                       href="/FaleConosco"
837                                                       target="_self">
838                                                        Fale Conosco
839                                                    </a>
840                                                </li>
841                                                <li>
842                                                    <a class="dropdown-item"
843                                                       href="/esic/cidadao"
844                                                       target="_self">
845                                                        e-Sic
846                                                    </a>
847                                                </li>
848                                                <li>
849                                                    <a class="dropdown-item"
850                                                       href="/Ouvidoria"
851                                                       target="_self">
852                                                        Ouvidoria
853                                                    </a>
854                                                </li>
855                                                <li>
856                                                    <a class="dropdown-item"
857                                                       href="/FaleConosco/Vereador"
858                                                       target="_self">
859                                                        Fale com Vereador
860                                                    </a>
861                                                </li>
862                                    </ul>
863                                </li>
864                                <li class="nav-item">
865                                    <a class="nav-link" target="_self" href="/Paginas/Details/278"><i class="LGPD me-2"></i> LGPD</a>
866                                </li>
867                                <li class="nav-item">
868                                    <a class="nav-link" target="_self" href="/Paginas/Details/283"><i class="LDO - PPA - LOA me-2"></i> LDO - PPA - LOA</a>
869                                </li>
870                    </ul>
871                </div>
872            </div>
873        </nav>  
874    </header>
875
876    <!--Conteúdo-->
877    <main id="conteudo" class="main-content">
878        <div style="padding: 0;" class="container-fluid">
879            
880<div class="container-xxl" id="conteudoPrincipal">
881    <div class="row">
882        <div class="col-lg-8 col-sm-12">
883            <div id="carouselExampleCaptions1" class="carousel sombra-padrao" data-bs-ride="carousel">
884                <div class="carousel-indicators">
885                        <button type="button"
886                                data-bs-target="#carouselExampleCaptions1"
887                                data-bs-slide-to="0"
888                                class="active"
889                                aria-current="true"
890                                aria-label="Slide 1">
891                        </button>
892                        <button type="button"
893                                data-bs-target="#carouselExampleCaptions1"
894                                data-bs-slide-to="1"
895                                class=""
896                                aria-current="false"
897                                aria-label="Slide 2">
898                        </button>
899                        <button type="button"
900                                data-bs-target="#carouselExampleCaptions1"
901                                data-bs-slide-to="2"
902                                class=""
903                                aria-current="false"
904                                aria-label="Slide 3">
905                        </button>
906                </div>
907
908                <div class="carousel-inner">
909                        <div class="carousel-item banner-carousel-item active">
910                                    <a href="/Noticias/Details?id=265">
911                                        <img src="/?id=589&amp;handler=Imagem"
912                                             class="d-block  img-fluid img-gray rounded-0"
913                                             alt="Imagem do slide">
914                                    </a>
915                        </div>
916                        <div class="carousel-item banner-carousel-item ">
917                                    <a href="/Noticias/Details?id=268">
918                                        <img src="/?id=592&amp;handler=Imagem"
919                                             class="d-block  img-fluid img-gray rounded-0"
920                                             alt="Imagem do slide">
921                                    </a>
922                        </div>
923                        <div class="carousel-item banner-carousel-item ">
924                                    <a href="/Noticias/Details?id=271">
925                                        <img src="/?id=595&amp;handler=Imagem"
926                                             class="d-block  img-fluid img-gray rounded-0"
927                                             alt="Imagem do slide">
928                                    </a>
929                        </div>
930                 </div>
931            </div>
932
933            <!-- Ultimas Notícias -->
934            <div class="sidebar-menu-list mb-3" role="navigation">
935                <div class="mt-4 section-noticias">
936                    <div class="d-flex justify-content-between align-items-center mb-3" data-aos="fade-up">
937                        <h4 class="noticias-header-title text-blue mb-0">
938                            <span>Últimas Notícias</span>
939                        </h4>
940                        <a class="btn-ver-todas text-decoration-none" href="/Noticias">
941                            Ver todas <i class="fas fa-arrow-right ms-1"></i>
942                        </a>
943                    </div>
944
945                    <!-- Lista de Notícias -->
946                    <div class="noticias-lista-container ">
947                            <div class="noticia-item-row mt-3" data-aos="fade-up">
948                                <a class="noticia-item-link" href="/Noticias/Details?id=262">
949
950                                    <div class="row align-items-center">
951
952                                        <!-- Imagem -->
953                                        <div class="col-3">
954
955                                            <div class="noticia-img-wrapper">
956                                                    <img src="/?id=586&amp;handler=Imagem"
957                                                         class="noticia-thumb-img d-block mx-auto img-gray"
958                                                         alt="AUDI&#xCA;NCIA P&#xDA;BLICA " />
959                                        </div>
960                                    </div>
961
962                                    <!-- Data e título -->
963                                    <div class="col-8">
964                                        <span class="noticia-date text-muted">
965                                            30/09/2026
966                                        </span>
967
968                                            <h5 class="noticia-title text-blue mt-2 mb-0">
969                                                AUDI&#xCA;NCIA P&#xDA;BLICA 
970                                            </h5>
971                                        </div>
972
973                                        <!-- Seta -->
974                                        <div class="col-1 text-end">
975                                            <span class="noticia-arrow-icon">
976                                                <i class="fas fa-chevron-right"></i>
977                                            </span>
978                                        </div>
979
980                                    </div>
981
982                                </a>
983                            </div>
984                            <div class="noticia-item-row mt-3" data-aos="fade-up">
985                                <a class="noticia-item-link" href="/Noticias/Details?id=259">
986
987                                    <div class="row align-items-center">
988
989                                        <!-- Imagem -->
990                                        <div class="col-3">
991
992                                            <div class="noticia-img-wrapper">
993                                                    <img src="/?id=583&amp;handler=Imagem"
994                                                         class="noticia-thumb-img d-block mx-auto img-gray"
995                                                         alt="HOMENGEM AOS POLICIAIS MILITARES, ENTREGA DE MEDALHAS.  " />
996                                        </div>
997                                    </div>
998
999                                    <!-- Data e título -->
1000                                    <div class="col-8">
1001                                        <span class="noticia-date text-muted">
1002                                            11/09/2026
1003                                        </span>
1004
1005                                            <h5 class="noticia-title text-blue mt-2 mb-0">
1006                                                HOMENGEM AOS POLICIAIS MILITARES, ENTREGA DE MEDALHAS.  
1007                                            </h5>
1008                                        </div>
1009
1010                                        <!-- Seta -->
1011                                        <div class="col-1 text-end">
1012                                            <span class="noticia-arrow-icon">
1013                                                <i class="fas fa-chevron-right"></i>
1014                                            </span>
1015                                        </div>
1016
1017                                    </div>
1018
1019                                </a>
1020                            </div>
1021                            <div class="noticia-item-row mt-3" data-aos="fade-up">
1022                                <a class="noticia-item-link" href="/Noticias/Details?id=256">
1023
1024                                    <div class="row align-items-center">
1025
1026                                        <!-- Imagem -->
1027                                        <div class="col-3">
1028
1029                                            <div class="noticia-img-wrapper">
1030                                                    <img src="/?id=526&amp;handler=Imagem"
1031                                                         class="noticia-thumb-img d-block mx-auto img-gray"
1032                                                         alt="SETEMBRO AMARELO, M&#xCA;S DE PREVEN&#xC7;&#xC3;O AO SUIC&#xCD;DIO " />
1033                                        </div>
1034                                    </div>
1035
1036                                    <!-- Data e título -->
1037                                    <div class="col-8">
1038                                        <span class="noticia-date text-muted">
1039                                            10/09/2026
1040                                        </span>
1041
1042                                            <h5 class="noticia-title text-blue mt-2 mb-0">
1043                                                SETEMBRO AMARELO, M&#xCA;S DE PREVEN&#xC7;&#xC3;O AO SUIC&#xCD;DIO 
1044                                            </h5>
1045                                        </div>
1046
1047                                        <!-- Seta -->
1048                                        <div class="col-1 text-end">
1049                                            <span class="noticia-arrow-icon">
1050                                                <i class="fas fa-chevron-right"></i>
1051                                            </span>
1052                                        </div>
1053
1054                                    </div>
1055
1056                                </a>
1057                            </div>
1058                            <div class="noticia-item-row mt-3" data-aos="fade-up">
1059                                <a class="noticia-item-link" href="/Noticias/Details?id=251">
1060
1061                                    <div class="row align-items-center">
1062
1063                                        <!-- Imagem -->
1064                                        <div class="col-3">
1065
1066                                            <div class="noticia-img-wrapper">
1067                                                    <img src="/?id=521&amp;handler=Imagem"
1068                                                         class="noticia-thumb-img d-block mx-auto img-gray"
1069                                                         alt="HOMENGEM AOS POLICIAIS MILITARES" />
1070                                        </div>
1071                                    </div>
1072
1073                                    <!-- Data e título -->
1074                                    <div class="col-8">
1075                                        <span class="noticia-date text-muted">
1076                                            08/09/2026
1077                                        </span>
1078
1079                                            <h5 class="noticia-title text-blue mt-2 mb-0">
1080                                                HOMENGEM AOS POLICIAIS MILITARES
1081                                            </h5>
1082                                        </div>
1083
1084                                        <!-- Seta -->
1085                                        <div class="col-1 text-end">
1086                                            <span class="noticia-arrow-icon">
1087                                                <i class="fas fa-chevron-right"></i>
1088                                            </span>
1089                                        </div>
1090
1091                                    </div>
1092
1093                                </a>
1094                            </div>
1095                            <div class="noticia-item-row mt-3" data-aos="fade-up">
1096                                <a class="noticia-item-link" href="/Noticias/Details?id=248">
1097
1098                                    <div class="row align-items-center">
1099
1100                                        <!-- Imagem -->
1101                                        <div class="col-3">
1102
1103                                            <div class="noticia-img-wrapper">
1104                                                    <img src="/?id=518&amp;handler=Imagem"
1105                                                         class="noticia-thumb-img d-block mx-auto img-gray"
1106                                                         alt="AGOSTO LIL&#xC1;S, M&#xCA;S DA CONSCI&#xCA;NTIZA&#xC7;&#xC3;O SOBRE O COMBATE A VIOL&#xCA;NCIA CONTRA A MULHER" />
1107                                        </div>
1108                                    </div>
1109
1110                                    <!-- Data e título -->
1111                                    <div class="col-8">
1112                                        <span class="noticia-date text-muted">
1113                                            25/08/2026
1114                                        </span>
1115
1116                                            <h5 class="noticia-title text-blue mt-2 mb-0">
1117                                                AGOSTO LIL&#xC1;S, M&#xCA;S DA CONSCI&#xCA;NTIZA&#xC7;&#xC3;O SOBRE O COMBATE A VIOL&#xCA;NCIA CONTRA A MULHER
1118                                            </h5>
1119                                        </div>
1120
1121                                        <!-- Seta -->
1122                                        <div class="col-1 text-end">
1123                                            <span class="noticia-arrow-icon">
1124                                                <i class="fas fa-chevron-right"></i>
1125                                            </span>
1126                                        </div>
1127
1128                                    </div>
1129
1130                                </a>
1131                            </div>
1132                    </div>
1133                </div>
1134            </div>
1135        </div>
1136        <div class="col-lg-4 col-sm-12">
1137            <!-- TV Câmara -->
1138            <div class="col-md-12 col-xs-12">
1139                <div class="sidebar-menu-list mb-3" role="navigation">
1140                    <section class="sidebar-menu-section" aria-label="Publicações Oficiais">
1141                        <header class="sidebar-menu-section-header">
1142                            <div class="sidebar-menu-section-title">
1143                                <span>TV Câmara</span>
1144                            </div>
1145                        </header>
1146                        <a href="https://www.youtube.com/@cmpaulodefaria" target="_blank" title="Transmissão Ao Vivo" class="d-block w-100">
1147                            <img src="/images/transmissao.png" title="Transmissão Ao Vivo" class="img-fluid img-gray d-block mx-auto" />
1148                        </a>
1149                    </section>
1150                </div>
1151            </div>
1152
1153            <!--Eventos-->
1154            <div class="col-md-12 col-xs-12">
1155                <div class="sidebar-menu-list mb-3" role="navigation">
1156                    <section class="sidebar-menu-section" aria-label="Publicações Oficiais">
1157                        <header class="sidebar-menu-section-header">
1158                            <div class="sidebar-menu-section-title">
1159                                <span>Próximos Eventos</span>
1160                                <a href="/Eventos">
1161                                    <p class="text-end text-muted">Ver todos <i class="fas fa-arrow-right arrow" aria-hidden="true"></i></p>
1162                                </a>
1163                            </div>
1164                        </header>
1165                        <div class="sidebar-menu-section-body">
1166                            <div class="row align-items-start mb-3 evento-item">
1167                                <!-- DATA -->
1168                                    <div class="col-lg-3 col-sm-12 text-center data-evento">
1169                                        <a href="/Eventos/Details?id=112">
1170                                            <div class="mes-evento">
1171                                                OUT.
1172                                            </div>
1173
1174                                            <div class="linha-branca"></div>
1175
1176                                            <div class="dia-evento">
1177                                                6
1178                                            </div>
1179                                        </a>
1180                                    </div>
1181
1182                                <!-- INFO -->
1183                                <div class="col-lg-9 col-sm-12">
1184                                    <a href="/Eventos/Details?id=112">
1185                                        <p class="titulo-evento">SESS&#xC3;O ORDIN&#xC1;RIA </p>
1186                                    </a>
1187                                    <p class="info-evento">
1188                                        <i class="fa fa-clock"></i>
1189                                        20:00  
1190                                        |  <i class="fa fa-map-marker"></i> C&#xC3;MARA MUNICIPAL DE PAULO DE FARIA
1191                                    </p>
1192                                </div>
1193                            </div>
1194                            <div class="row align-items-start mb-3 evento-item">
1195                                <!-- DATA -->
1196                                    <div class="col-lg-3 col-sm-12 text-center data-evento">
1197                                        <a href="/Eventos/Details?id=109">
1198                                            <div class="mes-evento">
1199                                                SET.
1200                                            </div>
1201
1202                                            <div class="linha-branca"></div>
1203
1204                                            <div class="dia-evento">
1205                                                15
1206                                            </div>
1207                                        </a>
1208                                    </div>
1209
1210                                <!-- INFO -->
1211                                <div class="col-lg-9 col-sm-12">
1212                                    <a href="/Eventos/Details?id=109">
1213                                        <p class="titulo-evento">15&#xAA; SESS&#xC3;O ORDIN&#xC1;RIA </p>
1214                                    </a>
1215                                    <p class="info-evento">
1216                                        <i class="fa fa-clock"></i>
1217                                        20:00  
1218                                        |  <i class="fa fa-map-marker"></i> C&#xC2;MARA MUNICIPAL DE PAULO DE FARIA
1219                                    </p>
1220                                </div>
1221                            </div>
1222                            <div class="row align-items-start mb-3 evento-item">
1223                                <!-- DATA -->
1224                                    <div class="col-lg-3 col-sm-12 text-center data-evento">
1225                                        <a href="/Eventos/Details?id=104">
1226                                            <div class="mes-evento">
1227                                                SET.
1228                                            </div>
1229
1230                                            <div class="linha-branca"></div>
1231
1232                                            <div class="dia-evento">
1233                                                8
1234                                            </div>
1235                                        </a>
1236                                    </div>
1237
1238                                <!-- INFO -->
1239                                <div class="col-lg-9 col-sm-12">
1240                                    <a href="/Eventos/Details?id=104">
1241                                        <p class="titulo-evento">SESS&#xC3;O SOLENE EM HOMENAGEM AOS POLICIAIS MILITARES</p>
1242                                    </a>
1243                                    <p class="info-evento">
1244                                        <i class="fa fa-clock"></i>
1245                                        19:30  
1246                                        |  <i class="fa fa-map-marker"></i> C&#xC2;MARA MUNICIPAL
1247                                    </p>
1248                                </div>
1249                            </div>
1250                            <div class="row align-items-start mb-3 evento-item">
1251                                <!-- DATA -->
1252                                    <div class="col-lg-3 col-sm-12 text-center data-evento">
1253                                        <a href="/Eventos/Details?id=31">
1254                                            <div class="mes-evento">
1255                                                SET.
1256                                            </div>
1257
1258                                            <div class="linha-branca"></div>
1259
1260                                            <div class="dia-evento">
1261                                                15
1262                                            </div>
1263                                        </a>
1264                                    </div>
1265
1266                                <!-- INFO -->
1267                                <div class="col-lg-9 col-sm-12">
1268                                    <a href="/Eventos/Details?id=31">
1269                                        <p class="titulo-evento">15&#xAA; Sess&#xE3;o Ordin&#xE1;ria</p>
1270                                    </a>
1271                                    <p class="info-evento">
1272                                        <i class="fa fa-clock"></i>
1273                                        20:00  
1274                                        |  <i class="fa fa-map-marker"></i> C&#xE2;mara Municipal de Paulo de Faria - SP
1275                                    </p>
1276                                </div>
1277                            </div>
1278
1279                        </div>
1280                    </section>
1281                </div>
1282            </div>
1283
1284            <!-- Menu -->
1285                <div class="sidebar-menu-list" role="navigation" aria-label="Menu rápido">
1286                    <section class="sidebar-menu-section" aria-label="Publicações Oficiais">
1287                        <header class="sidebar-menu-section-header">
1288                            <div class="sidebar-menu-section-title">
1289                                <span>Publicações Oficiais</span>
1290                            </div>
1291                        </header>
1292
1293                        <div class="sidebar-menu-section-body"> 
1294                            <div class="menu-links">
1295                                    <a href="https://paulodefaria.siscam.com.br/index/81/8" target="_blank" class="d-block w-100" >
1296                                        <span class="icon-wrap">
1297                                            <i class="fa fa-balance-scale"></i>
1298                                        </span>
1299                                        <span class="text ms-3 me-2">Legisla&#xE7;&#xE3;o</span>
1300                                        <i class="fas fa-arrow-right arrow" aria-hidden="true"></i>
1301                                    </a>
1302                                    <a href="https://legislacaodigital.com.br/PauloDeFaria-SP/LeisOrganicas/0/" target="_blank" class="d-block w-100" >
1303                                        <span class="icon-wrap">
1304                                            <i class="fa fa-file-text"></i>
1305                                        </span>
1306                                        <span class="text ms-3 me-2">Lei Org&#xE2;nica</span>
1307                                        <i class="fas fa-arrow-right arrow" aria-hidden="true"></i>
1308                                    </a>
1309                                    <a href="https://legislacaodigital.com.br/PauloDeFaria-SP/Resolucoes/2-2020/Arquivos/1" target="_blank" class="d-block w-100" >
1310                                        <span class="icon-wrap">
1311                                            <i class="fa fa-folder-open"></i>
1312                                        </span>
1313                                        <span class="text ms-3 me-2">Regimento Interno</span>
1314                                        <i class="fas fa-arrow-right arrow" aria-hidden="true"></i>
1315                                    </a>
1316                                    <a href="https://paulodefaria.siscam.com.br/Documentos/Pesquisa?Pesquisa=Avancada&amp;id=80&amp;pagina=1&amp;Modulo=8&amp;Documento=138&amp;Numeracao=Documento&amp;NumeroInicial=&amp;AnoInicial=&amp;DataInicial=&amp;NumeroFinal=&amp;AnoFinal=&amp;DataFinal=&amp;DocumentosRelacionadosDetalhes=false&amp;SubDocumentoId=0&amp;SubTipoId=0&amp;Situacao=0&amp;TipoAutor=Todos&amp;AutoriaId=0&amp;Iniciativa=Nenhum&amp;NoTexto=false&amp;Assunto=&amp;Observacoes=" target="_blank" class="d-block w-100" >
1317                                        <span class="icon-wrap">
1318                                            <i class="fa fa-archive"></i>
1319                                        </span>
1320                                        <span class="text ms-3 me-2">Indica&#xE7;&#xF5;es</span>
1321                                        <i class="fas fa-arrow-right arrow" aria-hidden="true"></i>
1322                                    </a>
1323                                    <a href="https://paulodefaria.siscam.com.br/Documentos/Pesquisa?Pesquisa=Avancada&amp;id=80&amp;pagina=1&amp;Modulo=8&amp;Documento=139&amp;Numeracao=Documento&amp;NumeroInicial=&amp;AnoInicial=&amp;DataInicial=&amp;NumeroFinal=&amp;AnoFinal=&amp;DataFinal=&amp;DocumentosRelacionadosDetalhes=false&amp;SubDocumentoId=0&amp;SubTipoId=0&amp;Situacao=0&amp;TipoAutor=Todos&amp;AutoriaId=0&amp;Iniciativa=Nenhum&amp;NoTexto=false&amp;Assunto=&amp;Observacoes=" target="_blank" class="d-block w-100" >
1324                                        <span class="icon-wrap">
1325                                            <i class="fa fa-gavel"></i>
1326                                        </span>
1327                                        <span class="text ms-3 me-2">Mo&#xE7;&#xF5;es</span>
1328                                        <i class="fas fa-arrow-right arrow" aria-hidden="true"></i>
1329                                    </a>
1330                                    <a href="https://paulodefaria.siscam.com.br/Documentos/Pesquisa?Pesquisa=Avancada&amp;id=80&amp;pagina=1&amp;Modulo=8&amp;Documento=137&amp;Numeracao=Documento&amp;NumeroInicial=&amp;AnoInicial=&amp;DataInicial=&amp;NumeroFinal=&amp;AnoFinal=&amp;DataFinal=&amp;DocumentosRelacionadosDetalhes=false&amp;SubDocumentoId=0&amp;SubTipoId=0&amp;Situacao=0&amp;TipoAutor=Todos&amp;AutoriaId=0&amp;Iniciativa=Nenhum&amp;NoTexto=false&amp;Assunto=&amp;Observacoes=" target="_blank" class="d-block w-100" >
1331                                        <span class="icon-wrap">
1332                                            <i class="fa fa-university"></i>
1333                                        </span>
1334                                        <span class="text ms-3 me-2">Requerimento</span>
1335                                        <i class="fas fa-arrow-right arrow" aria-hidden="true"></i>
1336                                    </a>
1337                                    <a href="https://paulodefaria.siscam.com.br/Documentos/Pesquisa?Pesquisa=Avancada&amp;id=81&amp;pagina=1&amp;Modulo=8&amp;Documento=149&amp;Numeracao=Documento&amp;NumeroInicial=&amp;AnoInicial=&amp;DataInicial=&amp;NumeroFinal=&amp;AnoFinal=&amp;DataFinal=&amp;DocumentosRelacionadosDetalhes=false&amp;SubDocumentoId=0&amp;Situacao=0&amp;Classificacao=0&amp;TipoAutor=Todos&amp;AutoriaId=0&amp;Iniciativa=Nenhum&amp;NoTexto=false&amp;Assunto=&amp;Observacoes=" target="_blank" class="d-block w-100" >
1338                                        <span class="icon-wrap">
1339                                            <i class="fa fa-check-square "></i>
1340                                        </span>
1341                                        <span class="text ms-3 me-2">Resolu&#xE7;&#xF5;es</span>
1342                                        <i class="fas fa-arrow-right arrow" aria-hidden="true"></i>
1343                                    </a>
1344                            </div>
1345                        </div>
1346                    </section>
1347                </div>
1348        </div>
1349    </div>
1350</div>
1351
1352<!-- Acesso Rápido -->
1353<div class="container-xxl pt-5 pb-3" data-aos="fade-up">
1354    <div class="row">
1355        <div class="col-lg-12 col-md-12" data-aos="fade-up">
1356            <div class="row g-3">
1357                    <div class="col-md-2 col-lg-2 col-sm-6 ">
1358                        <a href="http://45.177.240.75:8079/transparenciacamara/" target="_blank" class="text-decoration-none">
1359                            <div class="item-boxes text-center rounded sombra-padrao bg-white py-4" style="color: #606060;">
1360                                <i class="fa fa-line-chart" style="font-size: 40px; color: #2862A1;"></i>
1361                                <h5 class="mt-3 fs-6 fw-bold cor-secundaria">Portal da Transpar&#xEA;ncia</h5>
1362                            </div>
1363                        </a>
1364                    </div>
1365                    <div class="col-md-2 col-lg-2 col-sm-6 ">
1366                        <a href="https://paulodefaria.siscam.com.br/index/81/8" target="_blank" class="text-decoration-none">
1367                            <div class="item-boxes text-center rounded sombra-padrao bg-white py-4" style="color: #606060;">
1368                                <i class="fa fa-file-text" style="font-size: 40px; color: #2862A1;"></i>
1369                                <h5 class="mt-3 fs-6 fw-bold cor-secundaria">Legisla&#xE7;&#xE3;o</h5>
1370                            </div>
1371                        </a>
1372                    </div>
1373                    <div class="col-md-2 col-lg-2 col-sm-6 ">
1374                        <a href="https://paulodefaria.siscam.com.br/index/80/8" target="_blank" class="text-decoration-none">
1375                            <div class="item-boxes text-center rounded sombra-padrao bg-white py-4" style="color: #606060;">
1376                                <i class="fa fa-gavel" style="font-size: 40px; color: #2862A1;"></i>
1377                                <h5 class="mt-3 fs-6 fw-bold cor-secundaria">Proposituras</h5>
1378                            </div>
1379                        </a>
1380                    </div>
1381                    <div class="col-md-2 col-lg-2 col-sm-6 ">
1382                        <a href="https://paulodefaria.siscam.com.br/sessoes" target="_blank" class="text-decoration-none">
1383                            <div class="item-boxes text-center rounded sombra-padrao bg-white py-4" style="color: #606060;">
1384                                <i class="fa fa-university" style="font-size: 40px; color: #2862A1;"></i>
1385                                <h5 class="mt-3 fs-6 fw-bold cor-secundaria">Sess&#xF5;es</h5>
1386                            </div>
1387                        </a>
1388                    </div>
1389                    <div class="col-md-2 col-lg-2 col-sm-6 ">
1390                        <a href="/Ouvidoria" target="_self" class="text-decoration-none">
1391                            <div class="item-boxes text-center rounded sombra-padrao bg-white py-4" style="color: #606060;">
1392                                <i class="fa fa-microphone" style="font-size: 40px; color: #2862A1;"></i>
1393                                <h5 class="mt-3 fs-6 fw-bold cor-secundaria">Ouvidoria</h5>
1394                            </div>
1395                        </a>
1396                    </div>
1397                    <div class="col-md-2 col-lg-2 col-sm-6 ">
1398                        <a href="/Paginas/Details/278" target="_self" class="text-decoration-none">
1399                            <div class="item-boxes text-center rounded sombra-padrao bg-white py-4" style="color: #606060;">
1400                                <i class="fa fa-lock" style="font-size: 40px; color: #2862A1;"></i>
1401                                <h5 class="mt-3 fs-6 fw-bold cor-secundaria">LGPD</h5>
1402                            </div>
1403                        </a>
1404                    </div>
1405            </div>
1406        </div>
1407    </div>
1408</div>
1409
1410<!-- Vereadores -->
1411<div class="bk-white sombra-padrao py-5 mb-5">
1412    <div class="container">
1413        <div class="row mb-5">
1414            <div class="col-12 d-flex align-items-center justify-content-center header-vereadores-container">
1415                <div class="header-line-gold"></div>
1416                <h4 class="text-uppercase text-blue mx-3 d-flex align-items-center gap-2 mb-0 fw-bold title-vereadores">
1417                    <i class="fas fa-users"></i> Vereadores
1418                </h4>
1419                <div class="header-line-gold"></div>
1420            </div>
1421        </div>
1422
1423        <div class="row g-4 justify-content-center">
1424                <div class="col-lg-4 col-md-6 col-sm-12">
1425                    <div class="card-vereador d-flex align-items-center">
1426                        <div class="card-vereador-img-container">
1427                                <img src="/?id=1&amp;handler=ImagemVereadores"
1428                                     class="card-vereador-img img-gray"
1429                                     alt="LOURDES RIBEIRO" />
1430                        </div>
1431
1432                        <div class="card-vereador-body flex-grow-1 text-center px-3">
1433                            <h5 class="vereador-nome mb-3 text-uppercase">LOURDES RIBEIRO</h5>
1434
1435                            <a class="btn btn-detalhes btn-sm d-inline-flex align-items-center gap-2" href="/Vereadores/Details?id=1">
1436                                <i class="fas fa-info-circle text-blue"></i> Detalhes
1437                            </a>
1438
1439                                    <a href="https://paulodefaria.siscam.com.br/Vereadores/Proposituras/93?documento=138"  target="_blank" class="btn btn-detalhes mt-2 btn-sm d-inline-flex align-items-center gap-2">
1440                                        <i class="fas fa-info-circle text-blue"></i> Indicações
1441                                    </a>
1442                        </div>
1443
1444                    </div>
1445                </div>
1446                <div class="col-lg-4 col-md-6 col-sm-12">
1447                    <div class="card-vereador d-flex align-items-center">
1448                        <div class="card-vereador-img-container">
1449                                <img src="/?id=3&amp;handler=ImagemVereadores"
1450                                     class="card-vereador-img img-gray"
1451                                     alt="ANDR&#xC9;A ALVES CRESPO" />
1452                        </div>
1453
1454                        <div class="card-vereador-body flex-grow-1 text-center px-3">
1455                            <h5 class="vereador-nome mb-3 text-uppercase">ANDR&#xC9;A ALVES CRESPO</h5>
1456
1457                            <a class="btn btn-detalhes btn-sm d-inline-flex align-items-center gap-2" href="/Vereadores/Details?id=3">
1458                                <i class="fas fa-info-circle text-blue"></i> Detalhes
1459                            </a>
1460
1461                                    <a href="https://paulodefaria.siscam.com.br/Vereadores/Proposituras/563?documento=138"  target="_blank" class="btn btn-detalhes mt-2 btn-sm d-inline-flex align-items-center gap-2">
1462                                        <i class="fas fa-info-circle text-blue"></i> Indicações
1463                                    </a>
1464                        </div>
1465
1466                    </div>
1467                </div>
1468                <div class="col-lg-4 col-md-6 col-sm-12">
1469                    <div class="card-vereador d-flex align-items-center">
1470                        <div class="card-vereador-img-container">
1471                                <img src="/?id=5&amp;handler=ImagemVereadores"
1472                                     class="card-vereador-img img-gray"
1473                                     alt="JOS&#xC9; MARIA DA SILVEIRA" />
1474                        </div>
1475
1476                        <div class="card-vereador-body flex-grow-1 text-center px-3">
1477                            <h5 class="vereador-nome mb-3 text-uppercase">JOS&#xC9; MARIA DA SILVEIRA</h5>
1478
1479                            <a class="btn btn-detalhes btn-sm d-inline-flex align-items-center gap-2" href="/Vereadores/Details?id=5">
1480                                <i class="fas fa-info-circle text-blue"></i> Detalhes
1481                            </a>
1482
1483                                    <a href="https://paulodefaria.siscam.com.br/Vereadores/Proposituras/564?documento=138"  target="_blank" class="btn btn-detalhes mt-2 btn-sm d-inline-flex align-items-center gap-2">
1484                                        <i class="fas fa-info-circle text-blue"></i> Indicações
1485                                    </a>
1486                        </div>
1487
1488                    </div>
1489                </div>
1490                <div class="col-lg-4 col-md-6 col-sm-12">
1491                    <div class="card-vereador d-flex align-items-center">
1492                        <div class="card-vereador-img-container">
1493                                <img src="/?id=7&amp;handler=ImagemVereadores"
1494                                     class="card-vereador-img img-gray"
1495                                     alt="LUIZ HENRIQUE MARTINS PEREIRA" />
1496                        </div>
1497
1498                        <div class="card-vereador-body flex-grow-1 text-center px-3">
1499                            <h5 class="vereador-nome mb-3 text-uppercase">LUIZ HENRIQUE MARTINS PEREIRA</h5>
1500
1501                            <a class="btn btn-detalhes btn-sm d-inline-flex align-items-center gap-2" href="/Vereadores/Details?id=7">
1502                                <i class="fas fa-info-circle text-blue"></i> Detalhes
1503                            </a>
1504
1505                                    <a href="https://paulodefaria.siscam.com.br/Vereadores/Proposituras/566?documento=138"  target="_blank" class="btn btn-detalhes mt-2 btn-sm d-inline-flex align-items-center gap-2">
1506                                        <i class="fas fa-info-circle text-blue"></i> Indicações
1507                                    </a>
1508                        </div>
1509
1510                    </div>
1511                </div>
1512                <div class="col-lg-4 col-md-6 col-sm-12">
1513                    <div class="card-vereador d-flex align-items-center">
1514                        <div class="card-vereador-img-container">
1515                                <img src="/?id=9&amp;handler=ImagemVereadores"
1516                                     class="card-vereador-img img-gray"
1517                                     alt="NIVALDO ROGERIO CARROCINE" />
1518                        </div>
1519
1520                        <div class="card-vereador-body flex-grow-1 text-center px-3">
1521                            <h5 class="vereador-nome mb-3 text-uppercase">NIVALDO ROGERIO CARROCINE</h5>
1522
1523                            <a class="btn btn-detalhes btn-sm d-inline-flex align-items-center gap-2" href="/Vereadores/Details?id=9">
1524                                <i class="fas fa-info-circle text-blue"></i> Detalhes
1525                            </a>
1526
1527                                    <a href="https://paulodefaria.siscam.com.br/Vereadores/Proposituras/628?documento=138"  target="_blank" class="btn btn-detalhes mt-2 btn-sm d-inline-flex align-items-center gap-2">
1528                                        <i class="fas fa-info-circle text-blue"></i> Indicações
1529                                    </a>
1530                        </div>
1531
1532                    </div>
1533                </div>
1534                <div class="col-lg-4 col-md-6 col-sm-12">
1535                    <div class="card-vereador d-flex align-items-center">
1536                        <div class="card-vereador-img-container">
1537                                <img src="/?id=11&amp;handler=ImagemVereadores"
1538                                     class="card-vereador-img img-gray"
1539                                     alt="JUSSARA PEREIRA COSTA DE PAIVA" />
1540                        </div>
1541
1542                        <div class="card-vereador-body flex-grow-1 text-center px-3">
1543                            <h5 class="vereador-nome mb-3 text-uppercase">JUSSARA PEREIRA COSTA DE PAIVA</h5>
1544
1545                            <a class="btn btn-detalhes btn-sm d-inline-flex align-items-center gap-2" href="/Vereadores/Details?id=11">
1546                                <i class="fas fa-info-circle text-blue"></i> Detalhes
1547                            </a>
1548
1549                                    <a href="https://paulodefaria.siscam.com.br/Vereadores/Proposituras/657?documento=138"  target="_blank" class="btn btn-detalhes mt-2 btn-sm d-inline-flex align-items-center gap-2">
1550                                        <i class="fas fa-info-circle text-blue"></i> Indicações
1551                                    </a>
1552                        </div>
1553
1554                    </div>
1555                </div>
1556                <div class="col-lg-4 col-md-6 col-sm-12">
1557                    <div class="card-vereador d-flex align-items-center">
1558                        <div class="card-vereador-img-container">
1559                                <img src="/?id=13&amp;handler=ImagemVereadores"
1560                                     class="card-vereador-img img-gray"
1561                                     alt="PATRICIA SOUZA SANTOS DE OLIVEIRA" />
1562                        </div>
1563
1564                        <div class="card-vereador-body flex-grow-1 text-center px-3">
1565                            <h5 class="vereador-nome mb-3 text-uppercase">PATRICIA SOUZA SANTOS DE OLIVEIRA</h5>
1566
1567                            <a class="btn btn-detalhes btn-sm d-inline-flex align-items-center gap-2" href="/Vereadores/Details?id=13">
1568                                <i class="fas fa-info-circle text-blue"></i> Detalhes
1569                            </a>
1570
1571                                    <a href="https://paulodefaria.siscam.com.br/Vereadores/Proposituras/659?documento=138"  target="_blank" class="btn btn-detalhes mt-2 btn-sm d-inline-flex align-items-center gap-2">
1572                                        <i class="fas fa-info-circle text-blue"></i> Indicações
1573                                    </a>
1574                        </div>
1575
1576                    </div>
1577                </div>
1578                <div class="col-lg-4 col-md-6 col-sm-12">
1579                    <div class="card-vereador d-flex align-items-center">
1580                        <div class="card-vereador-img-container">
1581                                <img src="/?id=15&amp;handler=ImagemVereadores"
1582                                     class="card-vereador-img img-gray"
1583                                     alt="LUCAS RODRIGUES PEREIRA" />
1584                        </div>
1585
1586                        <div class="card-vereador-body flex-grow-1 text-center px-3">
1587                            <h5 class="vereador-nome mb-3 text-uppercase">LUCAS RODRIGUES PEREIRA</h5>
1588
1589                            <a class="btn btn-detalhes btn-sm d-inline-flex align-items-center gap-2" hre
1589f="/Vereadores/Details?id=15">
1590                                <i class="fas fa-info-circle text-blue"></i> Detalhes
1591                            </a>
1592
1593                                    <a href="https://paulodefaria.siscam.com.br/Vereadores/Proposituras/658?documento=138"  target="_blank" class="btn btn-detalhes mt-2 btn-sm d-inline-flex align-items-center gap-2">
1594                                        <i class="fas fa-info-circle text-blue"></i> Indicações
1595                                    </a>
1596                        </div>
1597
1598                    </div>
1599                </div>
1600                <div class="col-lg-4 col-md-6 col-sm-12">
1601                    <div class="card-vereador d-flex align-items-center">
1602                        <div class="card-vereador-img-container">
1603                                <img src="/?id=17&amp;handler=ImagemVereadores"
1604                                     class="card-vereador-img img-gray"
1605                                     alt="QUEMER QUEID HUAIXAN" />
1606                        </div>
1607
1608                        <div class="card-vereador-body flex-grow-1 text-center px-3">
1609                            <h5 class="vereador-nome mb-3 text-uppercase">QUEMER QUEID HUAIXAN</h5>
1610
1611                            <a class="btn btn-detalhes btn-sm d-inline-flex align-items-center gap-2" href="/Vereadores/Details?id=17">
1612                                <i class="fas fa-info-circle text-blue"></i> Detalhes
1613                            </a>
1614
1615                                    <a href="https://paulodefaria.siscam.com.br/Vereadores/Proposituras/660?documento=138"  target="_blank" class="btn btn-detalhes mt-2 btn-sm d-inline-flex align-items-center gap-2">
1616                                        <i class="fas fa-info-circle text-blue"></i> Indicações
1617                                    </a>
1618                        </div>
1619
1620                    </div>
1621                </div>
1622        </div>
1623
1624    </div>
1625</div>
1626
1627<!--Consulta Publica-->
1628<div class="container-xxl mb-5">
1629    <!-- TÍTULO -->
1630    <div class="row g-4">
1631        <div class="text-center mb-3" data-aos="fade-up">
1632            <h4 class="element-header text-uppercase text-blue">
1633                <i class="fas fa-search me-2"></i>
1634                <span>Consulta Pública</span>
1635            </h4>
1636            <p>Faça sua consulta e fique por dentro</p>
1637        </div>
1638    </div>
1639    <!--Consulta Proposituras | Legislação | Sessões -->
1640    <div class="section section-accesses">
1641        <div class="section-row">
1642            <div class="section-column section-access">
1643                <div class="frame frame-default frame-type-text frame-layout-default frame-size-default frame-height-default frame-background-none frame-space-before-none frame-space-after-none frame-no-backgroundimage">
1644                    <div class="frame-group-container">
1645                        <div class="frame-group-inner">
1646                            <div class="frame-container frame-container-default">
1647                                <div class="frame-header">
1648                                    <div class="row g-4">
1649                                        <!-- Proposituras -->
1650                                        <div class="col-12 col-md-4">
1651                                            <div class="card shadow-sm border-0 rounded-3 h-100">
1652                                                <div class="card-body">
1653                                                    <h5 class="fw-bold mb-2 mt-3 text-center text-blue">
1654                                                        <i class="fa fa-file-alt c-yellow text-dark-green me-2"></i>Proposituras
1655                                                    </h5>
1656
1657                                                    <p class="c-yellow">Preencha os campos necessários:</p>
1658
1659                                                    <form method="post" target="_blank" action="/?handler=PesquisaProp">
1660                                                        <div class="row g-2">
1661
1662                                                            <div class="col-6">
1663                                                                <input type="text" name="txtNumero" class="form-control" placeholder="Número" maxlength="5">
1664                                                            </div>
1665
1666                                                            <div class="col-6">
1667                                                                <input type="text" name="txtAno" class="form-control" placeholder="Ano" maxlength="4">
1668                                                            </div>
1669
1670                                                            <div class="col-10">
1671                                                                <input type="text" name="txtAssunto" class="form-control" placeholder="Assunto" maxlength="200">
1672                                                            </div>
1673
1674                                                            <div class="col-2 d-flex justify-content-center">
1675                                                                <button type="submit" class="btn bg-blue w-100">
1676                                                                    <i class="fa fa-search text-white"></i>
1677                                                                </button>
1678                                                            </div>
1679                                                        </div>
1680                                                    <input name="__RequestVerificationToken" type="hidden" value="CfDJ8BgxkruJVQtDq0ywjPnf3sWeXCdp4xblRYBBegFn_sxsvjcd90Xx2Au_qiNPIBMtG3buWz8TArWBcyhpZ_yO2YKsTbu4OO8ALfSpBmCjkgae1QYKDpobW3jTeFpqgzS1_y028b0TDdmjFxzEyTuXYs4" /></form>
1681                                                </div>
1682                                            </div>
1683                                        </div>
1684
1685                                        <!-- Legislação -->
1686                                        <div class="col-12 col-md-4">
1687                                            <div class="card shadow-sm border-0 rounded-3 h-100">
1688                                                <div class="card-body">
1689                                                    <h5 class="fw-bold mb-2 mt-3 text-center text-blue">
1690                                                        <i class="fa fa-gavel c-yellow text-dark-green me-2"></i>Legislação
1691                                                    </h5>
1692
1693                                                    <p class="c-yellow">Preencha os campos necessários:</p>
1694
1695                                                    <form method="post" target="_blank" action="/?handler=PesquisaLeis">
1696                                                        <div class="row g-2">
1697
1698                                                            <div class="col-6">
1699                                                                <input type="text" name="txtNumero" class="form-control" placeholder="Número" maxlength="5">
1700                                                            </div>
1701
1702                                                            <div class="col-6">
1703                                                                <input type="text" name="txtAno" class="form-control" placeholder="Ano" maxlength="4">
1704                                                            </div>
1705
1706                                                            <div class="col-10">
1707                                                                <input type="text" name="txtAssunto" class="form-control" placeholder="Assunto" maxlength="200">
1708                                                            </div>
1709
1710                                                            <div class="col-2 d-flex justify-content-center">
1711                                                                <button type="submit" class="btn bg-blue w-100">
1712                                                                    <i class="fa fa-search text-white"></i>
1713                                                                </button>
1714                                                            </div>
1715                                                        </div>
1716                                                    <input name="__RequestVerificationToken" type="hidden" value="CfDJ8BgxkruJVQtDq0ywjPnf3sWeXCdp4xblRYBBegFn_sxsvjcd90Xx2Au_qiNPIBMtG3buWz8TArWBcyhpZ_yO2YKsTbu4OO8ALfSpBmCjkgae1QYKDpobW3jTeFpqgzS1_y028b0TDdmjFxzEyTuXYs4" /></form>
1717                                                </div>
1718                                            </div>
1719                                        </div>
1720
1721                                        <!-- Sessões -->
1722                                        <div class="col-12 col-md-4">
1723                                            <div class="card shadow-sm border-0 rounded-3 h-100">
1724                                                <div class="card-body">
1725                                                    <h5 class="fw-bold mb-2 mt-3 text-center text-blue">
1726                                                        <i class="fa fa-calendar-alt c-yellow text-dark-green me-2"></i>Sessões
1727                                                    </h5>
1728
1729                                                    <p class="c-yellow">Preencha os campos necessários:</p>
1730
1731                                                    <form method="post" target="_blank" action="/?handler=PesquisaSessoes">
1732                                                        <div class="row g-2">
1733
1734                                                            <div class="col-6">
1735                                                                <input type="text" name="txtNumero" class="form-control" placeholder="Número" maxlength="5">
1736                                                            </div>
1737
1738                                                            <div class="col-6">
1739                                                                <input type="text" name="txtAno" class="form-control" placeholder="Ano" maxlength="4">
1740                                                            </div>
1741
1742                                                            <div class="col-10">
1743                                                                <input type="text" name="txtAssunto" class="form-control" placeholder="Assunto" maxlength="200">
1744                                                            </div>
1745
1746                                                            <div class="col-2 d-flex justify-content-center">
1747                                                                <button type="submit" class="btn bg-blue w-100">
1748                                                                    <i class="fa fa-search text-white"></i>
1749                                                                </button>
1750                                                            </div>
1751                                                        </div>
1752                                                    <input name="__RequestVerificationToken" type="hidden" value="CfDJ8BgxkruJVQtDq0ywjPnf3sWeXCdp4xblRYBBegFn_sxsvjcd90Xx2Au_qiNPIBMtG3buWz8TArWBcyhpZ_yO2YKsTbu4OO8ALfSpBmCjkgae1QYKDpobW3jTeFpqgzS1_y028b0TDdmjFxzEyTuXYs4" /></form>
1753                                                </div>
1754                                            </div>
1755                                        </div>
1756
1757                                    </div> <!-- row -->
1758                                </div>
1759                            </div>
1760                        </div>
1761                    </div>
1762                </div>
1763            </div>
1764        </div>
1765    </div>
1766</div>
1767
1768
1769
1770
1771        </div>
1772    </main>
1773
1774    
1774<script>
1775        document.write("<div vw class=\"enabled\"><div vw-access-button class=\"active\"></div><div vw-plugin-wrapper><div class=\"vw-plugin-top-wrapper\"></div></div></div>
1775<script async src=\"https://vlibras.gov.br/app/vlibras-plugin.js\" onload=\"new window.VLibras.Widget('https://vlibras.gov.br/app')\"><\/script>");
1776    </script>
1776
1777
1778    <!--Rodapé-->
1779    <section class="pt-3 bg-blue" id="rodape">
1780        <div class="container-fluid" id="footerConteudoOriginal">
1781           <div class="row gy-4 pt-4 pb-4 align-items-stretch">
1782                <div class="col-lg-4 col-md-12 footer-section-info">
1783                    <div class="d-flex flex-column flex-md-row align-items-center align-items-md-start gap-3">
1784
1785                        <img class="img-fluid img-gray" alt="Brasão" src="/images/brasao-rodape.png" style="max-height: 200px;" />
1786
1787                        <div class="text-center text-md-start">
1788                            <h5 class="footer-title-main">
1789                                CÂMARA MUNICIPAL DE<br>
1790                                <strong>PAULO DE FARIA</strong>
1791                            </h5>
1792
1793                            <div class="small footer-text-muted">
1794                                <p class="mb-2">
1795                                    <i class="fas fa-map-marker-alt me-2"></i>
1796                                    Rua,
1797                                    52<br>
1798                                    Pra&#xE7;a Peregrino Benelli  -
1799                                    Paulo de Faria - SP -
1800                                    CEP 15490-000
1801                                </p>
1802
1803                                <p class="mb-2">
1804                                    <i class="fas fa-phone-alt me-2"></i>
1805                                     (17) 3292-1360 / (17) 3292-1730
1806                                </p>
1807
1808                                <p class="mb-2">
1809                                    <i class="fas fa-envelope me-2"></i>
1810                                    [email protected]
1811                                </p>
1812
1813                                <p class="mb-0">
1814                                    <i class="fas fa-clock me-2"></i>
1815                                    Atendimento ao P&#xFA;blico:
1816                                    De segunda-feira &#xE0; sexta das 07h as 11h e das 13h as 17h
1817                                </p>
1818                            </div>
1819                        </div>
1820
1821                    </div>
1822                </div>
1823                <!--Menu Rodapé-->
1824                <div class="col-lg-6 col-md-12">
1825                    <div class="row h-100">
1826                        <div class="col-lg-3 col-md-6 mb-3 footer-menu-col">
1827                            <h6 class="footer-menu-title">Servi&#xE7;os</h6>
1828                            <ul class="list-unstyled footer-menu-links">
1829                                    <li>
1830                                        <a href="/Telefones" target="_self">Telefones &#xDA;teis</a>
1831                                    </li>
1832                                    <li>
1833                                        <a href="/Links" target="_self">Links &#xDA;teis</a>
1834                                    </li>
1835                                    <li>
1836                                        <a href="/Licitacao" target="_self">Licita&#xE7;&#xF5;es</a>
1837                                    </li>
1838                                    <li>
1839                                        <a href="/Downloads" target="_self">Downloads</a>
1840                                    </li>
1841                                    <li>
1842                                        <a href="http://177.129.204.51:8080/sipweb/trabalhador/login/login.xhtml" target="_blank">Holerite On-line</a>
1843                                    </li>
1844                            </ul>
1845                        </div>
1846                        <div class="col-lg-3 col-md-6 mb-3 footer-menu-col">
1847                            <h6 class="footer-menu-title">Contatos</h6>
1848                            <ul class="list-unstyled footer-menu-links">
1849                                    <li>
1850                                        <a href="/FaleConosco" target="_self">Fale Conosco</a>
1851                                    </li>
1852                                    <li>
1853                                        <a href="/esic/cidadao" target="_self">e-Sic</a>
1854                                    </li>
1855                                    <li>
1856                                        <a href="/Ouvidoria" target="_self">Ouvidoria</a>
1857                                    </li>
1858                                    <li>
1859                                        <a href="/FaleConosco/Vereador" target="_self">Fale com Vereador</a>
1860                                    </li>
1861                            </ul>
1862                        </div>
1863                        <div class="col-lg-3 col-md-6 mb-3 footer-menu-col">
1864                            <h6 class="footer-menu-title">A Cidade</h6>
1865                            <ul class="list-unstyled footer-menu-links">
1866                                    <li>
1867                                        <a href="/Paginas/Details/4" target="_self">Aspectos F&#xED;sicos</a>
1868                                    </li>
1869                                    <li>
1870                                        <a href="/Paginas/Details/2" target="_self">Breve Hist&#xF3;rico</a>
1871                                    </li>
1872                                    <li>
1873                                        <a href="/Paginas/Details/6" target="_self">Cultura e Turismo</a>
1874                                    </li>
1875                                    <li>
1876                                        <a href="/Paginas/Details/16" target="_self">S&#xED;mbolos</a>
1877                                    </li>
1878                                    <li>
1879                                        <a href="/Paginas/Details/268" target="_self">Hino</a>
1880                                    </li>
1881                            </ul>
1882                        </div>
1883                        <div class="col-lg-3 col-md-6 mb-3 footer-menu-col">
1884                            <h6 class="footer-menu-title">Atividades Legislativas</h6>
1885                            <ul class="list-unstyled footer-menu-links">
1886                                    <li>
1887                                        <a href="https://paulodefaria.siscam.com.br/index/80/8" target="_blank">Proposituras</a>
1888                                    </li>
1889                                    <li>
1890                                        <a href="https://paulodefaria.siscam.com.br/index/81/8" target="_blank">Legisla&#xE7;&#xE3;o</a>
1891                                    </li>
1892                                    <li>
1893                                        <a href="https://paulodefaria.siscam.com.br/sessoes" target="_blank">Sess&#xF5;es</a>
1894                                    </li>
1895                                    <li>
1896                                        <a href="/FaleConosco/Audiencia" target="_self">Sugest&#xE3;o para Audi&#xEA;ncia</a>
1897                                    </li>
1898                                    <li>
1899                                        <a href="https://www.legislacaodigital.com.br/PauloDeFaria-SP/LeisComplementares/40-2007" target="_blank">Estatuto e Plano de Carreira</a>
1900                                    </li>
1901                            </ul>
1902                        </div>
1903                    </div>
1904                </div>
1905
1906                <!--Redes Sociais-->
1907                <div class="col-lg-2 col-md-12 footer-section-social">
1908                    <div class="ps-lg-3">
1909                        <h6 class="footer-menu-title">FIQUE CONECTADO</h6>
1910                        <ul class="list-inline mb-4 social-icons">
1911                            <li class="list-inline-item">
1912                                <a href="https://www.facebook.com/camara.paulodefaria.5" target="_blank">
1913                                    <img src="/images/fb.png" alt="Facebook" class="img-gray" />
1914                                </a>
1915                            </li>
1916                            <li class="list-inline-item">
1917                                <a href="https://www.instagram.com/camarapaulodefaria/" target="_blank">
1918                                    <img src="/images/insta.png" alt="Instagram" class="img-gray" />
1919                                </a>
1920                            </li>
1921                            <li class="list-inline-item">
1922                                <a href="https://www.youtube.com/channel/UCjy6m-pruIbM5Awhwhd4Isw" target="_blank">
1923                                    <img src="/images/yt.png" alt="Youtube" class="img-gray" />
1924                                </a>
1925                            </li>
1926                        </ul>
1927
1928                        <h6 class="footer-menu-title text-center text-md-start">
1929                            RECEBA NOTÍCIAS
1930                        </h6>
1931
1932                        <a href="/Mailling"
1933                           class="btn btn-subscribe d-flex align-items-center justify-content-center gap-2 mx-auto mx-md-0">
1934                            <i class="fas fa-paper-plane"></i>
1935                            Inscreva-se aqui
1936                        </a>
1937                    </div>
1938                </div>
1939            </div>
1940            <!-- Copyright-->
1941            <div class="row">
1942                <div class="col-12 text-center">
1943                    <p class="mb-0 small">
1944                        &copy; 2026 - Versão 1.0.0.16 -
1945                        <a class="text-decoration-none small text-white" href="https://sinoinformatica.com.br/" target="_blank">Desenvolvido por Sino Informática</a>
1946                    </p>
1947                </div>
1948            </div>
1949        </div>      
1950    </section>
1951
1952
1953    
1954    
1955        
1955<script src="/Sistema/js/site.min.js?v=Xal74Km2w4bB3h_gTLsiTAXHuuu23YR8o4gnAtnheHA"></script>
1955
1956    
1957
1958    <style>
1959        body {
1960            background: #fff;
1961        }
1962
1963        header h1, header h2, header h3 {
1964            margin-top: 0;
1965            -webkit-filter: none !important;
1966            -moz-filter: none !important;
1967            filter: none !important;
1968        }
1969
1970        .dropdown-submenu {
1971            position: relative;
1972        }
1973
1974        .dropdown-submenu .dropdown-menu {
1975            top: 0;
1976            left: 100%;
1977            margin-top: -1px;
1978        }
1979
1980        .dropdown-submenu:hover > .dropdown-menu {
1981            display: block;
1982        }
1983
1984        .submenu-arrow {
1985            font-size: 12px;
1986            opacity: 0.7;
1987        }
1988
1989        #footerConteudoOriginal ul {
1990            margin: 0;
1991            padding: 0;
1992        }
1993
1994        #footerConteudoOriginal li {
1995            margin-bottom: 3px;
1996        }
1997
1998        #footerConteudoOriginal a {
1999            font-size: 0.85rem;
2000        }
2001
2002        #aumenta:focus,
2003        #reduz:focus,
2004        #contraste:focus {
2005            outline: 3px solid yellow;
2006            outline-offset: 3px;
2007        }
2008        /* Garante que o dropdown dentro do offcanvas não suma com o fundo */
2009        .offcanvas .dropdown-menu {
2010            position: static !important;
2011            float: none;
2012        }
2013    </style>
2014
2015    
2015<script>
2016        document.addEventListener('DOMContentLoaded', function () {
2017            AOS.init({
2018                duration: 1000, // Duração da animação em milissegundos
2019                once: false,     // Executa a animação apenas uma vez
2020            });
2021        });
2022    </script>
2022
2023
2024    <!-- Mapa do Site -->
2025    
2025<script>
2026        // Duração da animação em ms (deve casar com seu CSS)
2027        const ANIM = 250;
2028
2029        function bindMapa() {
2030            const btn = document.getElementById("btnMapaSite");
2031            const original = document.getElementById("footerConteudoOriginal");
2032            const mapa = document.getElementById("mapaSiteContainer");
2033            const btnClose = document.getElementById("btnCloseMapa");
2034
2035            // Se não existir o footer/mapa/btn na página, nada a fazer
2036            if (!btn || !original || !mapa) return false;
2037
2038            let aberto = false;
2039
2040            // Função central que aplica a troca sem flicker
2041            function toggleMapa() {
2042                if (!aberto) {
2043                    // ABRIR
2044                    original.classList.add("d-none");
2045                    mapa.classList.remove("d-none");
2046
2047                    // micro-pausa para forçar reflow
2048                    setTimeout(() => mapa.classList.add("show"), 10);
2049
2050                    btn.innerHTML = '<i class="fa-solid fa-xmark me-2"></i> Fechar Mapa do Site';
2051                    aberto = true;
2052                } else {
2053                    // FECHAR
2054                    mapa.classList.remove("show");
2055
2056                    setTimeout(() => {
2057                        mapa.classList.add("d-none");
2058                        original.classList.remove("d-none");
2059                        btn.innerHTML = '<i class="fa-solid fa-sitemap me-2"></i> Mapa do Site';
2060                    }, ANIM);
2061
2062                    aberto = false;
2063                }
2064            }
2065
2066            // Botão do rodapé
2067            btn.removeEventListener("click", toggleMapa);
2068            btn.addEventListener("click", toggleMapa);
2069
2070            // Botão X (close)
2071            if (btnClose) {
2072                btnClose.removeEventListener("click", toggleMapa);
2073                btnClose.addEventListener("click", toggleMapa);
2074            }
2075
2076            return true;
2077        }
2078
2079        // Inicialização
2080        function onReady() {
2081            if (bindMapa()) return;
2082
2083            // Fallback (caso footer seja carregado dinamicamente)
2084            document.addEventListener("click", function delegated(e) {
2085                const target = e.target;
2086
2087                if (target.closest && target.closest("#btnMapaSite")) {
2088                    if (!bindMapa()) {
2089                        const btn = document.getElementById("btnMapaSite");
2090                        const original = document.getElementById("footerConteudoOriginal");
2091                        const mapa = document.getElementById("mapaSiteContainer");
2092
2093                        if (!btn || !original || !mapa) return;
2094
2095                        if (!mapa.classList.contains("show") && mapa.classList.contains("d-none")) {
2096                            original.classList.add("d-none");
2097                            mapa.classList.remove("d-none");
2098                            setTimeout(() => mapa.classList.add("show"), 10);
2099                            btn.innerHTML = '<i class="fa-solid fa-xmark me-2"></i> Fechar Mapa do Site';
2100                        } else {
2101                            mapa.classList.remove("show");
2102                            setTimeout(() => {
2103                                mapa.classList.add("d-none");
2104                                original.classList.remove("d-none");
2105                                btn.innerHTML = '<i class="fa-solid fa-sitemap me-2"></i> Mapa do Site';
2106                            }, ANIM);
2107                        }
2108                    }
2109                }
2110            });
2111        }
2112
2113        if (document.readyState === "loading") {
2114            document.addEventListener("DOMContentLoaded", onReady);
2115        } else {
2116            onReady();
2117        }
2118    </script>
2118
2119
2120    
2120<script>
2121               document.addEventListener("keydown", function (e) {
2122
2123            if (!e.altKey) return;
2124
2125            const paginaAcessibilidade = "/acessibilidade";
2126
2127            if (window.location.pathname.toLowerCase() === paginaAcessibilidade.toLowerCase()) {
2128
2129                sessionStorage.setItem("atalhoAcessibilidade", e.key);
2130                window.location.href = "/";
2131                return;
2132            }
2133
2134            executarAtalho(e.key);
2135        });
2136
2137        function executarAtalho(tecla) {
2138
2139            switch (tecla) {
2140
2141                case "1":
2142                    document.getElementById("menuPrincipal")?.scrollIntoView({
2143                        behavior: "smooth",
2144                        block: "start"
2145                    });
2146                    break;
2147
2148                case "2":
2149                    document.getElementById("conteudoPrincipal")?.scrollIntoView({
2150                        behavior: "smooth",
2151                        block: "start"
2152                    });
2153                    break;
2154
2155                case "3":
2156                    document.getElementById("rodape")?.scrollIntoView({
2157                        behavior: "smooth",
2158                        block: "start"
2159                    });
2160                    break;
2161
2162                case "4":
2163                    document.getElementById("aumenta")?.click();
2164                    break;
2165
2166                case "5":
2167                    document.getElementById("reduz")?.click();
2168                    break;
2169
2170                case "6":
2171                    document.getElementById("contraste")?.click();
2172                    break;
2173
2174                case "7":
2175                    window.location.href = "/Paginas/Details/359";
2176                    break;
2177            }
2178        }
2179    </script>
2179
2180</body>
2181
2182</html>
2183

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.