PageSourceSearch

https://pelotas.rs.gov.br/

html pelotas.rs.gov.br collected 2026-10-02 09:58:40 UTC 142,568 bytes, 2,876 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="pt-br">
3
4<head>
5    <meta charset="utf-8">
6    <meta http-equiv="x-ua-compatible" content="ie=edge">
7    <title>Prefeitura Municipal de Pelotas</title>
8    <meta name="description" content="">
9    <meta name="viewport" content="width=device-width, initial-scale=1.0">
10    <meta name="csrf-token" content="eBJzjjThAp0hJFp5CKncoS47sgbzOf4PjtFE0rqe">
11    
12    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
13        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
14    
14<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
15        integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous">
16    </script>
16
17    <link rel="stylesheet" href="/css/novo-layout.css">
18    <!-- Links para css do CDN -->
19    <!-- CSS do CDN -->
20            <link rel="stylesheet" href="https://cdn.coinpel.com.br/css/header-cdn.css">
21            <link rel="stylesheet" href="https://cdn.coinpel.com.br/css/footer-cdn.css">
22            <link rel="stylesheet" href="https://cdn.coinpel.com.br/css/PUBLIC_style_base-cdn.css">
23            <link rel="stylesheet" href="https://cdn.coinpel.com.br/css/PUBLIC_style-cdn.css">
24    
25    
26    
27    <!-- Place this tag in your head or just before your close body tag. -->
28    
28<script src="https://apis.google.com/js/platform.js" async defer></script>
28
29    <style>
30        .skip-link {
31            position: absolute;
32            left: -999px;
33            top: 0;
34            padding: 8px 12px;
35            background: #fff;
36            color: #000;
37            border: 1px solid #000;
38            z-index: 2000;
39        }
40
41        .skip-link:focus {
42            left: 12px;
43        }
44    </style>
vendor: 69 bytes, lines 44-46
44
45
46    <script async src="https://www.googletagmanager.com/gtag/js?id=
46G-56NT7VYW77
vendor: 16 bytes, lines 46-47
46"></script>
47    
47<script>
48        
vendor: 151 bytes, lines 48-51
48window.dataLayer = window.dataLayer || [];
49        function gtag(){dataLayer.push(arguments);}
50        gtag('js', new Date());
51        gtag('config', "
51G-56NT7VYW77
vendor: 8 bytes, lines 51-52
51");
52    
52</script>
52
53        </head>
54
55<body id="body-site">
56
57<script>
58    if (window.innerWidth < 768) {
59        window.location.href = "https://pelotas.rs.gov.br/mobile";
60    }
61    console.log(window.innerWidth);
62</script>
62
63
64<header class="site-header">
65    <a class="skip-link" href="#conteudo-principal">Pular para o conteúdo</a>
66    <style>
67    /* Combinei as media queries para cobrir todo o intervalo de tablet */
68    @media (min-width: 768px) and (max-width: 1024px) {
69        .hidden-tablet {
70            display: none !important;
71        }
72    }
73
74    /* Estilos exclusivos para o Modal de Pesquisa */
75    .modal_buscador .modal-content {
76        border: none;
77        border-radius: 20px;
78        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
79        background: #ffffff;
80    }
81
82    .modal_buscador .modal-header {
83        border-bottom: 1px solid #e0e0e0;
84        padding: 1.5rem;
85    }
86
87    /* Campo de Texto Estilizado */
88    .search_field_custom {
89        border: 2px solid #e9ecef;
90        border-radius: 32px;
91        padding: 12px 20px;
92        font-size: 1.1rem;
93        transition: all 0.3s ease;
94        width: 100%;
95        outline: none;
96    }
97
98    .search_field_custom:focus {
99        border-color: #3458CE;
100        box-shadow: 0 0 0 4px rgba(52, 88, 206, 0.15);
101        background-color: #fff;
102    }
103
104    /* Título do filtro */
105    .filter-title {
106        font-weight: 600;
107        color: #495057;
108        font-size: 0.95rem;
109        margin-bottom: 15px;
110    }
111
112    .btn-close-custom {
113        background-color: #f8f9fa;
114        border-radius: 50%;
115        padding: 10px;
116        opacity: 0.8;
117    }
118
119    /* Estilo base do botão de filtro */
120    .filter_category {
121        border: 2px solid #e9ecef !important;
122        border-radius: 50px !important;
123        padding: 8px 25px !important;
124        color: #6c757d !important;
125        font-weight: 600 !important;
126        cursor: pointer;
127        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
128        background: #fff;
129        padding-bottom: 25px !important;
130    }
131
132    .filter_category:hover {
133        border-color: #3458CE !important;
134        color: #3458ce !important;
135    }
136
137    .filter_category.active {
138        background-color: #3458ce !important;
139        border-color: #3458ce !important;
140        color: #ffffff !important;
141        box-shadow: 0 4px 15px rgba(52, 88, 206, 0.4);
142        transform: scale(1.05);
143    }
144</style>
145
146<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />
147<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
147
148<link rel="stylesheet" href="https://pelotas.rs.gov.br/css/modelo/buscador-noticias.css">
149
150<div class="modal fade modal_buscador" id="modal_buscador" tabindex="-1" aria-labelledby="modalBuscadorLabel"
151    aria-hidden="true">
152    <div class="modal-dialog modal-dialog-centered">
153        <div class="modal-content">
154            <form action="https://pelotas.rs.gov.br/listar-noticias" method="GET" id="form-buscador">
155                <input type="hidden" name="_token" value="eBJzjjThAp0hJFp5CKncoS47sgbzOf4PjtFE0rqe" autocomplete="off">                <div class="modal-header d-flex align-items-center">
156                    <div class="position-relative w-100 me-3">
157                        <input type="text" id="search_field" class="search_field_custom" name="pesquisa"
158                            placeholder="O que você deseja encontrar?" maxlength="30" required>
159                    </div>
160
161                    <button type="submit" class="btn btn-primary rounded-circle search-button me-2"
162                        aria-label="Buscar" title="Buscar">
163                        <i class="fas fa-search"></i>
164                    </button>
165
166                    <button type="button" class="btn-close btn-close-custom" data-bs-dismiss="modal"
167                        aria-label="Fechar"></button>
168
169                    <input type="hidden" name="pagina" value="1">
170                    <input type="hidden" name="resultados" value="10">
171                    <input type="hidden" name="ordem" value="published_at">
172                    <input type="hidden" name="ordem_tipo" value="desc">
173                    <input type="hidden" name="tipo_filtro" id="tipo_filtro" value="">
174
175                </div>
176
177                <div class="modal-body p-4 text-center">
178                    <p class="filter-title">Estou procurando por:</p>
179                    <div class="d-flex justify-content-center gap-3">
180                        <div class="filter_category" data-type="servicos">
181                            <i class="fas fa-concierge-bell me-1"></i> Serviços
182                        </div>
183                        <div class="filter_category" data-type="noticias">
184                            <i class="fas fa-newspaper me-1"></i> Notícias
185                        </div>
186                    </div>
187                </div>
188            </form>
189        </div>
190    </div>
191</div>
192
193<div class="col-12 block-news" id="block-news">
194    <div class="row m-0 h-100 align-items-center">
195
196        <div class="col-12 col-md-6 me-auto d-flex text-white align-items-center p-0 m-0">
197
198            <div class="icon-news col-md-1">
199                <img class="icon-left hidden-tablet" src="https://pelotas.rs.gov.br/images/icon-left.png" alt="">
200                <img class="icon-right hidden-tablet" src="https://pelotas.rs.gov.br/images/icon-right.png" alt="">
201            </div>
202
203                                                
204                                            <p class="text-news text-white flex-nowrap text-truncate d-inline-block m-0">
205                            <a class="top_news text-white text-decoration-none" target="_blank"
206                                href="https://old.pelotas.com.br/noticia/magisterio-municipal"
207                                title="Concurso Público para Magistério Municipal terá classificações finais divulgadas em 13 de maio">
208                                Concurso Público para Magistério Municipal terá classificações finais divulgadas em 13 de maio
209                            </a>
210                        </p>
211                                                        </div>
212
213        <div class="col-md-6 ms-auto search-field-buscador d-none d-md-block text-white p-0">
214            <div class="d-flex align-items-center justify-content-end">
215
216                <button id="busca" class="btn field-search m-0 d-flex align-items-center text-white" type="button"
217                    data-bs-toggle="modal" data-bs-target="#modal_buscador" style="background-color: #3458CE;">
218                    <span class="me-3">Pesquisar</span>
219                    <span class="ms-4 d-flex align-items-center">
220                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19"
221                            fill="none">
222                            <circle cx="8" cy="7.07107" r="5" transform="rotate(45 8 7.07107)" stroke="#F2F2F2"
223                                stroke-width="2" />
224                            <path d="M11.5356 10.6067L15.7783 14.8493" stroke="#F2F2F2" stroke-width="2"
225                                stroke-linecap="round" />
226                        </svg>
227                    </span>
228                </button>
229
230                <div class="social-icons ms-4 d-flex align-items-center">
231                    <a class="network-link mx-1" href="https://www.facebook.com/prefeituradepelotas/" target="_blank"
232                        aria-label="Facebook">
233                        <img class="network-img" src="https://pelotas.rs.gov.br/images/FACEBOOK.png" alt="Facebook">
234                    </a>
235                    <a class="network-link mx-1" href="https://www.instagram.com/prefeituradepelotas/" target="_blank"
236                        aria-label="Instagram">
237                        <img class="network-img" src="https://pelotas.rs.gov.br/images/INSTAGRAM.png" alt="Instagram">
238                    </a>
239                    <a class="network-link mx-1" href="https://www.flickr.com/photos/prefpel" target="_blank"
240                        aria-label="Flickr">
241                        <img class="network-img" src="https://pelotas.rs.gov.br/images/FLICKR.png" alt="Flickr">
242                    </a>
243                </div>
244
245            </div>
246        </div>
247
248        <input type="hidden" id="contagem_mais_noticias" value="
2480">
249
250    </div>
251</div>
252
253<script>
254    document.querySelectorAll('.filter_category').forEach(button => {
255        button.addEventListener('click', function() {
256
257            // 1. Remove a classe 'active' de todos os botões de filtro
258            document.querySelectorAll('.filter_category').forEach(btn => btn.classList.remove(
259                'active'));
260
261            // 2. Adiciona a classe 'active' apenas no botão clicado
262            this.classList.add('active');
263
264            // 3. (Opcional) Atualiza o valor do input hidden para o envio do form
265            const tipo = this.getAttribute('data-type');
266            document.getElementById('tipo_filtro').value = tipo;
267
268        });
269    });
270
271    document.getElementById('form-buscador').addEventListener('submit', function(event) {
272        const tipo = document.getElementById('tipo_filtro').value;
273        const searchField = document.getElementById('search_field');
274        if (tipo === 'servicos') {
275            this.setAttribute('action', 'https://projus.pelotas.rs.gov.br/public/');
276            this.setAttribute('method', 'POST');
277            searchField.setAttribute('name', 'form_pesquisa');
278        } else {
279            this.setAttribute('action', 'https://pelotas.rs.gov.br/listar-noticias');
280            this.setAttribute('method', 'GET');
281            searchField.setAttribute('name', 'pesquisa');
282        }
283    });
284
285    const modalBuscador = document.getElementById('modal_buscador');
286    const setDefaultFilter = () => {
287        const tipoInput = document.getElementById('tipo_filtro');
288        if (tipoInput.value) {
289            return;
290        }
291
292        const defaultButton = document.querySelector('.filter_category[data-type="noticias"]');
293        if (!defaultButton) {
294            return;
295        }
296
297        document.querySelectorAll('.filter_category').forEach(btn => btn.classList.remove('active'));
298        defaultButton.classList.add('active');
299        tipoInput.value = 'noticias';
300    };
301
302    modalBuscador.addEventListener('shown.bs.modal', setDefaultFilter);
303    modalBuscador.addEventListener('keydown', function(event) {
304        if (event.key === 'Enter') {
305            event.preventDefault();
306            document.getElementById('form-buscador').requestSubmit();
307        }
308    });
309</script>
309
310    <style>
311    .menu-home {
312        background-color: none;
313    }
314
315    .menu-home a {
316        color: #fff !important;
317    }
318
319    @media (min-width: 2560px) {
320        /* Estilos para 2K */
321    }
322
323    @media (min-width: 1400px) AND (max-width:1600px) {
324
325        .menu-home {
326            padding: 5px 120px !important;
327            height: 80px !important;
328        }
329
330        body {
331            margin-top: -32px !important;
332        }
333
334        31
335    }
336
337    @media (min-width: 768px) AND (max-width:1024px) {
338
339        .menu-home {
340            padding: 5px 20px !important;
341            height: 70px !important;
342        }
343
344        body {
345            margin-top: -32px !important;
346        }
347
348    }
349</style>
350
351<nav aria-label="Navegação principal"
352    class="menu-home menu-externo menu-links-black shadow row mx-0 col-md-12 d-none d-md-block mt-2 text-nowrap ">
353
354    <div class="py-1 px-0 row mx-0 d-flex align-items-center">
355
356        <!-- Logo -->
357        <div class="col-md-2 px-0">
358            <a href="/">
359                <img class="logo" id="logo" style="border-radius:0px;"
360                    src="https://cdn.coinpel.com.br/images/logo-prefeitura.svg" alt="Prefeitura Municipal de Pelotas">
361            </a>
362        </div>
363
364        <!-- Links -->
365        <div class="col-md-10 d-flex justify-content-end align-items-center text-end px-0">
366
367            <ul class="d-flex gap-2  list-unstyled mb-0" role="list">
368                <li><a class="px-1 menu-link-interno" href="https://projus.pelotas.rs.gov.br/public/">Serviços</a></li>
369                <li><a class="px-1 menu-link-interno" href="https://pelotas.rs.gov.br/governo">Governo</a></li>
370                <li><a class="px-1 menu-link-interno" href="https://pelotas.rs.gov.br/governo/lista-secretarias">Secretarias e Órgãos</a></li>
371                <li><a class="px-1 menu-link-interno" href="https://pelotas.rs.gov.br/oportunidades">Oportunidades</a></li>
372                <li><a class="px-1 menu-link-interno" href="https://pelotas.rs.gov.br/social">Social</a></li>
373                <li><a class="px-1 menu-link-interno" href="https://pelotas.rs.gov.br/cidade">Cidade</a></li>
374                <li><a class="px-1 menu-link-interno" href="https://pelotas.rs.gov.br/transparencia">Transparência</a></li>
375            </ul>
376
377        </div>
378
379    </div>
380
381</nav>
382
383<nav class="navbar navbar-expand-lg navbar-light bg-light mt-0 shadow menu-flutuante d-block d-md-none mt-5">
384
385    <div class="container-fluid">
386
387        <a class="navbar-brand" href="#">
388            <img class="offset-md-7" src="https://cdn.coinpel.com.br/images/logo-prefeitura.svg" alt="" width="150px;">
389        </a>
390
391        <button class="navbar-toggler border-none" id="menu-button" type="button" data-bs-toggle="collapse"
392            data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
393            <span class="navbar-toggler-icon"></span>
394        </button>
395
396        <!-- menu-drop-->
397        <div class="collapse navbar-collapse col-12 d-md-none menu-drop px-0" id="navbarNav"
398            style="overflow-Y:auto; background-color: #222; position:fixed; top:0px; min-height:10vh; z-index:200 !important;">
399            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
400                aria-controls="navbarNav" aria-expanded="true" aria-label="Toggle navigation">
401                <img class="" src="https://pelotas.rs.gov.br/images/icones/CLOSE-MENU.png" alt=""
402                    style="position: fixed;top:20px;right:15px;border:none;background-color:transparent;color:#fff;">
403            </button>
404
405            <div class="row mx-0">
406
407                <div class="col-12 mt-5 px-4">
408                    <a href="https://pelotas.rs.gov.br/listar-noticias"> <img class="" id=""
409                            src="https://pelotas.rs.gov.br/images/icones/ICONE_PESQUISA.png" alt=""
410                            style="width:25px"></a>
411
412                </div>
413
414                <ul class="navbar-nav  me-auto mb-1 mb-lg-0 nav-pills nav-fill col-6 pt-5 ">
415
416
417
418                    <li class="nav-item py-2 nav-item-mobile">
419
420
421                        <a class="text-white fs-5 text-decoration-none"
422                            href=" https://pelotas.rs.gov.br/transparencia">Serviços</a>
423
424                    </li>
425
426                    <li class="nav-item py-2 dropdown nav-item-mobile">
427
428
429                        <a class="text-white fs-5 text-decoration-none"
430                            href="https://pelotas.rs.gov.br/governo">Governo</a>
431
432                    </li>
433
434                    <li class="nav-item py-2 dropdown nav-item-mobile">
435
436
437                        
438                        <a class="text-white fs-5 text-decoration-none" href="#">Secretarias e Órgãos</a>
439
440
441                    </li>
442                    <li class="nav-item py-2 dropdown nav-item-mobile">
443
444
445                        <a class="text-white fs-5 text-decoration-none"
446                            href="https://pelotas.rs.gov.br/oportunidades">Oportunidades</a>
447
448                    </li>
449                    <li class="nav-item py-2 dropdown nav-item-mobile">
450
451
452                        <a class="text-white fs-5 text-decoration-none" href="https://pelotas.rs.gov.br/social">Social</a>
453
454                    </li>
455                    <li class="nav-item py-2 dropdown nav-item-mobile">
456
457
458                        <a class="text-white fs-5 text-decoration-none" href="https://pelotas.rs.gov.br/cidade">Cidade</a>
459
460                    </li>
461
462                    <li class="nav-item py-2 dropdown nav-item-mobile">
463
464
465                        <a class="text-white fs-5 text-decoration-none"
466                            href="https://pelotas.rs.gov.br/transparencia">Transparência</a>
467
468                    </li>
469
470
471
472                </ul>
473
474                <ul class="navbar-nav mt-3 me-auto mb-1 mb-lg-0 
474nav-pills nav-fill col-2 offset-2  ">
475                    <a class="mb-3" href="#" target="">
476                        <img class="" src="https://pelotas.rs.gov.br/images/icones/ACESSIBILIDADE BOTAO MOBILE.png"
477                            alt="" style="">
478                    </a>
479
480                    
481
482                    <a class="mb-3" href="https://www.flickr.com/photos/prefpel" target="_blank">
483                        <img class="" src="https://pelotas.rs.gov.br/images/FLICKR.png" alt="" style="">
484                    </a>
485
486                    
487
488                    <a class="mb-3" href="https://www.instagram.com/prefeituradepelotas/" target="_blank">
489                        <img class="" src="https://pelotas.rs.gov.br/images/INSTAGRAM.png" alt=""
490                            style="">
491                    </a>
492
493                    <a class="mb-3 " href="https://www.facebook.com/prefeituradepelotas/" target="_blank">
494                        <img class="" src="https://pelotas.rs.gov.br/images/FACEBOOK.png" alt="" style="">
495                    </a>
496
497
498                </ul>
499            </div>
500
501        </div>
502        <!-- End menu-drop--->
503    </div>
504</nav>
505</header>
506
507<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"
508    integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg=="
509    crossorigin="anonymous" referrerpolicy="no-referrer" />
510<link rel="stylesheet" href="https://pelotas.rs.gov.br/css/home.css">
511<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
512
513<!-------- Modal ---------------------------->
514
515    
516<main id="conteudo-principal">
517    <div class="section-content" style="margin-top:0; min-height:30vh; ">
518
519        
520        <div>
521
522            <img src='https://pelotas.rs.gov.br/home/banner-image?img=..%2Farquivos%2Fimg_header%2Fheader_6a6760ce5f788.png' class="col-md-12 img-pelotas">
523            <img src="https://pelotas.rs.gov.br/images/header-complement.png" class="img-pelotas-left">
524            <img src="https://pelotas.rs.gov.br/images/header-complement.png" class="img-pelotas-right">
525
526        </div>
527
528        
529        <div class="container-home" style="margin-top: 44px;">
530            <div style="margin-bottom: 87.5px;">
531
532                <div style="margin-bottom: 69.43px" class="row">
533                    <div class="col-12" style="margin-bottom: 25px">
534                        <h2 class="text-center mb-0 d-flex align-items-center title-section">
535                            <img src="https://pelotas.rs.gov.br/images/icones/rectangle_home.png" width="20" height="20"
536                                class="me-2">
537                            Notícias Destaque
538                        </h2>
539                    </div>
540
541                    <!-- Coluna da notícia principal -->
542                    <div class="col-12 col-md-8 div-main-news">
543
544                        <!-- Indicadores do carrossel -->
545
546                        <div id="carouselNews" class="news-highlight carousel slide" data-bs-ride="carousel">
547
548                            <div class="carousel-indicators pagination" style="">
549
550                                <a class="carousel-control-prev" href="#carouselNews" role="button"
551                                    data-bs-slide="prev" style="position: relative">
552                                    <img src="https://www.pelotas.com.br/images/carouselArrow.svg" alt=""
553                                        style="transform: scaleX(-100%)">
554                                </a>
555
556                                <button type="button" data-bs-target="#carouselNews" data-bs-slide-to="0"
557                                    class="active carousel-btn"></button>
558                                <button type="button" data-bs-target="#carouselNews" data-bs-slide-to="1"
559                                    class="carousel-btn"></button>
560                                <button type="button" data-bs-target="#carouselNews" data-bs-slide-to="2"
561                                    class="carousel-btn" aria-current="true"></button>
562                                <button type="button" data-bs-target="#carouselNews" data-bs-slide-to="3"
563                                    class="carousel-btn"></button>
564
565                                <a class="carousel-control-next" href="#carouselNews" role="button"
566                                    data-bs-slide="next" style="position: relative">
567                                    <img src="https://www.pelotas.com.br/images/carouselArrow.svg" alt="">
568                                </a>
569
570                            </div>
571
572                            <!-- Itens do carrossel -->
573                            <div class="carousel-inner" style="">
574                                                                    <div class="news-item carousel-item active"
575                                        data-index="0">
576                                        <div class="row">
577                                            <!-- Imagem à esquerda -->
578                                                                                            <div class="col-12 col-md-6 tablet-width">
579                                                    <a href="https://pelotas.rs.gov.br/noticia/prefeitura-inaugura-consultorio-odontologico-na-upa-areal">
580                                                        <img class="news-img img-fluid border border-0"
581                                                            src="http://publicador-api.pelotas.com.br/storage/700x466/8f2a73bfd22b1be1295e17967158a9a1f818f22d.jpeg" alt="Prefeitura inaugura consultório odontológico na UPA Areal">
582                                                    </a>
583                                                </div>
584                                            
585                                            <!-- Textos à direita -->
586                                            <div class="main-notice col-12 col-md-6 tablet-width">
587
588                                                <div class="notice-main-category tablet-pad
588ding">
589                                                    <a href="https://pelotas.rs.gov.br/noticia/prefeitura-inaugura-consultorio-odontologico-na-upa-areal"
590                                                        class="text-decoration-none">
591                                                        <h2 class="fw-500 text-decoration-none">
592                                                            Saúde
593                                                        </h2>
594                                                    </a>
595                                                </div>
596
597                                                <div class="notice-main-title" style="">
598                                                    <a href="https://pelotas.rs.gov.br/noticia/prefeitura-inaugura-consultorio-odontologico-na-upa-areal"
599                                                        class="text-decoration-none">
600                                                        <h2 class="fw-700 text-decoration-none text-dark"
601                                                            style="">
602                                                            Prefeitura inaugura consultório odontológico na UPA Areal</h2>
603                                                    </a>
604                                                </div>
605
606                                                <div class="notice-main-description" style="">
607                                                    <a href="https://pelotas.rs.gov.br/noticia/prefeitura-inaugura-consultorio-odontologico-na-upa-areal"
608                                                        class="text-decoration-none">
609                                                        <h2 class="fw-500 text-decoration-none text-dark">
610                                                            Serviço estará disponível a partir das 18h desta quinta-feira (1°)</h2>
611                                                    </a>
612                                                </div>
613
614                                                <div class="col-12 col-md-4 notice-secondary-description"
615                                                    style="">
616                                                    <p style="margin-bottom: 0; font-style: italic; padding-left: 3px">
617                                                        01/10/2026
618                                                    </p>
619                                                    <p class="truncate-2 notice-secondary-description-second"
620                                                        style="font-style: italic;">
621                                                        Andrine Teixeira
622                                                    </p>
623                                                </div>
624                                            </div>
625                                        </div>
626                                    </div>
627                                                                    <div class="news-item carousel-item "
628                                        data-index="1">
629                                        <div class="row">
630                                            <!-- Imagem à esquerda -->
631                                                                                            <div class="col-12 col-md-6 tablet-width">
632                                                    <a href="https://pelotas.rs.gov.br/noticia/prefeitura-orienta-sobre-o-transito-durante-o-periodo-eleitoral">
633                                                        <img class="news-img img-fluid border border-0"
634                                                            src="http://publicador-api.pelotas.com.br/storage/700x466/3c5390bde6177f3e46733a88eb44fbe23b6240f5.jpeg" alt="Prefeitura orienta sobre o trânsito durante o período eleitoral">
635                                                    </a>
636                                                </div>
637                                            
638                                            <!-- Textos à direita -->
639                                            <div class="main-notice col-12 col-md-6 tablet-width">
640
641                                                <div class="notice-main-category tablet-pad
641ding">
642                                                    <a href="https://pelotas.rs.gov.br/noticia/prefeitura-orienta-sobre-o-transito-durante-o-periodo-eleitoral"
643                                                        class="text-decoration-none">
644                                                        <h2 class="fw-500 text-decoration-none">
645                                                            Transporte e Trânsito
646                                                        </h2>
647                                                    </a>
648                                                </div>
649
650                                                <div class="notice-main-title" style="">
651                                                    <a href="https://pelotas.rs.gov.br/noticia/prefeitura-orienta-sobre-o-transito-durante-o-periodo-eleitoral"
652                                                        class="text-decoration-none">
653                                                        <h2 class="fw-700 text-decoration-none text-dark"
654                                                            style="">
655                                                            Prefeitura orienta sobre o trânsito durante o período eleitoral</h2>
656                                                    </a>
657                                                </div>
658
659                                                <div class="notice-main-description" style="">
660                                                    <a href="https://pelotas.rs.gov.br/noticia/prefeitura-orienta-sobre-o-transito-durante-o-periodo-eleitoral"
661                                                        class="text-decoration-none">
662                                                        <h2 class="fw-500 text-decoration-none text-dark">
663                                                            STT reforça cuidados com materiais de campanha, carreatas e circulação nos dias de votação</h2>
664                                                    </a>
665                                                </div>
666
667                                                <div class="col-12 col-md-4 notice-secondary-description"
668                                                    style="">
669                                                    <p style="margin-bottom: 0; font-style: italic; padding-left: 3px">
670                                                        01/10/2026
671                                                    </p>
672                                                    <p class="truncate-2 notice-secondary-description-second"
673                                                        style="font-style: italic;">
674                                                        Andrine Teixeira
675                                                    </p>
676                                                </div>
677                                            </div>
678                                        </div>
679                                    </div>
680                                                                    <div class="news-item carousel-item "
681                                        data-index="2">
682                                        <div class="row">
683                                            <!-- Imagem à esquerda -->
684                                                                                            <div class="col-12 col-md-6 tablet-width">
685                                                    <a href="https://pelotas.rs.gov.br/noticia/prefeitura-articula-a-remocao-do-pinaculo-do-grande-hotel">
686                                                        <img class="news-img img-fluid border border-0"
687                                                            src="http://publicador-api.pelotas.com.br/storage/700x466/02d350e92ccf3315c37debbbfadcd029b82541ea.jpeg" alt="Prefeitura articula a remoção do pináculo do Grande Hotel">
688                                                    </a>
689                                                </div>
690                                            
691                                            <!-- Textos à direita -->
692                                            <div class="main-notice col-12 col-md-6 tablet-width">
693
694                                                <div class="notice-main-category tablet-pad
694ding">
695                                                    <a href="https://pelotas.rs.gov.br/noticia/prefeitura-articula-a-remocao-do-pinaculo-do-grande-hotel"
696                                                        class="text-decoration-none">
697                                                        <h2 class="fw-500 text-decoration-none">
698                                                            Transporte e Trânsito
699                                                        </h2>
700                                                    </a>
701                                                </div>
702
703                                                <div class="notice-main-title" style="">
704                                                    <a href="https://pelotas.rs.gov.br/noticia/prefeitura-articula-a-remocao-do-pinaculo-do-grande-hotel"
705                                                        class="text-decoration-none">
706                                                        <h2 class="fw-700 text-decoration-none text-dark"
707                                                            style="">
708                                                            Prefeitura articula a remoção do pináculo do Grande Hotel</h2>
709                                                    </a>
710                                                </div>
711
712                                                <div class="notice-main-description" style="">
713                                                    <a href="https://pelotas.rs.gov.br/noticia/prefeitura-articula-a-remocao-do-pinaculo-do-grande-hotel"
714                                                        class="text-decoration-none">
715                                                        <h2 class="fw-500 text-decoration-none text-dark">
716                                                            A ação mobilizou diversas entidades que constataram a necessidade da desmontagem e retirada da estrutura com toda a segurança e eficiência</h2>
717                                                    </a>
718                                                </div>
719
720                                                <div class="col-12 col-md-4 notice-secondary-description"
721                                                    style="">
722                                                    <p style="margin-bottom: 0; font-style: italic; padding-left: 3px">
723                                                        01/10/2026
724                                                    </p>
725                                                    <p class="truncate-2 notice-secondary-description-second"
726                                                        style="font-style: italic;">
727                                                        Lucia Ippolito
728                                                    </p>
729                                                </div>
730                                            </div>
731                                        </div>
732                                    </div>
733                                                                    <div class="news-item carousel-item "
734                                        data-index="3">
735                                        <div class="row">
736                                            <!-- Imagem à esquerda -->
737                                                                                            <div class="col-12 col-md-6 tablet-width">
738                                                    <a href="https://pelotas.rs.gov.br/noticia/prefeitura-volta-a-recolher-entulhos-em-sistema-de-mutirao">
739                                                        <img class="news-img img-fluid border border-0"
740                                                            src="http://publicador-api.pelotas.com.br/storage/700x466/21f8b5ca15ae76fc63d5c1a217a4bc95f5e86361.jpeg" alt="Prefeitura volta a recolher entulhos em sistema de mutirão">
741                                                    </a>
742                                                </div>
743                                            
744                                            <!-- Textos à direita -->
745                                            <div class="main-notice col-12 col-md-6 tablet-width">
746
747                                                <div class="notice-main-category tablet-pad
747ding">
748                                                    <a href="https://pelotas.rs.gov.br/noticia/prefeitura-volta-a-recolher-entulhos-em-sistema-de-mutirao"
749                                                        class="text-decoration-none">
750                                                        <h2 class="fw-500 text-decoration-none">
751                                                            Serviços Urbanos e infraestrutura
752                                                        </h2>
753                                                    </a>
754                                                </div>
755
756                                                <div class="notice-main-title" style="">
757                                                    <a href="https://pelotas.rs.gov.br/noticia/prefeitura-volta-a-recolher-entulhos-em-sistema-de-mutirao"
758                                                        class="text-decoration-none">
759                                                        <h2 class="fw-700 text-decoration-none text-dark"
760                                                            style="">
761                                                            Prefeitura volta a recolher entulhos em sistema de mutirão</h2>
762                                                    </a>
763                                                </div>
764
765                                                <div class="notice-main-description" style="">
766                                                    <a href="https://pelotas.rs.gov.br/noticia/prefeitura-volta-a-recolher-entulhos-em-sistema-de-mutirao"
767                                                        class="text-decoration-none">
768                                                        <h2 class="fw-500 text-decoration-none text-dark">
769                                                            Equipes coordenadas pela Secretaria de Serviços Urbanos e Infraestrutura (Ssui) atuam nesta quarta-feira (30) no Simões Lopes e no bairro Navegantes</h2>
770                                                    </a>
771                                                </div>
772
773                                                <div class="col-12 col-md-4 notice-secondary-description"
774                                                    style="">
775                                                    <p style="margin-bottom: 0; font-style: italic; padding-left: 3px">
776                                                        30/09/2026
777                                                    </p>
778                                                    <p class="truncate-2 notice-secondary-description-second"
779                                                        style="font-style: italic;">
780                                                        Roberto Ribeiro
781                                                    </p>
782                                                </div>
783                                            </div>
784                                        </div>
785                                    </div>
786                                                            </div>
787                        </div>
788                    </div>
789
790                    
791                    <div class="col-12 col-md-3 div-secretaria" style="">
792                        <h5 class="text-center mb-4 fontsize" style="font-weight: 1000; font-size: 30px">CONHEÇA
793                            NOSSAS <br>
794                            SECRETARIAS E <br class="hidden"> ÓRGÃOS</h5>
795
796                        <div class="tablet-margin">
797                            <form action="/" method="post" class="margin-tv d-flex align-items-center w-100"
798                                style="border: 2px solid #ccc; border-radius: 30px; overflow: hidden;">
799                                <input type="hidden" name="_token" value="eBJzjjThAp0hJFp5CKncoS47sgbzOf4PjtFE0rqe" autocomplete="off">                                <input type="text" class="form-control border-0 shadow-none flex-grow-1"
800                                    id="search_sec" style="border-radius: 30px 0 0 30px; padding: 10px 20px;"
801                                    placeholder="Digite o nome da secretaria ou órgão" maxlength="30"
802                                    name="pesquisa">
803                                <button type="submit" class="btn btn_lupa"
804                                    style="border: none; padding: 10px 15px; border-radius: 0 30px 30px 0; background-color: transparent;">
805                                    <i class="fa-solid fa-magnifying-glass"></i>
806                                </button>
807                            </form>
808                            <div id="suggestions"
809                                style="position: absolute; z-index: 1000; background: white; border: 1px solid #ccc;">
810                            </div>
811                        </div>
812
813                        <div class="portal-link gap-3" style="margin-top: 25px;">
814                            <a href="https://pelotas.rs.gov.br/educacao" class="portal-educacao rounded text-position">
815                                <span class="portais" style="font-weight: 500">Portal</span>
816                                <strong class="portais-nome"><br>EDU<br class="hidden">CA<br
817                                        class="hidden">ÇÃO</strong>
818                            </a>
819                            <a href="https://pelotas.rs.gov.br/cultura" class="portal-cultura text-dark rounded text-position">
820                                <span class="portais" style="font-weight: 500">Portal</span>
821                                <strong class="portais-nome"><br>CUL<br class="hidden">TU<br
822                                        class="hidden">RA</strong>
823                            </a>
824                            <a href="https://pelotas.rs.gov.br/saude" class="portal-saude rounded text-position">
825                                <span class="portais" style="font-weight: 500">Portal</span>
826                                <strong class="portais-nome"><br>SA<br class="hidden">Ú<br class="hidden">DE</strong>
827                            </a>
828                        </div>
829
830                    </div>
831
832                    <!-- Linha com as ultimas de notícias -->
833                    <div class="row col-12 col-md-8 d-flex news-width">
834                        <div class="col-12 col-md-7 d-flex justify-content-between">
835                            <h2 class="col-12 title-section2">
836                                <img src="https://pelotas.rs.gov.br/images/icones/rectangle_home.png" width="20"
837                                    height="20" class="me-2">
838                                Últimas Notícias
839                            </h2>
840                        </div>
841
842                        <div class="news-list">
843                                                            <div class="news-list-item" data-index="0">
844                                    <a href="https://pelotas.rs.gov.br/noticia/capta-promove-encontro-exclusivo-para-auxiliares-de-inclusao-da-rede-municipal-de-ensino" target="_blank"
845                                        class="news-link">
846                                        <h2>CAPTA promove encontro exclusivo para Auxiliares de Inclusão da Rede Municipal de Ensino</h2>
847                                    </a>
848                                    <p class="news-p">
849                                        01/10/2026
850                                    </p>
851                                    <p style="font-style: italic; padding:0 3px 0 3px">Isabella Barcellos</p>
852                                </div>
853
854                                                                                            <div class="news-list-item" data-index="1">
855                                    <a href="https://pelotas.rs.gov.br/noticia/rede-municipal-participa-de-evento-de-robotica-educacional" target="_blank"
856                                        class="news-link">
857                                        <h2>Rede municipal participa de evento de robótica educacional</h2>
858                                    </a>
859                                    <p class="news-p">
860                                        01/10/2026
861                                    </p>
862                                    <p style="font-style: italic; padding:0 3px 0 3px">Isabella Barcellos</p>
863                                </div>
864
865                                                                                            <div class="news-list-item" data-index="2">
866                                    <a href="https://pelotas.rs.gov.br/noticia/servidores-da-sas-se-preparam-para-eventos-climaticos-adversos" target="_blank"
867                                        class="news-link">
868                                        <h2>Servidores da SAS se preparam para eventos climáticos adversos</h2>
869                                    </a>
870                                    <p class="news-p">
871                                        01/10/2026
872                                    </p>
873                                    <p style="font-style: italic; padding:0 3px 0 3px">Alessandra Meirelles – MTb/RS 10052</p>
874                                </div>
875
876                                                                                            <div class="news-list-item" data-index="3">
877                                    <a href="https://pelotas.rs.gov.br/noticia/prevpel-oferece-exames-e-consultas-durante-o-outubro-rosa" target="_blank"
878                                        class="news-link">
879                                        <h2>Prevpel oferece exames e consultas durante o Outubro Rosa</h2>
880                                    </a>
881                                    <p class="news-p">
882                                        01/10/2026
883                                    </p>
884                                    <p style="font-style: italic; padding:0 3px 0 3px">Salvador Tadeo – MTB 7353</p>
885                                </div>
886
887                                                                    <hr class="news-divider">
888                                                                                            <div class="news-list-item" data-index="4">
889                                    <a href="https://pelotas.rs.gov.br/noticia/operacoes-integradas-registram-19-infracoes-na-quarta-feira" target="_blank"
890                                        class="news-link">
891                                        <h2>
891Operações Integradas registram 19 infrações na quarta-feira</h2>
892                                    </a>
893                                    <p class="news-p">
894                                        01/10/2026
895                                    </p>
896                                    <p style="font-style: italic; padding:0 3px 0 3px">Tatiana de la Torre</p>
897                                </div>
898
899                                                                                            <div class="news-list-item" data-index="5">
900                                    <a href="https://pelotas.rs.gov.br/noticia/sanep-desobstrui-rede-de-esgoto-nas-tres-vendas" target="_blank"
901                                        class="news-link">
902                                        <h2>Sanep desobstrui rede de esgoto nas Três Vendas</h2>
903                                    </a>
904                                    <p class="news-p">
905                                        01/10/2026
906                                    </p>
907                                    <p style="font-style: italic; padding:0 3px 0 3px">Matheus Cabistany</p>
908                                </div>
909
910                                                                                            <div class="news-list-item" data-index="6">
911                                    <a href="https://pelotas.rs.gov.br/noticia/servidores-participam-de-evento-do-setembro-amarelo" target="_blank"
912                                        class="news-link">
913                                        <h2>Servidores participam de evento do Setembro Amarelo</h2>
914                                    </a>
915                                    <p class="news-p">
916                                        30/09/2026
917                                    </p>
918                                    <p style="font-style: italic; padding:0 3px 0 3px">Alessandra Meirelles – MTb/RS 10052</p>
919                                </div>
920
921                                                                                            <div class="news-list-item" data-index="7">
922                                    <a href="https://pelotas.rs.gov.br/noticia/prefeito-garante-apoio-a-cadeia-produtiva-do-pessego-em-pelotas-e-regiao" target="_blank"
923                                        class="news-link">
924                                        <h2>Prefeito garante apoio à cadeia produtiva do pêssego em Pelotas e região</h2>
925                                    </a>
926                                    <p class="news-p">
927                                        30/09/2026
928                                    </p>
929                                    <p style="font-style: italic; padding:0 3px 0 3px">Roberto Ribeiro</p>
930                                </div>
931
932                                                                                    </div>
933
934                        <!-- wrapper flex para centralizar -->
935                        <div class="d-flex content-style mt-3">
936                            <button class="border border-0 news-button" style="">
937                                <a class="text-dark text-decoration-none" href="https://pelotas.rs.gov.br/listar-noticias">
938                                    <span class="fw-bold" style="padding-right: 5px; font-size: 16px">
939                                        Acessar todas as notícias
940                                    </span>
941                                    <img style="margin-left:5px; margin-bottom:2px" width="16px"
942                                        src="https://pelotas.rs.gov.br/images/mobile/arrow_button.svg" alt="">
943                                </a>
944                            </button>
945                        </div>
946                    </div>
947
948
949                    <div class="imgs-width" style="margin-bottom:30px">
950                        <div class="row g-4 mt-5">
951
952                            <!-- Carousel -->
953                            <div class="col-12 col-md-6 col-lg-6 img-desktop mt-0">
954                                <div id="carouselBanners" class="carousel slide carousel-fade carousel-banners"
955                                    data-bs-ride="carousel">
956                                    <div class="carousel-inner2">
957                                                                                    <div class="carousel-item active">
958                                                <a href="https://spsp.pelotas.rs.gov.br/" target="_blank">
959                                                    <img src="https://pelotas.rs.gov.br/home/banner-image?img=..%2Farquivos%2Fimg_banner%2Fimg_69d91f6c8353c.png"
960                                                        class="carousel-img2 d-block w-80" alt="">
961                                                </a>
962                                            </div>
963                                                                                    <div class="carousel-item ">
964                                                <a href="#" target="_blank">
965                                                    <img src="https://pelotas.rs.gov.br/home/banner-image?img=..%2Farquivos%2Fimg_banner%2Fimg_699d85744a156.jpeg"
966                                                        class="carousel-img2 d-block w-80" alt="">
967                                                </a>
968                                            </div>
969                                                                                    <div class="carousel-item ">
970                                                <a href="https://old.pelotas.com.br/egp" target="_blank">
971                                                    <img src="https://pelotas.rs.gov.br/home/banner-image?img=..%2Farquivos%2Fimg_banner%2Fimg_699d85ac0a8db.jpeg"
972                                                        class="carousel-img2 d-block w-80" alt="">
973                                                </a>
974                                            </div>
975                                                                                    <div class="carousel-item ">
976                                                <a href="#" target="_blank">
977                                                    <img src="https://pelotas.rs.gov.br/home/banner-image?img=..%2Farquivos%2Fimg_banner%2Fimg_699d85a3ba231.png"
978                                                        class="carousel-img2 d-block w-80" alt="">
979                                                </a>
980                                            </div>
981                                                                                    <div class="carousel-item ">
982                                                <a href="https://www.calameo.com/read/0079916548d3a523b75a1" target="_blank">
983                                                    <img src="https://pelotas.rs.gov.br/home/banner-image?img=..%2Farquivos%2Fimg_banner%2Fimg_699d85b6b5df1.jpeg"
984                                                        class="carousel-img2 d-block w-80" alt="">
985                                                </a>
986                                            </div>
987                                                                                    <div class="carousel-item ">
988                                                <a href="https://www.pelotas.com.br/lixo" target="_blank">
989                                                    <img src="https://pelotas.rs.gov.br/home/banner-image?img=..%2Farquivos%2Fimg_banner%2Fimg_699d85998092b.png"
990                                                        class="carousel-img2 d-block w-80" alt="">
991                                                </a>
992                                            </div>
993                                                                                    <div class="carousel-item ">
994                                                <a href="https://old.pelotas.com.br/egp" target="_blank">
995                                                    <img src="https://pelotas.rs.gov.br/home/banner-image?img=..%2Farquivos%2Fimg_banner%2Fimg_699d858f45fd6.jpeg"
996                                                        class="carousel-img2 d-block w-80" alt="">
997                                                </a>
998                                            </div>
999                                                                            </div>
1000                                </div>
1001                            </div>
1002
1003                        
1004
1005                            <!-- Imagem fixa -->
1006                            <div class="col-12 col-md-6 col-lg-6 img-desktop mt-0">
1007                                                                    <a href="http://processos2.pelotas.rs.gov.br/?iptu=" target="_blank" rel="noopener noreferrer">
1008                                        <img src="https://pelotas.rs.gov.br/home/banner-image?img=..%2Farquivos%2Fimg_banner%2Fimg_6a300591e5b23.jpeg"
1009                                            class="rounded-3 carousel-img2 d-block w-80" alt="Banner fixo">
1010                                    </a>
1011                                                            </div>
1012
1013                        </div>
1014                    </div>
1015
1016                    
1017
1018
1019
1020                    
1021
1022                    
1023
1024                    
1025
1026                    
1027
1028                    
1029
1030                    
1031                </div>
1032            </div>
1033
1034        </div>
1035
1036    </div>
1037
1038    </div>
1039
1040    
1041    <div class="col-12 servicos position-relative"
1042        style="padding-top: 50px; padding-bottom: 50px; border-radius: 0px 0px 60px 0px;">
1043        <img src="https://pelotas.rs.gov.br/images/rectangle_1.png" id="rectangle_1">
1044        <img src="https://pelotas.rs.gov.br/images/rectangle_2.png" id="rectangle_2">
1045        <img src="https://pelotas.rs.gov.br/images/rectangle_3.png" id="rectangle_3">
1046
1047
1048        <div class="row col-12 position-relative">
1049            <div class="services-width d-flex flex-column justify-content-center align-items-center text-start"
1050                id="details" style="gap: 5px;">
1051                <div class="d-flex align-items-start flex-column">
1052                    <!-- Acesso rápido -->
1053                    <p class="service-acess mb-0 d-flex align-items-center text-nowrap" style="">
1054                        <img style="margin-right: 5px;"
1055                            src="https://pelotas.rs.gov.br/images/icones/indice_azul-claro_small.png" width="20"
1056                            height="20">
1057                        Acesso rápido
1058                    </p>
1059                    <!-- SERVIÇOS -->
1060                    <h2 class="service-name fw-bold mb-4" style="">
1061                        SERVIÇOS
1062                    </h2>
1063                    <!-- Botão -->
1064                    <button class="service-button bg-light border border-0 mb-3" style="">
1065                        <a class="text-dark text-decoration-none" target="_blank"
1066                            href="https://servicos.pelotas.rs.gov.br"
1067                            style="font-family: Rawline; font-weight: 800; font-size: 18px; padding: 0 10px;">
1068                            <span class="mt-4 fw-bold btn_acessar_black width: 222.76px; height: 25;">Acessar todos os
1069                                serviços</span>
1070                            <img class="service-button-img" style="" width="16px"
1071                                src="https://pelotas.rs.gov.br/images/mobile/arrow_button.svg" alt="">
1072                        </a>
1073                    </button>
1074                </div>
1075            </div>
1076
1077            <div class="service-grid row p-0">
1078                <div class="grid-container">
1079                                            <a href="https://old.pelotas.com.br/servicos/servicos-ao-servidor/" class="service-card">
1080                            <div class="card service-card-content">
1081                                <div class="service-icon">
1082                                    <img src="https://projus.pelotas.rs.gov.br/arquivos/7ce6302a56475a897cc7cf88ee51b47e.png"
1083                                        class="service-image">
1084                                </div>
1085                                <div class="service-title">
1086                                    <p class="service_name my-2">Servidores</p>
1087                                </div>
1088                            </div>
1089                        </a>
1090                                            <a href="https://prevpel.pelotas.rs.gov.br/servicos/convenios/medicos" class="service-card">
1091                            <div class="card service-card-content">
1092                                <div class="service-icon">
1093                                    <img src="https://projus.pelotas.rs.gov.br/arquivos/23800d4a99434ff957c62484916177cf.png"
1094                                        class="service-image">
1095                                </div>
1096                                <div class="service-title">
1097                                    <p class="service_name my-2">Médicos Prevpel</p>
1098                                </div>
1099                            </div>
1100                        </a>
1101                                            <a href="https://www.pelotas.com.br/servicos/cidadao/telefones-uteis" class="service-card">
1102                            <div class="card service-card-content">
1103                                <div class="service-icon">
1104                                    <img src="https://projus.pelotas.rs.gov.br/arquivos/96936142cdadbf077ee0b8791be3d166.png"
1105                                        class="service-image">
1106                                </div>
1107                                <div class="service-title">
1108                                    <p class="service_name my-2">Telefones Úteis</p>
1109                                </div>
1110                            </div>
1111                        </a>
1112                                            <a href="https://old.pelotas.com.br/servicos/transporte-e-transito" class="service-card">
1113                            <div class="card service-card-content">
1114                                <div class="service-icon">
1115                                    <img src="https://projus.pelotas.rs.gov.br/arquivos/4725a54df58a7bfdc2c0a5e5f264145d.png"
1116                                        class="service-image">
1117                                </div>
1118                                <div class="service-title">
1119                                    <p class="service_name my-2">Transporte  Público</p>
1120                                </div>
1121                            </div>
1122                        </a>
1123                                            <a href="https://portal.sanep.com.br/" class="service-card">
1124                            <div class="card service-card-content">
1125                                <div class="service-icon">
1126                                    <img src="https://projus.pelotas.rs.gov.br/arquivos/4c240fb978bfe2c50c3cf9b952faf6b1.png"
1127                                        class="service-image">
1128                                </div>
1129                                <div class="service-title">
1130                                    <p class="service_name my-2">Sanep</p>
1131                                </div>
1132                            </div>
1133                        </a>
1134                                            <a href="https://www.pelotas.com.br/saude/farmacia" class="service-card">
1135                            <div class="card service-card-content">
1136                                <div class="service-icon">
1137                                    <img src="https://projus.pelotas.rs.gov.br/arquivos/fb3bb4f53202481c43c608bb7801e5ac.png"
1138                                        class="service-image">
1139                                </div>
1140                                <div class="service-title">
1141                                    <p class="service_name my-2">Farmácia Municipal</p>
1142                                </div>
1143                            </div>
1144                        </a>
1145                                            <a href="https://old.pelotas.com.br/agenda-farmacia" class="service-card">
1146                            <div class="card service-card-content">
1147                                <div class="service-icon">
1148                                    <img src="https://projus.pelotas.rs.gov.br/arquivos/52502678c91fe7e1750a28bdcab764ea.png"
1149                                        class="service-image">
1150                                </div>
1151                                <div class="service-title">
1152                                    <p class="service_name my-2">Agendamentos</p>
1153                                </div>
1154                            </div>
1155                        </a>
1156                                            <a href="https://transparencia.pelotas.com.br/" class="service-card">
1157                            <div class="card service-card-content">
1158                                <div class="service-icon">
1159                                    <img src="https://projus.pelotas.rs.gov.br/arquivos/dbc75d3744d3bda9fc265491d08faa19.png"
1160                                        class="service-image">
1161                                </div>
1162                                <div class="service-title">
1163                                    <p class="service_name my-2">Transparência</p>
1164                                </div>
1165                            </div>
1166                        </a>
1167                                            <a href="https://www.pelotas.com.br/oportunidades/concuros-estagios" class="service-card">
1168                            <div class="card service-card-content">
1169                                <div class="service-icon">
1170                                    <img src="https://projus.pelotas.rs.gov.br/arquivos/346b586a55218c780f2a3a8d7b0dd0ac.png"
1171                                        class="service-image">
1172                                </div>
1173                                <div class="service-title">
1174                                    <p class="service_name my-2">Concursos</p>
1175                                </div>
1176                            </div>
1177                        </a>
1178                                            <a href="https://www.pelotas.com.br/servicos/nfse" class="service-card">
1179                            <div class="card service-card-content">
1180                                <div class="service-icon">
1181                                    <img src="https://projus.pelotas.rs.gov.br/arquivos/25cea75570246b8d815ef4dcd1ed132f.png"
1182                                        class="service-image">
1183                                </div>
1184                                <div class="service-title">
1185                                    <p class="service_name my-2">Nota Fiscal</p>
1186                                </div>
1187                            </div>
1188                        </a>
1189                    
1190
1191                </div>
1192            </div>
1193        </div>
1194    </div>
1195
1196    <div class="gallery container-home video-galery col-12" style="margin-bottom: 100px;">
1197
1198        <div class="d-flex align-items-center justify-content-between p-0" style="">
1199            <div class="d-flex align-items-center">
1200                <h2 class="fw-bold d-flex align-items-center">
1201                    <img src="https://pelotas.rs.gov.br/images/gabinete-prefeitura/indice-amarelo.png" width="20"
1202                        height="20" class="me-2">Galeria de fotos
1203                </h2>
1204            </div>
1205
1206            <button class="btn_galeria border border-0 rounded rounded-pill">
1207                <a class="text-dark text-decoration-none" target="_blank" href="https://flickr.com/photos/prefpel"
1208                    style="font-family: Rawline; font-weight: 800; font-size: 18px; padding: 0 10px;">
1209                    <span class="fw-bold span-galeria pt-5">Acessar a galeria do Flickr</span>
1210                    <img style="margin-left: 15px" width="20px"
1211                        src="https://pelotas.rs.gov.br/images/mobile/arrow_button.svg" alt="">
1212                </a>
1213            </button>
1214        </div>
1215
1216        <div class="row g-4 p-0 m-0">
1217                            <div class="col-md-3 photo">
1218                    <a href="https://www.flickr.com/photos/202085697@N04/albums/72177720335918982" target="_blank" class="photo-link">
1219                        <img src="https://live.staticflickr.com/65535/55563389783_dcf2f3e31d.jpg" alt="01.10.2026 - Inauguração do consultório  odontológico da UPA Areal - Fotos: Volmer Perez/Secom">
1220                        <div class="photo-overlay">
1221                            <p class="fw-bold flickr-content text-center text-decoration-none text-white">
1222                                <span class="text-decoration-underline text-center span-flickr"
1223                                    style="font-weight: 800;">01.10.2026</span>
1224                                <br>
1225                                <span class="text-center span-flickr"
1226                                    style="font-weight: 600;">01.10.2026 - Inauguração do consultório  odontológico da UPA Areal - Fotos: Volmer Perez/Secom</span>
1227                            </p>
1228                        </div>
1229                    </a>
1230                </div>
1231                            <div class="col-md-3 photo">
1232                    <a href="https://www.flickr.com/photos/202085697@N04/albums/72177720335910930" target="_blank" class="photo-link">
1233                        <img src="https://live.staticflickr.com/65535/55561425762_5632e0485d.jpg" alt="30.09.2026 - Serh e Prevpel promovem evento sobre Setembro Amarelo - Fotos:Manuela Santos/Secom">
1234                        <div class="photo-overlay">
1235                            <p class="fw-bold flickr-content text-center text-decoration-none text-white">
1236                                <span class="text-decoration-underline text-center span-flickr"
1237                                    style="font-weight: 800;">01.10.2026</span>
1238                                <br>
1239                                <span class="text-center span-flickr"
1240                                    style="font-weight: 600;">30.09.2026 - Serh e Prevpel promovem evento sobre Setembro Amarelo - Fotos:Manuela Santos/Secom</span>
1241                            </p>
1242                        </div>
1243                    </a>
1244                </div>
1245                            <div class="col-md-3 photo">
1246                    <a href="https://www.flickr.com/photos/202085697@N04/albums/72177720335886272" target="_blank" class="photo-link">
1247                        <img src="https://live.staticflickr.com/65535/55559789534_f46a03d4b9.jpg" alt="29.06.2026 - Apresentação do LDO para 2027 - Fotos: Volmer Perez/Secom">
1248                        <div class="photo-overlay">
1249                            <p class="fw-bold flickr-content text-center text-decoration-none text-white">
1250                                <span class="text-decoration-underline text-center span-flickr"
1251                                    style="font-weight: 800;">29.09.2026</span>
1252                                <br>
1253                                <span class="text-center span-flickr"
1254                                    style="font-weight: 600;">29.06.2026 - Apresentação do LDO para 2027 - Fotos: Volmer Perez/Secom</span>
1255                            </p>
1256                        </div>
1257                    </a>
1258                </div>
1259                            <div class="col-md-3 photo">
1260                    <a href="https://www.flickr.com/photos/202085697@N04/albums/72177720335732738" target="_blank" class="photo-link">
1261                        <img src="https://live.staticflickr.com/65535/55539746242_131c010859.jpg" alt="Desfile de 20 de Setembro de 2026 - Fotos: Volmer Perez/Secom">
1262                        <div class="photo-overlay">
1263                            <p class="fw-bold flickr-content text-center text-decoration-none text-white">
1264                                <span class="text-decoration-underline text-center span-flickr"
1265                                    style="font-weight: 800;">20.09.2026</span>
1266                                <br>
1267                                <span class="text-center span-flickr"
1268                                    style="font-weight: 600;">Desfile de 20 de Setembro de 2026 - Fotos: Volmer Perez/Secom</span>
1269                            </p>
1270                        </div>
1271                    </a>
1272                </div>
1273                    </div>
1274
1275    </div>
1276    </div>
1277</main>
1278
1279<style>
1280    /* Botão flutuante principal */
1281    .btn-accessibility-trigger {
1282        position: fixed;
1283        right: 7px;
1284        top: 105px;
1285        z-index: 3000;
1286        width: 47px;
1287        height: 47px;
1288        border: none;
1289        background: transparent;
1290        transition: transform 0.2s;
1291    }
1292
1293    .btn-accessibility-trigger:hover {
1294        transform: scale(1.1);
1295    }
1296
1297    .btn-accessibility-trigger img {
1298        width: 100%;
1299        height: auto;
1300    }
1301
1302    /* O Painel/Menu */
1303    .accessibility-panel {
1304        display: none;
1305        position: fixed;
1306        right: 60px;
1307        top: 105px;
1308        width: 200px;
1309        background-color: #f8f9fa;
1310        border: 1px solid #ddd;
1311        border-radius: 8px;
1312        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
1313        padding: 15px;
1314        z-index: 3000;
1315        font-family: sans-serif;
1316    }
1317
1318    /* Linha dos botões de fonte */
1319    .access-row-font {
1320        display: flex;
1321        justify-content: space-between;
1322        margin-bottom: 10px;
1323    }
1324
1325    .btn-font-control {
1326        background: #fff;
1327        border: 1px solid #333;
1328        color: #333;
1329        width: 48%;
1330        padding: 5px;
1331        border-radius: 4px;
1332        font-weight: bold;
1333        font-size: 14px;
1334        cursor: pointer;
1335        transition: background 0.2s;
1336    }
1337
1338    .btn-font-control:hover {
1339        background: #e2e6ea;
1340    }
1341
1342    /* Texto de atalhos */
1343    .access-shortcuts {
1344        font-size: 11px;
1345        color: #555;
1346        text-align: center;
1347        margin-bottom: 10px;
1348        border-bottom: 1px solid #eee;
1349        padding-bottom: 5px;
1350    }
1351
1352    /* Botão de Contraste */
1353    .btn-contrast {
1354        width: 100%;
1355        background-color: #333;
1356        color: #fff;
1357        border: none;
1358        padding: 8px;
1359        border-radius: 4px;
1360        font-size: 12px;
1361        cursor: pointer;
1362        display: flex;
1363        align-items: center;
1364        justify-content: center;
1365        gap: 5px;
1366    }
1367
1368    .btn-contrast:hover {
1369        background-color: #000;
1370    }
1371
1372    /* Estado ativo do contraste (opcional, para mudar cor se estiver ligado) */
1373    .btn-contrast.active {
1374        background-color: #0056b3;
1375        /* Ex: Azul quando ativo */
1376    }
1377
1378    @media (max-width: 768px) {
1379        .btn-accessibility-trigger {
1380            top: 43%;
1381            transform: translateY(-50%);
1382        }
1383
1384        .btn-accessibility-trigger:hover {
1385            transform: translateY(-50%) scale(1.1);
1386        }
1387
1388        .accessibility-panel {
1389            top: 50%;
1390            transform: translateY(-50%);
1391        }
1392    }
1393</style>
1394
1395
1396
1397<button type="button" id="btn_accessiblity" class="btn-accessibility-trigger"
1398    aria-controls="accessibility" aria-expanded="false" aria-label="Abrir menu de acessibilidade">
1399    <img src="https://pelotas.rs.gov.br/images/icones/ACESSIBILIDADE BOTAO.png" alt="Ícone de acessibilidade">
1400</button>
1401
1402<div id="accessibility" class="accessibility accessibility-panel" role="region" aria-label="Opções de acessibilidade">
1403
1404    <input type="hidden" id="input_accessibility" value="0">
1405
1406    <div class="access-row-font">
1407        <button type="button" id="font_decrease" class="btn-font-control" aria-label="Diminuir fonte">
1408            A-
1409        </button>
1410        <button type="button" id="font_increase" class="btn-font-control" aria-label="Aumentar fonte">
1411            A+
1412        </button>
1413    </div>
1414
1415    <div class="access-shortcuts">
1416        Alt+1 (conteúdo) • Alt+2 (menu) <br>
1417        Alt+3 (busca) • Alt+4 (rodapé)
1418    </div>
1419
1420    
1421    <button type="button" id="contraste" class="btn-contrast "
1422        aria-pressed="false">
1423
1424        <span>
1425            Alto contraste desligado
1426        </span>
1427    </button>
1428
1429    <input type="hidden" id="input_contraste" class="input_contraste" value="0">
1430</div>
1431
1432<script>
1433    window.__accessibilityHandlerBound = true;
1434
1435    document.addEventListener('click', function(event) {
1436        const trigger = event.target.closest('#btn_accessiblity');
1437        if (!trigger) {
1438            return;
1439        }
1440
1441        const panel = document.getElementById('accessibility');
1442        if (!panel) {
1443            return;
1444        }
1445
1446        const isVisible = panel.style.display !== 'none' && panel.offsetParent !== null;
1447        panel.style.display = isVisible ? 'none' : 'block';
1448        panel.setAttribute('aria-hidden', isVisible ? 'true' : 'false');
1449        trigger.setAttribute('aria-expanded', isVisible ? 'false' : 'true');
1450    });
1451</script>
1451
1452<!------------------------------------------------------------SCRIPTS SELEÇÂO PÙBLICA---------------------->
1453
1454
1455<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
vendor: 1 bytes, line 1455
1455
1456<script src="/js/app.js"></script>
1456
1457
1458<div vw class="enabled" aria-hidden="true">
1459    <div vw-access-button class="active"></div>
1460    <div vw-plugin-wrapper>
1461        <div class="vw-plugin-top-wrapper"></div>
1462    </div>
1463</div>
1464<script src="https://vlibras.gov.br/app/vlibras-plugin.js"></script>
vendor: 1 bytes, line 1464
1464
1465<script>
1466    new window.VLibras.Widget('https://vlibras.gov.br/app');
1467</script>
1467
1468
1469
1470
1471<script type="text/javascript">
1472    $('.service_name').addClass('text-white');
1473
1474    var element = $(".block-double-text");
1475
1476    if (element.length > 0) {
1477        var backgroundColor = element.css("background-color");
1478
1479        if (backgroundColor) {
1480            backgroundColor = backgroundColor.replace(/\s/g, "");
1481            var disableAccessibility = $('body').hasClass('disable-accessibility');
1482
1483            if (disableAccessibility && backgroundColor === "rgb(59,59,69)") {
1484                $("#btn_accessiblity").remove();
1485            }
1486        }
1487    }
1488
1489
1490
1491    $(document).ready(function() {
1492
1493        // Variável global para armazenar o número total de notícias
1494        var totalNoticias = 3;
1495
1496        // Mais notícias
1497        $('.icon-right').on('click', function() {
1498            setTimeout(() => {
1499                $('.icon-right').css('filter', 'brightness(3)');
1500            }, 150);
1501            $('.icon-right').css('filter', 'brightness(0)');
1502
1503            var offset = parseInt($("#contagem_mais_noticias").val());
1504            offset += 1;
1505
1506            // Verifica se o offset ultrapassa o número total de notícias
1507            if (offset >= totalNoticias) {
1508                offset = totalNoticias - 1; // Mantém o offset no último índice válido
1509                $("#contagem_mais_noticias").val(offset);
1510                return; // Sai da função sem fazer a solicitação
1511            }
1512
1513            $("#contagem_mais_noticias").val(offset);
1514
1515            // Envia para a rota
1516            $.ajax({
1517                type: 'POST',
1518                url: "https://pelotas.rs.gov.br/novo-layout-home2/%22%20+%20offset%20+%20%22",
1519                headers: {
1520                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
1521                },
1522                dataType: 'json',
1523                data: {
1524                    'contagem': offset
1525                },
1526                success: function(response) {
1527
1528                    const obj = JSON.parse(response['posts'][0]['text']);
1529
1530                    $('.top_news').remove();
1531                    $('.text-news').append('<a class="top_news" href="/noticia/' +
1532                        response['posts'][0]['slug'] + '"><strong>' + response['posts'][
1533                            0
1534                        ]['title'] + ': </strong>' + obj['blocks'][0]['text'] + '</a>');
1535                },
1536            });
1537        });
1538
1539        // Menos notícias
1540        $('.icon-left').on('click', function() {
1541            setTimeout(() => {
1542                $('.icon-left').css('filter', 'brightness(3)');
1543            }, 150);
1544            $('.icon-left').css('filter', 'brightness(0)');
1545
1546            var offset = parseInt($("#contagem_mais_noticias").val());
1547            offset -= 1;
1548
1549            // Verifica se o offset é menor que zero
1550            if (offset < 0) {
1551                offset = 0; // Mantém o offset no primeiro índice válido
1552                $("#contagem_mais_noticias").val(offset);
1553                return; // Sai da função sem fazer a solicitação
1554            }
1555
1556            $("#contagem_mais_noticias").val(offset);
1557
1558            // Envia para a rota
1559            $.ajax({
1560                type: 'POST',
1561                url: "https://pelotas.rs.gov.br/novo-layout-home2/%22%20+%20offset%20+%20%22",
1562                headers: {
1563                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
1564                },
1565                dataType: 'json',
1566                data: {
1567                    'contagem': offset
1568                },
1569                success: function(response) {
1570
1571                    const obj = JSON.parse(response['posts'][0]['text']);
1572                    $('.top_news').remove();
1573                    $('.text-news').append('<a class="top_news" href="/noticia/' +
1574                        response['posts'][0]['slug'] + '"><strong>' + response['posts'][
1575                            0
1576                        ]['title'] + ': </strong>' + obj['blocks'][0]['text'] + '</a>');
1577                },
1578            });
1579        });
1580
1581
1582        $(window).scroll(function(event) {
1583
1584            var scroll = $(window).scrollTop();
1585
1586            $('.menu-interno').addClass('menu-links-black'); //menu interno sempre terá a mesma cor
1587
1588            if (scroll >= 50) {
1589                $('.menu-home').addClass('menu-fixed shadow');
1590            } else {
1591                $('.menu-home').removeClass('menu-fixed shadow');
1592            }
1593        });
1594
1595        //Acessibilidade
1596        if (!window.__accessibilityHandlerBound) {
1597            $('#btn_accessiblity').on('click', function() {
1598                var $panel = $('.accessibility');
1599                var isVisible = $panel.is(':visible');
1600
1601                $panel.toggle(!isVisible);
1602                $panel.attr('aria-hidden', isVisible ? 'true' : 'false');
1603                $('#btn_accessiblity').attr('aria-expanded', isVisible ? 'false' : 'true');
1604            });
1605        }
1606
1607        function setFontSizeZoom(tamanho_fonte) {
1608            tamanho_fonte = parseInt(tamanho_fonte, 10);
1609
1610            if (isNaN(tamanho_fonte) || tamanho_fonte < -3 || tamanho_fonte > 3) {
1611                console.error('Valor invalido para o zoom:', tamanho_fonte);
1612                return;
1613            }
1614
1615            const array_tamanho = {
1616                '-3': '67%',
1617                '-2': '80%',
1618                '-1': '90%',
1619                '0': '100%',
1620                '1': '110%',
1621                '2': '120%',
1622                '3': '133%',
1623            };
1624
1625            $('body').css('zoom', array_tamanho[tamanho_fonte]);
1626        }
1627
1628        function persistContrastState(value) {
1629            try {
1630                localStorage.setItem('acessibilidade_contraste', value);
1631            } catch (e) {
1632                // ignore storage errors (private mode, etc)
1633            }
1634        }
1635
1636        function persistFontSize(value) {
1637            try {
1638                localStorage.setItem('acessibilidade_fonte', value);
1639            } catch (e) {
1640                // ignore storage errors (private mode, etc)
1641            }
1642        }
1643
1644        // Contraste click
1645        $('#contraste').on('click', function() {
1646
1647            $('#contraste').empty();
1648            $('#contraste').append('Alto contraste ligado');
1649
1650            console.log($('#input_contraste').val());
1651
1652            if ($('#input_contraste').val() == 0) {
1653
1654                contraste = 1;
1655
1656                // Atualiza o texto e o valor do input
1657                $('#contraste').empty();
1658                $('#contraste').append('Alto contraste ligado');
1659                $('#contraste').attr('aria-pressed', 'true');
1660                $('#input_contraste').val(1);
1661                persistContrastState('1');
1662
1663                // Altera a cor dos textos para branco (#fff)
1664                $('h1, h2, h3, h4, h5, h6, p, a, span, label, .accordion-button').addClass(
1665                    'text-white');
1666                $('h1, h2, h3, h4, h5, h6, p, a, span, label, .accordion-button, .service_name')
1667                    .removeClass('text-dark');
1668                $('img, .btn_galeria').css('filter', 'grayscale(1)');
1669                $('.icon-service').css('filter', 'grayscale(1) invert(1)');
1670                $('#body-site').css('background-color', '#000');
1671                $('.servicos, .portal-educacao, .portal-saude, .portal-cultura, .btn_acessar, .btn_flickr')
1672                    .css('filter', 'grayscale(1)');
1673                $('.accordion-button, .accordion-body, .info-collapsed').removeClass('bg-white')
1674                    .addClass('bg-dark');
1675
1676                // MANTEM O TEXTO PRETO
1677                $('.btn_acessar_black').removeClass('text-white').addClass('text-dark');
1678
1679                //SECRETARIAS E ORGAOS
1680                $('.card-sec').css('border', '1px solid #fff');
1681                $('.card-sec').hover(function() {
1682                    $(this).css('background-color', '#000');
1683                }, function() {
1684                    $(this).css("background-color", "transparent");
1685                });
1686                $('.info .bg-white').removeClass('bg-white').addClass('bg-dark');
1687
1688                if ($('table thead').hasClass('thead-dark')) {
1689                    $('table thead').removeClass('thead-dark').addClass('thead-light');
1690                    $('table thead, table tbody, table tbody tr:nth-of-type(2n+1)').css('color',
1691                        '#fff');
1692                    $('table').css('background-color', 'transparent').addClass('bg-dark');
1693                }
1694
1695                $('.btn_galeria').css('background-color', '#202020');
1696                $('.span-galeria').removeClass('text-white').css('color', '#FBCA0C');
1697                $('.flecha-preta').addClass('d-none');
1698                $('.flecha-amarela').removeClass('d-none');
1699
1700                // MANTEM O TEXTO BRANCO
1701                $('.span-flickr, .portal-educacao, .portal-saude, .portal-cultura, .btn_acessar_white, .service_name, #contraste, .endereco, #pelotas_conectada, #development_by, .top_news, .field-search, .accordion-link, .title-last-news')
1702                    .removeClass('text-dark').addClass('text-white');
1703            } else {
1704
1705                contraste = 0;
1706
1707                // Atualiza o texto e o valor do input
1708                $('#contraste').empty();
1709                $('#contraste').append('Alto contraste desligado');
1710                $('#contraste').attr('aria-pressed', 'false');
1711                $('#input_contraste').val(0);
1712                persistContrastState('0');
1713
1714                $('img').css('filter', 'grayscale(0)');
1715                $('.icon-service').css('filter', 'grayscale(0)');
1716                $('#body-site').css('background-color', '#f2f2f2');
1717                $('.servicos, .portal-educacao, .portal-saude, .portal-cultura, .btn_flickr, .btn_galeria')
1718                    .css('filter', 'grayscale(0)');
1719
1720                //SECRETARIAS E ORGAOS
1721                $('.card-sec').css('border', '1px solid #000');
1722                $('.card-sec').hover(function() {
1723                    $(this).css('background-color', '#eee');
1724                }, function() {
1725                    $(this).css("background-color", "transparent");
1726                });
1727                $('.info .bg-dark').removeClass('bg-dark').addClass('bg-white');
1728
1729                $('.info-collapsed').removeClass('bg-dark').addClass('bg-white');
1730                $('.accordion-button, .accordion-body').addClass('bg-white');
1731
1732                if ($('table thead').hasClass('thead-light')) {
1733                    $('table thead').removeClass('thead-light').addClass('thead-dak');
1734                    $('table thead, table tbody, table tbody tr:nth-of-type(2n+1)').css('color',
1735                        '#212529');
1736                    $('table').removeClass('bg-dark').css('background-color', '#f2f2f2');
1737                }
1738
1739                $('.btn_galeria').css('background-color', '#FBCA0C');
1740                $('.span-galeria').css('color', '#202020');
1741                $('.flecha-preta').removeClass('d-none');
1742                $('.flecha-amarela').addClass('d-none');
1743
1744                // MANTEM O TEXTO PRETO
1745                $('h1, h2, h3, h4, h5, h6, p, a, span, label, .accordion-buttonm .btn_acessar_black')
1746                    .removeClass('text-white').addClass('text-dark');
1747
1748                // MANTEM O TEXTO BRANCO
1749                $('.span-flickr, .portal-educacao, .portal-saude, .portal-cultura, .btn_acessar_white, .service_name, #contraste, .endereco, #pelotas_conectada, #development_by, .top_news, .field-search, .accordion-link, .title-last-news')
1750                    .removeClass('text-dark').addClass('text-white');
1751                $('.footer p, .footer a, .footer h5, .footer h3').removeClass('text-dark').addClass(
1752                    'text-white');
1753            }
1754
1755        });
1756
1757        $('#btn_whatspel').on('click', function() {
1758            $('.dialog_whatspel').css('display', 'block');
1759        });
1760
1761        function adjustFontSize(delta) {
1762            var current = parseInt($('#input_accessibility').val(), 10);
1763            if (isNaN(current)) {
1764                current = 0;
1765            }
1766
1767            var next = current + delta;
1768            if (next < -3) {
1769                next = -3;
1770            }
1771            if (next > 3) {
1772                next = 3;
1773            }
1774
1775            $('#input_accessibility').val(next);
1776            setFontSizeZoom(next);
1777            persistFontSize(next);
1778        }
1779
1780        $('#font_decrease').on('click', function() {
1781            adjustFontSize(-1);
1782        });
1783
1784        $('#font_increase').on('click', function() {
1785            adjustFontSize(1);
1786        });
1787
1788        (function restoreAccessibilityPrefs() {
1789            try {
1790                var savedContrast = localStorage.getItem('acessibilidade_contraste');
1791                var savedFont = localStorage.getItem('acessibilidade_fonte');
1792
1793                if (savedFont !== null) {
1794                    $('#input_accessibility').val(savedFont);
1795                    setFontSizeZoom(savedFont);
1796                }
1797
1798                if (savedContrast === '1' && $('#input_contraste').val() == 0) {
1799                    $('#contraste').trigger('click');
1800                }
1801            } catch (e) {
1802                // ignore storage errors
1803            }
1804        })();
1805
1806        document.addEventListener('keydown', function(event) {
1807            var target = event.target;
1808            var isEditable = target && (target.isContentEditable ||
1809                ['INPUT', 'TEXTAREA', 'SELECT'].includes(target.tagName));
1810
1811            if (isEditable || !event.altKey || event.ctrlKey || event.metaKey) {
1812                return;
1813            }
1814
1815            var shortcutMap = {
1816                '1': 'conteudo-principal',
1817                '2': 'menu-principal',
1818                '3': 'busca',
1819                '4': 'rodape',
1820            };
1821
1822            var key = event.key;
1823            var targetId = shortcutMap[key];
1824            if (!targetId) {
1825                return;
1826            }
1827
1828            var destination = document.getElementById(targetId);
1829            if (!destination && (targetId === 'rodape' || targetId === 'busca')) {
1830                var candidates = document.querySelectorAll('#' + targetId);
1831                for (var i = 0; i < candidates.length; i++) {
1832                    if (candidates[i].offsetParent !== null) {
1833                        destination = candidates[i];
1834                        break;
1835                    }
1836                }
1837            }
1838
1839            if (!destination && targetId === 'rodape') {
1840                var footerSelectors = ['.box-footer', '.footer-desktop', 'footer'];
1841                for (var s = 0; s < footerSelectors.length && !destination; s++) {
1842                    var nodes = document.querySelectorAll(footerSelectors[s]);
1843                    for (var j = 0; j < nodes.length; j++) {
1844                        if (nodes[j].offsetParent !== null) {
1845                            destination = nodes[j];
1846                            break;
1847                        }
1848                    }
1849                }
1850            }
1851            if (!destination) {
1852                return;
1853            }
1854
1855            event.preventDefault();
1856
1857            if (targetId === 'busca') {
1858                destination.click();
1859                return;
1860            }
1861
1862            if (!destination.hasAttribute('tabindex')) {
1863                destination.setAttribute('tabindex', '-1');
1864            }
1865            destination.focus({
1866                preventScroll: true
1867            });
1868            destination.scrollIntoView({
1869                behavior: 'smooth',
1870                block: 'start'
1871            });
1872        });
1873
1874
1875        //BUSCADOR
1876
1877        function buscarConteudoMenu() {
1878            $('.search__results .result, .search__results .results__sec').removeClass('active');
1879            $('.search__results p.nothing, .search__results p.error,.search__results p.searching')
1880                .removeClass(
1881                    'active');
1882
1883            $('.search__results,.search__results p.searching').addClass('active');
1884
1885            //Consulta para o novo buscador 2023
1886
1887
1888            palavra_pesquisada = $('#search_field').val();
1889
1890            const url5 = 'search/buscador-portalpelotas--services-posts?search_field=' + encodeURIComponent(
1891                palavra_pesquisada.substring(0, 30));
1892
1893            $.ajax({
1894                url: url5,
1895                //data : query,
1896                // data: {
1897                // pesquisa:'coinpel',
1898                // },
1899                headers: {
1900                    'Content-Type': 'application/json',
1901                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
1902                },
1903                type: 'POST',
1904                dataType: 'json',
1905                //cache: false,
1906                success: function(data) {
1907
1908                    //console.log(data.results.hits.total['value']);
1909
1910                    var serviceHits = data.results && data.results.hits ? data.results : data;
1911                    var totalServicos = serviceHits.hits && serviceHits.hits.total ? serviceHits.hits.total : 0;
1912                    if (typeof totalServicos === 'object') {
1913                        totalServicos = totalServicos.value || 0;
1914                    }
1915
1916                    resultados_servicos = totalServicos;
1917                    titulo_servico = [];
1918                    link = [];
1919                    categoria = [];
1920                    descricao = [];
1921
1922                    if (resultados_servicos != 0) {
1923
1924                        nro_resultado_buscador = resultados_servicos;
1925                        // titulo_servico = data.results.hits.hits[0]._source['titulo'];
1926                        // // titulo_servico.push(data.results.hits.hits[resultados_servicos]._source['titulo']);
1927                        // link = data.results.hits.hits[0]._source['url'];
1928                        // categoria = data.results.hits.hits[0]._source['categoria'];
1929                        // descricao = data.results.hits.hits[0]._source['descricao'];
1930
1931
1932
1933                        while (resultados_servicos--) {
1934
1935
1936                            titulo_servico.push(serviceHits.hits.hits[resultados_servicos]
1937                                ._source[
1938                                    'titulo']);
1939                            link.push(serviceHits.hits.hits[resultados_servicos]._source[
1940                                'url']);
1941                            categoria.push(serviceHits.hits.hits[resultados_servicos]
1942                                ._source[
1943                                    'categoria']);
1944                            descricao.push(serviceHits.hits.hits[resultados_servicos]
1945                                ._source[
1946                                    'descricao']);
1947
1948                            // console.log(titulo_servico[0]);
1949                        }
1950
1951                    }
1952                    //console.log('teste');
1953                    //window.location.href = url;
1954                },
1955                error: function(xhr, status, error) {
1956                    console.log(xhr.responseText);
1957                    //window.location.href = _link;
1958                }
1959            });
1960
1961
1962            //handle all request response
1963            // $.post(elasticsearch_host+'buscador,portalpelotas/servicos,posts/_search/?pretty', JSON.stringify({
1964            //   "from": 0,
1965            // "size": 10,
1966            // "query": {
1967            //     "function_score": {
1968            //       "query": { "match_all": {} },
1969            //       "boost": "5",
1970            //       "functions": [
1971            //           {
1972            //               "filter": {
1973            //                 "match_phrase_prefix": {
1974            //                   "name": $('#search_field').val()
1975            //                 }
1976            //               },
1977            //               "random_score": {},
1978            //               "weight": 6
1979            //           },
1980            //           {
1981            //               "filter": {
1982            //                   "match_phrase_prefix": { "title": $('#search_field').val() }
1983            //               },
1984            //               "random_score": {},
1985            //               "weight": 4.1
1986            //           },
1987            //            {
1988            //               "filter": {
1989            //                   "match_phrase_prefix": { "tags": $('#search_field').val() }
1990            //               },
1991            //               "random_score": {},
1992            //               "weight": 5.5
1993            //           },
1994            //            {
1995            //               "filter": {
1996            //                   "match_phrase_prefix": { "description": $('#search_field').val() }
1997            //               },
1998            //               "random_score": {},
1999            //               "weight": 4
2000            //           },
2001            //            {
2002            //               "filter": {
2003            //                   "match_phrase_prefix": { "text": $('#search_field').val() }
2004            //               },
2005            //               "random_score": {},
2006            //               "weight": 3.5
2007            //           }
2008            //       ],
2009            //       "max_boost": 6,
2010            //       "score_mode": "max",
2011            //       "boost_mode": "multiply",
2012            //       "min_score" : 0
2013            //     }
2014            // }
2015            // })).done(function (data) {
2016            //$.get('search/buscador-portalpelotas--services-posts?search_field='+$('#search_field').val()).done(function (data) {
2017
2018            //$.get('search/buscador-portalpelotas--services-posts?search_field='+$('#search_field').val()+'&sort=_doc:desc').done(function (data) {
2019
2020
2021            campo_pesquisa = $('#search_field').val();
2022            campo_pesquisa = campo_pesquisa.substring(0, 30);
2023            $.get('/api/busca?q=' + encodeURIComponent(campo_pesquisa)).done(function(data) {
2024
2025
2026                var totalHits = data.hits && data.hits.total ? data.hits.total : 0;
2027                if (typeof totalHits === 'object') {
2028                    totalHits = totalHits.value || 0;
2029                }
2030
2031                if (totalHits == 0) {
2032                    $('.search__results p.nothing').addClass('active');
2033                    setTimeout(function() {
2034                        $('.search__results p.nothing').removeClass('active')
2035                    }, 2000);
2036                    $('.search__results p.searching').removeClass('active');
2037                    $('.search__results p.error').removeClass('active');
2038                    $('.search__results .result').removeClass('active');
2039                    $('.search__results .results__sec').removeClass('active');
2040                } else {
2041                    $('.search__results p.searching').removeClass('active');
2042                    $('.search__results .result').addClass('active');
2043
2044                    $('.search__results .results_all').empty();
2045                    $('.results_buscador_2023').empty();
2046                    $('.results_buscador_noticias_2023').empty();
2047                    var dados = data.hits.hits;
2048
2049                    //   console.log(dados);
2050                    //   _this._tempArray = dados;
2051
2052                    if (resultados_servicos != 0) {
2053
2054                        // $('.search__results .results_all').append(
2055                        // 	"<div class='result active' style='background-color: rgba(255, 166, 0, 0.312)'>" +
2056                        // 	"<span>" + categoria + "</span>" +
2057                        // 	"<a href='"+ link +"' data-target='" + link + "' indice='"+0+"'>" + titulo_servico + "</a>" +
2058                        // 	// "<a href='" + _link + "' data-target='" + _link + "'>" + _title + "</a>" +
2059                        // "</div>");
2060
2061                        nro_resultado_buscador = 5;
2062
2063                        while (nro_resultado_buscador--) {
2064
2065                            if (categoria[nro_resultado_buscador] != undefined) {
2066                                $('.search__results .results_all').append(
2067                                    "<div class='result active' style='background-color: rgba(255, 166, 0, 0.312)'>" +
2068                                    "<span>" + categoria[nro_resultado_buscador] +
2069                                    "</span>" +
2070                                    "<a href='" + link[nro_resultado_buscador] +
2071                                    "' data-target='" +
2072                                    link[nro_resultado_buscador] + "' indice='" + i + "'>" +
2073                                    titulo_servico[nro_resultado_buscador] + "</a>" +
2074                                    // "<a href='" + _link + "' data-target='" + _link + "'>" + _title + "</a>" +
2075                                    "</div>");
2076
2077
2078                                $('.results_buscador_2023').append(
2079
2080                                    "<p><a style='font-size:9pt; padding-left: 20px; margin-top:10px; margin-bottom:10px;' href='" +
2081                                    link[nro_resultado_buscador] + "' data-target='" + link[
2082                                        nro_resultado_buscador] + "' indice='" + i + "'>" +
2083                                    titulo_servico[nro_resultado_buscador] + "</a></p>" +
2084                                    "");
2085
2086                            }
2087
2088                            // "<div class='result active' style='background-color: rgba(255, 166, 0, 0.312)'>" +
2089                            // "<span>" + categoria[nro_resultado_buscador] + "</span>" +
2090                            // "<a style='font-size:9pt; padding-left: 20px; margin-top:10px; margin-bottom:10px;'' href='"+ link[nro_resultado_buscador] +"' data-target='" + link[nro_resultado_buscador] + "' indice='"+i+"'>" + titulo_servico[nro_resultado_buscador] + "</a>" +
2091                    
2091        // "<a href='" + _link + "' data-target='" + _link + "'>" + _title + "</a>" +
2092                            // "</div>");
2093
2094                        }
2095                    }
2096
2097
2098                    for (var i = 0; i < dados.length; i++) {
2099                        var result = dados[i];
2100
2101                        switch (result._type) {
2102                            case 'servicos':
2103                                var _type = 'Serviços';
2104                                var _title = result._source.name;
2105                                var _link = result._source.link;
2106                                break;
2107                            case 'secretarias':
2108                                var _type = 'Secretarias';
2109                                var _title = result._source.name;
2110                                var _link = result._source.link;
2111                                break;
2112                            case 'posts':
2113                                var _type = 'Notícias';
2114                                var _title = result._source.title;
2115                                var _link = '' + result._source.slug;
2116                                var _date = result._source.published_at
2117
2118                                if (_date != "") {
2119                                    _date = new Date(_date);
2120                                    _date = _date.toLocaleDateString("pt-Br", {
2121                                        timeZone: 'UTC'
2122                                    });
2123                                }
2124
2125                        }
2126                        $('.results_buscador_noticias_2023').append(
2127
2128                            "<p style='font-size:9pt; padding-left: 20px; margin-top:10px; margin-bottom:10px;'><a class='' href='/noticia/" +
2129                            _link + "' data-target='" + _link + "' indice='" + i +
2130                            "' style='color:#000;'><b style='display:inline-block;color:#000;margin-right:5px; font-weigth:bold!important;'>" +
2131                            _date + "</b> " + _title + "</a></p>"
2132                            // "<a href='" + _link + "' data-target='" + _link + "'>" + _title + "</a>" +
2133                        );
2134                    }
2135                    //   _this.openSearchedItens();
2136                }
2137            }).fail(function(xhr, status, error) {
2138                $('.search__results p.error').addClass('active');
2139                setTimeout(function() {
2140                    $('.search__results p.error').removeClass('active')
2141                }, 2000);
2142                $('.search__results .result').removeClass('active');
2143                $('.search__results .results__sec').removeClass('active');
2144            });
2145            // $.post(elasticsearch_host+'buscador/secretarias/_search/?pretty', JSON.stringify({
2146            //   "from": 0,
2147            //   "size": 1,
2148            //   "query": {
2149            //     "bool": {
2150            //       "should": [
2151            //       {
2152            //         "match_phrase_prefix": {
2153            //           "name": $('#search_field').val()
2154            //         }
2155            //       },
2156            //       {
2157            //         "match": {
2158            //           "tags": $('#search_field').val()
2159            //         }
2160            //       }
2161            //       ]
2162            //     }
2163            //   }
2164            // })).done(function (data) {
2165
2166            $.get('search/buscador-secretaries?search_field=' + $('#search_field').val().substring(0, 30)).done(function(
2167                data) {
2168                if (data.hits.total == 0) {
2169                    $('.search__results .results__sec').removeClass('active');
2170                    $('.results_all').width('100%');
2171                } else {
2172                    $('.results_all').width('57.5%');
2173                    $('.search__results .results__sec').addClass('active');
2174                    $('.search__results .results__sec').empty();
2175                    var dados = data.hits.hits;
2176                    for (var i = 0; i < 1; i++) {
2177                        var result = dados[i];
2178                        var endereco = (result._source.endereco == undefined) ? '' : result
2179                            ._source
2180                            .endereco;
2181                        var telefone = (result._source.telefone == undefined) ? '' : result
2182                            ._source
2183                            .telefone;
2184                        var email = (result._source.email == undefined) ? '' : result._source
2185                            .email;
2186                        $('.search__results .results__sec').append(
2187                            "<span>Governo</span>" +
2188                            "<a href='/noticia/" + result._source.link + "'>" + result
2189                            ._source.name + "</a>" +
2190                            "<div class='info'>" +
2191                            "<span class='address'>Endereço:" + endereco + "</span>" +
2192                            "<span class='phone'>Telefone:" + telefone + "</span>" +
2193                            "<span class='mail'>
2193Email:" + email + "</span>" +
2194                            "</div>");
2195                    }
2196                }
2197            }).fail(function(xhr, status, error) {
2198                $('.search__results .results__sec').removeClass('active');
2199                console.log("-----------");
2200                console.log("===" + error + "===");
2201                console.log(xhr);
2202            });
2203        }
2204
2205        // Executa a busca apenas em ação explícita do usuário (botão/lupa/submit).
2206        $(document).on('submit', 'form:has(#search_field)', function() {
2207            buscarConteudoMenu();
2208        });
2209
2210        $(document).on('click', '.search-button', function() {
2211            buscarConteudoMenu();
2212        });
2213
2214        //Buscador Modal
2215        $('#background_modal').on('click', function() {
2216            $('#background_modal').css('display', 'none');
2217        });
2218
2219        $('.field-search').on('click', function() {
2220            $('#buscador_modal').css('display', 'block');
2221        });
2222
2223        $('#close_buscador_modal').on('click', function() {
2224            $('#buscador_modal').css('display', 'none');
2225        });
2226
2227        $('.filter_category').on('click', function() {
2228            //  $(this).toggleClass("filter_category");
2229            categoria = $(this).attr('data-type');
2230
2231            if (categoria == 'servicos') {
2232                $('.results_buscador_noticias_2023').addClass('d-none');
2233                $('.results_buscador_2023').removeClass('d-none');
2234                $('.filter_category').attr('data-type', 'servicos').addClass("filter_category_active");
2235                $('.filter_category').attr('data-type', 'noticias').removeClass(
2236                    "filter_category_active");
2237
2238            } else if (categoria == 'noticias') {
2239                $('.results_buscador_2023').addClass('d-none');
2240                $('.results_buscador_noticias_2023').removeClass('d-none');
2241                $('.filter_category').attr('data-type', 'servicos').removeClass(
2242                    "filter_category_active");
2243                $('.filter_category').attr('data-type', 'noticias').addClass("filter_category_active");
2244            }
2245
2246        });
2247
2248
2249        // NOTICIAS SWIPER
2250
2251        swiper = $('.gallery-thumbs .swiper-wrapper .swiper-slide');
2252
2253        if (swiper.length != 0) {
2254
2255            qtn_imgs = $('.gallery-thumbs .swiper-wrapper .swiper-slide').length;
2256            arr_img = [];
2257
2258
2259
2260
2261
2262            while (qtn_imgs--) {
2263
2264                url_img = swiper.eq(qtn_imgs).css('background-image');
2265                url_img = url_img.replace('url(', '');
2266                url_img = url_img.replace(')', '');
2267                arr_img.push(url_img);
2268                // console.log(arr_img[qtn_imgs]);
2269
2270
2271
2272
2273
2274            }
2275
2276            $.each(arr_img, function(index, value) {
2277                $('.gallery2').append("<img class='col-md-5 m-2' src =" + value + ">");
2278
2279            });
2280
2281        }
2282
2283        //NOTICIA BLOCKQUOTE
2284
2285        blockquote = $('blockquote');
2286
2287
2288
2289        if (blockquote.length != 0) {
2290
2291            // $('blockquote').empty();
2292            // blockquote = blockquote.replace('"','junior');
2293
2294            // $('blockquote').css({
2295            //     color:#ffff!important;
2296            // })
2297            // blockquote = blockquote.replace('"','junior');
2298            // console.log(blockquote.html().replace('“',''));
2299
2300        }
2301
2302
2303        //NOTICIA VIDEOS
2304        videos = $('iframe').html('iframe');
2305        // console.log(blockquote.length);
2306
2307        // if(isset($('.swiper-slide-active')));
2308
2309    });
2310</script>
2310
2311
2312<script>
2313    //
2314    window.buscador_base_uri =
2315        ''
2316
2317    window._token = 'eBJzjjThAp0hJFp5CKncoS47sgbzOf4PjtFE0rqe'
2318</script>
2318
2319
2320<!------------------------------------------------------------FOOTER CDN----------------------------------------->
2321
2322<!-- Footer Component - CDN Pelotas -->
2323<!-- Requisitos: Bootstrap 5.2.3, footer-cdn.css, fonte Rawline -->
2324<!-- Parâmetros opcionais via POST/GET:
2325     - development_text: Texto customizado após "| " (padrão: "Desenvolvido pela <b>COINPEL</b> e <b>SECOM</b>.")
2326     Exemplo: $_POST['development_text'] = 'Desenvolvido pela <b>COINPEL</b>.';
2327-->
2328
2329
2330<!-- FOOTER DESKTOP -->
2331<footer class="col-12 d-none d-xxl-block" style="background-color: #18181E;">
2332    <div class="col-12" style="background-color: #f2f2f2;">
2333        <img class="col-12" src="http://cdn.coinpel.com.br/images/logo-marca-footer.png" alt="Marca Prefeitura de Pelotas">
2334    </div>
2335    <div class="box-footer">
2336        <div class="col-12 row mx-0" style="text-align: left; padding-bottom: 47px;">
2337            <div class="col-md-3 box-1">
2338                <div class="col-12 py-5 pl-0 pr-5">
2339                    <img src="http://cdn.coinpel.com.br/images/logo-nova.png" width="242.91" height="55.25" alt="Logo Prefeitura de Pelotas">
2340                </div>
2341                <div class="col-12 py-5 pl-0 pr-5">
2342                    <h5 class="endereco-cdn" style="font-size: 14px; font-weight: 600;">Prefeitura Municipal de Pelotas</h5>
2343                    <p class="endereco-cdn" style="font-size: 14px;">Praça Cel. Pedro Osório, n° 101 - Centro</p>
2344                    <p class="endereco-cdn" style="font-size: 14px; white-space: nowrap;">CNPJ: 87.455.531/0001-57</p>
2345                    <p class="endereco-cdn" style="font-size: 14px;">CEP: 96015-010</p>
2346                    <p class="endereco-cdn" style="font-size: 14px;">+55 53 2510 0120</p>
2347                    <p class="endereco-cdn" style="font-size: 14px;">[email protected]</p>
2348                    <p class="endereco-cdn" style="font-size: 14px;">Horário de funcionamento: 8h às 14h</p>
2349                </div>
2350            </div>
2351            <div class="col-md-9">
2352                <div class="pt-5 px-3 pb-3 row h-100" style="background-color: #151515; border-radius: 44px; position: relative;">
2353                    <img src="http://cdn.coinpel.com.br/images/background-telefone-footer.png" alt="Background decorativo" style="position: absolute; top: 0px; left: -70px; width: 125px; height: 100px;" aria-hidden="true">
2354                    <img src="http://cdn.coinpel.com.br/images/icones/icone_telefone.png" alt="Ícone telefone" style="position: absolute; top: 26px; left: -39px; z-index: 10; width: 70px; height: 43px;" aria-hidden="true">
2355                    <div class="col-5 m-0" style="padding-left: 50px; padding-right: 29px;">
2356                        <div style="padding-bottom: 19px; border-bottom: 1px solid #3B3B45; border-right: 1px solid #3B3B45; color: white;">
2357                            <p style="font-weight: 400; margin: 0; line-height: 1.2;">Prefeitura</p>
2358                            <p style="font-weight: 900; font-size: 29px; line-height: 1.2; margin: 0;">(53) 2510-0120</p>
2359                        </div>
2360                        <div class="mt-0" style="border-right: 1px solid #3B3B45; padding-top: 22px;">
2361                            <div class="text-white" style="margin-bottom: 17px;">
2362                                <p style="font-weight: 400; margin: 0;">Guarda Municipal</p>
2363                                <p style="font-weight: 900; font-size: 29px; line-height: 1.2; margin: 0;">153/(53) 3283-7781</p>
2364                            </div>
2365                            <div class="text-white" style="margin-bottom: 17px;">
2366                                <p style="font-weight: 400; margin: 0;">Policia Civil</p>
2367                                <p style="font-weight: 900; font-size: 29px; line-height: 1.2; margin: 0;">197/(53) 3310-8600</p>
2368                            </div>
2369                            <div class="text-white" style="margin-bottom: 17px;">
2370                                <p style="font-weight: 400; margin: 0;">Samu</p>
2371                                <p style="font-weight: 900; font-size: 29px; line-height: 1.2; margin: 0;">192</p>
2372                            </div>
2373                        </div>
2374                    </div>
2375                    <div class="col-7 row m-0 p-0">
2376                        <div class="col-6 col-md-6" style="padding-left: 46px;">
2377                            <div class="text-white" style="margin-bottom: 17px;">
2378                                <p style="font-weight: 400; margin: 0;">SANEP</p>
2379                                <p style="font-weight: 900; font-size: 20px; margin: 0;">(53) 98428-0008</p>
2380                                <p style="font-weight: 400; font-size: 14px; margin: 5px 0;">(Somente WhatsApp)</p>
2381                                <p style="font-weight: 900; font-size: 20px; margin: 0;">0800 015 0115</p>
2382                            </div>
2383                            <div class="text-white" style="margin-bottom: 17px;">
2384                                <p style="font-weight: 400; margin: 0;">PROCON</p>
2385                                <p style="font-weight: 900; font-size: 20px; margin: 0;">(53) 3305-3505</p>
2386                                <p style="font-weight: 900; font-size: 20px; margin: 0;">(53) 99113-9182</p>
2387                            </div>
2388                            <div class="text-white" style="margin-bottom: 17px;">
2389                                <p style="font-weight: 400; margin: 0;">Atendimento de Trânsito 24h</p>
2390                                <p style="font-weight: 900; font-size: 20px; margin: 0;">(53) 3199-8384</p>
2391                            </div>
2392                            <div class="text-white" style="margin-bottom: 17px;">
2393                                <p style="font-weight: 400; margin: 0;">
2393Defesa Civil</p>
2394                                <p style="font-weight: 900; font-size: 20px; margin: 0;">(53) 99700-7575</p>
2395                            </div>
2396                        </div>
2397                        <div class="col-6 col-md-6">
2398                            <div class="text-white" style="margin-bottom: 17px;">
2399                                <p style="font-weight: 400; margin: 0;">CEEE</p>
2400                                <p style="font-weight: 900; font-size: 27px; margin: 0;">0800 721 2333</p>
2401                            </div>
2402                            <div class="text-white" style="margin-bottom: 17px;">
2403                                <p style="font-weight: 400; margin: 0;">Rodoviária</p>
2404                                <p style="font-weight: 900; font-size: 27px; margin: 0;">(53) 2222-0045</p>
2405                            </div>
2406                            <div class="text-white" style="margin-bottom: 17px;">
2407                                <p style="font-weight: 400; margin: 0;">Delegacia de Polícia de Pronto Atendimento</p>
2408                                <p style="font-weight: 900; font-size: 27px; margin: 0;">(53) 3310-8600</p>
2409                            </div>
2410                            <div class="text-white" style="margin-bottom: 17px;">
2411                                <p style="font-weight: 400; margin: 0;">SSUI</p>
2412                                <p style="font-weight: 900; font-size: 27px; margin: 0;">(53) 9 9974-3937</p>
2413                            </div>
2414                            <div class="text-white" style="margin-bottom: 17px;">
2415                                <p style="font-weight: 400; margin: 0;">Ouvidoria da Saúde</p>
2416                                <p style="font-weight: 900; font-size: 27px; margin: 0;">(53) 99112-6094</p>
2417                            </div>
2418                        </div>
2419                    </div>
2420                </div>
2421            </div>
2422            <hr class="mt-4" style="border: 1px solid #fff;">
2423            <div class="col-md-12 row mx-0">
2424                <div class="col-11 pt-3">
2425                    <p id="development_by">@2026 - Prefeitura Municipal de Pelotas | Desenvolvido pela <b>COINPEL</b> e <b>SECOM</b>.</p>
2426                </div>
2427                <div class="col-1 pt-3 d-none d-md-block">
2428                    <a href="#top" aria-label="Voltar ao topo">
2429                        <img class="col-12" src="http://cdn.coinpel.com.br/images/icones/BACK TO TOP.png" alt="Voltar ao topo" style="width: 50px; height: 50px;">
2430                    </a>
2431                </div>
2432            </div>
2433        </div>
2434    </div>
2435</footer>
2436
2437<!-- FOOTER TABLET -->
2438<footer class="footer-tablet d-none d-md-block d-xxl-none" style="background-color: #18181E;">
2439    <div class="tablet-brand-strip">
2440        <img src="http://cdn.coinpel.com.br/images/logo-marca-footer.png" alt="Marca Prefeitura">
2441    </div>
2442    <div class="tablet-wrapper">
2443        <div class="tablet-info">
2444            <div class="tablet-info-logo">
2445                <img src="http://cdn.coinpel.com.br/images/logo-nova.png" alt="Prefeitura Municipal de Pelotas">
2446            </div>
2447            <div class="tablet-info-address">
2448                <h5 class="endereco-cdn">Prefeitura Municipal de Pelotas</h5>
2449                <p class="endereco-cdn">Praça Cel. Pedro Osório, n° 101 - Centro</p>
2450                <p class="endereco-cdn">CNPJ: 87.455.531/0001-57</p>
2451                <p class="endereco-cdn">CEP: 96015-010</p>
2452                <p class="endereco-cdn">+55 53 2510 0120</p>
2453                <p class="endereco-cdn">[email protected]</p>
2454                <p class="endereco-cdn">Horário de funcionamento: 8h às 14h</p>
2455            </div>
2456        </div>
2457        <img src="http://cdn.coinpel.com.br/images/background-telefone-footer.png" alt="Background decorativo"
2458            style="position: relative; top: 30px; left: 0px; width: 100px; height: 75px; z-index: 9;">
2459        <img src="http://cdn.coinpel.com.br/images/icones/icone_telefone.png" alt="Ícone telefone"
2460            style="position: relative; top: 30px; left: -74px; z-index: 10; width: 50px; height: 30px;">
2461        <div class="tablet-card">
2462            <div class="tablet-card-content">
2463                <div class="tablet-main-phone">
2464                    <div class="label">Prefeitura</div>
2465                    <div class="value">(53) 2510-0120</div>
2466                </div>
2467                <div class="tablet-emergency-grid">
2468                    <div class="tablet-emergency-item">
2469                        <div class="label">Guarda Municipal</div>
2470                        <div class="value">153 / (53) 3283-7781</div>
2471                    </div>
2472                    <div class="tablet-emergency-item">
2473                        <div class="label">Samu</div>
2474                        <div class="value">192</div>
2475                    </div>
2476                    <div class="tablet-emergency-item">
2477                        <div class="label">Polícia Civil</div>
2478                        <div class="value">197 / (53) 3310-8600</div>
2479                    </div>
2480                    <div class="tablet-emergency-item">
2481                        <div class="label">SANEP</div>
2482                        <div class="value">
2483                            <div>(53) 98428-0008</div>
2484                            <div style="font-weight: 400; font-size: 14px; margin-top: 2px;">(Somente WhatsApp)</div>
2485                            <div>0800 015 0115</div>
2486                        </div>
2487                    </div>
2488                    <div class="tablet-emergency-item">
2489                        <div class="label">PROCON</div>
2490                        <div class="value">
2491                            <div>(53) 3305-3505</div>
2492                            <div>(53) 99113-9182</div>
2493                        </div>
2494                    </div>
2495                    <div class="tablet-emergency-item">
2496                        <div class="label">Atendimento de Trânsito 24h</div>
2497                        <div class="value">(53) 3199-8384</div>
2498                    </div>
2499                    <div class="tablet-emergency-item">
2500                        <div class="label">
2500Defesa Civil</div>
2501                        <div class="value">(53) 99700-7575</div>
2502                    </div>
2503                    <div class="tablet-emergency-item">
2504                        <div class="label">CEEE</div>
2505                        <div class="value">0800 721 2333</div>
2506                    </div>
2507                    <div class="tablet-emergency-item">
2508                        <div class="label">Rodoviária</div>
2509                        <div class="value">(53) 2222-0045</div>
2510                    </div>
2511                    <div class="tablet-emergency-item">
2512                        <div class="label">Delegacia de Polícia de Pronto Atendimento</div>
2513                        <div class="value">(53) 3310-8600</div>
2514                    </div>
2515                    <div class="tablet-emergency-item">
2516                        <div class="label">SSUI</div>
2517                        <div class="value">(53) 9 9974-3937</div>
2518                    </div>
2519                    <div class="label">Ouvidoria da Saúde </div>
2520                    <div class="value">(53) 99112-6094</div>
2521                </div>
2522            </div>
2523        </div>
2524    </div>
2525    </div>
2526    <div class="tablet-footer-meta">
2527        <p>@2026 - Prefeitura Municipal de Pelotas | Desenvolvido pela <b>COINPEL</b> e <b>SECOM</b>.</p>
2528        <a href="#top">
2529            <img src="http://cdn.coinpel.com.br/images/icones/BACK TO TOP.png" alt="Voltar ao topo">
2530        </a>
2531    </div>
2532</footer>
2533
2534<!-- FOOTER MOBILE -->
2535<footer style="background-color: #18181E;" class="d-block d-md-none">
2536    <div class="col-12 row" style="margin-bottom: 47px;">
2537        <div class="col-6 py-5 ps-5">
2538            <img src="http://cdn.coinpel.com.br/images/logo-nova.png" width="110.15" height="25.07" alt="Logo Prefeitura de Pelotas">
2539        </div>
2540        <div class="col-6 py-5 ps-0 pe-5">
2541            <h5 class="endereco-cdn" style="font-size: 14px; font-weight: 600;">Prefeitura Municipal de Pelotas</h5>
2542            <p class="endereco-cdn" style="font-size: 14px;">Praça Cel. Pedro Osório, n° 101 - Centro</p>
2543            <p class="endereco-cdn" style="font-size: 14px;">CEP: 96015-010</p>
2544            <p class="endereco-cdn" style="font-size: 14px; white-space: nowrap;">CNPJ: 87.455.531/0001-57</p>
2545            <p class="endereco-cdn" style="font-size: 14px;">+55 53 2510 0120</p>
2546            <p class="endereco-cdn" style="font-size: 14px;">[email protected]</p>
2547            <p class="endereco-cdn" style="font-size: 14px;">Horário de funcionamento: 8h às 14h</p>
2548        </div>
2549        <div style="padding: 0px 25px 0px 50px">
2550            <div class="row h-100 p-3" style="background-color: #151515; border-radius: 44px; position: relative;">
2551                <img src="http://cdn.coinpel.com.br/images/background-telefone-footer.png" class="p-0" alt="Background decorativo"
2552                    style="position: absolute; top: -10px; left: -10px; width: 74px; height: auto;" aria-hidden="true">
2553                <img src="http://cdn.coinpel.com.br/images/icones/icone_telefone.png" class="p-0" alt="Ícone telefone"
2554                    style="position: absolute; top: 9px; left: 9px; z-index: 10; width: 40px; height: auto;" aria-hidden="true">
2555                <div class="col-12 m-0" style="padding-left: 75px;">
2556                    <div style="padding-bottom: 19px; color: white;">
2557                        <div style="font-weight: 400; line-height: 1.2; font-size: 15px;">Prefeitura</div>
2558                        <div style="font-weight: 900; font-size: 29px; line-height: 1.2;">(53) 2510-0120</div>
2559                    </div>
2560                </div>
2561                <div class="col-12 row m-0 p-0" style="border-top: 1px solid #3B3B45; border-bottom: 1px solid #3B3B45;">
2562                    <div class="col-6 col-md-6 mt-2">
2563                        <div class="text-white" style="margin-bottom: 17px;">
2564                            <div class="mb-0 pb-0" style="font-size: 13.12px;">SANEP</div>
2565                            <div class="mb-0 pb-0 fs-6" style="font-weight: 900;">
2566                                <div>(53) 98428-0008</div>
2567                                <div style="font-weight: 400; font-size: 14px; margin-bottom: 5px;">(Somente WhatsApp)</div>
2568                                <div>0800 015 0115</div>
2569                            </div>
2570                        </div>
2571                        <div class="text-white" style="margin-bottom: 17px;">
2572                            <div class="mb-0 pb-0" style="font-size: 13.12px;">PROCON</div>
2573                            <div class="mb-0 pb-0 fs-6" style="font-weight: 900;">
2574                                <div>(53) 3305-3505</div>
2575                                <div>(53) 99113-9182</div>
2576                            </div>
2577                        </div>
2578                        <div class="text-white" style="margin-bottom: 17px;">
2579                            <div class="mb-0 pb-0" style="font-size: 13.12px;">Atendimento de Trânsito 24h</div>
2580                            <div class="mb-0 pb-0 fs-6" style="font-weight: 900;">(53) 3199-8384</div>
2581                        </div>
2582                        <div class="text-white" style="margin-bottom: 17px;">
2583                            <div class="mb-0 pb-0" style="font-size: 13.12px;">
2583Defesa Civil</div>
2584                            <div class="mb-0 pb-0 fs-6" style="font-weight: 900;">(53) 99700-7575</div>
2585                        </div>
2586                    </div>
2587                    <div class="col-6 col-md-6 mt-2">
2588                        <div class="text-white" style="margin-bottom: 17px;">
2589                            <div class="mb-0 pb-0" style="font-size: 13.12px;">CEEE</div>
2590                            <div class="mb-0 pb-0 fs-6" style="font-weight: 900;">0800 721 2333</div>
2591                        </div>
2592                        <div class="text-white" style="margin-bottom: 17px;">
2593                            <div class="mb-0 pb-0" style="font-size: 13.12px;">Rodoviária</div>
2594                            <div class="mb-0 pb-0 fs-6" style="font-weight: 900;">(53) 2222-0045</div>
2595                        </div>
2596                        <div class="text-white" style="margin-bottom: 17px;">
2597                            <div class="mb-0 pb-0" style="font-size: 13.12px;">Delegacia de Polícia de Pronto Atendimento</div>
2598                            <div class="mb-0 pb-0 fs-6" style="font-weight: 900;">(53) 3310-8600</div>
2599                        </div>
2600                    </div>
2601                </div>
2602                <div class="col-12 row m-0 p-0">
2603                    <div class="col-9 col-md-6 mt-2">
2604                        <div class="text-white" style="margin-bottom: 17px;">
2605                            <div class="mb-0 pb-0" style="font-size: 13.12px;">Guarda Municipal</div>
2606                            <div class="mb-0 pb-0" style="font-weight: 900; font-size: 22px;">153/(53) 3283-7781</div>
2607                        </div>
2608                    </div>
2609                    <div class="col-3 col-md-6 mt-2">
2610                        <div class="text-white" style="margin-bottom: 17px;">
2611                            <div class="mb-0 pb-0" style="font-size: 13.12px;">SAMU</div>
2612                            <div class="mb-0 pb-0" style="font-weight: 900; font-size: 22px;">192</div>
2613                        </div>
2614                    </div>
2615                </div>
2616                <div class="col-12 m-0">
2617                    <div style="padding-bottom: 15px; color: white;">
2618                        <div style="font-weight: 400; line-height: 1.2; font-size: 15px;">Polícia Civil</div>
2619                        <div style="font-weight: 900; font-size: 22px; line-height: 1.2;">197/(53) 3310-8600</div>
2620                    </div>
2621                </div>
2622                <div class="col-12 m-0">
2623                    <div style="padding-bottom: 15px; color: white;">
2624                        <div style="font-weight: 400; line-height: 1.2; font-size: 15px;">SSUI</div>
2625                        <div style="font-weight: 900; font-size: 22px; line-height: 1.2;">(53) 9 9974-3937</div>
2626                    </div>
2627                </div>
2628                <div class="col-12 m-0">
2629                    <div style="padding-bottom: 15px; color: white;">
2630                        <div style="font-weight: 400; line-height: 1.2; font-size: 15px;">Ouvidoria da Saúde</div>
2631                        <div style="font-weight: 900; font-size: 29px; line-height: 1.2;">(53) 99112-6094</div>
2632                    </div>
2633                </div>
2634            </div>
2635        </div>
2636    </div>
2637    <hr class="mx-4" style="border: 1px solid #fff;">
2638    <div class="col-md-12 row mx-0">
2639        <div class="col-11 pt-3 d-flex justify-content-between" style="margin-left: 19px; font-size: 14px; margin-bottom: 30px;">
2640            <p id="development_by" class="box-1">
2641                @2026 - Prefeitura Municipal de Pelotas | Desenvolvido pela <b>COINPEL</b> e <b>SECOM</b>.<br>
2642            </p>
2643        </div>
2644    </div>
2645</footer>
2646
2647<!-- Fim Footer Component -->
2648
2649<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
vendor: 1 bytes, line 2649
2649
2650<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
2650
2651
2652<script type="text/javascript">
2653    $(document).ready(function() {
2654        let currentIndex = 0;
2655        let totalNews = $(".news-item").length;
2656
2657        // Garante que a primeira notícia seja destacada ao carregar
2658        $(".news-list-item").eq(0).find(".news-link").addClass("text-danger");
2659        // $('.news-list-item h2').eq(0).addClass("fw-bold");
2660
2661
2662        function changeNews() {
2663            // Esconder a notícia atual
2664            $(".news-item.active").removeClass("active").addClass("d-none");
2665            $(".news-list-item .news-link").removeClass("text-danger").removeClass(
2666                "fw-bold"); // Resetar cor das notícias na lista
2667
2668            // Atualizar o índice
2669            currentIndex = (currentIndex + 1) % totalNews;
2670
2671            // Exibir a nova notícia
2672            $(".news-item").eq(currentIndex).removeClass("d-none").addClass("active");
2673
2674            // Alterar a cor do título na lista
2675            $(".news-list-item").eq(currentIndex).find(".news-link").addClass("text-danger");
2676            // $('.news-list-item h2').eq(currentIndex).addClass("fw-bold");
2677
2678            $('.news-list-item h2').eq(currentIndex - 1).removeClass("fw-bold");
2679
2680        }
2681
2682        // Iniciar o carrossel de notícias a cada 5 segundos
2683        setInterval(changeNews, 5000);
2684    });
2685
2686    $('#search_sec').keyup(function() {
2687        let palavra_pesquisada = $('#search_sec').val().trim();
2688        console.log(palavra_pesquisada);
2689
2690        if (palavra_pesquisada.length > 1) { // Para evitar muitas requisições
2691            $.ajax({
2692                type: 'POST',
2693                url: `/governo/lista-secretarias/ajax-pesquisa/${palavra_pesquisada}`,
2694                headers: {
2695                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
2696                },
2697                dataType: 'json',
2698                data: {
2699                    'palavra_pesquisada': palavra_pesquisada
2700                },
2701                success: function(response) {
2702                    console.log(['sucesso', response]);
2703                    mostrarSugestoes(response);
2704                },
2705                error: function(xhr) {
2706                    console.error("Erro na requisição:", xhr.status, xhr.statusText);
2707                    console.error("Resposta do servidor:", xhr.responseText);
2708                }
2709            });
2710        } else {
2711            $('#suggestions').html('').hide(); // Esconde a lista se o input estiver vazio
2712        }
2713
2714        // Ajuste dinâmico da posição da div#suggestions
2715        const inputPosition = $('#search_sec').offset();
2716        const inputHeight = $('#search_sec').outerHeight();
2717        $('#suggestions').css({
2718            top: inputPosition.top + inputHeight, // Posiciona abaixo do input
2719            left: inputPosition.left, // Alinha à esquerda do input
2720            width: $('#search_sec').outerWidth() // Mesma largura do input
2721        });
2722    });
2723
2724    $(document).on('click', '.suggestion-item', function() {
2725        $('#search_sec').val($(this).text());
2726        $('#suggestions').html('').hide(); // Esconder sugestões ao selecionar
2727    });
2728
2729    $(document).on('click', function(e) {
2730        if (!$(e.target).closest('#search_sec, #suggestions').length) {
2731            $('#suggestions').hide();
2732        }
2733    });
2734
2735    function mostrarSugestoes(dados) {
2736        let lista = '';
2737
2738        if (Array.isArray(dados['orgaos']) && dados['orgaos'].length > 0) {
2739            dados['orgaos'].forEach(org => {
2740                lista += `<li class="list-group-item suggestion-item">${org.nome}</li>`;
2741            });
2742        }
2743
2744        if (Array.isArray(dados['secretarias']) && dados['secretarias'].length > 0) {
2745            dados['secretarias'].forEach(sec => {
2746                lista += `<li class="list-group-item suggestion-item">${sec.nome}</li>`;
2747            });
2748        }
2749
2750        if (lista) {
2751            lista = '<ul class="list-group">' + lista + '</ul>';
2752            $('#suggestions').html(lista).show();
2753        } else {
2754            $('#suggestions').html('').hide(); // Esconde se não houver sugestões
2755        }
2756    }
2757
2758    $('.btn_galeria').mouseover(function() {
2759        $('.flecha-preta').addClass('d-none');
2760        $('.flecha-amarela').removeClass('d-none');
2761    });
2762
2763    $('.btn_galeria').mouseleave(function() {
2764        $('.flecha-amarela').addClass('d-none');
2765        $('.flecha-preta').removeClass('d-none');
2766    });
2767
2768    //BUSCADOR
2769
2770    campo_pesquisa = $('#search_field').val();
2771    campo_pesquisa = campo_pesquisa.substring(0, 30);
2772    $.get('/api/busca?q=' + encodeURIComponent(campo_pesquisa)).done(function(data) {
2773
2774
2775    if (data.hits.total == 0) {
2776        $('.search__results p.nothing').addClass('active');
2777        setTimeout(function() {
2778            $('.search__results p.nothing').removeClass('active')
2779        }, 2000);
2780        $('.search__results p.searching').removeClass('active');
2781        $('.search__results p.error').removeClass('active');
2782        $('.search__results .result').removeClass('active');
2783        $('.search__results .results__sec').removeClass('active');
2784    } else {
2785        $('.search__results p.searching').removeClass('active');
2786        $('.search__results .result').addClass('active');
2787
2788        $('.search__results .results_all').empty();
2789        $('.results_buscador_2023').empty();
2790        $('.results_buscador_noticias_2023').empty();
2791        var dados = data.hits.hits;
2792
2793        if (resultados_servicos != 0) {
2794
2795            nro_resultado_buscador = 5;
2796            while (nro_resultado_buscador--) {
2797
2798                if (categoria[nro_resultado_buscador] != undefined) {
2799                    $('.search__results .results_all').append(
2800                        "<div class='result active' style='background-color: rgba(255, 166, 0, 0.312)'>" +
2801                        "<span>" + categoria[nro_resultado_buscador] + "</span>" +
2802                        "<a href='" + link[nro_resultado_buscador] + "' data-target='" +
2803                        link[nro_resultado_buscador] + "' indice='" + i + "'>" +
2804                        titulo_servico[nro_resultado_buscador] + "</a>" +
2805                        // "<a href='" + _link + "' data-target='" + _link + "'>" + _title + "</a>" +
2806                        "</div>");
2807
2808
2809                    $('.results_buscador_2023').append(
2810
2811                        "<p><a style='font-size:9pt; padding-left: 20px; margin-top:10px; margin-bottom:10px;' href='" +
2812                        link[nro_resultado_buscador] + "' data-target='" + link[
2813                            nro_resultado_buscador] + "' indice='" + i + "'>" +
2814                        titulo_servico[nro_resultado_buscador] + "</a></p>" +
2815                        "");
2816                }
2817            }
2818        }
2819
2820
2821        for (var i = 0; i < dados.length; i++) {
2822            var result = dados[i];
2823
2824            switch (result._type) {
2825                case 'servicos':
2826                    var _type = 'Serviços';
2827                    var _title = result._source.name;
2828                    var _link = result._source.link;
2829                    break;
2830                case 'secretarias':
2831                    var _type = 'Secretarias';
2832                    var _title = result._source.name;
2833                    var _link = result._source.link;
2834                    break;
2835                case 'posts':
2836                    var _type = 'Notícias';
2837                    var _title = result._source.title;
2838                    var _link = '/pagina-interna5/' + result._source.slug;
2839                    var _date = result._source.published_at
2840
2841                    if (_date != "") {
2842                        _date = new Date(_date);
2843                        _date = _date.toLocaleDateString("pt-Br", {
2844                            timeZone: 'UTC'
2845                        });
2846                    }
2847
2848            }
2849            $('.results_buscador_noticias_2023').append(
2850
2851                "<p style='font-size:9pt; padding-left: 20px; margin-top:10px; margin-bottom:10px;'><a class='' href='" +
2852                _link + "' data-target='" + _link + "' indice='" + i +
2853                "' style='color:#000;'><b style='display:inline-block;color:#000;margin-right:5px; font-weigth:bold!important;'>" +
2854                _date + "</b> " + _title + "</a></p>"
2855            );
2856        }
2857    }
2858    }).fail(function(xhr, status, error) {
2859    $('.search__results p.error').addClass('active');
2860    setTimeout(function() {
2861        $('.search__results p.error').removeClass('active')
2862    }, 2000);
2863    $('.search__results .result').removeClass('active');
2864    $('.search__results .results__sec').removeClass('active');
2865    });
2866    });
2867</script>
2867
2868
2869<script>
2870    window.buscador_base_uri = 'https://publicador-api.pelotas.com.br/api/'
2871
2872    window._token = 'eBJzjjThAp0hJFp5CKncoS47sgbzOf4PjtFE0rqe'
2873</script>
2873
2874</body>
2875
2876</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.