PageSourceSearch

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

html caridade.ce.gov.br collected 2026-09-27 03:52:02 UTC 103,608 bytes, 1,849 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="PREFEITURA DE CARIDADE">
8    <meta name="description" content="LAI - Lei de Acesso à Informação." />
9    <meta name="keywords" content=" Transparência, Notícias, Municípios, Leis, Publicações, LRF, Lei de responsabilidade fiscal, Diário, Portarias, Decretos, Matérias, Vereadores, Comissões, Sessões, Diárias, Receitas, Despesas, Prefeitura Municipal de Caridade, PREFEITURA DE " />
10    <meta property="og:image" itemprop="image" content="http://caridade.ce.gov.br/imagens/lai2.png" />
11    <title>Prefeitura de Caridade</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=20260927" rel="stylesheet">
22    <link href="css/responsive.css?v=20260927" rel="stylesheet">
23    <link href="cssesic/hover.css" rel="stylesheet" type="text/css" media="all" />
24    <link href="css/style.php?v=20260927" 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: #333639;
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: #333639 !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: #333639 !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.caridade.ce.gov.br"><span>Prefeitura Municipal de Caridade</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/prefeituradecaridadece">
328                                    <i class='bi bi-facebook' title="Facebook"></i>
329                                </a>
330                                                    <a class="nav-link btn-list-top" href="https://www.youtube.com/channel/UCbEN-NSgWVHs2ZXwfJVJFdA">
331                                    <i class='bi bi-youtube' title="YouTube"></i>
332                                </a>
333                                                    <a class="nav-link btn-list-top" href="https://www.instagram.com/prefeituradecaridade/">
334                                    <i class='bi bi-instagram' title="Instagram"></i>
335                                </a>
336                                                    <a class="nav-link btn-list-top" href="https://webmail-seguro.com.br/caridade.ce.gov.br/">
337                                    <i class='bi bi-envelope-fill' title="E-mail"></i>
338                                </a>
339                    
340                        
341                </div>
342                <!-- redes sociais -->
343
344            </div>
345        </div>
346    </div>
347
348
349    <style>
350        /* #menuToggleBtn troca de lugar ao rolar (ve o JS mais abaixo): preto sobre o fundo claro
351           do #logo-top-bar, branco quando pousa em #mobileMenuToggleSticky (faixa verde). */
352        #mobileMenuToggleSticky #menuToggleBtn .fa-bars {
353            color: #fff !important;
354        }
355    </style>
356
357    <div class="container-fluid topo-option-mobile color-topo">
358        <div class="container">
359            <div class="row" id="font-setting-buttons" style="line-height: 33px; display: flex; position: relative; z-index: 5;">
360
361                    <div id="mobileUtilityLinks" style="display: flex; align-items: center;">
362                    <div style="margin-bottom: 0px; padding-left: 7px; padding-right: 10px;"><a
363                        href="/acessoainformacao.php"><i class='bi bi-info-circle-fill'></i> <span
364                        title="Transparência da entidade"><strong>Transparência</strong></span></a></div>
365
366                    <div style="margin-bottom: 0px; padding-left:0; padding-right: 10px;"><a
367                        href="ouvidoria"><i class="bi bi-headset"></i> <span
368                        title="Ouvidoria da entidade"><strong>Ouvidoria </strong></span></a></div>
369
370                    <div style="margin-bottom: 0px; padding-left:0; padding-right: 10px;"><a
371                        href="/acessibilidade"><i class='bi bi-emoji-smile'></i> <span
372                        title="Acessibilidade"><strong>Acessibilidade</strong></span></a></div>
373
374                    <div style="margin-bottom: 0px; padding-left:0; padding-right:10;" class="dropdown dropdown-toggle-acessibilidade">
375                        <a href="#" accesskey="1" title="Mais opções" class="dropdown-toggle" data-toggle="dropdown">
376                            <i class="bi bi-plus"></i>
377                            <span><strong>Opções</strong></span>
378                        </a>
379
380                        <ul class="dropdown-menu dropdown-menu-right dropdown-menu-acessibilidade" style="min-width: 150px; color:#000;">
381                            <li>
382                                <a href="/pesquisa" style="cursor:pointer;" title="Pesquisar"><i class="bi bi-search"></i><span style="padding-left: 10px;">Pesquisar</span></a>
383                            </li>
384                    </div>
385                    </div>
386
387                                                            <div id="mobileMenuToggleSticky" style="margin-bottom: 0px; margin-left: auto; margin-right: -13px; padding-left: 10px; display: none;"></div>
388            </div>
389        </div>
390    </div>
391    
392    
393    <style>
394        /* ===== Selos alinhados com a logo 2026 — nao muda o tamanho da logo, so o alinhamento dos selos =====
395           .d-flex-main-menu-center so virava flex/centralizado no celular (responsive.css); aqui repete o mesmo
396           comportamento tambem no desktop, pra logo e selos ficarem na mesma linha central. */
397        .d-flex-main-menu-center {
398            display: flex;
399            align-items: center;
400        }
401
402        /* .box-pesq tem margin-top:30px no main.css (pensado pra quando essa coluna nao dividia a linha
403           com a logo). Com o alinhamento acima, essa margem so empurrava os selos pra baixo do centro. */
404        #logo-top-bar .box-pesq {
405            margin-top: 0;
406        }
407    </style>
408
409    <div class="container-new1 container-menu-main" id="logo-top-bar" style="padding-bottom:10px; padding-top:10px; ">
410
411
412
413        <div class="row d-flex-main-menu-center">
414           
415            <div id="centralizarLogo" class="col-6 col-sm-7 col-xs-7 ">
416
417                <a id="" href="/" style="padding-right: 5px; margin-right: 20px"><img id="" src="/imagens/logo.png?time=1790476503" alt="logo"></a>
418            </div>
419
420            <div class="col-6 col-canvas-navbar" id="canvasNavbarCol">
421                <a id="menuToggleBtn" class="navbar-toggle" data-toggle="offcanvas"
422                        style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px; cursor: pointer; color:#fff; "
423                        data-target=".offcanvas-collapse">
424                        <span class="fa fa-bars" style="font-size: 25px; color: #000;"></span>
425                </a>
426            </div>
427
428            <div class="col-sm-5 col-xs-5 fora_responsivo">
429                <div class="wow fadeInUp box-pesq">
430                    
431
432                    <a href='/selos' class='break-responsive-header' style='margin-left: 5px'><img style='width: 60px' src='/imagens/imagensselos/alfa-ouro-p.png' alt='Selo Nacional compromisso com a Alfabetização Ouro 2024
433' title='Selo Nacional compromisso com a Alfabetização Ouro 2024
434'></a>
435                    
436
437                    <!-- <a href="/pesquisa.php" class="btn btn-primary nomefora"><span class="glyphicon glyphicon-search "
438                            aria-hidden="true"></span> Pesquisa</a> -->
439
440                        <!--
441                        <div class="nomefora" id="google_translate_element"></div>
442                        
442<script>
443                            function googleTranslateElementInit() {
444                                new google.translate.TranslateElement({
445                                        pageLanguage: 'pt',
446                                        autoDisplay: false,
447                                        includedLanguages: 'de,es,fr,en,it',
448                                        layout: google.translate.TranslateElement.InlineLayout.SIMPLE
449                                    },
450                                    'google_translate_element');
451                            }
452                        </script>
452
453                        
453<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
453
454                        -->
455
456                </div>
457
458            </div>
459        </div>
460    </div>
461
462
463    <!-- navbar offcanvas -->
464    <nav class="navbar navbar-default navbar-dafault-main" style="border:0px;">
465        <div class="container-new1">
466            <div class="navbar-header navbar-header-main">
467                <a class="navbar-toggle" data-toggle="offcanvas"
468                    style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px; cursor: pointer; color:#fff; "
469                    data-target=".offcanvas-collapse">
470                    <span class="fa fa-bars" style="font-size: 16px"></span>
471                </a>
472                <a href="pesquisa.php" class="navbar-toggle"
473                    style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px; display: none;"><span
474                        class="fa fa-search" style="font-size: 16px" aria-hidden="true"></span></a>
475                <a class="navbar-toggle" id="btnperq" href="#" aria-expanded='false' title='Menu de acessibilidade'
476                    style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px;  cursor: pointer; display: none;"><i
477                        class='fa fa-odnoklassniki' style="font-size: 16px" aria-hidden='true'></i></a>
478                            </div>
479                            
480            
481            <div class="collapse navbar-collapse navbar-collapse-toglee" style="border:0px;">
482                <ul class="nav navbar-nav main-menu" style="margin-top:0px;">
483                    
484                    <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'>Prefeitura 
485                                                <i class='fa fa-angle-down'></i></a>
486                                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:180px;'><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='/secretaria.php?sec=2' >Gabinete da Prefeita</a></li><li><a href='/normativosproprios.php?PREFEITURA=' >Normativos Próprios</a></li>		</ul>
487                                            </li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>O Municipio 
488                                                <i class='fa fa-angle-down'></i></a>
489                                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/conselhos.php' >Conselhos</a></li><li><a href='/omunicipio.php' >Dados do Municipio</a></li><li><a href='/guiadomunicipio.php' >Guia do Municipio</a></li><li><a href='/simbolos.php' >Símbolos</a></li><li><a href='/veiculos.php' >Veículos</a></li><li><a href='/' >Obras Municipais</a></li><li><a href='/agenda.php' >Agenda Municipal</a></li><li><a href='/pontosturisticos.php' >Pontos Turisticos</a></li>		</ul>
490                                            </li>  <li class='dropdown'><a href='/secretaria.php' class='dropdown-toggle' data-toggle='dropdown'>Secretarias <i class='fa fa-angle-down'></i></a>
491                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/secretaria.php?sec=18'>Fundo Próprio de Previdência Social do Município de Caridade</a></li><li><a href='/secretaria.php?sec=3'>Secretaria Municipal de Administração</a></li><li><a href='/secretaria.php?sec=5'>Secretaria Municipal de Agricultura, Recursos Hídricos e Meio Ambiente</a></li><li><a href='/secretaria.php?sec=9'>Secretaria Municipal de Assistência Social</a></li><li><a href='/secretaria.php?sec=7'>Secretaria Municipal de Educação e Cultura</a></li><li><a href='/secretaria.php?sec=13'>Secretaria Municipal de Esporte</a></li><li><a href='/secretaria.php?sec=1'>Secretaria Municipal de Finanças</a></li><li><a href='/secretaria.php?sec=14'>Secretaria Municipal de Infraestrutura</a></li><li><a href='/secretaria.php?sec=8'>Secretaria Municipal de Saúde</a></li>
491		</ul>
492</li>  <li class='dropdown'><a href='/informa.php' class='dropdown-toggle' data-toggle='dropdown'>Ações 
493                                                <i class='fa fa-angle-down'></i></a>
494                                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/informa.php?cat=2' >Notícias</a></li><li><a href='/informa.php?cat=3' >Obras</a></li><li><a href='/videos.php' >Videos</a></li>		</ul>
495                                            </li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>Serviços 
496                                                <i class='fa fa-angle-down'></i></a>
497                                                    <ul class='dropdown-menu dropdown-menu-right' style='overflow: auto; max-height:300px; '><li><a href='https://www.demonstrativos.acidadao.com.br/caridade' >Comprovantes de Rendimentos</a></li><li><a href='/publicacoes.php?grupo=&cat=60&Comp=&sec=&Exerc=&Num=&ta=3&Descricao=&dtini=&dtfim=' >Precatórios Fundef</a></li>		</ul>
498                                            </li>  <li class='dropdown'><a href='/lrf.php' class='dropdown-toggle' data-toggle='dropdown'>LRF <i class='fa fa-angle-down'></i></a>
499                                <ul class='dropdown-menu dropdown-menu-right' style='overflow: auto; max-height:300px; '><li><a href='/lrf.php?cat=4'>RGF  Relatório de Gestão Fiscal</a></li><li><a href='/lrf.php?cat=5'>Prgfin  Programação Financeira e Cmed  Cronograma da Execução Mensal de Desembolso</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=14'>PPA  Plano Plurianual</a></li><li><a href='/lrf.php?cat=46'>Qdd  Quadro de Detalhamento da Despesa</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>
500</li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>Publicações 
501                                                <i class='fa fa-angle-down'></i></a>
502                                                    <ul class='dropdown-menu dropdown-menu-right' style='overflow: auto; max-height:300px; min-width:150px;'><li><a href='https://www.caridade.ce.gov.br/concursopublico.php' target='new'>Concurso Publico</a></li><li><a href='/processoseletivo.php' >Processo Seletivo</a></li><li><a href='/contratos.php' >Contratos</a></li><li><a href='/decretos.php' >Decretos</a></li><li><a href='/diarias.php' >Diarias</a></li><li><a href='/leis.php' >Leis</a></li><li><a href='/licitacao.php' >Licitação</a></li><li><a href='/contasdegoverno' >PCG</a></li><li><a href='/contasdegestao' >PCS</a></li><li><a href='/portaria.php' >Portarias</a></li>		</ul>
503                                            </li>                </ul>
504            </div>
505        </div>
506        <!--/.container-->
507        
508        <div class="navbar-collapse offcanvas-collapse">
509            <ul class="navbar-nav mr-auto dropdown-menu dropdown-menu-offcanvas">
510
511            <button class="offcanvas-close" aria-label="Fechar">&times;</button>
512                
513            <li><a href="/" class='active' title="Início" target="">INÍCIO</a></li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>Prefeitura 
514                                                <i class='fa fa-angle-down'></i></a>
515                                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:180px;'><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='/secretaria.php?sec=2' >Gabinete da Prefeita</a></li><li><a href='/normativosproprios.php?PREFEITURA=' >Normativos Próprios</a></li>
515		</ul>
516                                            </li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>O Municipio 
517                                                <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='/conselhos.php' >Conselhos</a></li><li><a href='/omunicipio.php' >Dados do Municipio</a></li><li><a href='/guiadomunicipio.php' >Guia do Municipio</a></li><li><a href='/simbolos.php' >Símbolos</a></li><li><a href='/veiculos.php' >Veículos</a></li><li><a href='/' >Obras Municipais</a></li><li><a href='/agenda.php' >Agenda Municipal</a></li><li><a href='/pontosturisticos.php' >Pontos Turisticos</a></li>		</ul>
519                                            </li>  <li class='dropdown'><a href='/secretaria.php' class='dropdown-toggle' data-toggle='dropdown'>Secretarias <i class='fa fa-angle-down'></i></a>
520                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/secretaria.php?sec=18'>Fundo Próprio de Previdência Social do Município de Caridade</a></li><li><a href='/secretaria.php?sec=3'>Secretaria Municipal de Administração</a></li><li><a href='/secretaria.php?sec=5'>Secretaria Municipal de Agricultura, Recursos Hídricos e Meio Ambiente</a></li><li><a href='/secretaria.php?sec=9'>Secretaria Municipal de Assistência Social</a></li><li><a href='/secretaria.php?sec=7'>Secretaria Municipal de Educação e Cultura</a></li><li><a href='/secretaria.php?sec=13'>Secretaria Municipal de Esporte</a></li><li><a href='/secretaria.php?sec=1'>Secretaria Municipal de Finanças</a></li><li><a href='/secretaria.php?sec=14'>Secretaria Municipal de Infraestrutura</a></li><li><a href='/secretaria.php?sec=8'>Secretaria Municipal de Saúde</a></li>		</ul>
521</li>  <li class='dropdown'><a href='/informa.php' class='dropdown-toggle' data-toggle='dropdown'>Açõ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='/informa.php?cat=2' >Notícias</a></li><li><a href='/informa.php?cat=3' >Obras</a></li><li><a href='/videos.php' >Videos</a></li>		</ul>
524                                            </li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>Serviços 
525                                                <i class='fa fa-angle-down'></i></a>
526                                                    <ul class='dropdown-menu dropdown-menu-right' style='overflow: auto; max-height:300px; '><li><a href='https://www.demonstrativos.acidadao.com.br/caridade' >Comprovantes de Rendimentos</a></li><li><a href='/publicacoes.php?grupo=&cat=60&Comp=&sec=&Exerc=&Num=&ta=3&Descricao=&dtini=&dtfim=' >Precatórios Fundef</a></li>		</ul>
527                                            </li>  <li class='dropdown'><a href='/lrf.php' class='dropdown-toggle' data-toggle='dropdown'>LRF <i class='fa fa-angle-down'></i></a>
528                                <ul class='dropdown-menu dropdown-menu-right' style='overflow: auto; max-height:300px; '><li><a href='/lrf.php?cat=4'>RGF  Relatório de Gestão Fiscal</a></li><li><a href='/lrf.php?cat=5'>Prgfin  Programação Financeira e Cmed  Cronograma da Execução Mensal de Desembolso</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=14'>PPA  Plano Plurianual</a></li><li><a href='/lrf.php?cat=46'>Qdd  Quadro de Detalhamento da Despesa</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>
529</li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>Publicações 
530                                                <i class='fa fa-angle-down'></i></a>
531                                                    <ul class='dropdown-menu dropdown-menu-right' style='overflow: auto; max-height:300px; min-width:150px;'><li><a href='https://www.caridade.ce.gov.br/concursopublico.php' target='new'>Concurso Publico</a></li><li><a href='/processoseletivo.php' >Processo Seletivo</a></li><li><a href='/contratos.php' >Contratos</a></li><li><a href='/decretos.php' >Decretos</a></li><li><a href='/diarias.php' >Diarias</a></li><li><a href='/leis.php' >Leis</a></li><li><a href='/licitacao.php' >Licitação</a></li><li><a href='/contasdegoverno' >PCG</a></li><li><a href='/contasdegestao' >PCS</a></li><li><a href='/portaria.php' >Portarias</a></li>
531		</ul>
532                                            </li>            
533            </ul>
534      </div>
535      
536    </nav>
537    <div class="offcanvas-backdrop"></div>
538    <!--/nav-->
539
540
541</header>
542    
543<style type="text/css">
544    </style>
545
546
547<div id="espaco-header" class="espaco-header-main" style="height:207px;">&nbsp;</div>
548
549<script>
550    // a altura do #header muda de acordo com a largura da tela (menu mobile, selos, busca, etc);
551    // os valores de $tamanhobar/.espaco-header-main sao só o palpite inicial (evita pulo no primeiro
552    // paint). Aqui a gente mede a altura real do header e corrige o espaçador, pra o conteudo nunca
553    // ficar por baixo do header fixo (banner "colado" no topo) nem sobrar espaco em branco demais.
554    (function () {
555        function ajustarEspacoHeader() {
556            var header = document.getElementById('header');
557            var espaco = document.getElementById('espaco-header');
558            if (!header || !espaco) return;
559            var altura = header.getBoundingClientRect().height;
560            if (altura > 0) {
561                // setProperty com "important": .espaco-header-main/.espaco-header-app tem
562                // height com !important no responsive.css (pra vencer o palpite inicial inline
563                // do PHP); só um !important tambem inline vence esse
564                espaco.style.setProperty('height', altura + 'px', 'important');
565            }
566        }
567        ajustarEspacoHeader();
568        window.addEventListener('load', ajustarEspacoHeader);
569        var resizeTimer;
570        window.addEventListener('resize', function () {
571            clearTimeout(resizeTimer);
572            resizeTimer = setTimeout(ajustarEspacoHeader, 150);
573        });
574
575        // rede de seguranca: qualquer mudanca na altura do header (imagem/selo/fonte que carrega
576        // atrasado, etc.) recalcula sozinho, sem depender de adivinhar todo evento que poderia mudar.
577        // So enquanto a pagina ainda nao foi rolada: depois disso, a barrinha de utilidades/logo-top-bar
578        // passam a abrir/fechar sozinhas ao rolar (#logo-top-bar, #mobileUtilityLinks), o que muda a
579        // altura do header de proposito — se o observer continuasse ligado, cada abertura/fechamento
580        // redimensionaria o espacador, deslocando o conteudo e fazendo a barra pisca-pisca (loop).
581        if (window.ResizeObserver) {
582            var header = document.getElementById('header');
583            if (header) {
584                var headerResizeObserver = new ResizeObserver(ajustarEspacoHeader);
585                headerResizeObserver.observe(header);
586                window.addEventListener('scroll', function () {
587                    headerResizeObserver.disconnect();
588                }, { once: true });
589            }
590        }
591    })();
592</script>
592
593
594
595
596<!-- <div id="sticky-container-id" class="sticky-container">
597    <ul class="sticky"> -->
598
599        
600    <!-- </ul>
601</div> -->
602
603
604  
605<!-- VLibras -->
606<div vw class="enabled">
607    <div vw-access-button class="active"></div>
608    <div vw-plugin-wrapper>
609      <div class="vw-plugin-top-wrapper"></div>
610    </div>
611  </div>
612  
612<script src="https://vlibras.gov.br/app/vlibras-plugin.js" defer></script>
612
613  
613<script defer>
614    document.addEventListener('DOMContentLoaded', function() {
615      new window.VLibras.Widget('https://vlibras.gov.br/app');
616    });
617</script>
617
618<!-- VLibras -->
619
620<script src="/js/jquery-2.1.1.min.js"></script>
vendor: 1 bytes, line 620
620
621<script type="text/javascript">
622$(document).ready(function() {
623
624    $('.offcanvas-backdrop').removeClass('show');
625
626    $('[data-toggle="offcanvas"]').on('click', function () {
627        $('.offcanvas-collapse').removeClass('open');
628        const target = $(this).data('target');
629        $(target).toggleClass('open');
630        $('.offcanvas-backdrop').addClass('show');
631    })
632
633    // Fechar o menu ao clicar no backdrop
634    $('.offcanvas-backdrop, .offcanvas-close').on('click', function () {
635      $('.offcanvas-collapse').removeClass('open');
636      $('.offcanvas-backdrop').removeClass('show');
637    })
638
639    $('.dropdown-menu-sub').hide();
640    $('.dropdown-submenu a.dropdown-sub-toggle').on("click", function(e){
641        $(this).next('ul').toggle();
642        e.stopPropagation();
643        e.preventDefault();
644    });
645
646
647    $(window).scroll(function() {
648        if ($(this).scrollTop() > 100) {
649                        $("#logo-top-bar").css({
650                "margin-top": "-25.5Vh",
651                "transition": ".8s",
652                "z-index": "-2"
653            });
654            $("#logo-top-bar").fadeOut("800");
655            $('#scroll').fadeIn();
656            $('#scroll2').fadeIn();
657            $('#scroll3').fadeIn();
658
659                        $('#mobileUtilityLinks').stop(true, true).fadeOut("800");
660            if (!$('#menuToggleBtn').parent().is('#mobileMenuToggleSticky')) {
661                $('#menuToggleBtn').appendTo('#mobileMenuToggleSticky');
662            }
663            $('#mobileMenuToggleSticky').stop(true, true).fadeIn("800");
664
665            $(".col-fita").fadeOut();
666
667        } else {
668            $("#logo-top-bar").fadeIn("800");
669            $("#logo-top-bar").css({
670                "margin-top": "0px"
671            });
672            $(".col-fita").fadeIn();
673            $('#mobileUtilityLinks').stop(true, true).fadeIn("800");
674            $('#mobileMenuToggleSticky').stop(true, true).fadeOut("800", function() {
675                if (!$('#menuToggleBtn').parent().is('#canvasNavbarCol')) {
676                    $('#menuToggleBtn').appendTo('#canvasNavbarCol');
677                }
678            });
679            $('#scroll').fadeOut();
680            $('#scroll2').fadeOut();
681            $('#scroll3').fadeOut();
682        }
683    });
684    $('#scroll').click(function() {
685        $("html, body").animate({
686            scrollTop: 0
687        }, 0);
688        return false;
689    });
690
691
692    $('#menu-acessiblidade').hide().contents().hide();
693    $('#btnperq').on('click', function(e) {
694        e.preventDefault();
695        $('#menu-acessiblidade').slideToggle('fast', function(e) {
696            if ($(this).is(':visible')) {
697                $(this).contents().fadeIn(1000);
698            } else {
699                $(this).contents().hide();
700            }
701        });
702
703    })
704
705
706}
706);
707</script>
707
708
709
710     <section id="services" class="topo-paginas-section">
711    <div class="container-new1">
712        <div class="col-md-12" style="padding-left:0px;">
713
714            <!--<div id="TituloServicos">-->
715            <div class="cartaservicosbanner" style="font-size: 16px;">OUVIDORIA</div>
716            <h2 id="EsOv" class="cartaservicosbannertexto" style="font-size: 16px; padding-left: 5px;">Central da Ouvidoria</h2>
717            <!--</div>-->
718
719        </div>
720    </div>
721</section>
722
723    
724    <section style="margin-top:10px; margin-bottom:10px;">
725        <div class="container-new1">
726            <div class="public_paginas ouv-flat" style="margin-top: 10px; margin-bottom: 10px; margin-top: -50px;">
727                                <h1 style="text-align: center; margin-bottom: 10px; font-size: 28px; text-align: -webkit-center; color:#333639;">
728                    <strong style="padding-left: 5px;">CENTRAL DE OUVIDORIA</strong>
729                </h1>
730                <div class='col-md-12'>
731                    <p style="line-height: 1.2; font-size: 14px; text-align: center;"> </p>
732                </div>
733
734                <div class="row">
735                    <div>
736                        <div class="col-md-6">
737                            <article class="ouv-card" style="--ouv-accent: #2864AE;">
738                                <span class="ouv-card__icon"><i class="fa fa-bullhorn" aria-hidden="true"></i></span>
739                                <h2 class="ouv-card__title">Ouvidoria &ndash; Manifesta&ccedil;&atilde;o</h2>
740                                <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>
741                                <a class="ouv-card__btn" href="/ouvidoriaformulario.php" ><i class="fa fa-mouse-pointer" aria-hidden="true"></i> Acessar a ouvidoria</a>
742                                <div class="ouv-card__info">
743                                        <!-- <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>                                         -->
744
745                                        <p class='ouv-card__meta'><i class='fa fa-clock-o'></i> Última manifestação: 14/09/2026 14:06</p><h6 style='margin-bottom: 2px;'> Contatos da Ouvidoria </h6><p style='margin-bottom: 0px; line-height: 1.3em;'> Tel: (85) 3324-1111 | Tel: (85</p><h6 style='margin-bottom: 2px;'> Endereço da Ouvidoria </h6>
746                                                <p style='margin-bottom: 0px; line-height: 1.3em;'> Av: Coronel Francisco Linhares,  Nº 250 - Centro - CEP: 63.730-000 - Caridade/CE</p><h6 style='margin-bottom: 2px;'> Horário da Ouvidoria </h6>
747                                                <p style='margin-bottom: 0px;  line-height: 1.3em;'> De Segunda à Sexta das 08:00hs às 15:00hs</p>                                </div>
748                            </article>
749                        </div>
750
751                        <div class="col-md-6">
752                            <article class="ouv-card" style="--ouv-accent: #FFB200;">
753                                <span class="ouv-card__icon"><i class="fa fa-info-circle" aria-hidden="true"></i></span>
754                                <h2 class="ouv-card__title">e-SIC &ndash; Pedido de Informa&ccedil;&atilde;o</h2>
755                                <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>
756                                <a class="ouv-card__btn" href="/sic.php"><i class="fa fa-mouse-pointer" aria-hidden="true"></i> Acessar o SIC</a>
757                                <div class="ouv-card__info">
758
759                                        <p class='ouv-card__meta'><i class='fa fa-clock-o'></i> Última solicitação: 01/09/2026 20:01</p><h6 style='margin-bottom: 2px;'> Contatos do SIC </h6><p style='margin-bottom: 0px; line-height: 1.3em;'>  Tel: (85) 3324-1111 | Tel: (85</p><h6 style='margin-bottom: 2px;'> Endereço do SIC </h6>
760                                                <p style='margin-bottom: 0px; line-height: 1.3em;'> Av: Coronel Francisco Linhares,  Nº 250 - Centro - CEP: 63.730-000 - Caridade/CE</p><h6 style='margin-bottom: 2px;'>
760 Horário do SIC </h6>
761                                                <p style='margin-bottom: 0px; line-height: 1.3em;'> De Segunda à Sexta das 08:00hs às 15:00hs</p><h6 style='margin-bottom: 2px;'> Unidade/Setor responsável </h6>
762                                                <p style='margin-bottom: 0px; line-height: 1.3em;'> OUVIDORIA</p>                                </div>
763                            </article>
764                        </div>
765
766                        
767                        
768                        <!-- INÍCIO GRÁFICOS -->
769                        
770                        
771                            <div class="col-md-12">
772                                <div style='text-align:center;'>
773                                    <h2 style="text-align: center; margin-bottom: 20px; font-size: 20px;"><strong>Relatório estatístico da ouvidoria</strong></h2>
774
775                                </div>
776                            </div>
777
778                            <div class="col-md-12">
779                                <div class="list-group-item">
780                                    <div class="public_paginas" style="padding-top: 10px; margin-bottom: 10px; text-align: -webkit-center;">
781                                        <div class="col-md-12">
782
783                                            <h3 class="campanhaTitulo">
784                                                <!--  <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> -->
785                                                <!-- <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> -->
786                                            </h3>
787
788                                            <div class="row">
789                                                <div class="col-md-12">
790                                                    <div id='chart_div'></div>
791                                                </div>
792
793                                                <div class="col-md-6">
794                                                    <a class="ouv-linkcard" href="ouvidoriarelatorios.php" style="--ouv-accent: #2864AE;">
795                                                        <span class="ouv-linkcard__icon"><i class="fa fa-bar-chart" aria-hidden="true"></i></span>
796                                                        <span class="ouv-linkcard__body">
797                                                            <span class="ouv-linkcard__title">Mais relatórios da ouvidoria</span>
798                                                            <span class="ouv-linkcard__sub">Estatísticas e relatórios completos da ouvidoria</span>
799                                                        </span>
800                                                        <i class="fa fa-angle-right ouv-linkcard__arrow" aria-hidden="true"></i>
801                                                    </a>
802                                                </div>
803                                                <div class="col-md-6">
804                                                    <a class="ouv-linkcard" href="sicrelatorios.php" style="--ouv-accent: #FFB200;">
805                                                        <span class="ouv-linkcard__icon"><i class="fa fa-file-text-o" aria-hidden="true"></i></span>
806                                                        <span class="ouv-linkcard__body">
807                                                            <span class="ouv-linkcard__title">Mais relatórios do SIC</span>
808                                                            <span class="ouv-linkcard__sub">Solicitações, prazos e estatísticas do SIC</span>
809                                                        </span>
810                                                        <i class="fa fa-angle-right ouv-linkcard__arrow" aria-hidden="true"></i>
811                                                    </a>
812                                                </div>
813                                            </div>
814                                        </div>
815                                    </div>
816                                </div>
817                            </div>
818
819                                                                        
820                        <div class="col-md-12">
821                            <div style='text-align:center;'>
822                                <h2 style="text-align: center; margin-bottom: 20px; font-size: 20px;"><strong>Avaliação contínua dos serviços públicos</strong></h2>
823
824                            </div>
825                        </div>
826                                                <div class="col-md-12">
827                            <div class="list-group-item">
828                                <div class="public_paginas" style="padding-top: 10px; margin-bottom: 10px; text-align: -webkit-center;">
829                                    <div class="col-md-12">
830
831                                        <h3 class="campanhaTitulo">
832                                            <!--  <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> -->
833                                            <!-- <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> -->
834                                        </h3>
835
836                                        <div class="row">
837                                            <div class="col-md-12">
838                                                <form>
839                                                    <div>
840                                                        <h2 style="margin-bottom: 20px; font-size: 20px;"><strong>Avaliação contínua dos serviços públicos</strong>
841                                                            <select name="ano" style="width: 30%; float:right;" class="form-control" id="idano">
842                                                                <!-- <option value="">Selecione um ano</option> -->
843                                                                <option  value='2024' data-filter=''>2024</option>                                                            </select>
844
845                                                            <input type="hidden" id="valano" value="2024" />
846                                                        </h2>
847                                                    </div>
848                                                    <div id='chart_div_satis'></div>
849
850                                                </form>
851
852                                            </div>
853                                            <div style="padding-top:1em;">
854                                                <a href="pesquisasatisfacao.php" class="btn btn-primary"> <i class="fa fa-mouse-pointer" aria-hidden="true"></i> Clique para avaliar</a>
855                                            </div>
856                                        </div>
857                                                                                                                                <div style="padding:1em 0 1em 0">
858                                                <span style="margin: 1em;">Quantidade de avaliações até o momento: 1 - Data/hora da última avaliação: 17/06/2024 18:34:20</span>
859                                            </div>
860                                                                                <hr style="margin: 0;">
861                                        <div>
862                                            <p style="line-height: 1.2; padding-top:1em;">
863                                                Esclarecemos que os dados fornecidos acima serão tratados com respeito à sua privacidade.
864                                                <br>
865                                                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.
866                                                <br>
867                                            </p>
868                                        </div>
869                                    </div>
870                                </div>
871                            </div>
872                        </div>
873                        <!--  <div class="col-md-12">
874                                            <div style='text-align:center;'>
875                                                <h2 style="text-align: center; margin-bottom: 20px; font-size: 20px;"><strong>Relatório estatístico</strong></h2>
876
877                                            </div>
878
879                                            <div class="tab-content tab-space" style="margin-bottom: 15px;">
880
881
882                                                                                                    <div class="tab-pane " id="ouvidoria" style="width: 100%;">
883                                                        <div class="row">
884                                                            <div class="col-md-12">
885                                                                <h3 class="campanhaTitulo"><strong>Ouvidoria</strong>
886                                                                    <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>
887                                                                    <!-- <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> 
888                                                                </h3>
889                                                                <div class="col-md-12">
890                                                                    <div id='chart_div'></div>
891                                                                </div>
892                                                            </div>
893                                                        </div>
894                                                    </div>
895                                                                                            
896                                            </div>
897                                        </div> -->
898
899                        <!-- FIM GRÁFICOS -->
900
901
902
903                        <!-- INÍCIO LAI -->
904
905                        <div class="col-md-12" style="margin-top: 3em;">
906                            <div class="list-group-item">
907
908                                <div class="public_paginas">
909
910                                    <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>
911                                    <div class='col-md-12'>
912                                        <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 />
913Os 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 />
914<br />
915A 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
915os de interesse público por iniciativa própria, ou seja, de forma proativa.<br />
916<br />
917Portanto, 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 />
918</p>
919                                    </div>
920
921                                    <div class="col-md-4" style="margin-top: 0px; margin-bottom: 10px;">
922                                        <div class="row">
923                                            <div class="col-md-12">
924                                                <div class="col-md-12">
925
926
927                                                    <div class="row" style="border-radius: 3px;">
928                                                        <a class='btn btn-primary' style="width: 100%; background-color: #FFB200; border-radius: 0px; padding: 0; text-align: left;" target='_blank' href="doc.php?car=16">
929                                                            <div id="diario_index_coluna_2" class="col-md-4">
930                                                                <span style="font-size: 37px; float: right; margin-top: -8px;"><img alt="Lai" src="/imagens/social/LAI.png" width="40"></span>
931                                                            </div>
932                                                            <div class="col-md-8">
933                                                                <p style="text-transform: uppercase; font-size: 16px; font-weight: 300; margin-top: 10px; margin-bottom: 0px; line-height: 1.2;">
934                                                                    REGULAMENTAÇÃO<br>DA LAI MUNICIPAL
935                                                                </p>
936                                                            </div>
937                                                        </a>
938                                                    </div>
939
940                                                </div>
941                                            </div>
942                                        </div>
943                                    </div>
944
945                                    <div class="col-md-4" style="margin-top: 0px; margin-bottom: 10px;">
946                                        <div class="row">
947                                            <div class="col-md-12">
948                                                <div class="col-md-12">
949
950
951                                                    <div class="row" style="border-radius: 3px;">
952                                                        <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/">
953                                                            <div id="diario_index_coluna_2" class="col-md-4">
954                                                                <span style="font-size: 37px; float: right; margin-top: -8px;"><img alt="Lai" src="/imagens/social/LAI.png" width="40"></span>
955                                                            </div>
956                                                            <div class="col-md-8">
957                                                                <p style="text-transform: uppercase; font-size: 16px; font-weight: 300; margin-top: 10px; margin-bottom: 0px; line-height: 1.2;">
958                                                                    REGULAMENTAÇÃO<br>DA LAI ESTADUAL
959                                                                </p>
960                                                            </div>
961                                                        </a>
962                                                    </div>
963
964                                                </div>
965                                            </div>
966                                        </div>
967                                    </div>
968
969                                    <div class="col-md-4" style="margin-top: 0px; margin-bottom: 10px;">
970                                        <div class="row">
971                                            <div class="col-md-12">
972                                                <div class="col-md-12">
973
974
975                                                    <div class="row" style="border-radius: 3px;">
976                                                        <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">
977                                                            <div id="diario_index_coluna_2" class="col-md-4">
978                                                                <sp
978an style="font-size: 37px; float: right; margin-top: -8px;"><img alt="Lai" src="/imagens/social/LAI.png" width="40"></span>
979                                                            </div>
980                                                            <div class="col-md-8">
981                                                                <p style="text-transform: uppercase; font-size: 16px; font-weight: 300; margin-top: 10px; margin-bottom: 0px; line-height: 1.2;">
982                                                                    REGULAMENTAÇÃO<br>DA LAI FEDERAL
983                                                                </p>
984                                                            </div>
985                                                        </a>
986                                                    </div>
987
988                                                </div>
989                                            </div>
990                                        </div>
991                                    </div>
992                                </div>
993
994                            </div>
995                        </div>
996
997                        <!-- FIM LAI -->
998
999
1000                        <!-- INÍCIO PERGUNTAS E RESPOSTAS -->
1001
1002                        <div class="col-md-12" style="padding-top: 5px;">
1003                            <h2 class="text-center">Perguntas frequentes FAQ</h2>
1004                        </div>
1005
1006                        
1007                            <div class="col-md-12">
1008                                <div class="panel-group" id="accordion">
1009                                    <div class="card">
1010                                        <div class="panel-heading" id="heading0">
1011                                            <h4 class="panel-title">
1012                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse0" aria-expanded="false" href="#collapse0">E se a pessoa fizer mau uso da informação pública obtida?</a>
1013                                            </h4>
1014                                        </div>
1015                                        <div id="collapse0" aria-labelledby="heading0" class="collapse" data-parent="#accordion">
1016                                            <div class="panel-body" style="background-color: #ffff;">
1017                                                <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>
1018                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1019                                            </div>
1020                                        </div>
1021
1022                                    </div>
1023                                </div>
1024                            </div>
1025
1026
1027                        
1028                            <div class="col-md-12">
1029                                <div class="panel-group" id="accordion">
1030                                    <div class="card">
1031                                        <div class="panel-heading" id="heading1">
1032                                            <h4 class="panel-title">
1033                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse1" aria-expanded="false" href="#collapse1">Quais instituições públicas devem cumprir a lei?</a>
1034                                            </h4>
1035                                        </div>
1036                                        <div id="collapse1" aria-labelledby="heading1" class="collapse" data-parent="#accordion">
1037                                            <div class="panel-body" style="background-color: #ffff;">
1038                                                <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>
1039                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1040                                            </div>
1041                                        </div>
1042
1043                                    </div>
1044                                </div>
1045                            </div>
1046
1047
1048                        
1049                            <div class="col-md-12">
1050                                <div class="panel-group" id="accordion">
1051                                    <div class="card">
1052                                        <div class="panel-heading" id="heading2">
1053                                            <h4 class="panel-title">
1054                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse2" aria-expanded="false" href="#collapse2">O que são informações pessoais?</a>
1055                                            </h4>
1056                                        </div>
1057                                        <div id="collapse2" aria-labelledby="heading2" class="collapse" data-parent="#accordion">
1058                                            <div class="panel-body" style="background-color: #ffff;">
1059                                                <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>
1060                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1061                                            </div>
1062                                        </div>
1063
1064                                    </div>
1065                                </div>
1066                            </div>
1067
1068
1069                        
1070                            <div class="col-md-12">
1071                                <div class="panel-group" id="accordion">
1072                                    <div class="card">
1073                                        <div class="panel-heading" id="heading3">
1074                                            <h4 class="panel-title">
1075                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse3" aria-expanded="false" href="#collapse3">É necessária lei específica para garantir o acesso?</a>
1076                                            </h4>
1077                                        </div>
1078                                        <div id="collapse3" aria-labelledby="heading3" class="collapse" data-parent="#accordion">
1079                                            <div class="panel-body" style="background-color: #ffff;">
1080                                                <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>
1081                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1082                                            </div>
1083                                        </div>
1084
1085                                    </div>
1086                                </div>
1087                            </div>
1088
1089
1090                        
1091                            <div class="col-md-12">
1092                                <div class="panel-group" id="accordion">
1093                                    <div class="card">
1094                                        <div class="panel-heading" id="heading4">
1095                                            <h4 class="panel-title">
1096                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse4" aria-expanded="false" href="#collapse4">Programas de gestão de arquivos e documentos precisarão ser aprimorados?</a>
1097                                            </h4>
1098                                        </div>
1099                                        <div id="collapse4" aria-labelledby="heading4" class="collapse" data-parent="#accordion">
1100                                            <div class="panel-body" style="background-color: #ffff;">
1101                                                <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>
1102                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1103                                            </div>
1104                                        </div>
1105
1106                                    </div>
1107                                </div>
1108                            </div>
1109
1110
1111                        
1112                            <div class="col-md-12">
1113                                <div class="panel-group" id="accordion">
1114                                    <div class="card">
1115                                        <div class="panel-heading" id="heading5">
1116                                            <h4 class="panel-title">
1117                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse5" aria-expanded="false" href="#collapse5">O prazo de vinte dias, prorrogáveis por mais dez, para a entrega da resposta ao pedido de informação, não é 
1117curto?</a>
1118                                            </h4>
1119                                        </div>
1120                                        <div id="collapse5" aria-labelledby="heading5" class="collapse" data-parent="#accordion">
1121                                            <div class="panel-body" style="background-color: #ffff;">
1122                                                <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>
1123                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1124                                            </div>
1125                                        </div>
1126
1127                                    </div>
1128                                </div>
1129                            </div>
1130
1131
1132                        
1133                            <div class="col-md-12">
1134                                <div class="panel-group" id="accordion">
1135                                    <div class="card">
1136                                        <div class="panel-heading" id="heading6">
1137                                            <h4 class="panel-title">
1138                                                <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>
1139                                            </h4>
1140                                        </div>
1141                                        <div id="collapse6" aria-labelledby="heading6" class="collapse" data-parent="#accordion">
1142                                            <div class="panel-body" style="background-color: #ffff;">
1143                                                <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>
1144                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1145                                            </div>
1146                                        </div>
1147
1148                                    </div>
1149                                </div>
1150                            </div>
1151
1152
1153                        
1154                            <div class="col-md-12">
1155                                <div class="panel-group" id="accordion">
1156                                    <div class="card">
1157                                        <div class="panel-heading" id="heading7">
1158                                            <h4 class="panel-title">
1159                                                <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>
1160                                            </h4>
1161                                        </div>
1162                                        <div id="collapse7" aria-labelledby="heading7" class="collapse" data-parent="#accordion">
1163                                            <div class="panel-body" style="background-color: #ffff;">
1164                                                <p style='margin-bottom: 5px; text-align: justify;'>O servidor público é passível de responsabilização quando:<br />
1165<br />
1166    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 />
1167    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 />
1168    agir com dolo ou má-fé na análise das solicitações de acesso à informação;<br />
1169    divulgar ou permitir a divulgação ou acessar ou permitir acesso indevido à informação sigilosa ou informação pessoal;<br />
1170    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 />
1171    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 />
1172    destruir ou subtrair, por qualquer meio, documentos concernentes a possíveis violações de direitos humanos por parte de agentes do Estado.<br />
1173<br />
1174Contudo, 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>
1175                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1176                                            </div>
1177                                        </div>
1178
1179                                    </div>
1180                                </div>
1181                            </div>
1182
1183
1184                                                <!-- FIM PERGUNTAS E RESPOSTAS -->
1185
1186                    </div>
1187                </div>
1188
1189
1190            </div>
1191    </section>
1192
1193
1194    <!--
1195    <section>
1196        <div class="container-new1" style="margin-top:10px; margin-bottom:10px;">
1197            <div class="public_paginas" style="padding-top: 10px; text-align: -webkit-center;">
1198
1199                <div class="col-md-12">
1200                    <p style="line-height: 1.2; font-size: 14px; padding-top: 15px; margin-bottom: 5px;"><strong>NOSSO PORTAL DA TRANSPARÊNCIA</strong></p>
1201                    <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>
1202                
1203                    <a class="btn btn-primary" style="background-color: #2864AE;" href="acessoainformacao.php" style="margin-bottom: 10px;"> ACESSAR PORTAL DA TRANSPARÊNCIA</a>
1204                </div>
1205
1206            </div>
1207        </div>
1208    </section>
1209            -->
1210
1211
1212
1213    
1214
1215<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer>
1216    function resetTurnstileIfNeeded() {
1217        if (window.turnstile) { try { turnstile.reset(); } catch (e) {} }
1218    }
1219    window.addEventListener('pageshow', (event) => { if (event.persisted) { resetTurnstileIfNeeded(); } });
1220    document.addEventListener('visibilitychange', () => { if (document.visibilityState === 'visible') { resetTurnstileIfNeeded(); } });
1221</script>
1221
1222
1223    
1223<script src="/js/shortcuts.js"></script>
1223
1224    
1224<script>
1225        shortcut.add("Alt+H", function() {
1226            window.location.assign("index.php");
1227        });
1228
1229        shortcut.add("Alt+Shift+1", function() {
1230            window.location.assign("acessibilidade.php");
1231        });
1232
1233        shortcut.add("Alt+9", function() {
1234            window.scrollTo(0, 0);
1235        });
1236
1237        shortcut.add("Alt+C", function() {
1238            window.location.href = '#ancora';
1239        });
1240    </script>
1240
1241
1242
1243
1244    
1245    <section class="container-new1">
1246        <div class="" style="margin-top: 10px; ">
1247            <div class='public_paginas' style="padding-bottom: 0px;">
1248                <div class="row">
1249                    <div class="col-md-12">
1250                        <a href="https://radardatransparencia.atricon.org.br/ " target="_blank">
1251                            <img src="/imagens/radar_atricon.png" alt="Radar ATRICON" width="100%" style="display: block; border-radius: 9px;">
1252                        </a>
1253                    </div>
1254                </div>
1255            </div>
1256        </div>
1257    </section>
1258
1259    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
1260
1261
1262    <div id="scroll2"><a href="/atricon.php"><img src="/imagens/atricon48x48.png" title="Atricon"></a></div>
1263    
1264    <div id="scroll"><span></span></div>
1265
1266    
1267    <div class="section" id="bottom" style="padding-bottom: 0px;">
1268                                
1269                
1270 
1271
1272<div style="display: flex; margin:0; margin-bottom: 5px;">
1273       
1274</div>      
1275
1276        
1277                    <div class="section" style="margin-bottom:0px; border-top: 7px; border: 1px solid #C46B00;"></div>
1278        
1279            <style>
1280            /* ===== Rodapé institucional 2026 — modelo B (bottomTipo9) — namespace .site-footer*
1281               Fundo em degrade na cor do site, cabecalho (logo + nome + redes), faixa de
1282               selos, 3 cards translucidos e barra final. So o layout/CSS mudou: consultas,
1283               condicionais e dados continuam os mesmos. Sem largura propria: usa o
1284               .container-new1 padrao do site (alinhado ao cabecalho e as secoes). ===== */
1285            .site-footer {
1286                position: relative;
1287                /* clear: a faixa de cores logo acima (.col-md-12 do Bootstrap) e um float
1288                   sem clearfix. Com overflow:hidden o rodapé vira um bloco "BFC" e, sem
1289                   clear, ele encolhe pra ficar ao lado desse float (largura 0). */
1290                clear: both;
1291                overflow: hidden;
1292                background: #333639;
1293                background: linear-gradient(155deg, #333639 0%, #1e1f21 100%);
1294                color: rgba(255, 255, 255, .86);
1295                font-size: 14px;
1296            }
1297
1298            /* brilhos suaves de fundo (decorativos) */
1299            .site-footer::before,
1300            .site-footer::after {
1301                content: "";
1302                position: absolute;
1303                border-radius: 50%;
1304                pointer-events: none;
1305            }
1306
1307            .site-footer::before {
1308                width: 700px;
1309                height: 700px;
1310                right: -180px;
1311                top: -320px;
1312                background: radial-gradient(closest-side, rgba(255, 255, 255, .16), transparent);
1313            }
1314
1315            .site-footer::after {
1316                width: 560px;
1317                height: 560px;
1318                left: -200px;
1319                bottom: -300px;
1320                background: radial-gradient(closest-side, rgba(255, 255, 255, .09), transparent);
1321            }
1322
1323            .site-footer > * {
1324                position: relative;
1325                z-index: 1;
1326            }
1327
1328            /* ---- cabecalho: logo + nome (esq.) e selos (dir.) ---- */
1329            .site-footer__head {
1330                display: flex;
1331                flex-wrap: wrap;
1332                align-items: center;
1333                justify-content: space-between;
1334                gap: 22px 32px;
1335                padding-block: 48px 28px;
1336            }
1337
1338            .site-footer__brand {
1339                display: flex;
1340                align-items: center;
1341                min-width: 0;
1342            }
1343
1344            .site-footer-identity__logo {
1345                max-height: 100px;
1346                width: auto;
1347                max-width: 100%;
1348                filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .2));
1349            }
1350
1351            .site-footer-identity__city {
1352                /* sem font-family aqui de proposito: herda de body{font-family:
1353                   "Roboto", Arial, Helvetica, sans-serif}, configuravel por municipio
1354                   (css/style.php). Nao hardcodar uma fonte especifica. */
1355                margin: 0;
1356                font-size: 16px;
1357                font-weight: 400;
1358                letter-spacing: .005em;
1359                text-transform: none;
1360                color: rgba(255, 255, 255, .9);
1361            }
1362
1363            /* divisor entre a logo e o nome (so quando existe logo) */
1364            .site-footer-identity__logo + .site-footer-identity__city {
1365                margin-left: 22px;
1366                padding-left: 22px;
1367                border-left: 1px solid rgba(255, 255, 255, .3);
1368            }
1369
1370            /* ---- selos, encaixados no cabecalho no lugar das redes sociais ---- */
1371            .site-footer__seals-inline {
1372                display: flex;
1373                flex-wrap: wrap;
1374                align-items: center;
1375                justify-content: flex-end;
1376                gap: 16px;
1377            }
1378
1379            .site-footer__seals-inline img {
1380                width: 40px;
1381                display: block;
1382                opacity: .9;
1383                transition: opacity .15s ease, transform .15s ease;
1384            }
1385
1386            .site-footer__seals-inline a:hover img {
1387                opacity: 1;
1388                transform: translateY(-2px);
1389            }
1390
1391            /* ---- 3 cards: Institucional / Contatos / Endereco e horario ---- */
1392            .site-footer__grid {
1393                display: grid;
1394                grid-template-columns: repeat(3, 1fr);
1395                gap: 18px;
1396                padding: 32px 0 36px;
1397            }
1398
1399            .site-footer__col {
1400                min-width: 0;
1401                padding: 26px 26px 14px;
1402                /* acompanha o arredondamento configurado no site (--site-card-radius) */
1403                border-radius: min(24px, calc(var(--site-card-radius, 7px) * 2 + 6px));
1404                background: rgba(255, 255, 255, .08);
1405                border: 1px solid rgba(255, 255, 255, .16);
1406            }
1407
1408            .site-footer__col-title {
1409                display: flex;
1410                align-items: center;
1411                gap: 12px;
1412                margin: 0 0 18px;
1413                font-size: 12.5px;
1414                font-weight: 700;
1415                line-height: 1.2;
1416                text-transform: uppercase;
1417                letter-spacing: .09em;
1418                color: #fff;
1419            }
1420
1421            .site-footer__col-ico {
1422                display: inline-flex;
1423                flex: 0 0 40px;
1424                align-items: center;
1425                justify-content: center;
1426                width: 40px;
1427                height: 40px;
1428                border-radius: var(--site-card-radius, 7px);
1429                background: rgba(255, 255, 255, .16);
1430                font-size: 18px;
1431            }
1432
1433            .site-footer__col p {
1434                display: flex;
1435                align-items: flex-start;
1436                gap: 10px;
1437                margin: 0 0 12px;
1438                font-size: 14px;
1439                line-height: 1.55;
1440                color: rgba(255, 255, 255, .9);
1441            }
1442
1443            .site-footer__col p i {
1444                flex: none;
1445                width: 16px;
1446                margin-top: 3px;
1447                text-align: center;
1448                color: #fff;
1449                opacity: .7;
1450            }
1451
1452            /* ---- barra final ---- */
1453            .site-footer__bottom {
1454                background: rgba(0, 0, 0, .14);
1455                border-top: 1px solid rgba(255, 255, 255, .14);
1456            }
1457
1458            .site-footer__bottom-inner {
1459                display: flex;
1460                flex-wrap: wrap;
1461                align-items: center;
1462                justify-content: space-between;
1463                gap: 8px 20px;
1464                /* so vertical: o padding lateral vem do .container-new1, igual ao dos cards */
1465                padding-block: 18px;
1466                color: rgba(255, 255, 255, .75);
1467                font-size: 13px;
1468            }
1469
1470            /* O .container-new1 (main.css) tem um clearfix: ::before/::after com
1471               content:" ". Num container flex esses dois pseudo-elementos viram
1472               itens extras, e o space-between reparte o espaco entre 4 itens —
1473               os <p> ficam "boiando" no meio em vez de nas pontas do container.
1474               Aqui o flex ja contem os filhos, entao o clearfix e desligado. */
1475            .site-footer .site-footer__bottom-inner::before,
1476            .site-footer .site-footer__bottom-inner::after {
1477                content: none;
1478                display: none;
1479            }
1480
1481            .site-footer__bottom p {
1482                margin: 0;
1483            }
1484
1485            /* copyright na ponta esquerda do container, acessibilidade na direita */
1486            .site-footer__bottom-inner p:first-child {
1487                text-align: left;
1488            }
1489
1490            .site-footer__bottom-inner p:last-child {
1491                text-align: right;
1492            }
1493
1494            .site-footer__bottom a {
1495                color: #fff;
1496                font-weight: 500;
1497                text-decoration: none;
1498            }
1499
1500            .site-footer__bottom a:hover,
1501            .site-footer__bottom a:focus-visible {
1502                text-decoration: underline;
1503            }
1504
1505            /* ---- responsivo ---- */
1506            @media (max-width: 991px) {
1507                .site-footer__grid {
1508                    grid-template-columns: 1fr;
1509                }
1510            }
1511
1512            @media (max-width: 767px) {
1513                .site-footer__head {
1514                    flex-direction: column;
1515                    justify-content: center;
1516                    text-align: center;
1517                    padding-block: 34px 22px;
1518                }
1519
1520                .site-footer__brand {
1521                    flex-direction: column;
1522                    gap: 14px;
1523                }
1524
1525                .site-footer-identity__logo + .site-footer-identity__city {
1526                    margin-left: 0;
1527                    padding-left: 0;
1528                    border-left: 0;
1529                }
1530
1531                .site-footer__seals-inline {
1532                    justify-content: center;
1533                }
1534
1535                .site-footer__grid {
1536                    padding: 26px 0 28px;
1537                }
1538
1539                .site-footer__bottom-inner {
1540                    justify-content: center;
1541                    text-align: center;
1542                }
1543
1544                .site-footer__bottom-inner p:first-child,
1545                .site-footer__bottom-inner p:last-child {
1546                    text-align: center;
1547                }
1548            }
1549        </style>
1550
1551    </div>
1552
1553    <footer class="site-footer" role="contentinfo" style="--site-card-radius: 9px;">
1554        <div class="container-new1 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
1555            <div class="site-footer__head">
1556                <div class="site-footer__brand">
1557                    <img src="/imagens/logovazada.png?time=1790447222" alt="Prefeitura Municipal de Caridade" class="site-footer-identity__logo">
1558                <p class="site-footer-identity__city">
1559                    Prefeitura Municipal de Caridade - CE                </p>
1560                </div>
1561
1562            <div class='site-footer__seals-inline'><a href='/selos'>
1562<img src='/imagens/imagensselos/alfa-ouro-p.png' alt='Selo Nacional compromisso com a Alfabetização Ouro 2024
1563' title='Selo Nacional compromisso com a Alfabetização Ouro 2024
1564'></a></div>            </div>
1565        </div>
1566
1567        <div class="container-new1">
1568            <div class="site-footer__grid">
1569
1570                <div class="site-footer__col">
1571                    <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>
1572
1573                    
1574                    <p><i class='bi bi-person-circle' aria-hidden="true"></i> <span>Prefeito(a) Maria Simone Fernandes Tavares</span></p>
1575                                        <p><i class='bi bi-postcard' aria-hidden="true"></i> <span>CNPJ: 07.707.094/0001-82</span></p>
1576                                    </div>
1577
1578                <div class="site-footer__col">
1579                    <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>
1580                                        <p><i class='bi bi-telephone' aria-hidden="true"></i> <span>(85) 3324-1293</span></p>
1581                    <p><i class='bi bi-envelope-at' aria-hidden="true"></i> <span>[email protected]</span></p>
1582                </div>
1583
1584                <div class="site-footer__col">
1585                    <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>
1586
1587                    <p>
1588                        <i class='bi bi-geo-alt' aria-hidden='true'></i>
1589                        <span>
1590                            Av. Coronel Francisco Linhares,
1591
1592                                                        Nº 250
1593                                                            - Centro,
1594
1595                                                                62.730-000                        </span>
1596                    </p>
1597                    <p>
1598                        <i class='bi bi-clock' aria-hidden='true'></i>
1599                        <span>de Segunda à Sexta das 08:00hs às 15:00hs</span>
1600                    </p>
1601                </div>
1602
1603
1604            </div>
1605        </div>
1606
1607        <div class="site-footer__bottom">
1608            <div class="container-new1 site-footer__bottom-inner">
1609                <p>
1610                    &copy; 2026 <a target='_blank' href='http://www.assesi.com.br/' title=''>Assesi</a>.
1611                    Todos os Direitos Reservados.
1612                </p>
1613                <p><a href="/acessibilidade.php">Acessibilidade</a></p>
1614            </div>
1615                    </div>
1616    </footer>
1617
1618
1619<script type="text/javascript">
1620
1621    // document.addEventListener('click', function(){
1622    //     const link_before = event.target.closest('a');
1623    //     const link_destino = (link_before) ? link_before.href : null;
1624
1625    //     const params_before = new URLSearchParams(link_before);
1626    //     if (params_before.has('source')) {
1627
1628    //         localStorage.getItem('source', 'app');  
1629    //     } else {
1630    //         localStorage.removeItem('source');
1631    //     }
1632
1633    // });
1634
1635</script>
1635
1636
1637    
1637<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/apexcharts.min.js"></script>
1637
1638
1639            
1639<script>
1640        (function () {
1641            if (typeof ApexCharts === 'undefined') return;
1642            var el = document.getElementById('chart_div');
1643            if (!el) return;
1644            el.classList.add('ouv-chart');
1645
1646            var mode    = "flat";
1647            var cats    = ["Urgências","Reclamações","Serviços","Dúvidas","Sugestões","Denúncias","Críticas","Elogios"];
1648            var series  = [{"name":"Manifestações","data":[39,25,25,23,15,11,6,1]}];
1649            var accent  = "#2864AE";
1650            var palette = ["#2C93DE","#15B063","#F1491C","#A349A4","#0DA5AA","#C52259","#FF7F00","#6C5CE7","#00B894","#939393"];
1651
1652            var opts = {
1653                chart: {
1654                    type: 'bar',
1655                    height: 400,
1656                    fontFamily: "'Roboto', Arial, Helvetica, sans-serif",
1657                    stacked: (mode === 'stack'),
1658                    toolbar: {
1659                        show: true,
1660                        tools: { download: true, selection: true, zoom: true, zoomin: true, zoomout: true, pan: true, reset: true }
1661                    },
1662                    zoom: { enabled: true, type: 'x' },
1663                    animations: { enabled: true, easing: 'easeinout', speed: 550 }
1664                },
1665                series: series,
1666                colors: (mode === 'stack') ? palette : [accent],
1667                plotOptions: {
1668                    bar: {
1669                        borderRadius: 5,
1670                        borderRadiusApplication: 'end',
1671                        columnWidth: (cats.length > 8 ? '78%' : '55%'),
1672                        distributed: (mode === 'flat'),
1673                        dataLabels: { position: 'top' }
1674                    }
1675                },
1676                dataLabels: {
1677                    enabled: (mode !== 'stack'),
1678                    offsetY: -18,
1679                    style: { fontSize: '11px', fontWeight: 600, colors: ['#475467'] },
1680                    background: { enabled: false }
1681                },
1682                xaxis: {
1683                    categories: cats,
1684                    labels: { rotate: -35, hideOverlappingLabels: true, trim: true, style: { fontSize: '11px', colors: '#667085' } },
1685                    axisBorder: { color: '#e6e8ec' },
1686                    axisTicks: { color: '#e6e8ec' }
1687                },
1688                yaxis: {
1689                    labels: { style: { colors: '#98a2b3', fontSize: '11px' }, formatter: function (v) { return Math.round(v); } }
1690                },
1691                grid: { borderColor: '#eef0f3', strokeDashArray: 4, xaxis: { lines: { show: false } } },
1692                legend: { show: (mode === 'stack'), position: 'top', horizontalAlign: 'left', fontSize: '12px', markers: { radius: 3 } },
1693                fill: { opacity: 1 },
1694                states: { hover: { filter: { type: 'darken', value: 0.92 } } },
1695                tooltip: { shared: (mode === 'stack'), intersect: false, y: { formatter: function (v) { return v + ' manifestação(ões)'; } } },
1696                noData: { text: 'Sem dados para exibir', style: { color: '#98a2b3' } }
1697            };
1698
1699            new ApexCharts(el, opts).render();
1700        })();
1701        </script>
1701
1702    
1703
1704    
1705        
1705<script>
1706        (function () {
1707            var el = document.getElementById('chart_div_satis');
1708            if (!el || typeof ApexCharts === 'undefined') return;
1709            el.classList.add('ouv-chart');
1710
1711            var satisChart = null;
1712
1713            function buscar(ano, cb) {
1714                var xhr = new XMLHttpRequest();
1715                xhr.open('POST', 'pesquisasatisfacao_grafico.php', true);
1716                xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
1717                xhr.onload = function () {
1718                    try {
1719                        var raw = JSON.parse(xhr.responseText);
1720                        var cats = [], vals = [], cores = [];
1721                        for (var i = 1; i < raw.length; i++) {
1722                            if (!raw[i]) continue;
1723                            cats.push(raw[i][0]);
1724                            vals.push(Number(raw[i][1]) || 0);
1725                            cores.push(raw[i][2] || '#98a2b3');
1726                        }
1727                        cb({ cats: cats, vals: vals, cores: cores });
1728                    } catch (e) { cb(null); }
1729                };
1730                xhr.onerror = function () { cb(null); };
1731                xhr.send('ano=' + encodeURIComponent(ano));
1732            }
1733
1734            function opcoes(d) {
1735                return {
1736                    chart: {
1737                        type: 'bar', height: 380, fontFamily: "'Roboto', Arial, Helvetica, sans-serif",
1738                        toolbar: { show: true, tools: { download: true, selection: true, zoom: true, zoomin: true, zoomout: true, pan: true, reset: true } },
1739                        zoom: { enabled: true, type: 'x' },
1740                        animations: { enabled: true, easing: 'easeinout', speed: 500 }
1741                    },
1742                    series: [{ name: 'Avaliações', data: d.vals }],
1743                    colors: d.cores,
1744                    plotOptions: { bar: { borderRadius: 5, borderRadiusApplication: 'end', columnWidth: '52%', distributed: true, dataLabels: { position: 'top' } } },
1745                    dataLabels: { enabled: true, offsetY: -18, style: { fontSize: '12px', fontWeight: 700, colors: ['#475467'] }, background: { enabled: false } },
1746                    xaxis: { categories: d.cats, labels: { style: { fontSize: '11px', colors: '#667085' }, hideOverlappingLabels: true, trim: true }, axisBorder: { color: '#e6e8ec' }, axisTicks: { color: '#e6e8ec' } },
1747                    yaxis: { labels: { style: { colors: '#98a2b3', fontSize: '11px' }, formatter: function (v) { return Math.round(v); } } },
1748                    grid: { borderColor: '#eef0f3', strokeDashArray: 4, xaxis: { lines: { show: false } } },
1749                    legend: { show: false },
1750                    fill: { opacity: 1 },
1751                    states: { hover: { filter: { type: 'darken', value: 0.92 } } },
1752                    tooltip: { y: { formatter: function (v) { return v + ' avaliação(ões)'; } } },
1753                    noData: { text: 'Sem avaliações para este ano', style: { color: '#98a2b3' } }
1754                };
1755            }
1756
1757            window.renderSatisChart = function (ano) {
1758                var v = document.getElementById('valano');
1759                if (v && ano != null) v.value = ano;
1760                buscar(ano, function (d) {
1761                    if (!d) return;
1762                    if (satisChart) {
1763                        satisChart.updateOptions(opcoes(d), true, true);
1764                    } else {
1765                        satisChart = new ApexCharts(el, opcoes(d));
1766                        satisChart.render();
1767                    }
1768                });
1769            };
1770
1771            var inicial = (document.getElementById('valano') || {}).value || '';
1772            window.renderSatisChart(inicial);
1773        })();
1774        </script>
1774
1775
1776    
1777    
1777<script src="js/jquery-1.11.3.js"></script>
1777
1778    
1778<script src="js/tableExport.min.js"></script>
1778
1779    
1779<script src="js/FileSaver.min.js"></script>
1779
1780    
1780<script src="js/jquery.base64.js"></script>
1780
1781    
1781<script src="js/html2canvas.min.js"></script>
1781
1782    
1782<script src="js/sprintf.js"></script>
1782
1783    
1783<script src="js/jspdf.min.js"></script>
1783
1784    
1784<script src="js/jspdf.plugin.autotable.js"></script>
1784
1785    
1785<script src="js/base64.js"></script>
1785
1786    
1786<script src="js/bootstrap.min.js"></script>
1786
1787    
1787<script src="js/jquery.prettyPhoto.js"></script>
1787
1788    
1788<script src="js/jquery.isotope.min.js"></script>
1788
1789    
1789<script src="js/main.js"></script>
1789
1790    
1790<script src="js/wow.min.js"></script>
1790
1791
1792
1793
1794    
1794<script type="text/javascript" language="javascript" src="js/jquery.maskedinput.min.js"></script>
1794
1795    
1795<script>
1796        jQuery(function($) {
1797            $("#dtini").mask("99/99/9999");
1798            $("#dtfim").mask("99/99/9999");
1799        });
1800
1801        $(document).ready(function() {
1802
1803            (function($) {
1804
1805                $('#filter').keyup(function() {
1806
1807                    var rex = new RegExp($(this).val(), 'i');
1808                    $('.linha').hide();
1809                    $('.linha').filter(function() {
1810                        return rex.test($(this).text());
1811                    }).show();
1812
1813                })
1814
1815            }(jQuery));
1816
1817            $("#idano").change(function() {
1818                $("#valano").val($(this).val());
1819                if (typeof window.renderSatisChart === 'function') {
1820                    window.renderSatisChart($(this).val());
1821                }
1822            });
1823
1824
1825        });
1826    </script>
1826
1827
1828    
1828<script src="js/jquery.font-accessibility.min.js"></script>
1828
1829    
1829<script>
1830        $(function() {
1831            /* Custom buttons */
1832            $('#font-setting').easyView({
1833                container: 'body, .section, .container, .row, .col-md-6, .col-md-9, .col-md-12, #footer, #bottom',
1834                step: 10,
1835                bootstrap: true,
1836                increaseSelector: '.increase-me',
1837                decreaseSelector: '.decrease-me',
1838                normalSelector: '.reset-me',
1839                contrastSelector: '.change-me'
1840            });
1841
1842
1843
1844
1845        });
1846    </script>
1846
1847</body>
1848
1849</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.