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.