PageSourceSearch

https://eusebio.ce.gov.br/ouvidoria

html eusebio.ce.gov.br collected 2026-10-02 18:17:35 UTC 134,182 bytes, 2,186 lines download raw bytes

1<!DOCTYPE html>
2<html lang="pt">
3
4<head>
5        <meta charset="utf-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <meta name="author" content="">
8    <meta name="description" content="LAI - Lei de Acesso à Informação." />
9    <meta name="keywords" content="  " />
10    <meta property="og:image" itemprop="image" content="http://eusebio.ce.gov.br/imagens/lai2.png" />
11    <title>Prefeitura de Eusébio</title>
12
13    <!-- core CSS -->
14    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
15
16    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
17    <link href="css/bootstrap.min.css" rel="stylesheet">
18    <link href="css/font-awesome.min.css" rel="stylesheet">
19    <link href="css/prettyPhoto.css" rel="stylesheet">
20    <link href="css/animate.min.css" rel="stylesheet">
21    <link href="css/main.css?v=20261002" rel="stylesheet">
22    <link href="css/responsive.css?v=20261002" rel="stylesheet">
23    <link href="cssesic/hover.css" rel="stylesheet" type="text/css" media="all" />
24    <link href="css/style.php?v=20261002" rel="stylesheet">
25    <!--[if lt IE 9]>
26        
26<script src="js/html5shiv.js"></script>
26
27        
27<script src="js/respond.min.js"></script>
27
28        <![endif]-->
29    <link rel='shortcut icon' href='imagens/icomuni.png'>    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png">
30    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png">
31    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png">
32    <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png">
33
34</head>
35<!--/head-->
36
37<body href="#" id="ancora">
38    
39<link href="/css/satisfacao/style.css?v=2.0" rel="stylesheet">
40<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
41<link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
42<link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">
43<script>
44var tam = 15;
45
46function mudaFonte(tipo, elemento) {
47    if (tipo == "mais") {
48        if (tam < 24)
49            tam += 1;
50    } else {
51        if (tam > 10)
52            tam -= 1;
53    }
54    document.getElementById("Noticia").style.fontSize = tam + "px";
55    document.getElementById("Descricao").style.fontSize = tam + "px";
56}
57
58function printDiv(id, pg, url) {
59    var oPrint, oJan;
60    oPrint = window.document.getElementById(id).innerHTML;
61    oJan = window.open(pg);
62    oJan.document.write(oPrint);
63    oJan.document.write(url);
64    oJan.window.print();
65    oJan.document.close();
66    oJan.focus();
67}
68
69
70
71// Função contraste INICIO
72(function() {
73    var Contrast = {
74        storage: 'contrastState',
75        cssClass: 'contrast',
76        currentState: null,
77        check: checkContrast,
78        getState: getContrastState,
79        setState: setContrastState,
80        toogle: toogleContrast,
81        updateView: updateViewContrast
82    };
83
84    window.toggleContrast = function() {
85        Contrast.toogle();
86    };
87
88    Contrast.check();
89
90    function checkContrast() {
91        this.updateView();
92    }
93
94    function getContrastState() {
95        return localStorage.getItem(this.storage) === 'true';
96    }
97
98    function setContrastState(state) {
99        localStorage.setItem(this.storage, '' + state);
100        this.currentState = state;
101        this.updateView();
102    }
103
104    function updateViewContrast() {
105        var body = document.body;
106
107        if (this.currentState === null)
108            this.currentState = this.getState();
109
110        if (this.currentState)
111            body.classList.add(this.cssClass);
112        else
113            body.classList.remove(this.cssClass);
114    }
115
116    function toogleContrast() {
117        this.setState(!this.currentState);
118    }
119})();
120// Função contraste FIM
121</script>
121
122
123
124
125<!-- CSS style offcanvas navbar --> 
126<style>
127
128.offcanvas-collapse {
129position: fixed;
130bottom: 0;
131right: 100%;
132left:-300px;
133width: 300px;
134overflow: auto;
135visibility: hidden;
136background-color: #216532;
137transition-timing-function: ease-in-out;
138transition-duration: .3s;
139transition-property: left, visibility;
140z-index: 1045;
141}
142.offcanvas-collapse {
143    align-items:start;
144/*   Adds a subtle drop shadow   */
145            -moz-background-clip: padding;     /* Firefox 3.6 */
146        -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
147        background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
148border-right:5px solid rgba(0, 0, 0, 0.2);
149height: auto;
150min-height: 100%;
151}
152
153/* Makes the nav visibile with the open class */
154.offcanvas-collapse.open {
155    left: 0;
156    visibility: visible;
157}
158
159
160.navbar-expand-lg .navbar-nav {
161-ms-flex-direction: column;
162flex-direction: column;
163}
164
165.offcanvas-collapse>.navbar-nav>li>a:hover {
166    color: #fff !important;
167    background-color: #000;
168    opacity: 0.5;
169}
170
171.offcanvas-collapse>.navbar-nav > li {
172    margin-left: 1px;
173}
174
175.offcanvas-collapse>.navbar-nav>.dropdown.open{
176    color: #125623 !important;
177    background-color: #fff !important;
178    /* opacity: 0.5 !important; */
179}
180
181.offcanvas-collapse>.navbar-nav>.dropdown.open>a{
182    color: #fff !important;
183    /* background-color: #000 !important; */
184    opacity: 0.5 !important;
185}
186
187.offcanvas-collapse.navbar-collapse {
188    padding-right: 0px !important; 
189    padding-left: 0px !important;
190}
191
192
193.dropdown-submenu { position:relative;} .dropdown-submenu>.dropdown-menu {top:0; left:100%; margin-top:-6px;}
194
195
196/* Botão de fechar */
197.offcanvas-close {
198  position: fixed;
199  top: 15px;
200  left: 300px; /* Ajuste de posição */
201  background: none;
202  border: none;
203  color: #fff;
204  font-size: 30px;
205  cursor: pointer;
206  z-index: 1050; /* Sobrepõe o menu */
207}
208.open>.dropdown-menu-offcanvas {
209    display: contents !important;
210}
211
212 /* Estilo da backdrop */
213 .offcanvas-backdrop {
214  position: fixed;
215  top: 0;
216  left: 0;
217  width: 100%;
218  height: 100%;
219  background-color: rgba(0, 0, 0, 0.5);
220  z-index: 1040;
221  opacity: 0;
222  visibility: hidden;
223  transition: opacity 0.3s ease;
224}
225.offcanvas-backdrop.show {
226  opacity: 1;
227  visibility: visible;
228}
229
230.dropdown-menu-acessibilidade {
231 border-radius: var(--site-card-radius, 7px);
232}
233
234.dropdown-menu-acessibilidade li a {
235 color: #125623 !important ;
236}
237
238.dropdown-toggle-acessibilidade:hover .dropdown-menu-acessibilidade { 
239 display: block !important;
240}
241/* 
242    navbar-dafault-main entra em conflito com .navbar-default quando o MenuDegrade está ativo
243    Esse conflito deixa o menu branco
244*/
245
246.navbar-dafault-main {
247    background-image: url(""), 
248                      url("");
249    background-repeat: no-repeat, no-repeat ;
250    background-position: left, right ;
251}
252.social-links-top {
253    /* border-left: 1px solid #fff; */
254}
255
256</style>
257
258
259
260
261<!-- INÍCIO DO TOPO DO SITE -->
262<header id="header" class=" navbar navbar-fixed-top wet-asphalt" style="border:0px; box-shadow:none; --site-card-radius: 9px; background-image:url(/imagens/BackTopo5.jpg);">
263        <div class="container-fluid topo-option-1 color-topo">
264        <div class="container-new1">
265            <div class="row" id="font-setting-buttons" style="position: relative; z-index: 5; line-height: 33px; display: flex; justify-content: flex-end; gap: .3em; align-items: center;">
266
267                        
268                        <div class="title__cliente" style="margin-bottom: 0px; padding-left:15px; padding-right:0; margin-right: auto; color: #fff;">
269                            <a href="https://www.eusebio.ce.gov.br"><span>Prefeitura Municipal de Eusébio</span></a>
270                        </div>
271
272                        
273                            <div style="margin-bottom: 0px; padding-left:0; padding-right:0;width: 130px; "><a
274                            href="/ouvidoria"><i class="bi bi-headset"></i> <span class='nomefora'
275                                title="Ouvidoria da entidade">Ouvidoria/Sic</span></a></div>
276
277                    
278                
279
280                <div style="margin-bottom: 0px; padding-left:0; padding-right:0;width: 130px;"><a
281                        href="/acessoainformacao.php"><i class="bi bi-info-circle-fill"></i> <span class='nomefora'
282                            title="Transparência da entidade">Transparência</span></a></div>
283
284                <!--<div class="col-sm-12 col-xs-12"><a href="campanha.php?pg=COVID-19" style="display: block;color: #fff;line-height: 35px;"> <img width="17" alt='Covid' height="17" src="imagens/covid.png"> <strong>CORONAVÍRUS (COVID-19): </strong><span class='nomefora'>Boletins, Ações, Transparência e material educativo - </span> clique aqui </a></div>-->
285                    <div style="margin-bottom: 0px; float:right; padding-left:0; padding-right:0; width: 130px" class="dropdown dropdown-toggle-acessibilidade"><a href="#"
286                            accesskey="1" title="Página de acessibilidade" class="dropdown-toggle" data-toggle="dropdown" ><i class="bi bi-emoji-smile"></i> <span
287                                class='nomefora'>Acessibilidade</span></a>
288                            
289                                <ul class="dropdown-menu dropdown-menu-right dropdown-menu-acessibilidade" style="min-width: 150px; color:#000;">
290                                    <li><a href="/acessibilidade.php" style="cursor:pointer;"
291                                        title="Página de acessibilidade"><i class="bi bi-emoji-smile"></i> <span
292                                        class='nomefora'>Sobre</span></a></li>
293
294                                    <li><a href="#altocontraste"
295                                        id="altocontraste" onclick="window.toggleContrast()" style="cursor:pointer;" accesskey="2"
296                                        title="Aplicar Contraste"><i class="bi bi-toggles"></i> <span
297                                        class='nomefora'>Contraste</span></a></li>
298
299                                    <li> <a
300                                        class="nav-link increase-me btn-list-top" style="cursor:pointer; " accesskey="A"
301                                        title="Aumentar texto"><i class="bi bi-plus-square"></i> <span
302                                        class='nomefora'>Aumentar</span></a></li>
303                                    <li><a
304                                        class="nav-link decrease-me btn-list-top" style="cursor:pointer; " accesskey="D"
305                                        title="Diminuir texto"> <i class="bi bi-dash-square"></i> <span
306                                        class='nomefora'>Diminuir</span></a></li>
307                                    
308                                    <li><a style="cursor:pointer;"
309                                        href="https://www.gov.br/governodigital/pt-br/vlibras" target='_blank' accesskey="M"
310                                        title="VLibras"><i class='fa fa-hand-paper-o'></i> <span class='nomefora'>Libras</span></a></li>
311
312                                    <li><a href="/mapadosite" style="cursor: pointer;"
313                                        title="Mapa do site" accesskey="M"><i class="bi bi-diagram-3-fill"></i> <span
314                                        class="nomefora">Mapa do site</span></a></li>
315                                </ul>
316                            
317                    </div>
318
319                    <div style="margin-bottom: 0px; padding-left:0; padding-right:0;width: 100px;"><a
320                        href="/pesquisa"><i class="bi bi-search"></i> <span class='nomefora'
321                            title="Transparência da entidade">Pesquisar</span></a></div>
322
323                <!-- fim de acessibilidade -->
324
325                <!-- redes sociais -->
326                <div class="social-links-top">
327                                                    <a class="nav-link btn-list-top" href="https://www.facebook.com/@prefeituraeusebio/">
328                                    <i class='bi bi-facebook' title="Facebook"></i>
329                                </a>
330                                                    <a class="nav-link btn-list-top" href="https://www.instagram.com/prefeituradeeusebio/">
331                                    <i class='bi bi-instagram' title="Instagram"></i>
332                                </a>
333                                                    <a class="nav-link btn-list-top" href="https://webmail-seguro.com.br/eusebio.ce.gov.br/">
334                                    <i class='bi bi-envelope-fill' title="E-mail"></i>
335                                </a>
336                    
337                        
338                </div>
339                <!-- redes sociais -->
340
341            </div>
342        </div>
343    </div>
344
345
346    <style>
347        /* #menuToggleBtn troca de lugar ao rolar (ve o JS mais abaixo): preto sobre o fundo claro
348           do #logo-top-bar, branco quando pousa em #mobileMenuToggleSticky (faixa verde). */
349        #mobileMenuToggleSticky #menuToggleBtn .fa-bars {
350            color: #fff !important;
351        }
352    </style>
353
354    <div class="container-fluid topo-option-mobile color-topo">
355        <div class="container">
356            <div class="row" id="font-setting-buttons" style="line-height: 33px; display: flex; position: relative; z-index: 5;">
357
358                    <div id="mobileUtilityLinks" style="display: flex; align-items: center;">
359                    <div style="margin-bottom: 0px; padding-left: 7px; padding-right: 10px;"><a
360                        href="/acessoainformacao.php"><i class='bi bi-info-circle-fill'></i> <span
361                        title="Transparência da entidade"><strong>Transparência</strong></span></a></div>
362
363                    <div style="margin-bottom: 0px; padding-left:0; padding-right: 10px;"><a
364                        href="ouvidoria"><i class="bi bi-headset"></i> <span
365                        title="Ouvidoria da entidade"><strong>Ouvidoria </strong></span></a></div>
366
367                    <div style="margin-bottom: 0px; padding-left:0; padding-right: 10px;"><a
368                        href="/acessibilidade"><i class='bi bi-emoji-smile'></i> <span
369                        title="Acessibilidade"><strong>Acessibilidade</strong></span></a></div>
370
371                    <div style="margin-bottom: 0px; padding-left:0; padding-right:10;" class="dropdown dropdown-toggle-acessibilidade">
372                        <a href="#" accesskey="1" title="Mais opções" class="dropdown-toggle" data-toggle="dropdown">
373                            <i class="bi bi-plus"></i>
374                            <span><strong>Opções</strong></span>
375                        </a>
376
377                        <ul class="dropdown-menu dropdown-menu-right dropdown-menu-acessibilidade" style="min-width: 150px; color:#000;">
378                            <li>
379                                <a href="/pesquisa" style="cursor:pointer;" title="Pesquisar"><i class="bi bi-search"></i><span style="padding-left: 10px;">Pesquisar</span></a>
380                            </li>
381                                                            <li>
382                                    <a href="https://www.facebook.com/@prefeituraeusebio/" style="cursor:pointer;" title="Facebook"><i class="bi bi-facebook"></i><span style="padding-left: 10px;">Facebook</span></a>
383                                </li>
384                                                            <li>
385                                    <a href="https://www.instagram.com/prefeituradeeusebio/" style="cursor:pointer;" title="Instagram"><i class="bi bi-instagram"></i><span style="padding-left: 10px;">Instagram</span></a>
386                                </li>
387                                                            <li>
388                                    <a href="https://webmail-seguro.com.br/eusebio.ce.gov.br/" style="cursor:pointer;" title="E-mail"><i class="bi bi-envelope-fill"></i><span style="padding-left: 10px;">E-mail</span></a>
389                                </li>
390                                                    </ul>
391                    </div>
392                    </div>
393
394                                                            <div id="mobileMenuToggleSticky" style="margin-bottom: 0px; margin-left: auto; margin-right: -13px; padding-left: 10px; display: none;"></div>
395            </div>
396        </div>
397    </div>
398    
399        <div class="col-md-12 col-fita" style="padding-bottom: 10px;">
400        <div class="row fitaflex">
401            <div class="col-md-2 fita"
402                style="margin-bottom:0px; border-top: 9px solid; border-image: linear-gradient(45deg, #5ABB50, #5ABB50 ) 1;">
403            </div>
404            <div class="col-md-2 fita"
405                style="margin-bottom:0px; border-top: 9px solid; border-image: linear-gradient(45deg, #5ABB50, #FEE300 ) 1;">
406            </div>
407            <div class="col-md-2 fita"
408                style="margin-bottom:0px; border-top: 9px solid; border-image: linear-gradient(45deg, #FEE300, #FEE300 ) 1;">
409            </div>
410            <div class="col-md-2 fita"
411                style="margin-bottom:0px; border-top: 9px solid; border-image: linear-gradient(45deg, #FEE300, #4182C5 ) 1;">
412            </div>
413            <div class="col-md-2 fita"
414                style="margin-bottom:0px; border-top: 9px solid; border-image: linear-gradient(45deg, #4182C5, #4182C5 ) 1;">
415            </div>
416            <div class="col-md-2 fita"
417                style="margin-bottom:0px; border-top: 9px solid #4182C5;"></div>
418        </div>
419    </div>
420
421    
422    <style>
423        /* ===== Selos alinhados com a logo 2026 — nao muda o tamanho da logo, so o alinhamento dos selos =====
424           .d-flex-main-menu-center so virava flex/centralizado no celular (responsive.css); aqui repete o mesmo
425           comportamento tambem no desktop, pra logo e selos ficarem na mesma linha central. */
426        .d-flex-main-menu-center {
427            display: flex;
428            align-items: center;
429        }
430
431        /* .box-pesq tem margin-top:30px no main.css (pensado pra quando essa coluna nao dividia a linha
432           com a logo). Com o alinhamento acima, essa margem so empurrava os selos pra baixo do centro. */
433        #logo-top-bar .box-pesq {
434            margin-top: 0;
435        }
436    </style>
437
438    <div class="container-new1 container-menu-main" id="logo-top-bar" style="padding-bottom:10px; padding-top:10px; ">
439
440
441
442        <div class="row d-flex-main-menu-center">
443           
444            <div id="centralizarLogo" class="col-6 col-sm-7 col-xs-7 ">
445
446                <a id="" href="/" style="padding-right: 5px; margin-right: 20px"><img id="" src="/imagens/logo.png?time=1790953821" alt="logo"></a>
447            </div>
448
449            <div class="col-6 col-canvas-navbar" id="canvasNavbarCol">
450                <a id="menuToggleBtn" class="navbar-toggle" data-toggle="offcanvas"
451                        style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px; cursor: pointer; color:#fff; "
452                        data-target=".offcanvas-collapse">
453                        <span class="fa fa-bars" style="font-size: 25px; color: #000;"></span>
454                </a>
455            </div>
456
457            <div class="col-sm-5 col-xs-5 fora_responsivo">
458                <div class="wow fadeInUp box-pesq">
459                    
460
461                    <a href='/selos' class='break-responsive-header' style='margin-left: 5px'><img style='width: 60px' src='/imagens/imagensselos/3/outros.png' alt='TIME BRASIL - ACÕES DE INTEGRIDADE PÚBLICA PARA ESTADOS E MUNICÍPIOS' title='TIME BRASIL - ACÕES DE INTEGRIDADE PÚBLICA PARA ESTADOS E MUNICÍPIOS'></a><a href='/selos' class='break-responsive-header' style='margin-left: 5px'><img style='width: 60px' src='/imagens/imagensselos/tce-ce-sust-p.png' alt='Selo TCE Ceará Sustentável' title='Selo TCE Ceará Sustentável'></a><a href='/selos' class='break-responsive-header' style='margin-left: 5px'><img style='width: 60px' src='/imagens/imagensselos/unicef-2021-2024-p.png' alt='Selo UNICEF 2021-2024' title='Selo UNICEF 2021-2024'></a>
462                    
463
464                    <!-- <a href="/pesquisa.php" class="btn btn-primary nomefora"><span class="glyphicon glyphicon-search "
465                            aria-hidden="true"></span> Pesquisa</a> -->
466
467                        <!--
468                        <div class="nomefora" id="google_translate_element"></div>
469                        
469<script>
470                            function googleTranslateElementInit() {
471                                new google.translate.TranslateElement({
472                                        pageLanguage: 'pt',
473                                        autoDisplay: false,
474                                        includedLanguages: 'de,es,fr,en,it',
475                                        layout: google.translate.TranslateElement.InlineLayout.SIMPLE
476                                    },
477                                    'google_translate_element');
478                            }
479                        </script>
479
480                        
480<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
480
481                        -->
482
483                </div>
484
485            </div>
486        </div>
487    </div>
488
489
490    <!-- navbar offcanvas -->
491    <nav class="navbar navbar-default navbar-dafault-main" style="border:0px;">
492        <div class="container-new1">
493            <div class="navbar-header navbar-header-main">
494                <a class="navbar-toggle" data-toggle="offcanvas"
495                    style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px; cursor: pointer; color:#fff; "
496                    data-target=".offcanvas-collapse">
497                    <span class="fa fa-bars" style="font-size: 16px"></span>
498                </a>
499                <a href="pesquisa.php" class="navbar-toggle"
500                    style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px; display: none;"><span
501                        class="fa fa-search" style="font-size: 16px" aria-hidden="true"></span></a>
502                <a class="navbar-toggle" id="btnperq" href="#" aria-expanded='false' title='Menu de acessibilidade'
503                    style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px;  cursor: pointer; display: none;"><i
504                        class='fa fa-odnoklassniki' style="font-size: 16px" aria-hidden='true'></i></a>
505                            </div>
506                            
507            
508            <div class="collapse navbar-collapse navbar-collapse-toglee" style="border:0px;">
509                <ul class="nav navbar-nav main-menu" style="margin-top:0px;">
510                    
511                    <li><a href="/" class='active' target="" style="margin-left: -10px;">Início</a></li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>A Prefeitura 
512                                                <i class='fa fa-angle-down'></i></a>
513                                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/institucional.php' >Institucional</a></li><li><a href='/gestores.php' >Prefeito e Vice</a></li><li><a href='/galeriagestores.php' >Galeria de Gestores</a></li><li><a href='/normativosproprios.php?A PREFEITURA=' >Normativos Próprios</a></li>		</ul>
514                                            </li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>O Município 
515                                                <i class='fa fa-angle-down'></i></a>
516                                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/obras.php' >Obras</a></li><li><a href='/veiculos.php' >Veículos</a></li><li><a href='/simbolos.php' >Símbolos</a></li><li><a href='/conselhos.php' >Conselhos</a></li><li><a href='/omunicipio.php' >Dados do Município</a></li><li><a href='/' >Diárias e Passagens</a></li>		</ul>
517                                            </li>  <li class='dropdown'><a href='/secretaria.php' class='dropdown-toggle' data-toggle='dropdown'>Secretarias <i class='fa fa-angle-down'></i></a>
518                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/secretaria.php?sec=40'>FUNDAÇÃO AMIGA DO ANIMAL DO MUNICÍPIO DE EUSÉBIO</a></li><li><a href='/secretaria.php?sec=11'>GABINETE DO PREFEITO</a></li><li><a href='/secretaria.php?sec=22'>Gabinete Vice-prefeita</a></li><li><a href='/secretaria.php?sec=9'>Procuradoria Geral do Município</a></li><li><a href='/secretaria.php?sec=7'>Corregedoria Geral do Município</a></li><li><a href='/secretaria.php?sec=16'>Secretaria de Finanças e Planejamento</a></li><li><a href='/secretaria.php?sec=17'>Secretaria de Governo e Desenvolvimento da Gestão</a></li><li><a href='/secretaria.php?sec=10'>Secretaria da Infraestrutura e Serviços Públicos</a></li><li><a href='/secretaria.php?sec=14'>Secretaria de Educação</a></li><li><a href='/secretaria.php?sec=18'>Secretaria de Saúde</a></li><li><a href='/secretaria.php?sec=13'>Secretaria de Desenvolvimento Social</a></li><li><a href='/secretaria.php?sec=15'>Secretaria de Esporte e Juventude</a></li><li><a href='/secretaria.php?sec=12'>Secretaria de Cultura e Turismo</a></li><li><a href='/secretaria.php?sec=19'>Secretaria de Segurança Pública e Cidadania</a></li><li><a href='/secretaria.php?sec=6'>Controladoria Geral do Município</a></li><li><a href='/secretaria.php?sec=21'>Secretaria de Desenvolvimento Econômico, Tecnologia e Inovação</a></li><li><a href='/secretaria.php?sec=5'>Autarquia Municipal de Trânsito</a></li><li><a href='/secretaria.php?sec=4'>Autarquia de Meio Ambiente e Controle Urbano</a></li><li><a href='/secretaria.php?sec=8'>Instituto de Previdência do Município de Eusébio</a></li>
518		</ul>
519</li><li><a href='/servicos' >Serviços</a></li>  <li class='dropdown'><a href='/lrf.php' class='dropdown-toggle' data-toggle='dropdown'>LRF e Contas Públicas <i class='fa fa-angle-down'></i></a>
520                                <ul class='dropdown-menu dropdown-menu-right' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/lrf.php?cat=4'>RGF - Relatório de Gestão Fiscal</a></li><li><a href='/lrf.php?cat=7'>RREO - Relatório Resumido da Execução Orçamentária</a></li><li><a href='/lrf.php?cat=8'>LOA - Lei Orçamentária Anual</a></li><li><a href='/lrf.php?cat=9'>LDO - Lei de Diretrizes orçamentárias</a></li><li><a href='/lrf.php?cat=17'>PPA - Plano Plurianual</a></li><li><a href='/lrf.php?cat=97'>CMED - Cronograma da Execução Mensal de Desembolso</a></li><li><a href='/lrf.php?cat=98'>PRGFIN - Programação Financeira</a></li><li><a href='/lrf.php?cat=99'>Avaliação PPA</a></li><li><a href='/lrf.php?cat=100'>Quadro de Detalhamento das Despesas</a></li><li><a href='/contasdegoverno.php'>PCG - PRESTAÇÃO DE CONTAS DE GOVERNO</a></li><li><a href='/contasdegestao.php'>PCS - PRESTAÇÃO DE CONTAS DE GESTÃO</a></li>		</ul>
521</li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>Publicações 
522                                                <i class='fa fa-angle-down'></i></a>
523                                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/processoseletivo.php' >Processo Seletivo</a></li><li><a href='/concursopublico.php' >Concurso Público</a></li><li><a href='/contratos.php' >Contratos</a></li><li><a href='/decretos.php' >Decretos</a></li><li><a href='/terceirizados.php' >Terceirizados</a></li><li><a href='/diarias.php' >Diárias e Passagens</a></li><li><a href='/leis.php' >Leis</a></li><li><a href='/licitacao.php' >Licitação</a></li><li><a href='/lrf.php' >LRF Contas Públicas</a></li><li><a href='/contasdegoverno' >PCG</a></li><li><a href='/contasdegestao' >PCS</a></li><li><a href='/portaria.php' >Portarias</a></li><li><a href='/publicacoes.php' >Outras</a></li>		</ul>
524                                            </li>                </ul>
525            </div>
526        </div>
527        <!--/.container-->
528        
529        <div class="navbar-collapse offcanvas-collapse">
530            <ul class="navbar-nav mr-auto dropdown-menu dropdown-menu-offcanvas">
531
532            <button class="offcanvas-close" aria-label="Fechar">&times;</button>
533                
534            <li><a href="/" class='active' title="Início" target="">INÍCIO</a></li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>A Prefeitura 
535                                                <i class='fa fa-angle-down'></i></a>
536                                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/institucional.php' >Institucional</a></li><li><a href='/gestores.php' >Prefeito e Vice</a></li><li><a href='/galeriagestores.php' >Galeria de Gestores</a></li><li><a href='/normativosproprios.php?A PREFEITURA=' >Normativos Próprios</a></li>		</ul>
537                                            </li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>O Município 
538                                                <i class='fa fa-angle-down'></i></a>
539                                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/obras.php' >Obras</a></li><li><a href='/veiculos.php' >Veículos</a></li><li><a href='/simbolos.php' >Símbolos</a></li><li><a href='/conselhos.php' >Conselhos</a></li><li><a href='/omunicipio.php' >Dados do Município</a></li><li><a href='/' >Diárias e Passagens</a></li>		</ul>
540                                            </li>  <li class='dropdown'><a href='/secretaria.php' class='dropdown-toggle' data-toggle='dropdown'>Secretarias <i class='fa fa-angle-down'></i></a>
541                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/secretaria.php?sec=40'>FUNDAÇÃO AMIGA DO ANIMAL DO MUNICÍPIO DE EUSÉBIO</a></li><li><a href='/secretaria.php?sec=11'>GABINETE DO PREFEITO</a></li><li><a href='/secretaria.php?sec=22'>Gabinete Vice-prefeita</a></li><li><a href='/secretaria.php?sec=9'>Procuradoria Geral do Município</a></li><li><a href='/secretaria.php?sec=7'>Corregedoria Geral do Município</a></li><li><a href='/secretaria.php?sec=16'>Secretaria de Finanças e Planejamento</a></li><li><a href='/secretaria.php?sec=17'>Secretaria de Governo e Desenvolvimento da Gestão</a></li><li><a href='/secretaria.php?sec=10'>Secretaria da Infraestrutura e Serviços Públicos</a></li><li><a href='/secretaria.php?sec=14'>Secretaria de Educação</a></li><li><a href='/secretaria.php?sec=18'>Secretaria de Saúde</a></li><li><a href='/secretaria.php?sec=13'>Secretaria de Desenvolvimento Social</a></li><li><a href='/secretaria.php?sec=15'>Secretaria de Esporte e Juventude</a></li><li><a href='/secretaria.php?sec=12'>Secretaria de Cultura e Turismo</a></li><li><a href='/secretaria.php?sec=19'>Secretaria de Segurança Pública e Cidadania</a></li><li><a href='/secretaria.php?sec=6'>Controladoria Geral do Município</a></li><li><a href='/secretaria.php?sec=21'>Secretaria de Desenvolvimento Econômico, Tecnologia e Inovação</a></li><li><a href='/secretaria.php?sec=5'>Autarquia Municipal de Trânsito</a></li><li><a href='/secretaria.php?sec=4'>Autarquia de Meio Ambiente e Controle Urbano</a></li><li><a href='/secretaria.php?sec=8'>Instituto de Previdência do Município de Eusébio</a></li>
541		</ul>
542</li><li><a href='/servicos' >Serviços</a></li>  <li class='dropdown'><a href='/lrf.php' class='dropdown-toggle' data-toggle='dropdown'>LRF e Contas Públicas <i class='fa fa-angle-down'></i></a>
543                                <ul class='dropdown-menu dropdown-menu-right' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/lrf.php?cat=4'>RGF - Relatório de Gestão Fiscal</a></li><li><a href='/lrf.php?cat=7'>RREO - Relatório Resumido da Execução Orçamentária</a></li><li><a href='/lrf.php?cat=8'>LOA - Lei Orçamentária Anual</a></li><li><a href='/lrf.php?cat=9'>LDO - Lei de Diretrizes orçamentárias</a></li><li><a href='/lrf.php?cat=17'>PPA - Plano Plurianual</a></li><li><a href='/lrf.php?cat=97'>CMED - Cronograma da Execução Mensal de Desembolso</a></li><li><a href='/lrf.php?cat=98'>PRGFIN - Programação Financeira</a></li><li><a href='/lrf.php?cat=99'>Avaliação PPA</a></li><li><a href='/lrf.php?cat=100'>Quadro de Detalhamento das Despesas</a></li><li><a href='/contasdegoverno.php'>PCG - PRESTAÇÃO DE CONTAS DE GOVERNO</a></li><li><a href='/contasdegestao.php'>PCS - PRESTAÇÃO DE CONTAS DE GESTÃO</a></li>		</ul>
544</li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>Publicações 
545                                                <i class='fa fa-angle-down'></i></a>
546                                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/processoseletivo.php' >Processo Seletivo</a></li><li><a href='/concursopublico.php' >Concurso Público</a></li><li><a href='/contratos.php' >Contratos</a></li><li><a href='/decretos.php' >Decretos</a></li><li><a href='/terceirizados.php' >Terceirizados</a></li><li><a href='/diarias.php' >Diárias e Passagens</a></li><li><a href='/leis.php' >Leis</a></li><li><a href='/licitacao.php' >Licitação</a></li><li><a href='/lrf.php' >LRF Contas Públicas</a></li><li><a href='/contasdegoverno' >PCG</a></li><li><a href='/contasdegestao' >PCS</a></li><li><a href='/portaria.php' >Portarias</a></li><li><a href='/publicacoes.php' >Outras</a></li>		</ul>
547                                            </li>            
548            </ul>
549      </div>
550      
551    </nav>
552    <div class="offcanvas-backdrop"></div>
553    <!--/nav-->
554
555
556</header>
557    
558<style type="text/css">
559    </style>
560
561
562<div id="espaco-header" class="espaco-header-main" style="height:207px;">&nbsp;</div>
563
564<script>
565    // a altura do #header muda de acordo com a largura da tela (menu mobile, selos, busca, etc);
566    // os valores de $tamanhobar/.espaco-header-main sao só o palpite inicial (evita pulo no primeiro
567    // paint). Aqui a gente mede a altura real do header e corrige o espaçador, pra o conteudo nunca
568    // ficar por baixo do header fixo (banner "colado" no topo) nem sobrar espaco em branco demais.
569    (function () {
570        function ajustarEspacoHeader() {
571            var header = document.getElementById('header');
572            var espaco = document.getElementById('espaco-header');
573            if (!header || !espaco) return;
574            var altura = header.getBoundingClientRect().height;
575            if (altura > 0) {
576                // setProperty com "important": .espaco-header-main/.espaco-header-app tem
577                // height com !important no responsive.css (pra vencer o palpite inicial inline
578                // do PHP); só um !important tambem inline vence esse
579                espaco.style.setProperty('height', altura + 'px', 'important');
580            }
581        }
582        ajustarEspacoHeader();
583        window.addEventListener('load', ajustarEspacoHeader);
584        var resizeTimer;
585        window.addEventListener('resize', function () {
586            clearTimeout(resizeTimer);
587            resizeTimer = setTimeout(ajustarEspacoHeader, 150);
588        });
589
590        // rede de seguranca: qualquer mudanca na altura do header (imagem/selo/fonte que carrega
591        // atrasado, etc.) recalcula sozinho, sem depender de adivinhar todo evento que poderia mudar.
592        // So enquanto a pagina ainda nao foi rolada: depois disso, a barrinha de utilidades/logo-top-bar
593        // passam a abrir/fechar sozinhas ao rolar (#logo-top-bar, #mobileUtilityLinks), o que muda a
594        // altura do header de proposito — se o observer continuasse ligado, cada abertura/fechamento
595        // redimensionaria o espacador, deslocando o conteudo e fazendo a barra pisca-pisca (loop).
596        if (window.ResizeObserver) {
597            var header = document.getElementById('header');
598            if (header) {
599                var headerResizeObserver = new ResizeObserver(ajustarEspacoHeader);
600                headerResizeObserver.observe(header);
601                window.addEventListener('scroll', function () {
602                    headerResizeObserver.disconnect();
603                }, { once: true });
604            }
605        }
606    })();
607</script>
607
608
609
610
611<!-- <div id="sticky-container-id" class="sticky-container">
612    <ul class="sticky"> -->
613
614        
615    <!-- </ul>
616</div> -->
617
618
619  
620<!-- VLibras -->
621<div vw class="enabled">
622    <div vw-access-button class="active"></div>
623    <div vw-plugin-wrapper>
624      <div class="vw-plugin-top-wrapper"></div>
625    </div>
626  </div>
627  
627<script src="https://vlibras.gov.br/app/vlibras-plugin.js" defer></script>
627
628  
628<script defer>
629    document.addEventListener('DOMContentLoaded', function() {
630      new window.VLibras.Widget('https://vlibras.gov.br/app');
631    });
632</script>
632
633<!-- VLibras -->
634
635<script src="/js/jquery-2.1.1.min.js"></script>
vendor: 1 bytes, line 635
635
636<script type="text/javascript">
637$(document).ready(function() {
638
639    $('.offcanvas-backdrop').removeClass('show');
640
641    $('[data-toggle="offcanvas"]').on('click', function () {
642        $('.offcanvas-collapse').removeClass('open');
643        const target = $(this).data('target');
644        $(target).toggleClass('open');
645        $('.offcanvas-backdrop').addClass('show');
646    })
647
648    // Fechar o menu ao clicar no backdrop
649    $('.offcanvas-backdrop, .offcanvas-close').on('click', function () {
650      $('.offcanvas-collapse').removeClass('open');
651      $('.offcanvas-backdrop').removeClass('show');
652    })
653
654    $('.dropdown-menu-sub').hide();
655    $('.dropdown-submenu a.dropdown-sub-toggle').on("click", function(e){
656        $(this).next('ul').toggle();
657        e.stopPropagation();
658        e.preventDefault();
659    });
660
661
662    $(window).scroll(function() {
663        if ($(this).scrollTop() > 100) {
664                        $("#logo-top-bar").css({
665                "margin-top": "-25.5Vh",
666                "transition": ".8s",
667                "z-index": "-2"
668            });
669            $("#logo-top-bar").fadeOut("800");
670            $('#scroll').fadeIn();
671            $('#scroll2').fadeIn();
672            $('#scroll3').fadeIn();
673
674                        $('#mobileUtilityLinks').stop(true, true).fadeOut("800");
675            if (!$('#menuToggleBtn').parent().is('#mobileMenuToggleSticky')) {
676                $('#menuToggleBtn').appendTo('#mobileMenuToggleSticky');
677            }
678            $('#mobileMenuToggleSticky').stop(true, true).fadeIn("800");
679
680            $(".col-fita").fadeOut();
681
682        } else {
683            $("#logo-top-bar").fadeIn("800");
684            $("#logo-top-bar").css({
685                "margin-top": "0px"
686            });
687            $(".col-fita").fadeIn();
688            $('#mobileUtilityLinks').stop(true, true).fadeIn("800");
689            $('#mobileMenuToggleSticky').stop(true, true).fadeOut("800", function() {
690                if (!$('#menuToggleBtn').parent().is('#canvasNavbarCol')) {
691                    $('#menuToggleBtn').appendTo('#canvasNavbarCol');
692                }
693            });
694            $('#scroll').fadeOut();
695            $('#scroll2').fadeOut();
696            $('#scroll3').fadeOut();
697        }
698    });
699    $('#scroll').click(function() {
700        $("html, body").animate({
701            scrollTop: 0
702        }, 0);
703        return false;
704    });
705
706
707    $('#menu-acessiblidade').hide().contents().hide();
708    $('#btnperq').on('click', function(e) {
709        e.preventDefault();
710        $('#menu-acessiblidade').slideToggle('fast', function(e) {
711            if ($(this).is(':visible')) {
712                $(this).contents().fadeIn(1000);
713            } else {
714                $(this).contents().hide();
715            }
716        });
717
718    })
719
720
721}
721);
722</script>
722
723
724
725     <section id="services" class="topo-paginas-section">
726    <div class="container-new1">
727        <div class="col-md-12" style="padding-left:0px;">
728
729            <!--<div id="TituloServicos">-->
730            <div class="cartaservicosbanner" style="font-size: 16px;">OUVIDORIA</div>
731            <h2 id="EsOv" class="cartaservicosbannertexto" style="font-size: 16px; padding-left: 5px;">Central da Ouvidoria</h2>
732            <!--</div>-->
733
734        </div>
735    </div>
736</section>
737
738    
739    <section style="margin-top:10px; margin-bottom:10px;">
740        <div class="container-new1">
741            <div class="public_paginas ouv-flat" style="margin-top: 10px; margin-bottom: 10px; margin-top: -50px;">
742                                <h1 style="text-align: center; margin-bottom: 10px; font-size: 28px; text-align: -webkit-center; color:#216532;">
743                    <strong style="padding-left: 5px;">CENTRAL DE OUVIDORIA</strong>
744                </h1>
745                <div class='col-md-12'>
746                    <p style="line-height: 1.2; font-size: 14px; text-align: center;"> </p>
747                </div>
748
749                <div class="row">
750                    <div>
751                        <div class="col-md-4">
752                            <article class="ouv-card" style="--ouv-accent: #2864AE;">
753                                <span class="ouv-card__icon"><i class="fa fa-bullhorn" aria-hidden="true"></i></span>
754                                <h2 class="ouv-card__title">Ouvidoria &ndash; Manifesta&ccedil;&atilde;o</h2>
755                                <p class="ouv-card__desc">Acesse nosso canal de ouvidoria e envie suas manifestações, críticas, elogios, denúncias e ajude o governo a tornar nossa cidade cada vez melhor.</p>
756                                <a class="ouv-card__btn" href="/ouvidoriaformulario.php" ><i class="fa fa-mouse-pointer" aria-hidden="true"></i> Acessar a ouvidoria</a>
757                                <div class="ouv-card__info">
758                                        <!-- <a class="btn btn-primary" style="background-color: #2864AE; width:49%;" href="ouvidoria_consulta.php" style="margin-bottom: 4px;" title="Busca ouvidoria"><i class="fa fa fa-search" aria-hidden="true"></i> CONSULTAR</a>                                         -->
759
760                                        <p class='ouv-card__meta'><i class='fa fa-clock-o'></i> Última manifestação: 02/10/2026 12:31</p><h6 style='margin-bottom: 2px;'> Ouvidor </h6>
761                                                <p style='margin-bottom: 0px; line-height: 1.1em;'> Francisca Júlia Alves Nobre Torres</p><h6 style='margin-bottom: 2px;'> Contatos da Ouvidoria </h6><p style='margin-bottom: 0px; line-height: 1.3em;'> Whatsapp: (85) 9 9201-3176</p><p style='margin-bottom: 0px; line-height: 1.3em;'> Email: [email protected]</p><h6 style='margin-bottom: 2px;'> Endereço da Ouvidoria </h6>
762                                                <p style='margin-bottom: 0px; line-height: 1.3em;'> Avenida Eusébio de Queiroz, 955 - Térreo - Centro</p><h6 style='margin-bottom: 2px;'> Horário da Ouvidoria </h6>
763                                                <p style='margin-bottom: 0px;  line-height: 1.3em;'> De Segunda a Sexta-feira, das 08h às 16h.</p>                                </div>
764                            </article>
765                        </div>
766
767                        <div class="col-md-4">
768                            <article class="ouv-card" style="--ouv-accent: #FFB200;">
769                                <span class="ouv-card__icon"><i class="fa fa-info-circle" aria-hidden="true"></i></span>
770                                <h2 class="ouv-card__title">e-SIC &ndash; Pedido de Informa&ccedil;&atilde;o</h2>
771                                <p class="ouv-card__desc">SIC (Serviço de Informações ao Cidadão) permite que qualquer pessoa encaminhe pedidos de informação aos órgãos e entidades do Poder Executivo Municipal.</p>
772                                <a class="ouv-card__btn" href="/sic.php"><i class="fa fa-mouse-pointer" aria-hidden="true"></i> Acessar o SIC</a>
773                                <div class="ouv-card__info">
774
775                                        <p class='ouv-card__meta'><i class='fa fa-clock-o'></i> Última solicitação: 30/09/2026 08:50</p><h6 style='margin-bottom: 2px;'> Gestor do SIC </h6>
776                                                <p style='margin-bottom: 0px; line-height: 1.1em;'> Francisca Júlia Alves Nobre Torres</p><h6 style='margin-bottom: 2px;'> Contatos do SIC </h6><p style='margin-bottom: 0px; line-height: 1.3em;'> Whatsapp: (85) 9 9201-3176</p><p style='margin-bottom: 0px; line-height: 1.3em; '> Email: [email protected]</p><h6 style='margin-bottom: 2px;'> Endereço do SIC </h6>
777                                                <p style='margin-bottom: 0px; line-height: 1.3em;'> Avenida Eusébio de Queiroz, 955 - Térreo - Centro</p><h6 style='margin-bottom: 2px;'>
777 Horário do SIC </h6>
778                                                <p style='margin-bottom: 0px; line-height: 1.3em;'> De Segunda a Sexta-feira, das 08h às 16h.</p><h6 style='margin-bottom: 2px;'> Unidade/Setor responsável </h6>
779                                                <p style='margin-bottom: 0px; line-height: 1.3em;'> E-SIC</p>                                </div>
780                            </article>
781                        </div>
782
783                                                    <div class="col-md-4">
784                                <article class="ouv-card" style="--ouv-accent: #078E46;">
785                                    <span class="ouv-card__icon"><i class="fa fa-file-text-o" aria-hidden="true"></i></span>
786                                    <h2 class="ouv-card__title">Carta de Servi&ccedil;os ao Cidad&atilde;o</h2>
787                                    <p class="ouv-card__desc">O compromisso de atender com efici&ecirc;ncia e efetividade &agrave;s demandas da sociedade est&aacute; presente nesta Carta.</p>
788                                    <a class="ouv-card__btn" href="cartalista.php"><i class="fa fa-mouse-pointer" aria-hidden="true"></i> Acessar a carta</a>
789                                    <div class="ouv-card__info">
790
791                                            <p class='ouv-card__meta'><i class='fa fa-clock-o'></i> Última modificação: 13/05/2025 16:09</p><h6 style='margin-bottom: 0px;'> Contatos da Carta </h6><p style='margin-bottom: 0px; line-height: 1.3em;'> Whatsapp: (85) 9 9201-3176</p><p style='margin-bottom: 0px; line-height: 1.3em;'> Email: [email protected]</p><h6 style='margin-bottom: 2px;'> Endereço da Carta </h6>
792                                                <p style='margin-bottom: 0px; line-height: 1.3em;'> Avenida Eusébio de Queiroz, 955 - Térreo - Centro</p><h6 style='margin-bottom: 2px;'> Horário da Carta </h6>
793                                                <p style='margin-bottom: 0px; line-height: 1.3em;'> De Segunda a Sexta-feira, das 08h às 16h</p>                                    </div>
794                                </article>
795                            </div>
796                        
797                        
798                        <!-- INÍCIO GRÁFICOS -->
799                        
800                        
801                            <div class="col-md-12">
802                                <div style='text-align:center;'>
803                                    <h2 style="text-align: center; margin-bottom: 20px; font-size: 20px;"><strong>Relatório estatístico da ouvidoria</strong></h2>
804
805                                </div>
806                            </div>
807
808                            <div class="col-md-12">
809                                <div class="list-group-item">
810                                    <div class="public_paginas" style="padding-top: 10px; margin-bottom: 10px; text-align: -webkit-center;">
811                                        <div class="col-md-12">
812
813                                            <h3 class="campanhaTitulo">
814                                                <!--  <a class="btn btn-primary btn-sm pull-right botaoCampanhaTitulo" target="_blank" href="#" style="margin-right: 14px;"><i class="fa fa-plus"></i> Ver mais detalhes </a> -->
815                                                <!-- <a class="btn btn-primary btn-sm pull-right botaoCampanhaTitulo" style="margin-right: 5px;" target="_blank" href="relatorio.php?id=23"><i class="fa fa-bars"></i> Exportações </a> -->
816                                            </h3>
817
818                                            <div class="row">
819                                                <div class="col-md-12">
820                                                    <div id='chart_div'></div>
821                                                </div>
822
823                                                <div class="col-md-6">
824                                                    <a class="ouv-linkcard" href="ouvidoriarelatorios.php" style="--ouv-accent: #2864AE;">
825                                                        <span class="ouv-linkcard__icon"><i class="fa fa-bar-chart" aria-hidden="true"></i></span>
826                                                        <span class="ouv-linkcard__body">
827                                                            <span class="ouv-linkcard__title">Mais relatórios da ouvidoria</span>
828                                                            <span class="ouv-linkcard__sub">Estatísticas e relatórios completos da ouvidoria</span>
829                                                        </span>
830                                                        <i class="fa fa-angle-right ouv-linkcard__arrow" aria-hidden="true"></i>
831                                                    </a>
832                                                </div>
833                                                <div class="col-md-6">
834                                                    <a class="ouv-linkcard" href="sicrelatorios.php" style="--ouv-accent: #FFB200;">
835                                                        <span class="ouv-linkcard__icon"><i class="fa fa-file-text-o" aria-hidden="true"></i></span>
836                                                        <span class="ouv-linkcard__body">
837                                                            <span class="ouv-linkcard__title">Mais relatórios do SIC</span>
838                                                            <span class="ouv-linkcard__sub">Solicitações, prazos e estatísticas do SIC</span>
839                                                        </span>
840                                                        <i class="fa fa-angle-right ouv-linkcard__arrow" aria-hidden="true"></i>
841                                                    </a>
842                                                </div>
843                                            </div>
844                                        </div>
845                                    </div>
846                                </div>
847                            </div>
848
849                                                                        
850                        <div class="col-md-12">
851                            <div style='text-align:center;'>
852                                <h2 style="text-align: center; margin-bottom: 20px; font-size: 20px;"><strong>Avaliação contínua dos serviços públicos</strong></h2>
853
854                            </div>
855                        </div>
856                                                <div class="col-md-12">
857                            <div class="list-group-item">
858                                <div class="public_paginas" style="padding-top: 10px; margin-bottom: 10px; text-align: -webkit-center;">
859                                    <div class="col-md-12">
860
861                                        <h3 class="campanhaTitulo">
862                                            <!--  <a class="btn btn-primary btn-sm pull-right botaoCampanhaTitulo" target="_blank" href="#" style="margin-right: 14px;"><i class="fa fa-plus"></i> Ver mais detalhes </a> -->
863                                            <!-- <a class="btn btn-primary btn-sm pull-right botaoCampanhaTitulo" style="margin-right: 5px;" target="_blank" href="relatorio.php?id=23"><i class="fa fa-bars"></i> Exportações </a> -->
864                                        </h3>
865
866                                        <div class="row">
867                                            <div class="col-md-12">
868                                                <form>
869                                                    <div>
870                                                        <h2 style="margin-bottom: 20px; font-size: 20px;"><strong>Avaliação contínua dos serviços públicos</strong>
871                                                            <select name="ano" style="width: 30%; float:right;" class="form-control" id="idano">
872                                                                <!-- <option value="">Selecione um ano</option> -->
873                                                                <option  value='2026' data-filter=''>2026</option><option  value='2025' data-filter=''>2025</option>                                                            </select>
874
875                                                            <input type="hidden" id="valano" value="2026" />
876                                                        </h2>
877                                                    </div>
878                                                    <div id='chart_div_satis'></div>
879
880                                                </form>
881
882                                            </div>
883                                            <div style="padding-top:1em;">
884                                                <a href="pesquisasatisfacao.php" class="btn btn-primary"> <i class="fa fa-mouse-pointer" aria-hidden="true"></i> Clique para avaliar</a>
885                                            </div>
886                                        </div>
887                                                                                                                                <div style="padding:1em 0 1em 0">
888                                                <span style="margin: 1em;">Quantidade de avaliações até o momento: 12 - Data/hora da última avaliação: 05/09/2026 14:12:17</span>
889                                            </div>
890                                                                                <hr style="margin: 0;">
891                                        <div>
892                                            <p style="line-height: 1.2; padding-top:1em;">
893                                                Esclarecemos que os dados fornecidos acima serão tratados com respeito à sua privacidade.
894                                                <br>
895                                                Seguindo a <strong><a href="https://www.planalto.gov.br/ccivil_03/_ato2015-2018/2018/lei/l13709.htm">LGPD - Lei Geral de Proteção de Dados 13.709</a></strong>, de 14 de agosto de 2018.
896                                                <br>
897                                            </p>
898                                        </div>
899                                    </div>
900                                </div>
901                            </div>
902                        </div>
903                        <!--  <div class="col-md-12">
904                                            <div style='text-align:center;'>
905                                                <h2 style="text-align: center; margin-bottom: 20px; font-size: 20px;"><strong>Relatório estatístico</strong></h2>
906
907                                            </div>
908
909                                            <div class="tab-content tab-space" style="margin-bottom: 15px;">
910
911
912                                                                                                    <div class="tab-pane " id="ouvidoria" style="width: 100%;">
913                                                        <div class="row">
914                                                            <div class="col-md-12">
915                                                                <h3 class="campanhaTitulo"><strong>Ouvidoria</strong>
916                                                                    <a class="btn btn-primary btn-sm pull-right botaoCampanhaTitulo" target="_blank" href="#" style="margin-right: 14px;"><i class="fa fa-plus"></i> Ver mais detalhes </a>
917                                                                    <!-- <a class="btn btn-primary btn-sm pull-right botaoCampanhaTitulo" style="margin-right: 5px;" target="_blank" href="relatorio.php?id=23"><i class="fa fa-bars"></i> Exportações </a> 
918                                                                </h3>
919                                                                <div class="col-md-12">
920                                                                    <div id='chart_div'></div>
921                                                                </div>
922                                                            </div>
923                                                        </div>
924                                                    </div>
925                                                                                            
926                                            </div>
927                                        </div> -->
928
929                        <!-- FIM GRÁFICOS -->
930
931
932
933                        <!-- INÍCIO LAI -->
934
935                        <div class="col-md-12" style="margin-top: 3em;">
936                            <div class="list-group-item">
937
938                                <div class="public_paginas">
939
940                                    <h1 style="text-align: center; margin-bottom: 10px; margin-top: 10px; font-size: 20px; text-align: -webkit-center;"><img id="EsOv" width="40" src="imagens/lai2.png"> <strong style="padding-left: 5px;"> Explicação da LAI </strong></h1>
941                                    <div class='col-md-12'>
942                                        <p style="line-height: 1.2; font-size: 14px;">A Lei de Acesso à Informação (LAI) - lei nº 12.527/2011 - regulamenta o direito constitucional de obter informações públicas. Essa norma entrou em vigor em 16 de maio de 2012 e criou mecanismos que possibilitam a qualquer pessoa, física ou jurídica, sem necessidade de apresentar motivo, o recebimento de informações públicas dos órgãos e entidades.<br />
943Os pedidos de informações devem ser realizados nas instalações físicas ou através da Ouvidoria deste site. Preenchendo o formulário o cidadão receberá um número de protocolo e poderá acompanhar a tramitação do seu pedido de informação.<br />
944<br />
945A LEI estabelece também um conjunto mínimo de informações que devem ser publicadas nas seções de acesso à informação dos sites dos órgãos e entidades públicas. Além da publicação das informações exigidas, os órgãos podem divulgar outros dad
945os de interesse público por iniciativa própria, ou seja, de forma proativa.<br />
946<br />
947Portanto, antes de apresentar um pedido de acesso, é importante que você verifique se a informação desejada já está disponível na seção de Transparência deste site ou se ela já foi publicada como resposta a uma outra solicitação de informações realizada anteriormente através da OUVIDORIA deste site, que é o e-SIC (Sistema Eletrônico de Informações ao Cidadão) desta Entidade.<br />
948</p>
949                                    </div>
950
951                                    <div class="col-md-4" style="margin-top: 0px; margin-bottom: 10px;">
952                                        <div class="row">
953                                            <div class="col-md-12">
954                                                <div class="col-md-12">
955
956
957                                                    <div class="row" style="border-radius: 3px;">
958                                                        <a class='btn btn-primary' style="width: 100%; background-color: #FFB200; border-radius: 0px; padding: 0; text-align: left;" target='_blank' href="https://eusebio.ce.gov.br/publicacoes.php?id=3313">
959                                                            <div id="diario_index_coluna_2" class="col-md-4">
960                                                                <span style="font-size: 37px; float: right; margin-top: -8px;"><img alt="Lai" src="/imagens/social/LAI.png" width="40"></span>
961                                                            </div>
962                                                            <div class="col-md-8">
963                                                                <p style="text-transform: uppercase; font-size: 16px; font-weight: 300; margin-top: 10px; margin-bottom: 0px; line-height: 1.2;">
964                                                                    REGULAMENTAÇÃO<br>DA LAI MUNICIPAL
965                                                                </p>
966                                                            </div>
967                                                        </a>
968                                                    </div>
969
970                                                </div>
971                                            </div>
972                                        </div>
973                                    </div>
974
975                                    <div class="col-md-4" style="margin-top: 0px; margin-bottom: 10px;">
976                                        <div class="row">
977                                            <div class="col-md-12">
978                                                <div class="col-md-12">
979
980
981                                                    <div class="row" style="border-radius: 3px;">
982                                                        <a class='btn btn-primary' style="width: 100%; background-color: #2864AE; border-radius: 0px; padding: 0; text-align: left;" target='_blank' href="https://www.cge.ce.gov.br/acesso-a-informacao/">
983                                                            <div id="diario_index_coluna_2" class="col-md-4">
984                                                                <span style="font-size: 37px; float: right; margin-top: -8px;"><img alt="Lai" src="/imagens/social/LAI.png" width="40"></span>
985                                                            </div>
986                                                            <div class="col-md-8">
987                                                                <p style="text-transform: uppercase; font-size: 16px; font-weight: 300; margin-top: 10px; margin-bottom: 0px; line-height: 1.2;">
988                                                                    REGULAMENTAÇÃO<br>DA LAI ESTADUAL
989                                                                </p>
990                                                            </div>
991                                                        </a>
992                                                    </div>
993
994                                                </div>
995                                            </div>
996                                        </div>
997                                    </div>
998
999                                    <div class="col-md-4" style="margin-top: 0px; margin-bottom: 10px;">
1000                                        <div class="row">
1001                                            <div class="col-md-12">
1002                                                <div class="col-md-12">
1003
1004
1005                                                    <div class="row" style="border-radius: 3px;">
1006                                                        <a class='btn btn-primary' style="width: 100%; background-color: #078E46; border-radius: 0px; padding: 0; text-align: left;" target='_blank' href="http://www.planalto.gov.br/ccivil_03/_ato2011-2014/2011/lei/l12527.htm">
1007                                                            <div id="diario_index_coluna_2" class="col-md-4">
1008                                                                <sp
1008an style="font-size: 37px; float: right; margin-top: -8px;"><img alt="Lai" src="/imagens/social/LAI.png" width="40"></span>
1009                                                            </div>
1010                                                            <div class="col-md-8">
1011                                                                <p style="text-transform: uppercase; font-size: 16px; font-weight: 300; margin-top: 10px; margin-bottom: 0px; line-height: 1.2;">
1012                                                                    REGULAMENTAÇÃO<br>DA LAI FEDERAL
1013                                                                </p>
1014                                                            </div>
1015                                                        </a>
1016                                                    </div>
1017
1018                                                </div>
1019                                            </div>
1020                                        </div>
1021                                    </div>
1022                                </div>
1023
1024                            </div>
1025                        </div>
1026
1027                        <!-- FIM LAI -->
1028
1029
1030                        <!-- INÍCIO PERGUNTAS E RESPOSTAS -->
1031
1032                        <div class="col-md-12" style="padding-top: 5px;">
1033                            <h2 class="text-center">Perguntas frequentes FAQ</h2>
1034                        </div>
1035
1036                        
1037                            <div class="col-md-12">
1038                                <div class="panel-group" id="accordion">
1039                                    <div class="card">
1040                                        <div class="panel-heading" id="heading0">
1041                                            <h4 class="panel-title">
1042                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse0" aria-expanded="false" href="#collapse0">Quem pode acessar os dados do Portal da Transparência?</a>
1043                                            </h4>
1044                                        </div>
1045                                        <div id="collapse0" aria-labelledby="heading0" class="collapse" data-parent="#accordion">
1046                                            <div class="panel-body" style="background-color: #ffff;">
1047                                                <p style='margin-bottom: 5px; text-align: justify;'>Todo cidadão pode consultar os dados do Portal da Transparência. Não há necessidade de senha ou autorização para acessar utilizar o sistema. O sistema tem acesso amplo e liberado, sem qualquer restrição para consulta.</p>
1048                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1049                                            </div>
1050                                        </div>
1051
1052                                    </div>
1053                                </div>
1054                            </div>
1055
1056
1057                        
1058                            <div class="col-md-12">
1059                                <div class="panel-group" id="accordion">
1060                                    <div class="card">
1061                                        <div class="panel-heading" id="heading1">
1062                                            <h4 class="panel-title">
1063                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse1" aria-expanded="false" href="#collapse1">Há informações que não podem ser fornecidas?</a>
1064                                            </h4>
1065                                        </div>
1066                                        <div id="collapse1" aria-labelledby="heading1" class="collapse" data-parent="#accordion">
1067                                            <div class="panel-body" style="background-color: #ffff;">
1068                                                <p style='margin-bottom: 5px; text-align: justify;'>Não serão prestadas aos cidadãos informações consideradas sigilosas, tais como assuntos secretos, assim como informações pessoais dos agentes públicos ou privados. Nesses casos, o órgão é obrigado a justificar o motivo para não fornecer o dado.</p>
1069                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1070                                            </div>
1071                                        </div>
1072
1073                                    </div>
1074                                </div>
1075                            </div>
1076
1077
1078                        
1079                            <div class="col-md-12">
1080                                <div class="panel-group" id="accordion">
1081                                    <div class="card">
1082                                        <div class="panel-heading" id="heading2">
1083                                            <h4 class="panel-title">
1084                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse2" aria-expanded="false" href="#collapse2">Programas de gestão de arquivos e documentos precisarão ser aprimorados?</a>
1085                                            </h4>
1086                                        </div>
1087                                        <div id="collapse2" aria-labelledby="heading2" class="collapse" data-parent="#accordion">
1088                                            <div class="panel-body" style="background-color: #ffff;">
1089                                                <p style='margin-bottom: 5px; text-align: justify;'>A informação disponível ao público é, muitas vezes, a ponta de um processo que reúne operações de produção, tramitação, uso, avaliação e arquivamento de documentos. Para tanto, programas de gestão precisam ser sempre aprimorados e atualizados.</p>
1090                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1091                                            </div>
1092                                        </div>
1093
1094                                    </div>
1095                                </div>
1096                            </div>
1097
1098
1099                        
1100                            <div class="col-md-12">
1101                                <div class="panel-group" id="accordion">
1102                                    <div class="card">
1103                                        <div class="panel-heading" id="heading3">
1104                                            <h4 class="panel-title">
1105                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse3" aria-expanded="false" href="#collapse3">Qual a diferença de transparência ativa de transparência passiva?</a>
1106                                            </h4>
1107                                        </div>
1108                                        <div id="collapse3" aria-labelledby="heading3" class="collapse" data-parent="#accordion">
1109                                            <div class="panel-body" style="background-color: #ffff;">
1110                                                <p style='margin-bottom: 5px; text-align: justify;'>No caso da transparência ativa, a divulgação das informações ocorre por iniciativa dos órgãos públicos, independente de solicitação. A disponibilização de informações n
1110a sua página de internet ocorre de forma espontânea. Na transparência passiva, há o atendimento  somente quando a sociedade faz uma solicitação, mediante requisição do interessado (pessoa natural ou jurídica).</p>
1111                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1112                                            </div>
1113                                        </div>
1114
1115                                    </div>
1116                                </div>
1117                            </div>
1118
1119
1120                        
1121                            <div class="col-md-12">
1122                                <div class="panel-group" id="accordion">
1123                                    <div class="card">
1124                                        <div class="panel-heading" id="heading4">
1125                                            <h4 class="panel-title">
1126                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse4" aria-expanded="false" href="#collapse4">Como a lei funcionará na prática?</a>
1127                                            </h4>
1128                                        </div>
1129                                        <div id="collapse4" aria-labelledby="heading4" class="collapse" data-parent="#accordion">
1130                                            <div class="panel-body" style="background-color: #ffff;">
1131                                                <p style='margin-bottom: 5px; text-align: justify;'>A lei determina que os órgãos públicos criem centros de atendimento dentro de cada órgão chamados de SICs (Serviços de Informação ao Cidadão). Esses centros precisarão ter estrutura para atender e orientar o público quanto ao acesso a informações de interesse coletivo como, por exemplo, tramitação de documentos, processos de licitações e gastos públicos.</p>
1132                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1133                                            </div>
1134                                        </div>
1135
1136                                    </div>
1137                                </div>
1138                            </div>
1139
1140
1141                        
1142                            <div class="col-md-12">
1143                                <div class="panel-group" id="accordion">
1144                                    <div class="card">
1145                                        <div class="panel-heading" id="heading5">
1146                                            <h4 class="panel-title">
1147                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse5" aria-expanded="false" href="#collapse5">As informações disponibilizadas recebem alguma forma de filtragem ou tratamento?</a>
1148                                            </h4>
1149                                        </div>
1150                                        <div id="collapse5" aria-labelledby="heading5" class="collapse" data-parent="#accordion">
1151                                            <div class="panel-body" style="background-color: #ffff;">
1152                                                <p style='margin-bottom: 5px; text-align: justify;'>Não. As informações são disponibilizadas sem qualquer tratamento de dados. Não é feito qualquer controle de limitação ou restrição. São as mesmas informações registradas na contabilidade da Entidade Pública.</p>
1153                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1154                                            </div>
1155                                        </div>
1156
1157                                    </div>
1158                                </div>
1159                            </div>
1160
1161
1162                        
1163                            <div class="col-md-12">
1164                                <div class="panel-group" id="accordion">
1165                                    <div class="card">
1166                                        <div class="panel-heading" id="heading6">
1167                                            <h4 class="panel-title">
1168                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse6" aria-expanded="false" href="#collapse6">Toda informação produzida ou gerenciada pelo governo é pública?</a>
1169                                            </h4>
1170                                        </div>
1171                                        <div id="collapse6" aria-labelledby="heading6" class="collapse" data-parent="#accordion">
1172                                            <div class="panel-body" style="background-color: #ffff;">
1173                                                <p style='margin-bottom: 5px; text-align: justify;'>Como princípio geral, sim, salvaguardando-se as informações pessoais e as exceções previstas na lei. A informação produzida pelo setor público deve estar disponível a quem este serve, ou seja, à sociedade, a menos que esta informação esteja expressamente protegida. Daí a necessidade de regulamentação, para que fique claro quais informações são reservadas e por quanto tempo. </p>
1174                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1175                                            </div>
1176                                        </div>
1177
1178                                    </div>
1179                                </div>
1180                            </div>
1181
1182
1183                        
1184                            <div class="col-md-12">
1185                                <div class="panel-group" id="accordion">
1186                                    <div class="card">
1187                                        <div class="panel-heading" id="heading7">
1188                                            <h4 class="panel-title">
1189                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse7" aria-expanded="false" href="#collapse7">Em que casos o servidor pode ser responsabilizado?</a>
1190                                            </h4>
1191                                        </div>
1192                                        <div id="collapse7" aria-labelledby="heading7" class="collapse" data-parent="#accordion">
1193                                            <div class="panel-body" style="background-color: #ffff;">
1194                                                <p style='margin-bottom: 5px; text-align: justify;'>O servidor público é passível de responsabilização quando:<br />
1195<br />
1196    recusar-se a fornecer informação requerida nos termos da Lei de Acesso a Informações, retardar deliberadamente o seu fornecimento ou fornecê-la intencionalmente de forma incorreta, incompleta ou imprecisa;<br />
1197    utilizar indevidamente, bem como subtrair, destruir, inutilizar, desfigurar, alterar ou ocultar, total ou parcialmente, informação que se encontre sob sua guarda ou a que tenha acesso ou conhecimento em razão do exercício das atribuições de cargo, emprego ou função pública;<br />
1198    agir com dolo ou má-fé na análise das solicitações de acesso à informação;<br />
1199    divulgar ou permitir a divulgação ou acessar ou permitir acesso indevido à informação sigilosa ou informação pessoal;<br />
1200    impor sigilo à informação para obter proveito pessoal ou de terceiro, ou para fins de ocultação de ato ilegal cometido por si ou por outrem;<br />
1201    ocultar da revisão de autoridade superior competente informação sigilosa para beneficiar a si ou a outrem, ou em prejuízo de terceiros; e<br />
1202    destruir ou subtrair, por qualquer meio, documentos concernentes a possíveis violações de direitos humanos por parte de agentes do Estado.<br />
1203<br />
1204Contudo, a nova lei estabelece um procedimento importante: nenhum servidor poderá ser responsabilizado civil, penal ou administrativamente por dar ciência, a quem de direito, de informação concernente à prática de crimes ou improbidade.</p>
1205                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1206                                            </div>
1207                                        </div>
1208
1209                                    </div>
1210                                </div>
1211                            </div>
1212
1213
1214                        
1215                            <div class="col-md-12">
1216                                <div class="panel-group" id="accordion">
1217                                    <div class="card">
1218                                        <div class="panel-heading" id="heading8">
1219                                            <h4 class="panel-title">
1220                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse8" aria-expanded="false" href="#collapse8">O que cidadão pode consultar nesse Portal da Transparência?</a>
1221                                            </h4>
1222                                        </div>
1223                                        <div id="collapse8" aria-labelledby="heading8" class="collapse" data-parent="#accordion">
1224                                            <div class="panel-body" style="background-color: #ffff;">
1225                                                <p style='margin-bottom: 5px; text-align: justify;'>A consulta dá cumprimento ao disposto na Lei Complementar n.º 131, de 27 de maio de 2009, que trata da divulgação, em tempo real, de informações pormenorizadas sobre a execução orçamentária e financeira dos órgãos públicos. Por meio da pesquisa, é possível, detalhar todos os documentos emitidos pelas unidades gestoras dos Poderes Executivo e Legislativo no decorrer da execução das suas despesas, inclusive, pela fase em que a despesa está: empenho, liquidação e pagamento.<br />
1226</p>
1227                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1228                                            </div>
1229                                        </div>
1230
1231                                    </div>
1232                                </div>
1233                            </div>
1234
1235
1236                        
1237                            <div class="col-md-12">
1238                                <div class="panel-group" id="accordion">
1239                                    <div class="card">
1240                                        <div class="panel-heading" id="heading9">
1241                                            <h4 class="panel-title">
1242                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse9" aria-expanded="false" href="#collapse9">O que são informações pessoais?</a>
1243                                            </h4>
1244                                        </div>
1245                                        <div id="collapse9" aria-labelledby="heading9" class="collapse" data-parent="#accordion">
1246                                            <div class="panel-body" style="background-color: #ffff;">
1247                                                <p style='margin-bottom: 5px; text-align: justify;'>Informações pessoais são aquelas relacionadas à pessoa natural identificada ou identificável, cujo tratamento deve ser feito de forma transparente e com respeito à intimidade, vida privada, honra e imagem das pessoas, bem como às liberdades e garantias individuais. As informações pessoais terão seu acesso restrito, independentemente de classificação de sigilo, pelo prazo máximo de 100 (cem) anos a contar da sua data de produção.</p>
1248                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1249                                            </div>
1250                                        </div>
1251
1252                                    </div>
1253                                </div>
1254                            </div>
1255
1256
1257                        
1258                            <div class="col-md-12">
1259                                <div class="panel-group" id="accordion">
1260                                    <div class="card">
1261                                        <div class="panel-heading" id="heading10">
1262                                            <h4 class="panel-title">
1263                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse10" aria-expanded="false" href="#collapse10">O que ocorre se o cidadão solicitar uma informação não existente?</a>
1264                                            </h4>
1265                                        </div>
1266                                        <div id="collapse10" aria-labelledby="heading10" class="collapse" data-parent="#accordion">
1267                                            <div class="panel-body" style="background-color: #ffff;">
1268                                                <p style='margin-bottom: 5px; text-align: justify;'>A Entidade Pública não é obrigada a produzir uma informação inexistente, devendo apenas disponibilizar os dados que possui.</p>
1269                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1270                                            </div>
1271                                        </div>
1272
1273                                    </div>
1274                                </div>
1275                            </div>
1276
1277
1278                        
1279                            <div class="col-md-12">
1280                                <div class="panel-group" id="accordion">
1281                                    <div class="card">
1282                                        <div class="panel-heading" id="heading11">
1283                                            <h4 class="panel-title">
1284                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse11" aria-expanded="false" href="#collapse11">
1284E se a pessoa fizer mau uso da informação pública obtida?</a>
1285                                            </h4>
1286                                        </div>
1287                                        <div id="collapse11" aria-labelledby="heading11" class="collapse" data-parent="#accordion">
1288                                            <div class="panel-body" style="background-color: #ffff;">
1289                                                <p style='margin-bottom: 5px; text-align: justify;'>Nos mais diversos países é consenso de que, ao constituir um direito básico, o pedido não precisa ser justificado: aquela informação solicitada já pertence ao requerente. O Estado apenas presta um serviço ao atender à demanda. De posse da informação (que afinal, é pública), cabe ao indivíduo escolher o que fará dela.</p>
1290                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1291                                            </div>
1292                                        </div>
1293
1294                                    </div>
1295                                </div>
1296                            </div>
1297
1298
1299                        
1300                            <div class="col-md-12">
1301                                <div class="panel-group" id="accordion">
1302                                    <div class="card">
1303                                        <div class="panel-heading" id="heading12">
1304                                            <h4 class="panel-title">
1305                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse12" aria-expanded="false" href="#collapse12">Qual a importância da Lei de acesso às informações?</a>
1306                                            </h4>
1307                                        </div>
1308                                        <div id="collapse12" aria-labelledby="heading12" class="collapse" data-parent="#accordion">
1309                                            <div class="panel-body" style="background-color: #ffff;">
1310                                                <p style='margin-bottom: 5px; text-align: justify;'>O objetivo da lei é a mudança da cultura do sigilo, que existe em algumas instituições públicas. A sanção da lei pode ser compreendida como um ato de amadurecimento da democracia brasileira. A informação sob a guarda do Estado é sempre pública, devendo o acesso a ela ser restringido apenas em casos específicos. Isto significa que a informação produzida, guardada, organizada e gerenciada pelo Estado em nome da sociedade é um bem público. O acesso a estes dados, constitui-se em um dos fundamentos para a consolidação da democracia, fortalecendo o controle social.</p>
1311                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1312                                            </div>
1313                                        </div>
1314
1315                                    </div>
1316                                </div>
1317                            </div>
1318
1319
1320                        
1321                            <div class="col-md-12">
1322                                <div class="panel-group" id="accordion">
1323                                    <div class="card">
1324                                        <div class="panel-heading" id="heading13">
1325                                            <h4 class="panel-title">
1326                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse13" aria-expanded="false" href="#collapse13">Quais instituições públicas devem cumprir a lei?</a>
1327                                            </h4>
1328                                        </div>
1329                                        <div id="collapse13" aria-labelledby="heading13" class="collapse" data-parent="#accordion">
1330                                            <div class="panel-body" style="background-color: #ffff;">
1331                                                <p style='margin-bottom: 5px; text-align: justify;'>Os órgãos e entidades públicas dos três Poderes (Executivo, Legislativo e Judiciário), de todos os níveis de governo (federal, estadual, distrital e municipal), assim como os Tribunais e Contas e o Ministério Público, bem como as autarquias, fundações públicas, empresas públicas, sociedades de economia mista e demais entidades controladas direta ou indiretamente pela União, Estados, Distrito Federal e Municípios.</p>
1332                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1333                                            </div>
1334                                        </div>
1335
1336                                    </div>
1337                                </div>
1338                            </div>
1339
1340
1341                        
1342                            <div class="col-md-12">
1343                                <div class="panel-group" id="accordion">
1344                                    <div class="card">
1345                                        <div class="panel-heading" id="heading14">
1346                                            <h4 class="panel-title">
1347                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse14" aria-expanded="false" href="#collapse14">Por quais meios as informações poderão ser solicitadas?</a>
1348                                            </h4>
1349                                        </div>
1350                                        <div id="collapse14" aria-labelledby="heading14" class="collapse" data-parent="#accordion">
1351                                            <div class="panel-body" style="background-color: #ffff;">
1352                                                <p style='margin-bottom: 5px; text-align: justify;'>As informações poderão ser solicitadas nos Serviços de Informações ao Cidadão (SICs), que serão instalados em cada órgão público. A lei também determina que seja concedida ao cidadão a opção de solicitar os dados pela internet. Podem ser usados, também, outros meios, tais como: como carta, e-mail e telefone, conforme disposto em ato administrativo do ente público.</p>
1353                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1354                                            </div>
1355                                        </div>
1356
1357                                    </div>
1358                                </div>
1359                            </div>
1360
1361
1362                        
1363                            <div class="col-md-12">
1364                                <div class="panel-group" id="accordion">
1365                                    <div class="card">
1366                                        <div class="panel-heading" id="heading15">
1367                                            <h4 class="panel-title">
1368                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse15" aria-expanded="false" href="#collapse15">O prazo de vinte dias, prorrogáveis por mais dez, para a entrega da resposta ao pedido de informação, não é 
1368curto?</a>
1369                                            </h4>
1370                                        </div>
1371                                        <div id="collapse15" aria-labelledby="heading15" class="collapse" data-parent="#accordion">
1372                                            <div class="panel-body" style="background-color: #ffff;">
1373                                                <p style='margin-bottom: 5px; text-align: justify;'>Os prazos são necessários para a garantia do direito ? a maior parte das leis de acesso à informação no mundo prevê uma delimitação de tempo, e a do Brasil não foge à regra. O prazo foi pensado para garantir um equilíbrio entre a necessidade do cidadão e a capacidade de entrega por parte da Administração.</p>
1374                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1375                                            </div>
1376                                        </div>
1377
1378                                    </div>
1379                                </div>
1380                            </div>
1381
1382
1383                        
1384                            <div class="col-md-12">
1385                                <div class="panel-group" id="accordion">
1386                                    <div class="card">
1387                                        <div class="panel-heading" id="heading16">
1388                                            <h4 class="panel-title">
1389                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse16" aria-expanded="false" href="#collapse16">Quais os dados que devem ser divulgados na internet?</a>
1390                                            </h4>
1391                                        </div>
1392                                        <div id="collapse16" aria-labelledby="heading16" class="collapse" data-parent="#accordion">
1393                                            <div class="panel-body" style="background-color: #ffff;">
1394                                                <p style='margin-bottom: 5px; text-align: justify;'>Conforme determinado pela LC nº 131/2009, todos os entes deverão divulgar:<br />
1395- Quanto à despesa: todos os atos praticados pelas unidades gestoras no decorrer da execução da des pesa, no momento de sua realização, com a disponibilização mínima dos dados referentes ao número do correspondente processo, ao bem fornecido ou ao serviço prestado, à pessoa física ou jurídica beneficiária do pagamento e, quando for o caso, ao procedimento licitatório realizado; </p>
1396                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1397                                            </div>
1398                                        </div>
1399
1400                                    </div>
1401                                </div>
1402                            </div>
1403
1404
1405                        
1406                            <div class="col-md-12">
1407                                <div class="panel-group" id="accordion">
1408                                    <div class="card">
1409                                        <div class="panel-heading" id="heading17">
1410                                            <h4 class="panel-title">
1411                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse17" aria-expanded="false" href="#collapse17">É preciso dar razões para o pedido?</a>
1412                                            </h4>
1413                                        </div>
1414                                        <div id="collapse17" aria-labelledby="heading17" class="collapse" data-parent="#accordion">
1415                                            <div class="panel-body" style="background-color: #ffff;">
1416                                                <p style='margin-bottom: 5px; text-align: justify;'>Não é preciso apresentar nenhum tipo de justificativa para a solicitação de informações.</p>
1417                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1418                                            </div>
1419                                        </div>
1420
1421                                    </div>
1422                                </div>
1423                            </div>
1424
1425
1426                        
1427                            <div class="col-md-12">
1428                                <div class="panel-group" id="accordion">
1429                                    <div class="card">
1430                                        <div class="panel-heading" id="heading18">
1431                                            <h4 class="panel-title">
1432                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse18" aria-expanded="false" href="#collapse18">O que é a LC nº131/2009?</a>
1433                                            </h4>
1434                                        </div>
1435                                        <div id="collapse18" aria-labelledby="heading18" class="collapse" data-parent="#accordion">
1436                                            <div class="panel-body" style="background-color: #ffff;">
1437                                                <p style='margin-bottom: 5px; text-align: justify;'>A Lei Complementar 131, de 27 de maio de 2009, alterou a redação da Lei de Responsabilidade Fiscal no que se refere à transparência da gestão fiscal. A Lei inovou ao determinar a disponibilização, em tempo real, de informações pormenorizadas sobre a execução orçamentária e financeira da União, dos Estados, do Distrito Federal e dos Municípios, em meios eletrônicos de acesso público. </p>
1438                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1439                                            </div>
1440                                        </div>
1441
1442                                    </div>
1443                                </div>
1444                            </div>
1445
1446
1447                        
1448                            <div class="col-md-12">
1449                                <div class="panel-group" id="accordion">
1450                                    <div class="card">
1451                                        <div class="panel-heading" id="heading19">
1452                                            <h4 class="panel-title">
1453                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse19" aria-expanded="false" href="#collapse19">É necessária lei específica para garantir o acesso?</a>
1454                                            </h4>
1455                                        </div>
1456                                        <div id="collapse19" aria-labelledby="heading19" class="collapse" data-parent="#accordion">
1457                                            <div class="panel-body" style="background-color: #ffff;">
1458                                                <p style='margin-bottom: 5px; text-align: justify;'>Sim. Diferentes leis promulgadas nos últimos anos ampliaram a interação entre o Estado e a Sociedade, mas a aprovação da Lei de Acesso a Informações foi necessária para regulamentar obrigações, procedimentos e prazos para a divulgação de informações pelas instituições públicas, garantindo a efetividade do direito de acesso. Ao estabelecer rotinas para o atendimento ao cidadão, organiza e protege o trabalho do servidor. </p>
1459                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1460                                            </div>
1461                                        </div>
1462
1463                                    </div>
1464                                </div>
1465                            </div>
1466
1467
1468                        
1469                            <div class="col-md-12">
1470                                <div class="panel-group" id="accordion">
1471                                    <div class="card">
1472                                        <div class="panel-heading" id="heading20">
1473                                            <h4 class="panel-title">
1474                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse20" aria-expanded="false" href="#collapse20">Por que o Portal de Transparência foi criado?</a>
1475                                            </h4>
1476                                        </div>
1477                                        <div id="collapse20" aria-labelledby="heading20" class="collapse" data-parent="#accordion">
1478                                            <div class="panel-body" style="background-color: #ffff;">
1479                                                <p style='margin-bottom: 5px; text-align: justify;'>Para atender a demanda de informações sobre gestão pública, bem como cumprir as determinações constitucionais, visando à transparência das contas públicas e atendendo à Lei Complementar n° 131, de 27 de maio de 2009, e o Decreto Federal n° 7185, de 27 de maio de 2010, além de promover o acesso amplo e objetivo aos dados da aplicação dos recursos públicos municipais. Através dele, os cidadãos podem acompanhar a gestão das finanças da administração direta e indireta. Assim, é possível acompanhar a destinação dos recursos arrecadados, provenientes em grande parte dos impostos pagos pelos contribuintes.</p>
1480                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1481                                            </div>
1482                                        </div>
1483
1484                                    </div>
1485                                </div>
1486                            </div>
1487
1488
1489                        
1490                            <div class="col-md-12">
1491                                <div class="panel-group" id="accordion">
1492                                    <div class="card">
1493                                        <div class="panel-heading" id="heading21">
1494                                            <h4 class="panel-title">
1495                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse21" aria-expanded="false" href="#collapse21">
1495Quais as penalidades para Estados e Municípios que não cumprirem a Lei Complementar nº 131/2009?</a>
1496                                            </h4>
1497                                        </div>
1498                                        <div id="collapse21" aria-labelledby="heading21" class="collapse" data-parent="#accordion">
1499                                            <div class="panel-body" style="background-color: #ffff;">
1500                                                <p style='margin-bottom: 5px; text-align: justify;'>Segundo a LC nº 131/2009, o ente que não disponibilizar as informações no prazo estabelecido ficará im- pedido de receber transferências voluntárias. Além disso, os titulares do Poder Executivo dos entes estarão sujeitos a responder por crime de responsabilidade (Art. 10, Itens 4 e 12, Lei nº 1.079, de 10 de abril de 1950 e Art. 1º, Incisos VII e XXIII, Decreto-Lei nº 201, de 27 de fevereiro de 1967, respectivamente).</p>
1501                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1502                                            </div>
1503                                        </div>
1504
1505                                    </div>
1506                                </div>
1507                            </div>
1508
1509
1510                                                <!-- FIM PERGUNTAS E RESPOSTAS -->
1511
1512                    </div>
1513                </div>
1514
1515
1516            </div>
1517    </section>
1518
1519
1520    <!--
1521    <section>
1522        <div class="container-new1" style="margin-top:10px; margin-bottom:10px;">
1523            <div class="public_paginas" style="padding-top: 10px; text-align: -webkit-center;">
1524
1525                <div class="col-md-12">
1526                    <p style="line-height: 1.2; font-size: 14px; padding-top: 15px; margin-bottom: 5px;"><strong>NOSSO PORTAL DA TRANSPARÊNCIA</strong></p>
1527                    <p style="line-height: 1.2; font-size: 14px;">Uma ferramenta para garantir o atendimento à população com a transparência na gestão pública e atender às determinações da Lei de Acesso à Informação nº 12.527.</p>
1528                
1529                    <a class="btn btn-primary" style="background-color: #2864AE;" href="acessoainformacao.php" style="margin-bottom: 10px;"> ACESSAR PORTAL DA TRANSPARÊNCIA</a>
1530                </div>
1531
1532            </div>
1533        </div>
1534    </section>
1535            -->
1536
1537
1538
1539    
1540
1541<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer>
1542    function resetTurnstileIfNeeded() {
1543        if (window.turnstile) { try { turnstile.reset(); } catch (e) {} }
1544    }
1545    window.addEventListener('pageshow', (event) => { if (event.persisted) { resetTurnstileIfNeeded(); } });
1546    document.addEventListener('visibilitychange', () => { if (document.visibilityState === 'visible') { resetTurnstileIfNeeded(); } });
1547</script>
1547
1548
1549    
1549<script src="/js/shortcuts.js"></script>
1549
1550    
1550<script>
1551        shortcut.add("Alt+H", function() {
1552            window.location.assign("index.php");
1553        });
1554
1555        shortcut.add("Alt+Shift+1", function() {
1556            window.location.assign("acessibilidade.php");
1557        });
1558
1559        shortcut.add("Alt+9", function() {
1560            window.scrollTo(0, 0);
1561        });
1562
1563        shortcut.add("Alt+C", function() {
1564            window.location.href = '#ancora';
1565        });
1566    </script>
1566
1567
1568
1569
1570    
1571    <section class="container-new1 rodape-radar-atricon">
1572        <div class="" style="">
1573            <div class='public_paginas' style="padding-bottom: 0px;">
1574                <div class="row">
1575                    <div class="col-md-12">
1576                        <a href="https://radardatransparencia.atricon.org.br/ " target="_blank">
1577                            <img src="/imagens/radar_atricon.png" alt="Radar ATRICON" width="100%" style="display: block; border-radius: 9px;">
1578                        </a>
1579                    </div>
1580                </div>
1581            </div>
1582        </div>
1583    </section>
1584
1585    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
1586
1587
1588    <div id="scroll2"><a href="/atricon.php"><img src="/imagens/atricon48x48.png" title="Atricon"></a></div>
1589    
1590    <div id="scroll"><span></span></div>
1591
1592    
1593    <div class="section" id="bottom" style="padding-bottom: 0px;">
1594                                
1595                        <section>
1596                    <div class="col-md-12  ">
1597                        <div class="row fitaflex">
1598                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 9px solid; border-image: linear-gradient(45deg, #5ABB50, #5ABB50 ) 1;"></div>
1599                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 9px solid; border-image: linear-gradient(45deg, #5ABB50, #FEE300 ) 1;"></div>
1600                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 9px solid; border-image: linear-gradient(45deg, #FEE300, #FEE300 ) 1;"></div>
1601                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 9px solid; border-image: linear-gradient(45deg, #FEE300, #4182C5 ) 1;"></div>
1602                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 9px solid; border-image: linear-gradient(45deg, #4182C5, #4182C5 ) 1;"></div>
1603                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 9px solid #4182C5;"></div>
1604                        </div>
1605                    </div>
1606                </section>
1607            
1608            <style>
1609            /* banner "Radar Nacional da Transparencia" (antes do rodape, em toda pagina): tinha so
1610               margin-top:10px (nenhuma embaixo), entao a distancia pro rodape ficava bem menor que
1611               a distancia pro conteudo acima dele. So mexe em cima/embaixo — o atalho "margin: 30px 0"
1612               zerava tambem a margem lateral (que nao era 0) e deslocava o banner pro lado. */
1613            .rodape-radar-atricon {
1614                margin-top: 30px;
1615                margin-bottom: 30px;
1616            }
1617
1618            /* ===== Rodapé institucional 2026 — modelo B (bottomTipo9) — namespace .site-footer*
1619               Fundo em degrade na cor do site, cabecalho (logo + nome + redes), faixa de
1620               selos, 3 cards translucidos e barra final. So o layout/CSS mudou: consultas,
1621               condicionais e dados continuam os mesmos. Sem largura propria: usa o
1622               .container-new1 padrao do site (alinhado ao cabecalho e as secoes). ===== */
1623            .site-footer {
1624                position: relative;
1625                /* clear: a faixa de cores logo acima (.col-md-12 do Bootstrap) e um float
1626                   sem clearfix. Com overflow:hidden o rodapé vira um bloco "BFC" e, sem
1627                   clear, ele encolhe pra ficar ao lado desse float (largura 0). */
1628                clear: both;
1629                overflow: hidden;
1630                background: #216532;
1631                background: linear-gradient(155deg, #216532 0%, #133b1d 100%);
1632                color: rgba(255, 255, 255, .86);
1633                font-size: 14px;
1634            }
1635
1636            /* brilhos suaves de fundo (decorativos) */
1637            .site-footer::before,
1638            .site-footer::after {
1639                content: "";
1640                position: absolute;
1641                border-radius: 50%;
1642                pointer-events: none;
1643            }
1644
1645            .site-footer::before {
1646                width: 700px;
1647                height: 700px;
1648                right: -180px;
1649                top: -320px;
1650                background: radial-gradient(closest-side, rgba(255, 255, 255, .16), transparent);
1651            }
1652
1653            .site-footer::after {
1654                width: 560px;
1655                height: 560px;
1656                left: -200px;
1657                bottom: -300px;
1658                background: radial-gradient(closest-side, rgba(255, 255, 255, .09), transparent);
1659            }
1660
1661            .site-footer > * {
1662                position: relative;
1663                z-index: 1;
1664            }
1665
1666            /* ---- cabecalho: logo + nome (esq.) e selos (dir.) ---- */
1667            .site-footer__head {
1668                display: flex;
1669                flex-wrap: wrap;
1670                align-items: center;
1671                justify-content: space-between;
1672                gap: 22px 32px;
1673                padding-block: 48px 28px;
1674            }
1675
1676            .site-footer__brand {
1677                display: flex;
1678                align-items: center;
1679                min-width: 0;
1680            }
1681
1682            .site-footer-identity__logo {
1683                max-height: 100px;
1684                width: auto;
1685                max-width: 100%;
1686                filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .2));
1687            }
1688
1689            .site-footer-identity__city {
1690                /* sem font-family aqui de proposito: herda de body{font-family:
1691                   "Roboto", Arial, Helvetica, sans-serif}, configuravel por municipio
1692                   (css/style.php). Nao hardcodar uma fonte especifica. */
1693                margin: 0;
1694                font-size: 16px;
1695                font-weight: 400;
1696                letter-spacing: .005em;
1697                text-transform: none;
1698                color: rgba(255, 255, 255, .9);
1699            }
1700
1701            /* divisor entre a logo e o nome (so quando existe logo) */
1702            .site-footer-identity__logo + .site-footer-identity__city {
1703                margin-left: 22px;
1704                padding-left: 22px;
1705                border-left: 1px solid rgba(255, 255, 255, .3);
1706            }
1707
1708            /* ---- selos, encaixados no cabecalho no lugar das redes sociais ---- */
1709            .site-footer__seals-inline {
1710                display: flex;
1711                flex-wrap: wrap;
1712                align-items: center;
1713                justify-content: flex-end;
1714                gap: 16px;
1715            }
1716
1717            .site-footer__seals-inline img {
1718                width: 40px;
1719                display: block;
1720                opacity: .9;
1721                transition: opacity .15s ease, transform .15s ease;
1722            }
1723
1724            .site-footer__seals-inline a:hover img {
1725                opacity: 1;
1726                transform: translateY(-2px);
1727            }
1728
1729            /* ---- 3 cards: Institucional / Contatos / Endereco e horario ---- */
1730            .site-footer__grid {
1731                display: grid;
1732                grid-template-columns: repeat(3, 1fr);
1733                gap: 18px;
1734                padding: 32px 0 36px;
1735            }
1736
1737            .site-footer__col {
1738                min-width: 0;
1739                padding: 26px 26px 14px;
1740                /* raio exatamente igual ao configurado no site (VCaixaArredondamento) — antes usava
1741                   uma formula (2x + 6px) que deixava esses cards bem mais arredondados que o resto do site */
1742                border-radius: var(--site-card-radius, 7px);
1743                background: rgba(255, 255, 255, .08);
1744                border: 1px solid rgba(255, 255, 255, .16);
1745            }
1746
1747            .site-footer__col-title {
1748                display: flex;
1749                align-items: center;
1750                gap: 12px;
1751                margin: 0 0 18px;
1752                font-size: 12.5px;
1753                font-weight: 700;
1754                line-height: 1.2;
1755                text-transform: uppercase;
1756                letter-spacing: .09em;
1757                color: #fff;
1758            }
1759
1760            .site-footer__col-ico {
1761                display: inline-flex;
1762                flex: 0 0 40px;
1763                align-items: center;
1764                justify-content: center;
1765                width: 40px;
1766                height: 40px;
1767                border-radius: var(--site-card-radius, 7px);
1768                background: rgba(255, 255, 255, .16);
1769                font-size: 18px;
1770            }
1771
1772            .site-footer__col p {
1773                display: flex;
1774                align-items: flex-start;
1775                gap: 10px;
1776                margin: 0 0 12px;
1777                font-size: 14px;
1778                line-height: 1.55;
1779                color: rgba(255, 255, 255, .9);
1780            }
1781
1782            .site-footer__col p i {
1783                flex: none;
1784                width: 16px;
1785                margin-top: 3px;
1786                text-align: center;
1787                color: #fff;
1788                opacity: .7;
1789            }
1790
1791            /* ---- barra final ---- */
1792            .site-footer__bottom {
1793                background: rgba(0, 0, 0, .14);
1794                border-top: 1px solid rgba(255, 255, 255, .14);
1795            }
1796
1797            .site-footer__bottom-inner {
1798                display: flex;
1799                flex-wrap: wrap;
1800                align-items: center;
1801                justify-content: space-between;
1802                gap: 8px 20px;
1803                /* so vertical: o padding lateral vem do .container-new1, igual ao dos cards */
1804                padding-block: 18px;
1805                color: rgba(255, 255, 255, .75);
1806                font-size: 13px;
1807            }
1808
1809            /* O .container-new1 (main.css) tem um clearfix: ::before/::after com
1810               content:" ". Num container flex esses dois pseudo-elementos viram
1811               itens extras, e o space-between reparte o espaco entre 4 itens —
1812               os <p> ficam "boiando" no meio em vez de nas pontas do container.
1813               Aqui o flex ja contem os filhos, entao o clearfix e desligado. */
1814            .site-footer .site-footer__bottom-inner::before,
1815            .site-footer .site-footer__bottom-inner::after {
1816                content: none;
1817                display: none;
1818            }
1819
1820            .site-footer__bottom p {
1821                margin: 0;
1822            }
1823
1824            /* copyright na ponta esquerda do container, acessibilidade na direita */
1825            .site-footer__bottom-inner p:first-child {
1826                text-align: left;
1827            }
1828
1829            .site-footer__bottom-inner p:last-child {
1830                text-align: right;
1831            }
1832
1833            .site-footer__bottom a {
1834                color: #fff;
1835                font-weight: 500;
1836                text-decoration: none;
1837            }
1838
1839            .site-footer__bottom a:hover,
1840            .site-footer__bottom a:focus-visible {
1841                text-decoration: underline;
1842            }
1843
1844            /* ---- responsivo ---- */
1845            @media (max-width: 991px) {
1846                .site-footer__grid {
1847                    grid-template-columns: 1fr;
1848                }
1849            }
1850
1851            @media (max-width: 767px) {
1852                .site-footer__head {
1853                    flex-direction: column;
1854                    justify-content: center;
1855                    text-align: center;
1856                    padding-block: 34px 22px;
1857                }
1858
1859                .site-footer__brand {
1860                    flex-direction: column;
1861                    gap: 14px;
1862                }
1863
1864                .site-footer-identity__logo + .site-footer-identity__city {
1865                    margin-left: 0;
1866                    padding-left: 0;
1867                    border-left: 0;
1868                }
1869
1870                .site-footer__seals-inline {
1871                    justify-content: center;
1872                }
1873
1874                .site-footer__grid {
1875                    padding: 26px 0 28px;
1876                }
1877
1878                .site-footer__bottom-inner {
1879                    justify-content: center;
1880                    text-align: center;
1881                }
1882
1883                .site-footer__bottom-inner p:first-child,
1884                .site-footer__bottom-inner p:last-child {
1885                    text-align: center;
1886                }
1887            }
1888        </style>
1889
1890    </div>
1891
1892    <footer class="site-footer" role="contentinfo" style="--site-card-radius: 9px;">
1893        <div class="container-new1 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
1894            <div class="site-footer__head">
1895                <div class="site-footer__brand">
1896                    <img src="/imagens/logovazada.png?time=1790954220" alt="Prefeitura Municipal de Eusébio" class="site-footer-identity__logo">
1897                <p class="site-footer-identity__city">
1898                    Prefeitura Municipal de Eusébio - CE                </p>
1899                </div>
1900
1901            <div class='site-footer__seals-inline'><a href='/selos' class='break-responsive-header'><img src='/imagens/imagensselos/3/outros.png' alt='TIME BRASIL - ACÕES DE INTEGRIDADE PÚBLICA PARA ESTADOS E MUNICÍPIOS' title='TIME BRASIL - ACÕES DE INTEGRIDADE PÚBLICA PARA ESTADOS E MUNICÍPIOS'></a><a href='/selos'><img src='/imagens/imagensselos/tce-ce-sust-p.png' alt='' title=''></a><a href='/selos'><img src='/imagens/imagensselos/unicef-2021-2024-p.png' alt='Selo UNICEF 2021-2024' title='Selo UNICEF 2021-2024'></a></div>            </div>
1902        </div>
1903
1904        <div class="container-new1">
1905            <div class="site-footer__grid">
1906
1907                <div class="site-footer__col">
1908                    <h2 class="site-footer__col-title"><span class="site-footer__col-ico"><i class="bi bi-buildings" aria-hidden="true"></i></span><span>Institucional</span></h2>
1909
1910                    
1911                    <p><i class='bi bi-person-circle' aria-hidden="true"></i> <span>Prefeito Jose Arimatea Lima Barros Junior</span></p>
1912                                        <p><i class='bi bi-postcard' aria-hidden="true"></i> <span>CNPJ: 23.563.067/0001-30</span></p>
1913                                    </div>
1914
1915                <div class="site-footer__col">
1916                    <h2 class="site-footer__col-title"><span class="site-footer__col-ico"><i class="bi bi-telephone" aria-hidden="true"></i></span><span>Contatos</span></h2>
1917                                        <p><i class='bi bi-telephone' aria-hidden="true"></i> <span>(85) 3924-6780</span></p>
1918                    <p><i class='bi bi-envelope-at' aria-hidden="true"></i> <span>[email protected]</span></p>
1919                </div>
1920
1921                <div class="site-footer__col">
1922                    <h2 class="site-footer__col-title"><span class="site-footer__col-ico"><i class="bi bi-geo-alt" aria-hidden="true"></i></span><span>Endereço e horário</span></h2>
1923
1924                    <p>
1925                        <i class='bi bi-geo-alt' aria-hidden='true'></i>
1926                        <span>
1927                            Rua Edmilson Pinheiro,
1928
1929                                                        150
1930                                                            - Autódromo,
1931
1932                                                                61.764-010                        </span>
1933                    </p>
1934                    <p>
1935                        <i class='bi bi-clock' aria-hidden='true'></i>
1936                        <span>de Segunda À Sexta-feira, das 08:00 Às 16:00.</span>
1937                    </p>
1938                </div>
1939
1940
1941            </div>
1942        </div>
1943
1944        <div class="site-footer__bottom">
1945            <div class="container-new1 site-footer__bottom-inner">
1946                <p>
1947                    &copy; 2026 <a target='_blank' href='http://www.assesi.com.br/' title=''>Assesi</a>.
1948                    Todos os Direitos Reservados.
1949                </p>
1950                <p><a href="/acessibilidade.php">Acessibilidade</a></p>
1951            </div>
1952                    </div>
1953    </footer>
1954
1955
1956<script type="text/javascript">
1957
1958    // document.addEventListener('click', function(){
1959    //     const link_before = event.target.closest('a');
1960    //     const link_destino = (link_before) ? link_before.href : null;
1961
1962    //     const params_before = new URLSearchParams(link_before);
1963    //     if (params_before.has('source')) {
1964
1965    //         localStorage.getItem('source', 'app');  
1966    //     } else {
1967    //         localStorage.removeItem('source');
1968    //     }
1969
1970    // });
1971
1972</script>
1972
1973
1974    
1974<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/apexcharts.min.js"></script>
1974
1975
1976            
1976<script>
1977        (function () {
1978            if (typeof ApexCharts === 'undefined') return;
1979            var el = document.getElementById('chart_div');
1980            if (!el) return;
1981            el.classList.add('ouv-chart');
1982
1983            var mode    = "flat";
1984            var cats    = ["Denúncias","Reclamações","Urgências","Serviços","Dúvidas","Críticas","Sugestões","Elogios","Direito Do Consumidor"];
1985            var series  = [{"name":"Manifestações","data":[259,214,116,68,55,24,22,12,8]}];
1986            var accent  = "#2864AE";
1987            var palette = ["#2C93DE","#15B063","#F1491C","#A349A4","#0DA5AA","#C52259","#FF7F00","#6C5CE7","#00B894","#939393"];
1988
1989            var opts = {
1990                chart: {
1991                    type: 'bar',
1992                    height: 400,
1993                    fontFamily: "'Roboto', Arial, Helvetica, sans-serif",
1994                    stacked: (mode === 'stack'),
1995                    toolbar: {
1996                        show: true,
1997                        tools: { download: true, selection: true, zoom: true, zoomin: true, zoomout: true, pan: true, reset: true }
1998                    },
1999                    zoom: { enabled: true, type: 'x' },
2000                    animations: { enabled: true, easing: 'easeinout', speed: 550 }
2001                },
2002                series: series,
2003                colors: (mode === 'stack') ? palette : [accent],
2004                plotOptions: {
2005                    bar: {
2006                        borderRadius: 5,
2007                        borderRadiusApplication: 'end',
2008                        columnWidth: (cats.length > 8 ? '78%' : '55%'),
2009                        distributed: (mode === 'flat'),
2010                        dataLabels: { position: 'top' }
2011                    }
2012                },
2013                dataLabels: {
2014                    enabled: (mode !== 'stack'),
2015                    offsetY: -18,
2016                    style: { fontSize: '11px', fontWeight: 600, colors: ['#475467'] },
2017                    background: { enabled: false }
2018                },
2019                xaxis: {
2020                    categories: cats,
2021                    labels: { rotate: -35, hideOverlappingLabels: true, trim: true, style: { fontSize: '11px', colors: '#667085' } },
2022                    axisBorder: { color: '#e6e8ec' },
2023                    axisTicks: { color: '#e6e8ec' }
2024                },
2025                yaxis: {
2026                    labels: { style: { colors: '#98a2b3', fontSize: '11px' }, formatter: function (v) { return Math.round(v); } }
2027                },
2028                grid: { borderColor: '#eef0f3', strokeDashArray: 4, xaxis: { lines: { show: false } } },
2029                legend: { show: (mode === 'stack'), position: 'top', horizontalAlign: 'left', fontSize: '12px', markers: { radius: 3 } },
2030                fill: { opacity: 1 },
2031                states: { hover: { filter: { type: 'darken', value: 0.92 } } },
2032                tooltip: { shared: (mode === 'stack'), intersect: false, y: { formatter: function (v) { return v + ' manifestação(ões)'; } } },
2033                noData: { text: 'Sem dados para exibir', style: { color: '#98a2b3' } }
2034            };
2035
2036            new ApexCharts(el, opts).render();
2037        })();
2038        </script>
2038
2039    
2040
2041    
2042        
2042<script>
2043        (function () {
2044            var el = document.getElementById('chart_div_satis');
2045            if (!el || typeof ApexCharts === 'undefined') return;
2046            el.classList.add('ouv-chart');
2047
2048            var satisChart = null;
2049
2050            function buscar(ano, cb) {
2051                var xhr = new XMLHttpRequest();
2052                xhr.open('POST', 'pesquisasatisfacao_grafico.php', true);
2053                xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
2054                xhr.onload = function () {
2055                    try {
2056                        var raw = JSON.parse(xhr.responseText);
2057                        var cats = [], vals = [], cores = [];
2058                        for (var i = 1; i < raw.length; i++) {
2059                            if (!raw[i]) continue;
2060                            cats.push(raw[i][0]);
2061                            vals.push(Number(raw[i][1]) || 0);
2062                            cores.push(raw[i][2] || '#98a2b3');
2063                        }
2064                        cb({ cats: cats, vals: vals, cores: cores });
2065                    } catch (e) { cb(null); }
2066                };
2067                xhr.onerror = function () { cb(null); };
2068                xhr.send('ano=' + encodeURIComponent(ano));
2069            }
2070
2071            function opcoes(d) {
2072                return {
2073                    chart: {
2074                        type: 'bar', height: 380, fontFamily: "'Roboto', Arial, Helvetica, sans-serif",
2075                        toolbar: { show: true, tools: { download: true, selection: true, zoom: true, zoomin: true, zoomout: true, pan: true, reset: true } },
2076                        zoom: { enabled: true, type: 'x' },
2077                        animations: { enabled: true, easing: 'easeinout', speed: 500 }
2078                    },
2079                    series: [{ name: 'Avaliações', data: d.vals }],
2080                    colors: d.cores,
2081                    plotOptions: { bar: { borderRadius: 5, borderRadiusApplication: 'end', columnWidth: '52%', distributed: true, dataLabels: { position: 'top' } } },
2082                    dataLabels: { enabled: true, offsetY: -18, style: { fontSize: '12px', fontWeight: 700, colors: ['#475467'] }, background: { enabled: false } },
2083                    xaxis: { categories: d.cats, labels: { style: { fontSize: '11px', colors: '#667085' }, hideOverlappingLabels: true, trim: true }, axisBorder: { color: '#e6e8ec' }, axisTicks: { color: '#e6e8ec' } },
2084                    yaxis: { labels: { style: { colors: '#98a2b3', fontSize: '11px' }, formatter: function (v) { return Math.round(v); } } },
2085                    grid: { borderColor: '#eef0f3', strokeDashArray: 4, xaxis: { lines: { show: false } } },
2086                    legend: { show: false },
2087                    fill: { opacity: 1 },
2088                    states: { hover: { filter: { type: 'darken', value: 0.92 } } },
2089                    tooltip: { y: { formatter: function (v) { return v + ' avaliação(ões)'; } } },
2090                    noData: { text: 'Sem avaliações para este ano', style: { color: '#98a2b3' } }
2091                };
2092            }
2093
2094            window.renderSatisChart = function (ano) {
2095                var v = document.getElementById('valano');
2096                if (v && ano != null) v.value = ano;
2097                buscar(ano, function (d) {
2098                    if (!d) return;
2099                    if (satisChart) {
2100                        satisChart.updateOptions(opcoes(d), true, true);
2101                    } else {
2102                        satisChart = new ApexCharts(el, opcoes(d));
2103                        satisChart.render();
2104                    }
2105                });
2106            };
2107
2108            var inicial = (document.getElementById('valano') || {}).value || '';
2109            window.renderSatisChart(inicial);
2110        })();
2111        </script>
2111
2112
2113    
2114    
2114<script src="js/jquery-1.11.3.js"></script>
2114
2115    
2115<script src="js/tableExport.min.js"></script>
2115
2116    
2116<script src="js/FileSaver.min.js"></script>
2116
2117    
2117<script src="js/jquery.base64.js"></script>
2117
2118    
2118<script src="js/html2canvas.min.js"></script>
2118
2119    
2119<script src="js/sprintf.js"></script>
2119
2120    
2120<script src="js/jspdf.min.js"></script>
2120
2121    
2121<script src="js/jspdf.plugin.autotable.js"></script>
2121
2122    
2122<script src="js/base64.js"></script>
2122
2123    
2123<script src="js/bootstrap.min.js"></script>
2123
2124    
2124<script src="js/jquery.prettyPhoto.js"></script>
2124
2125    
2125<script src="js/jquery.isotope.min.js"></script>
2125
2126    
2126<script src="js/main.js"></script>
2126
2127    
2127<script src="js/wow.min.js"></script>
2127
2128
2129
2130
2131    
2131<script type="text/javascript" language="javascript" src="js/jquery.maskedinput.min.js"></script>
2131
2132    
2132<script>
2133        jQuery(function($) {
2134            $("#dtini").mask("99/99/9999");
2135            $("#dtfim").mask("99/99/9999");
2136        });
2137
2138        $(document).ready(function() {
2139
2140            (function($) {
2141
2142                $('#filter').keyup(function() {
2143
2144                    var rex = new RegExp($(this).val(), 'i');
2145                    $('.linha').hide();
2146                    $('.linha').filter(function() {
2147                        return rex.test($(this).text());
2148                    }).show();
2149
2150                })
2151
2152            }(jQuery));
2153
2154            $("#idano").change(function() {
2155                $("#valano").val($(this).val());
2156                if (typeof window.renderSatisChart === 'function') {
2157                    window.renderSatisChart($(this).val());
2158                }
2159            });
2160
2161
2162        });
2163    </script>
2163
2164
2165    
2165<script src="js/jquery.font-accessibility.min.js"></script>
2165
2166    
2166<script>
2167        $(function() {
2168            /* Custom buttons */
2169            $('#font-setting').easyView({
2170                container: 'body, .section, .container, .row, .col-md-6, .col-md-9, .col-md-12, #footer, #bottom',
2171                step: 10,
2172                bootstrap: true,
2173                increaseSelector: '.increase-me',
2174                decreaseSelector: '.decrease-me',
2175                normalSelector: '.reset-me',
2176                contrastSelector: '.change-me'
2177            });
2178
2179
2180
2181
2182        });
2183    </script>
2183
2184</body>
2185
2186</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.