PageSourceSearch

https://itaitinga.ce.gov.br/

html itaitinga.ce.gov.br collected 2026-10-02 20:16:49 UTC 176,829 bytes, 3,072 lines download raw bytes

1<!DOCTYPE html>
2<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br" xml:lang="pt-br">
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 Itaitinga">
8<meta name="description" content="Portal Oficial da Prefeitura Municipal de Itaitinga, que traz para o cidadão a transparência, diversos serviços prestados e notícias sobre tudo o que acontece no Município." />
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 Itaitinga, Prefeitura d" />
10
11
12
13<script type="application/ld+json">
14{
15  "@context": "https://schema.org",
16  "@type": "GovernmentOrganization",
17  "name": "Prefeitura de Itaitinga",
18  "alternateName": "Prefeitura de Itaitinga",
19  "url": "http://itaitinga.ce.gov.br",
20  "logo": "http://itaitinga.ce.gov.br/imagens/logo.png",
21  "image": "http://itaitinga.ce.gov.br/imagens/TopoTimbre.png?time=1790929341",
22  "description": "Portal Oficial da Prefeitura Municipal de Itaitinga, que traz para o cidadão a transparência, diversos serviços prestados e notícias sobre tudo o que acontece no Município.",
23  "address": {
24    "@type": "PostalAddress",
25    "streetAddress": "Av. Cel. Virgílio Távora, 1710, Centro",
26    "addressLocality": "Itaitinga",
27    "addressRegion": "CE",
28    "postalCode": "61880000",
29    "addressCountry": "BR"
30  },
31  "telephone": "+55 (85) 3513-2002",
32  "email": "[email protected]",
33  "sameAs": [
34    "https://www.facebook.com/prefsdeitaitinga/",
35    "",
36    "https://instagram.com/prefeituraitaitinga?igshid=MzRlODBiNWFlZA=="
37]
38}
39</script>
39    <meta property="og:image" content="http://itaitinga.ce.gov.br/imagens/TopoTimbre.png?time=1790929341" />
40    <title>Prefeitura de Itaitinga</title>
41    <!-- core CSS -->
42
43    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
44    <link href="/css/bootstrap.min.css" rel="stylesheet">
45    <link href="/css/font-awesome.min.css" rel="stylesheet">
46    <link href="/css/components.css" rel="stylesheet">
47    <link href="/aicon/style.css" rel="stylesheet">
48    <link href="/css/animate.min.css" rel="stylesheet">
49    <link href="/css/prettyPhoto.css" rel="stylesheet">
50    <link href="/css/swiper-bundle.min.css?v=2.1" rel="stylesheet">
51    <link href="/css/main.css?v=20261002" rel="stylesheet">
52    <link href="/css/responsive.css?v=20261002" rel="stylesheet">
53    <link rel="stylesheet" type="text/css" href="css/flipbook.style.css">
54    <link href="/css/style.php?v=20261002" rel="stylesheet">
55    <!--[if lt IE 9]>
56        
56<script src="js/html5shiv.js"></script>
56
57        
57<script src="js/respond.min.js"></script>
57
58        <![endif]-->
59    <link rel="shortcut icon" href="imagens/icomuni.png?time=1790894480">
60    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png">
61    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png">
62    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png">
63    <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png">
64    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css" integrity="sha512-+L4yy6FRcDGbXJ9mPG8MT/3UCDzwR9gPeyFNMCtInsol++5m3bk2bXWKdZjvybmohrAsn3Ua5x8gfLnbE1YkOg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
65    
66    <!--=============== REMIXICONS ===============-->
67    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/3.5.0/remixicon.css" crossorigin="">
68</head>
69<!--/head-->
70
71<body class="homepage" id="ancora">
72    <style>
73        .section__cards:not(.home-biddings-clean) .swiper-button-prev,
74        .section__cards:not(.home-biddings-clean) .swiper-button-next {
75            top:23.8em !important;
76            /* margin-top: 31% !important; */
77        }
78    </style>
79    
80<link href="/css/satisfacao/style.css?v=2.0" rel="stylesheet">
81<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
82<link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
83<link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">
84<script>
85var tam = 15;
86
87function mudaFonte(tipo, elemento) {
88    if (tipo == "mais") {
89        if (tam < 24)
90            tam += 1;
91    } else {
92        if (tam > 10)
93            tam -= 1;
94    }
95    document.getElementById("Noticia").style.fontSize = tam + "px";
96    document.getElementById("Descricao").style.fontSize = tam + "px";
97}
98
99function printDiv(id, pg, url) {
100    var oPrint, oJan;
101    oPrint = window.document.getElementById(id).innerHTML;
102    oJan = window.open(pg);
103    oJan.document.write(oPrint);
104    oJan.document.write(url);
105    oJan.window.print();
106    oJan.document.close();
107    oJan.focus();
108}
109
110
111
112// Função contraste INICIO
113(function() {
114    var Contrast = {
115        storage: 'contrastState',
116        cssClass: 'contrast',
117        currentState: null,
118        check: checkContrast,
119        getState: getContrastState,
120        setState: setContrastState,
121        toogle: toogleContrast,
122        updateView: updateViewContrast
123    };
124
125    window.toggleContrast = function() {
126        Contrast.toogle();
127    };
128
129    Contrast.check();
130
131    function checkContrast() {
132        this.updateView();
133    }
134
135    function getContrastState() {
136        return localStorage.getItem(this.storage) === 'true';
137    }
138
139    function setContrastState(state) {
140        localStorage.setItem(this.storage, '' + state);
141        this.currentState = state;
142        this.updateView();
143    }
144
145    function updateViewContrast() {
146        var body = document.body;
147
148        if (this.currentState === null)
149            this.currentState = this.getState();
150
151        if (this.currentState)
152            body.classList.add(this.cssClass);
153        else
154            body.classList.remove(this.cssClass);
155    }
156
157    function toogleContrast() {
158        this.setState(!this.currentState);
159    }
160})();
161// Função contraste FIM
162</script>
162
163
164
165
166<!-- CSS style offcanvas navbar --> 
167<style>
168
169.offcanvas-collapse {
170position: fixed;
171bottom: 0;
172right: 100%;
173left:-300px;
174width: 300px;
175overflow: auto;
176visibility: hidden;
177background-color: #0E4981;
178transition-timing-function: ease-in-out;
179transition-duration: .3s;
180transition-property: left, visibility;
181z-index: 1045;
182}
183.offcanvas-collapse {
184    align-items:start;
185/*   Adds a subtle drop shadow   */
186            -moz-background-clip: padding;     /* Firefox 3.6 */
187        -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
188        background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
189border-right:5px solid rgba(0, 0, 0, 0.2);
190height: auto;
191min-height: 100%;
192}
193
194/* Makes the nav visibile with the open class */
195.offcanvas-collapse.open {
196    left: 0;
197    visibility: visible;
198}
199
200
201.navbar-expand-lg .navbar-nav {
202-ms-flex-direction: column;
203flex-direction: column;
204}
205
206.offcanvas-collapse>.navbar-nav>li>a:hover {
207    color: #fff !important;
208    background-color: #000;
209    opacity: 0.5;
210}
211
212.offcanvas-collapse>.navbar-nav > li {
213    margin-left: 1px;
214}
215
216.offcanvas-collapse>.navbar-nav>.dropdown.open{
217    color: #003A72 !important;
218    background-color: #fff !important;
219    /* opacity: 0.5 !important; */
220}
221
222.offcanvas-collapse>.navbar-nav>.dropdown.open>a{
223    color: #fff !important;
224    /* background-color: #000 !important; */
225    opacity: 0.5 !important;
226}
227
228.offcanvas-collapse.navbar-collapse {
229    padding-right: 0px !important; 
230    padding-left: 0px !important;
231}
232
233
234.dropdown-submenu { position:relative;} .dropdown-submenu>.dropdown-menu {top:0; left:100%; margin-top:-6px;}
235
236
237/* Botão de fechar */
238.offcanvas-close {
239  position: fixed;
240  top: 15px;
241  left: 300px; /* Ajuste de posição */
242  background: none;
243  border: none;
244  color: #fff;
245  font-size: 30px;
246  cursor: pointer;
247  z-index: 1050; /* Sobrepõe o menu */
248}
249.open>.dropdown-menu-offcanvas {
250    display: contents !important;
251}
252
253 /* Estilo da backdrop */
254 .offcanvas-backdrop {
255  position: fixed;
256  top: 0;
257  left: 0;
258  width: 100%;
259  height: 100%;
260  background-color: rgba(0, 0, 0, 0.5);
261  z-index: 1040;
262  opacity: 0;
263  visibility: hidden;
264  transition: opacity 0.3s ease;
265}
266.offcanvas-backdrop.show {
267  opacity: 1;
268  visibility: visible;
269}
270
271.dropdown-menu-acessibilidade {
272 border-radius: var(--site-card-radius, 7px);
273}
274
275.dropdown-menu-acessibilidade li a {
276 color: #003A72 !important ;
277}
278
279.dropdown-toggle-acessibilidade:hover .dropdown-menu-acessibilidade { 
280 display: block !important;
281}
282/* 
283    navbar-dafault-main entra em conflito com .navbar-default quando o MenuDegrade está ativo
284    Esse conflito deixa o menu branco
285*/
286
287.navbar-dafault-main {
288    background-image: url("/imagens/menuerodape/menu_esquerda.png"), 
289                      url("/imagens/menuerodape/menu_direita.png");
290    background-repeat: no-repeat, no-repeat ;
291    background-position: left, right ;
292}
293.social-links-top {
294    /* border-left: 1px solid #fff; */
295}
296
297</style>
298
299
300
301
302<!-- INÍCIO DO TOPO DO SITE -->
303<header id="header" class=" navbar navbar-fixed-top wet-asphalt" style="border:0px; box-shadow:none; --site-card-radius: 9px; background-image:url(/imagens/BackTopo7.jpg);">
304        <div class="container-fluid topo-option-1 color-topo">
305        <div class="container-new1">
306            <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;">
307
308                        
309                        <div class="title__cliente" style="margin-bottom: 0px; padding-left:15px; padding-right:0; margin-right: auto; color: #fff;">
310                            <a href="https://www.itaitinga.ce.gov.br"><span>Prefeitura Municipal de Itaitinga</span></a>
311                        </div>
312
313                        
314                            <div style="margin-bottom: 0px; padding-left:0; padding-right:0;width: 130px; "><a
315                            href="/ouvidoria"><i class="bi bi-headset"></i> <span class='nomefora'
316                                title="Ouvidoria da entidade">Ouvidoria/Sic</span></a></div>
317
318                    
319                
320
321                <div style="margin-bottom: 0px; padding-left:0; padding-right:0;width: 130px;"><a
322                        href="/acessoainformacao.php"><i class="bi bi-info-circle-fill"></i> <span class='nomefora'
323                            title="Transparência da entidade">Transparência</span></a></div>
324
325                <!--<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>-->
326                    <div style="margin-bottom: 0px; float:right; padding-left:0; padding-right:0; width: 130px" class="dropdown dropdown-toggle-acessibilidade"><a href="#"
327                            accesskey="1" title="Página de acessibilidade" class="dropdown-toggle" data-toggle="dropdown" ><i class="bi bi-emoji-smile"></i> <span
328                                class='nomefora'>Acessibilidade</span></a>
329                            
330                                <ul class="dropdown-menu dropdown-menu-right dropdown-menu-acessibilidade" style="min-width: 150px; color:#000;">
331                                    <li><a href="/acessibilidade.php" style="cursor:pointer;"
332                                        title="Página de acessibilidade"><i class="bi bi-emoji-smile"></i> <span
333                                        class='nomefora'>Sobre</span></a></li>
334
335                                    <li><a href="#altocontraste"
336                                        id="altocontraste" onclick="window.toggleContrast()" style="cursor:pointer;" accesskey="2"
337                                        title="Aplicar Contraste"><i class="bi bi-toggles"></i> <span
338                                        class='nomefora'>Contraste</span></a></li>
339
340                                    <li> <a
341                                        class="nav-link increase-me btn-list-top" style="cursor:pointer; " accesskey="A"
342                                        title="Aumentar texto"><i class="bi bi-plus-square"></i> <span
343                                        class='nomefora'>Aumentar</span></a></li>
344                                    <li><a
345                                        class="nav-link decrease-me btn-list-top" style="cursor:pointer; " accesskey="D"
346                                        title="Diminuir texto"> <i class="bi bi-dash-square"></i> <span
347                                        class='nomefora'>Diminuir</span></a></li>
348                                    
349                                    <li><a style="cursor:pointer;"
350                                        href="https://www.gov.br/governodigital/pt-br/vlibras" target='_blank' accesskey="M"
351                                        title="VLibras"><i class='fa fa-hand-paper-o'></i> <span class='nomefora'>Libras</span></a></li>
352
353                                    <li><a href="/mapadosite" style="cursor: pointer;"
354                                        title="Mapa do site" accesskey="M"><i class="bi bi-diagram-3-fill"></i> <span
355                                        class="nomefora">Mapa do site</span></a></li>
356                                </ul>
357                            
358                    </div>
359
360                    <div style="margin-bottom: 0px; padding-left:0; padding-right:0;width: 100px;"><a
361                        href="/pesquisa"><i class="bi bi-search"></i> <span class='nomefora'
362                            title="Transparência da entidade">Pesquisar</span></a></div>
363
364                <!-- fim de acessibilidade -->
365
366                <!-- redes sociais -->
367                <div class="social-links-top">
368                                                    <a class="nav-link btn-list-top" href="https://www.facebook.com/prefsdeitaitinga/">
369                                    <i class='bi bi-facebook' title="Facebook"></i>
370                                </a>
371                                                    <a class="nav-link btn-list-top" href="https://instagram.com/prefeituraitaitinga?igshid=MzRlODBiNWFlZA==">
372                                    <i class='bi bi-instagram' title="Instagram"></i>
373                                </a>
374                                                    <a class="nav-link btn-list-top" href="http://webmail.itaitinga.ce.gov.br/">
375                                    <i class='bi bi-envelope-fill' title="E-mail"></i>
376                                </a>
377                    
378                        
379                </div>
380                <!-- redes sociais -->
381
382            </div>
383        </div>
384    </div>
385
386
387    <style>
388        /* #menuToggleBtn troca de lugar ao rolar (ve o JS mais abaixo): preto sobre o fundo claro
389           do #logo-top-bar, branco quando pousa em #mobileMenuToggleSticky (faixa verde). */
390        #mobileMenuToggleSticky #menuToggleBtn .fa-bars {
391            color: #fff !important;
392        }
393    </style>
394
395    <div class="container-fluid topo-option-mobile color-topo">
396        <div class="container">
397            <div class="row" id="font-setting-buttons" style="line-height: 33px; display: flex; position: relative; z-index: 5;">
398
399                    <div id="mobileUtilityLinks" style="display: flex; align-items: center;">
400                    <div style="margin-bottom: 0px; padding-left: 7px; padding-right: 10px;"><a
401                        href="/acessoainformacao.php"><i class='bi bi-info-circle-fill'></i> <span
402                        title="Transparência da entidade"><strong>Transparência</strong></span></a></div>
403
404                    <div style="margin-bottom: 0px; padding-left:0; padding-right: 10px;"><a
405                        href="ouvidoria"><i class="bi bi-headset"></i> <span
406                        title="Ouvidoria da entidade"><strong>Ouvidoria </strong></span></a></div>
407
408                    <div style="margin-bottom: 0px; padding-left:0; padding-right: 10px;"><a
409                        href="/acessibilidade"><i class='bi bi-emoji-smile'></i> <span
410                        title="Acessibilidade"><strong>Acessibilidade</strong></span></a></div>
411
412                    <div style="margin-bottom: 0px; padding-left:0; padding-right:10;" class="dropdown dropdown-toggle-acessibilidade">
413                        <a href="#" accesskey="1" title="Mais opções" class="dropdown-toggle" data-toggle="dropdown">
414                            <i class="bi bi-plus"></i>
415                            <span><strong>Opções</strong></span>
416                        </a>
417
418                        <ul class="dropdown-menu dropdown-menu-right dropdown-menu-acessibilidade" style="min-width: 150px; color:#000;">
419                            <li>
420                                <a href="/pesquisa" style="cursor:pointer;" title="Pesquisar"><i class="bi bi-search"></i><span style="padding-left: 10px;">Pesquisar</span></a>
421                            </li>
422                                                            <li>
423                                    <a href="https://www.facebook.com/prefsdeitaitinga/" style="cursor:pointer;" title="Facebook"><i class="bi bi-facebook"></i><span style="padding-left: 10px;">Facebook</span></a>
424                                </li>
425                                                            <li>
426                                    <a href="https://instagram.com/prefeituraitaitinga?igshid=MzRlODBiNWFlZA==" style="cursor:pointer;" title="Instagram"><i class="bi bi-instagram"></i><span style="padding-left: 10px;">Instagram</span></a>
427                                </li>
428                                                            <li>
429                                    <a href="http://webmail.itaitinga.ce.gov.br/" style="cursor:pointer;" title="E-mail"><i class="bi bi-envelope-fill"></i><span style="padding-left: 10px;">E-mail</span></a>
430                                </li>
431                                                    </ul>
432                    </div>
433                    </div>
434
435                                                            <div id="mobileMenuToggleSticky" style="margin-bottom: 0px; margin-left: auto; margin-right: -13px; padding-left: 10px; display: none;"></div>
436            </div>
437        </div>
438    </div>
439    
440        <div class="col-md-12 col-fita" style="padding-bottom: 10px;">
441        <div class="row fitaflex">
442            <div class="col-md-2 fita"
443                style="margin-bottom:0px; border-top: 9px solid; border-image: linear-gradient(45deg, #326B3C, #479655 ) 1;">
444            </div>
445            <div class="col-md-2 fita"
446                style="margin-bottom:0px; border-top: 9px solid; border-image: linear-gradient(45deg, #479655, #326B3C ) 1;">
447            </div>
448            <div class="col-md-2 fita"
449                style="margin-bottom:0px; border-top: 9px solid; border-image: linear-gradient(45deg, #326B3C, #479655 ) 1;">
450            </div>
451            <div class="col-md-2 fita"
452                style="margin-bottom:0px; border-top: 9px solid; border-image: linear-gradient(45deg, #479655, #326B3C ) 1;">
453            </div>
454            <div class="col-md-2 fita"
455                style="margin-bottom:0px; border-top: 9px solid; border-image: linear-gradient(45deg, #326B3C, #479655 ) 1;">
456            </div>
457            <div class="col-md-2 fita"
458                style="margin-bottom:0px; border-top: 9px solid #479655;"></div>
459        </div>
460    </div>
461
462    
463    <style>
464        /* ===== Selos alinhados com a logo 2026 — nao muda o tamanho da logo, so o alinhamento dos selos =====
465           .d-flex-main-menu-center so virava flex/centralizado no celular (responsive.css); aqui repete o mesmo
466           comportamento tambem no desktop, pra logo e selos ficarem na mesma linha central. */
467        .d-flex-main-menu-center {
468            display: flex;
469            align-items: center;
470        }
471
472        /* .box-pesq tem margin-top:30px no main.css (pensado pra quando essa coluna nao dividia a linha
473           com a logo). Com o alinhamento acima, essa margem so empurrava os selos pra baixo do centro. */
474        #logo-top-bar .box-pesq {
475            margin-top: 0;
476        }
477    </style>
478
479    <div class="container-new1 container-menu-main" id="logo-top-bar" style="padding-bottom:10px; padding-top:10px; ">
480
481
482
483        <div class="row d-flex-main-menu-center">
484           
485            <div id="centralizarLogo" class="col-6 col-sm-7 col-xs-7 ">
486
487                <a id="" href="/" style="padding-right: 5px; margin-right: 20px"><img id="" src="/imagens/logo.png?time=1790895075" alt="logo"></a>
488            </div>
489
490            <div class="col-6 col-canvas-navbar" id="canvasNavbarCol">
491                <a id="menuToggleBtn" class="navbar-toggle" data-toggle="offcanvas"
492                        style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px; cursor: pointer; color:#fff; "
493                        data-target=".offcanvas-collapse">
494                        <span class="fa fa-bars" style="font-size: 25px; color: #000;"></span>
495                </a>
496            </div>
497
498            <div class="col-sm-5 col-xs-5 fora_responsivo">
499                <div class="wow fadeInUp box-pesq">
500                    
501
502                    <a href='/selos' class='break-responsive-header' style='margin-left: 5px'><img style='width: 60px' src='/imagens/imagensselos/atricon-ouro-2025-p.png' alt='Selo ATRICON Ouro 2025' title='Selo ATRICON Ouro 2025'></a><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
503' title='Selo Nacional compromisso com a Alfabetização Ouro 2024
504'></a><a href='/selos' class='break-responsive-header' style='margin-left: 5px'><img style='width: 60px' src='/imagens/imagensselos/atricon-prata-2024-p.png' alt='
505Selo ATRICON Prata 2024' title='
506Selo ATRICON Prata 2024'></a><a href='/selos' class='break-responsive-header' style='margin-left: 5px'><img style='width: 60px' src='/imagens/imagensselos/unicef-2021-2024-p.png' alt='Selo UNICEF 2021-2024' title='Selo UNICEF 2021-2024'></a>
507                    
508
509                    <!-- <a href="/pesquisa.php" class="btn btn-primary nomefora"><span class="glyphicon glyphicon-search "
510                            aria-hidden="true"></span> Pesquisa</a> -->
511
512                        <!--
513                        <div class="nomefora" id="google_translate_element"></div>
514                        
514<script>
515                            function googleTranslateElementInit() {
516                                new google.translate.TranslateElement({
517                                        pageLanguage: 'pt',
518                                        autoDisplay: false,
519                                        includedLanguages: 'de,es,fr,en,it',
520                                        layout: google.translate.TranslateElement.InlineLayout.SIMPLE
521                                    },
522                                    'google_translate_element');
523                            }
524                        </script>
524
525                        
525<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
525
526                        -->
527
528                </div>
529
530            </div>
531        </div>
532    </div>
533
534
535    <!-- navbar offcanvas -->
536    <nav class="navbar navbar-default navbar-dafault-main" style="border:0px;">
537        <div class="container-new1">
538            <div class="navbar-header navbar-header-main">
539                <a class="navbar-toggle" data-toggle="offcanvas"
540                    style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px; cursor: pointer; color:#fff; "
541                    data-target=".offcanvas-collapse">
542                    <span class="fa fa-bars" style="font-size: 16px"></span>
543                </a>
544                <a href="pesquisa.php" class="navbar-toggle"
545                    style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px; display: none;"><span
546                        class="fa fa-search" style="font-size: 16px" aria-hidden="true"></span></a>
547                <a class="navbar-toggle" id="btnperq" href="#" aria-expanded='false' title='Menu de acessibilidade'
548                    style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px;  cursor: pointer; display: none;"><i
549                        class='fa fa-odnoklassniki' style="font-size: 16px" aria-hidden='true'></i></a>
550                            </div>
551                            
552            
553            <div class="collapse navbar-collapse navbar-collapse-toglee" style="border:0px;">
554                <ul class="nav navbar-nav main-menu" style="margin-top:0px;">
555                    
556                    <li><a href="/" class='active' target="" style="margin-left: -10px;">Início</a></li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>A Prefeitura 
557                                                <i class='fa fa-angle-down'></i></a>
558                                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:140px;'><li><a href='/institucional.php' >Institucional</a></li><li><a href='/gestores.php' >Prefeito e Vice</a></li><li><a href='/secretarios.php' >Equipe de Governo</a></li><li><a href='/galeriagestores.php' >Galeria de Gestores</a></li><li><a href='http://www.ppaparticipativo.com.br/ppa-inicio.php?id=62f973975a7839970b63850ac26aa11a' target='MESMA PAGI'>PPA Participativo</a></li><li><a href='/normativosproprios.php?A PREFEITURA=' >Normativos Próprios</a></li>		</ul>
559                                            </li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>O Município 
560                                                <i class='fa fa-angle-down'></i></a>
561                                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:140px;'><li><a href='/obras.php' >Obras Municipais</a></li><li><a href='/omunicipio.php' >Dados do Município</a></li><li><a href='/' >História da Cidade</a></li><li><a href='/guiadomunicipio.php' >Guia do Município</a></li><li><a href='/conselhos.php?tp=1' >Conselhos</a></li><li><a href='/simbolos.php' >Símbolos</a></li><li><a href='/veiculos.php' >Veículos</a></li>		</ul>
562                                            </li>  <li class='dropdown'><a href='/secretaria.php' class='dropdown-toggle' data-toggle='dropdown'>Secretarias <i class='fa fa-angle-down'></i></a>
563                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:180px;'><li><a href='/secretaria.php?sec=8'>Fundo Municipal de Previdência Social - Itaitingaprev</a></li><li><a href='/secretaria.php?sec=1'>Gabinete do Prefeito</a></li><li><a href='/secretaria.php?sec=2'>Procuradoria Geral do Município</a></li><li><a href='/secretaria.php?sec=16'>Secretaria da Controladoria e Ouvidoria Geral do Município</a></li><li><a href='/secretaria.php?sec=17'>Secretaria de Segurança e Trânsito</a></li><li><a href='/secretaria.php?sec=9'>Secretaria Municipal de Administração</a></li><li><a href='/secretaria.php?sec=10'>Secretaria Municipal de Agricultura, Pecuária e Pesca</a></li><li><a href='/secretaria.php?sec=11'>Secretaria Municipal de Cultura e Turismo</a></li><li><a href='/secretaria.php?sec=6'>Secretaria Municipal de Educação</a></li><li><a href='/secretaria.php?sec=13'>Secretaria Municipal de Infraestrutura, Obras e Serviços Públicos</a></li><li><a href='/secretaria.php?sec=4'>Secretaria Municipal de Juventude e Esporte</a></li><li><a href='/secretaria.php?sec=12'>Secretaria Municipal de Meio Ambiente e Controle Urbano</a></li><li><a href='/secretaria.php?sec=5'>Secretaria Municipal de Saúde</a></li><li><a href='/secretaria.php?sec=3'>Secretaria Municipal de Trabalho e Assistência Social</a></li><li><a href='/secretaria.php?sec=21'>Secretaria Municipal de Finanças e Planejamento</a></li>
563		</ul>
564</li><li><a href='/servicos' >Serviços</a></li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>Publicações 
565                                                <i class='fa fa-angle-down'></i></a>
566                                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/diariooficial.php' >Diário Oficial</a></li><li><a href='https://www.itaitinga.ce.gov.br/publicacoes.php?grupo=67&ta=3' target='new'>Informativos de Ouvidoria</a></li><li><a href='/publicacoes.php' >Todas as Publicações</a></li><li><a href='/contratos.php' >Contratos</a></li><li><a href='/leis.php' >Leis Municipais</a></li><li><a href='/publicacoes.php?cat=2&Comp=&Exer=&dtini=&dtfim=&Num=&ta=3' >Lei Orgânica</a></li><li><a href='/decretos.php' >Decretos</a></li><li><a href='/diarias.php' >Diárias</a></li><li><a href='/licitacao.php' >Licitação</a></li><li><a href='/processoseletivo.php' >Processo Seletivo</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>
567                                            </li>  <li class='dropdown'><a href='/lrf.php' class='dropdown-toggle' data-toggle='dropdown'>LRF <i class='fa fa-angle-down'></i></a>
568                                <ul class='dropdown-menu dropdown-menu-right' style='overflow: auto; max-height:300px; min-width:50px;'><li><a href='/lrf.php?cat=4'>RGF - Relatório de Gestão Fiscal</a></li><li><a href='/lrf.php?cat=7'>RREO - Relatório Resumido da Execução Orçamentária</a></li><li><a href='/lrf.php?cat=8'>LOA - Lei Orçamentária Anual</a></li><li><a href='/lrf.php?cat=9'>LDO - Lei de Diretrizes orçamentárias</a></li><li><a href='/lrf.php?cat=11'>PPA - Plano Plurianual</a></li><li><a href='/lrf.php?cat=16'>PRGFIN - Programação Financeira e CMED - Cronograma da Execução Mensal de Desembolso</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>
569</li><li><a href='/diariooficial.php' >Diário Oficial</a></li>                </ul>
570            </div>
571        </div>
572        <!--/.container-->
573        
574        <div class="navbar-collapse offcanvas-collapse">
575            <ul class="navbar-nav mr-auto dropdown-menu dropdown-menu-offcanvas">
576
577            <button class="offcanvas-close" aria-label="Fechar">&times;</button>
578                
579            <li><a href="/" class='active' title="Início" target="">INÍCIO</a></li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>A Prefeitura 
580                                                <i class='fa fa-angle-down'></i></a>
581                                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:140px;'><li><a href='/institucional.php' >Institucional</a></li><li><a href='/gestores.php' >Prefeito e Vice</a></li><li><a href='/secretarios.php' >Equipe de Governo</a></li><li><a href='/galeriagestores.php' >Galeria de Gestores</a></li><li><a href='http://www.ppaparticipativo.com.br/ppa-inicio.php?id=62f973975a7839970b63850ac26aa11a' target='MESMA PAGI'>PPA Participativo</a></li><li><a href='/normativosproprios.php?A PREFEITURA=' >Normativos Próprios</a></li>		</ul>
582                                            </li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>O Município 
583                                                <i class='fa fa-angle-down'></i></a>
584                                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:140px;'><li><a href='/obras.php' >Obras Municipais</a></li><li><a href='/omunicipio.php' >Dados do Município</a></li><li><a href='/' >História da Cidade</a></li><li><a href='/guiadomunicipio.php' >Guia do Município</a></li><li><a href='/conselhos.php?tp=1' >Conselhos</a></li><li><a href='/simbolos.php' >Símbolos</a></li><li><a href='/veiculos.php' >Veículos</a></li>
584		</ul>
585                                            </li>  <li class='dropdown'><a href='/secretaria.php' class='dropdown-toggle' data-toggle='dropdown'>Secretarias <i class='fa fa-angle-down'></i></a>
586                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:180px;'><li><a href='/secretaria.php?sec=8'>Fundo Municipal de Previdência Social - Itaitingaprev</a></li><li><a href='/secretaria.php?sec=1'>Gabinete do Prefeito</a></li><li><a href='/secretaria.php?sec=2'>Procuradoria Geral do Município</a></li><li><a href='/secretaria.php?sec=16'>Secretaria da Controladoria e Ouvidoria Geral do Município</a></li><li><a href='/secretaria.php?sec=17'>Secretaria de Segurança e Trânsito</a></li><li><a href='/secretaria.php?sec=9'>Secretaria Municipal de Administração</a></li><li><a href='/secretaria.php?sec=10'>Secretaria Municipal de Agricultura, Pecuária e Pesca</a></li><li><a href='/secretaria.php?sec=11'>Secretaria Municipal de Cultura e Turismo</a></li><li><a href='/secretaria.php?sec=6'>Secretaria Municipal de Educação</a></li><li><a href='/secretaria.php?sec=13'>Secretaria Municipal de Infraestrutura, Obras e Serviços Públicos</a></li><li><a href='/secretaria.php?sec=4'>Secretaria Municipal de Juventude e Esporte</a></li><li><a href='/secretaria.php?sec=12'>Secretaria Municipal de Meio Ambiente e Controle Urbano</a></li><li><a href='/secretaria.php?sec=5'>Secretaria Municipal de Saúde</a></li><li><a href='/secretaria.php?sec=3'>Secretaria Municipal de Trabalho e Assistência Social</a></li><li><a href='/secretaria.php?sec=21'>Secretaria Municipal de Finanças e Planejamento</a></li>		</ul>
587</li><li><a href='/servicos' >Serviços</a></li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>Publicações 
588                                                <i class='fa fa-angle-down'></i></a>
589                                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/diariooficial.php' >Diário Oficial</a></li><li><a href='https://www.itaitinga.ce.gov.br/publicacoes.php?grupo=67&ta=3' target='new'>Informativos de Ouvidoria</a></li><li><a href='/publicacoes.php' >Todas as Publicações</a></li><li><a href='/contratos.php' >Contratos</a></li><li><a href='/leis.php' >Leis Municipais</a></li><li><a href='/publicacoes.php?cat=2&Comp=&Exer=&dtini=&dtfim=&Num=&ta=3' >Lei Orgânica</a></li><li><a href='/decretos.php' >Decretos</a></li><li><a href='/diarias.php' >Diárias</a></li><li><a href='/licitacao.php' >Licitação</a></li><li><a href='/processoseletivo.php' >Processo Seletivo</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>
590                                            </li>  <li class='dropdown'><a href='/lrf.php' class='dropdown-toggle' data-toggle='dropdown'>LRF <i class='fa fa-angle-down'></i></a>
591                                <ul class='dropdown-menu dropdown-menu-right' style='overflow: auto; max-height:300px; min-width:50px;'><li><a href='/lrf.php?cat=4'>RGF - Relatório de Gestão Fiscal</a></li><li><a href='/lrf.php?cat=7'>RREO - Relatório Resumido da Execução Orçamentária</a></li><li><a href='/lrf.php?cat=8'>LOA - Lei Orçamentária Anual</a></li><li><a href='/lrf.php?cat=9'>LDO - Lei de Diretrizes orçamentárias</a></li><li><a href='/lrf.php?cat=11'>PPA - Plano Plurianual</a></li><li><a href='/lrf.php?cat=16'>PRGFIN - Programação Financeira e CMED - Cronograma da Execução Mensal de Desembolso</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>
592</li><li><a href='/diariooficial.php' >Diário Oficial</a></li>            
593            </ul>
594      </div>
595      
596    </nav>
597    <div class="offcanvas-backdrop"></div>
598    <!--/nav-->
599
600
601</header>
602    
603<style type="text/css">
604    </style>
605
606
607<div id="espaco-header" class="espaco-header-main" style="height:207px;">&nbsp;</div>
608
609<script>
610    // a altura do #header muda de acordo com a largura da tela (menu mobile, selos, busca, etc);
611    // os valores de $tamanhobar/.espaco-header-main sao só o palpite inicial (evita pulo no primeiro
612    // paint). Aqui a gente mede a altura real do header e corrige o espaçador, pra o conteudo nunca
613    // ficar por baixo do header fixo (banner "colado" no topo) nem sobrar espaco em branco demais.
614    (function () {
615        function ajustarEspacoHeader() {
616            var header = document.getElementById('header');
617            var espaco = document.getElementById('espaco-header');
618            if (!header || !espaco) return;
619            var altura = header.getBoundingClientRect().height;
620            if (altura > 0) {
621                // setProperty com "important": .espaco-header-main/.espaco-header-app tem
622                // height com !important no responsive.css (pra vencer o palpite inicial inline
623                // do PHP); só um !important tambem inline vence esse
624                espaco.style.setProperty('height', altura + 'px', 'important');
625            }
626        }
627        ajustarEspacoHeader();
628        window.addEventListener('load', ajustarEspacoHeader);
629        var resizeTimer;
630        window.addEventListener('resize', function () {
631            clearTimeout(resizeTimer);
632            resizeTimer = setTimeout(ajustarEspacoHeader, 150);
633        });
634
635        // rede de seguranca: qualquer mudanca na altura do header (imagem/selo/fonte que carrega
636        // atrasado, etc.) recalcula sozinho, sem depender de adivinhar todo evento que poderia mudar.
637        // So enquanto a pagina ainda nao foi rolada: depois disso, a barrinha de utilidades/logo-top-bar
638        // passam a abrir/fechar sozinhas ao rolar (#logo-top-bar, #mobileUtilityLinks), o que muda a
639        // altura do header de proposito — se o observer continuasse ligado, cada abertura/fechamento
640        // redimensionaria o espacador, deslocando o conteudo e fazendo a barra pisca-pisca (loop).
641        if (window.ResizeObserver) {
642            var header = document.getElementById('header');
643            if (header) {
644                var headerResizeObserver = new ResizeObserver(ajustarEspacoHeader);
645                headerResizeObserver.observe(header);
646                window.addEventListener('scroll', function () {
647                    headerResizeObserver.disconnect();
648                }, { once: true });
649            }
650        }
651    })();
652</script>
652
653
654
655
656<!-- <div id="sticky-container-id" class="sticky-container">
657    <ul class="sticky"> -->
658
659        
660    <!-- </ul>
661</div> -->
662
663
664  
665<!-- VLibras -->
666<div vw class="enabled">
667    <div vw-access-button class="active"></div>
668    <div vw-plugin-wrapper>
669      <div class="vw-plugin-top-wrapper"></div>
670    </div>
671  </div>
672  
672<script src="https://vlibras.gov.br/app/vlibras-plugin.js" defer></script>
672
673  
673<script defer>
674    document.addEventListener('DOMContentLoaded', function() {
675      new window.VLibras.Widget('https://vlibras.gov.br/app');
676    });
677</script>
677
678<!-- VLibras -->
679
680<script src="/js/jquery-2.1.1.min.js"></script>
vendor: 1 bytes, line 680
680
681<script type="text/javascript">
682$(document).ready(function() {
683
684    $('.offcanvas-backdrop').removeClass('show');
685
686    $('[data-toggle="offcanvas"]').on('click', function () {
687        $('.offcanvas-collapse').removeClass('open');
688        const target = $(this).data('target');
689        $(target).toggleClass('open');
690        $('.offcanvas-backdrop').addClass('show');
691    })
692
693    // Fechar o menu ao clicar no backdrop
694    $('.offcanvas-backdrop, .offcanvas-close').on('click', function () {
695      $('.offcanvas-collapse').removeClass('open');
696      $('.offcanvas-backdrop').removeClass('show');
697    })
698
699    $('.dropdown-menu-sub').hide();
700    $('.dropdown-submenu a.dropdown-sub-toggle').on("click", function(e){
701        $(this).next('ul').toggle();
702        e.stopPropagation();
703        e.preventDefault();
704    });
705
706
707    $(window).scroll(function() {
708        if ($(this).scrollTop() > 100) {
709                        $("#logo-top-bar").css({
710                "margin-top": "-25.5Vh",
711                "transition": ".8s",
712                "z-index": "-2"
713            });
714            $("#logo-top-bar").fadeOut("800");
715            $('#scroll').fadeIn();
716            $('#scroll2').fadeIn();
717            $('#scroll3').fadeIn();
718
719                        $('#mobileUtilityLinks').stop(true, true).fadeOut("800");
720            if (!$('#menuToggleBtn').parent().is('#mobileMenuToggleSticky')) {
721                $('#menuToggleBtn').appendTo('#mobileMenuToggleSticky');
722            }
723            $('#mobileMenuToggleSticky').stop(true, true).fadeIn("800");
724
725            $(".col-fita").fadeOut();
726
727        } else {
728            $("#logo-top-bar").fadeIn("800");
729            $("#logo-top-bar").css({
730                "margin-top": "0px"
731            });
732            $(".col-fita").fadeIn();
733            $('#mobileUtilityLinks').stop(true, true).fadeIn("800");
734            $('#mobileMenuToggleSticky').stop(true, true).fadeOut("800", function() {
735                if (!$('#menuToggleBtn').parent().is('#canvasNavbarCol')) {
736                    $('#menuToggleBtn').appendTo('#canvasNavbarCol');
737                }
738            });
739            $('#scroll').fadeOut();
740            $('#scroll2').fadeOut();
741            $('#scroll3').fadeOut();
742        }
743    });
744    $('#scroll').click(function() {
745        $("html, body").animate({
746            scrollTop: 0
747        }, 0);
748        return false;
749    });
750
751
752    $('#menu-acessiblidade').hide().contents().hide();
753    $('#btnperq').on('click', function(e) {
754        e.preventDefault();
755        $('#menu-acessiblidade').slideToggle('fast', function(e) {
756            if ($(this).is(':visible')) {
757                $(this).contents().fadeIn(1000);
758            } else {
759                $(this).contents().hide();
760            }
761        });
762
763    })
764
765
766}
766);
767</script>
767
768
769
770         <div class="home-section-spacing"><div id='main-slider' class='section no-margin hdr-banner1-frame' data-ride='carousel' data-interval='5000'>    <div class="carousel slide wet-asphalt">
771        <ol class="carousel-indicators nomefora">
772            <li data-target='#main-slider' data-slide-to='0' class='active'></li><li data-target='#main-slider' data-slide-to='1' class=''></li><li data-target='#main-slider' data-slide-to='2' class=''></li><li data-target='#main-slider' data-slide-to='3' class=''></li><li data-target='#main-slider' data-slide-to='4' class=''></li><li data-target='#main-slider' data-slide-to='5' class=''></li>        </ol>
773        <div class="carousel-inner">
774            <a href="#0"  class='item active' ><img alt='Banner' style='width: 100%; margin: 0 auto;' src='link/link352.png' /></a><a href="#1"  class='item ' ><img alt='Banner' style='width: 100%; margin: 0 auto;' src='link/link345.png' /></a><a href="http://sstransparenciamunicipal.net:8080/ssfolha/sisfo_principal.php?entcod=33"  class='item ' style='background-color:#125FA5;'><img alt='Banner' style='width: 100%; margin: 0 auto;' src='link/link125.png' /></a><a href="https://nota-eletronica.betha.cloud/#/inicio"  class='item ' style='background-color:#125FA5;'><img alt='Banner' style='width: 100%; margin: 0 auto;' src='link/link126.png' /></a><a href="diariooficial.php"  class='item ' style='background-color:#125FA5;'><img alt='Banner' style='width: 100%; margin: 0 auto;' src='link/link225.png' /></a><a href="#5"  class='item ' ><img alt='Banner' style='width: 100%; margin: 0 auto;' src='link/link338.png' /></a>        </div>
775        <!--/.carousel-inner-->
776    </div>
777    <!--/.carousel-->
778    <!--hidden-xs-->
779            <a class="prev" href="#main-slider" data-slide="prev">
780            <i class="bi bi-chevron-left" aria-hidden="true"></i>
781        </a>
782        <a class="next" href="#main-slider" data-slide="next">
783            <i class="bi bi-chevron-right" aria-hidden="true"></i>
784        </a>
785        </div>
786    <!--/#main-slider-->
787
788<style>
789    /* ===== Banner rotativo 2026 — moldura recuada, cantos redondos e controles novos (so nesta faixa: .hdr-banner1-frame) ===== */
790    /* O cabecalho e fixo (position:fixed); o #espaco-header (header.php) mede a altura real dele via JS
791       e reserva esse espaco no fluxo da pagina. O respiro vertical (acima e abaixo) vem do wrapper
792       .home-section-spacing (css/main.css), igual aos demais blocos da pagina inicial. */
793    #main-slider.hdr-banner1-frame {
794        margin: 0 auto;
795        max-width: calc(100% - 80px);
796        border-radius: 9px;
797        overflow: hidden;
798        box-shadow: 0 10px 30px rgba(16, 24, 40, .18);
799    }
800
801    /* responsive.css tem 5 regras ".carousel{margin-top:...}" (18/20/40px) em faixas de largura diferentes,
802       pensadas pro banner antigo sem moldura. Com overflow:hidden aqui, esse espaco sobrava como uma faixa
803       branca vazia dentro do cartao, acima da imagem — em telas de celular chegava a 40px. */
804    #main-slider.hdr-banner1-frame .carousel {
805        margin-top: 0;
806    }
807
808    /* os controles ficavam escondidos no site inteiro (main.css: #main-slider .prev,.next{display:none!important});
809       aqui, so dentro dessa moldura nova, eles voltam a aparecer */
810    #main-slider.hdr-banner1-frame .prev,
811    #main-slider.hdr-banner1-frame .next {
812        display: flex !important;
813        align-items: center;
814        justify-content: center;
815        position: absolute;
816        top: 50%;
817        width: 40px;
818        height: 40px;
819        margin-top: -20px;
820        z-index: 5;
821        background: rgba(255, 255, 255, .16);
822        border: 1px solid rgba(255, 255, 255, .4);
823        border-radius: 50%;
824        color: #fff;
825        font-size: 16px;
826        transition: background-color .15s ease;
827    }
828
829    #main-slider.hdr-banner1-frame .prev {
830        left: 16px;
831    }
832
833    #main-slider.hdr-banner1-frame .next {
834        right: 16px;
835    }
836
837    #main-slider.hdr-banner1-frame .prev:hover,
838    #main-slider.hdr-banner1-frame .next:hover {
839        background: rgba(255, 255, 255, .32);
840        color: #fff;
841    }
842
843    #main-slider.hdr-banner1-frame .carousel-indicators {
844        bottom: 16px;
845    }
846
847    #main-slider.hdr-banner1-frame .carousel-indicators li {
848        width: 8px;
849        height: 8px;
850        margin: 0 4px;
851        border-radius: 50%;
852        background: rgba(255, 255, 255, .5);
853        border: none;
854    }
855
856    #main-slider.hdr-banner1-frame .carousel-indicators li:after {
857        display: none;
858    }
859
860    #main-slider.hdr-banner1-frame .carousel-indicators .active {
861        width: 22px;
862        height: 8px;
863        margin: 0 4px;
864        border-radius: 5px;
865        background: #fff;
866    }
867
868    #main-slider.hdr-banner1-frame .carousel-indicators .active:after {
869        display: none;
870    }
871
872    @media (max-width: 767px) {
873        #main-slider.hdr-banner1-frame {
874            max-width: calc(100% - 24px);
875            border-radius: 9px;
876        }
877    }
878
879    /* responsive.css tem uma regra antiga so ate 480px (#main-slider{margin-top:-11px!important;
880       padding:1rem 0 4.4rem 0}) pensada pro banner sem moldura. Com overflow:hidden na moldura
881       nova, aquele padding de baixo (70px) sobrava como um "card" branco vazio embaixo da imagem.
882       So o !important derruba outro !important, entao repete aqui, com a mesma faixa
883       (margin-top 0: o respiro vem do .home-section-spacing). */
884    @media (max-width: 480px) {
885        #main-slider.hdr-banner1-frame {
886            margin-top: 0 !important;
887            padding: 0 !important;
888        }
889    }
890</style></div><main class="container-new1 home-index-content" style="--site-card-radius: 9px; --home-section-accent: #125FA5;"><div class="home-section-spacing">
891
892<style type="text/css">
893.owl-carousel.owl-drag .owl-item {
894    width: 130px !important;
895}
896
897.owl-dots {
898    display: none;
899}
900
901.owl-theme .owl-nav {
902    top: 5px;
903    position: absolute;
904    width: 100%;
905    margin-top: 0px !important;
906    height: 10px;
907}
908
909.owl-prev {
910
911    float: left;
912    font-size: 50px !important;
913    color: #fff !important;
914    z-index: 1000 !important;
915    margin-right: 10px !important;
916
917}
918
919.owl-item {
920    margin-right: 13px !important;
921}
922
923.owl-next {
924
925    float: right;
926    font-size: 50px !important;
927    color: #fff !important;
928    z-index: 1000 !important;
929    margin-left: 10px !important;
930
931}
932
933.owl-theme .owl-nav [class*=owl-]:hover {
934    background: none !important;
935
936}
937
938.owl-stage {
939    /*transform: translate3d(-1252px, 0px, 0px) !important; */
940    transition: all 0.25s ease 0s !important;
941    width: 3615px !important;
942}
943
944
945.owl-prev:hover,
946.owl-next:hover {
947    color: #fff !important;
948    border-style: none;
949}
950
951.owl-carousel .owl-nav button.owl-next,
952.owl-carousel button.owl-dot {
953    margin-right: -20px !important;
954    margin-top: 40px !important;
955}
956
957.owl-carousel .owl-nav button.owl-prev,
958.owl-carousel button.owl-dot {
959    margin-left: -15px !important;
960    margin-top: 40px !important;
961}
962
963button.owl-next span,
964button.owl-prev span {
965    background-color: #319873 !important;
966    padding: 5px 10px 5px 10px;
967}
968
969button.owl-next:hover button.owl-prev:hover {
970    border-color: transparent;
971}
972
973
974
975.owl-carousel .owl-stage-outer {
976    height: 190px !important;
977}
978
979@media (max-width: 460px) {
980    .owl-carousel.owl-drag .owl-item {
981        margin-left: 1.8Vw;
982    }
983}
984
985@media (max-width: 600px) {
986    .owl-item {
987        margin-right: 11px !important;
988    }
989}
990
991@media (max-width: 767px) {
992    .btn-services-responsives .row > .title-detail {
993        margin: 0 5% 15px !important;
994    }
995
996    .btn-services-responsives .unidades-clean {
997        margin-right: 5%;
998        margin-left: 5%;
999    }
1000
1001    .btn-services-responsives .unidades-clean__item {
1002        background: color-mix(in srgb, var(--mobile-service-accent) 8%, #fff) !important;
1003        border-color: color-mix(in srgb, var(--mobile-service-accent) 22%, #fff) !important;
1004        border-radius: var(--site-card-radius, 7px) !important;
1005    }
1006
1007    .btn-services-responsives .unidades-clean__icon {
1008        background: var(--mobile-service-accent);
1009        color: #fff;
1010    }
1011
1012    .btn-services-responsives .unidades-clean__label {
1013        color: var(--mobile-service-accent);
1014    }
1015
1016    .btn-services-responsives .unidades-clean__item:hover,
1017    .btn-services-responsives .unidades-clean__item:focus-visible {
1018        background: var(--mobile-service-accent) !important;
1019        border-color: var(--mobile-service-accent) !important;
1020    }
1021
1022    .btn-services-responsives .unidades-clean__item:hover .unidades-clean__icon,
1023    .btn-services-responsives .unidades-clean__item:focus-visible .unidades-clean__icon {
1024        background: #fff;
1025        color: var(--mobile-service-accent);
1026    }
1027
1028    .btn-services-responsives .unidades-clean__item:hover .unidades-clean__label,
1029    .btn-services-responsives .unidades-clean__item:focus-visible .unidades-clean__label {
1030        color: #fff;
1031    }
1032}
1033
1034@media (max-height: 850px) {
1035    .owl-theme {
1036        height: 30Vh !important;
1037    }
1038}
1039</style>
1040<!-- background-color: #125FA5; -->
1041
1042<section class="" style="filter: brightness(0.95)">
1043    <div class="container-new1 container__botoes">
1044        <div class="row">
1045 
1046                <!-- <div class="col-md-6 title-servicos">
1047                    <h2 class="title-topics title-detail" style="margin-bottom: 15px; float: left; margin-left: 55px;"><strong>Serviços online</strong></h2>
1048                </div>
1049                <div class="col-md-6 title-servicos">
1050                    <a href="/servicos" class="type-link1" style="float: right; line-height: 1.2em; margin-top: 23px"> Mais serviços
1051                    online. </a>
1052                </div> -->
1053            <div class="col-md-12 pd-card-center-service m-card-center-desk">
1054
1055                <div class="card__title home-section-header-clean" style="--home-section-accent: #125FA5;">
1056                    <h2 class="title-topics title-detail"><strong>Serviços Online</strong></h2>
1057                    <a href="servicos.php" class="home-section-link-clean">Mais serviços online.</a>
1058                </div>
1059
1060                <div class="home-service-grid-static" style="--home-service-accent: #125FA5;">
1061                <ul class="home-service-list">
1062                                        <li id="linkid-46"
1063                        class="home-service-item"
1064                        style="display: block; ">
1065                        <a class="home-service-link" href="https://itaitinga.ssinformatica.net/portal/web/situacao_cadastral/ficha"
1066                            >
1067
1068
1069                            <div class="home-service-card">
1070
1071
1072                                <!-- LOGICA ANTERIOR (cor por item, vinda do banco - campo VCor da tablinkalternativo -
1073                                     com fallback currentColor). Trocado para puxar sempre da cor padrao do site
1074                                     ($dados['CorButao']). Deixado aqui comentado para referencia:
1075
1076                                     span.home-service-icon style=--service-color:
1077                                       !empty($ddFrenteLink['VCor'])
1078                                         ? htmlspecialchars($ddFrenteLink['VCor'], ENT_QUOTES, 'UTF-8')
1079                                         : 'currentColor'
1080                                -->
1081                                                                    <sp
1081an class="home-service-icon"
1082                                        style="--service-color: #125FA5;">
1083                                        <i class="bi bi-link-45deg" aria-hidden="true"></i>
1084                                    </span>
1085                                
1086                                <span class="home-service-content">
1087                                    <span class="home-service-title">
1088                                        Informações Cadastrais                                    </span>
1089
1090                                    <span class="home-service-description"
1091                                        title="Situação Cadastral">
1092                                        Situação Cadastral                                    </span>
1093                                </span>
1094
1095                            </div>
1096
1097                        </a>
1098                    </li>
1099                                        <li id="linkid-50"
1100                        class="home-service-item"
1101                        style="display: block; ">
1102                        <a class="home-service-link" href="https://agendaitaitinga.com.br"
1103                            target="_blank">
1104
1105
1106                            <div class="home-service-card">
1107
1108
1109                                <!-- LOGICA ANTERIOR (cor por item, vinda do banco - campo VCor da tablinkalternativo -
1110                                     com fallback currentColor). Trocado para puxar sempre da cor padrao do site
1111                                     ($dados['CorButao']). Deixado aqui comentado para referencia:
1112
1113                                     span.home-service-icon style=--service-color:
1114                                       !empty($ddFrenteLink['VCor'])
1115                                         ? htmlspecialchars($ddFrenteLink['VCor'], ENT_QUOTES, 'UTF-8')
1116                                         : 'currentColor'
1117                                -->
1118                                                                    <span class="home-service-icon"
1119                                        style="--service-color: #125FA5;">
1120                                        <i class="fa fa-user" aria-hidden="true"></i>
1121                                    </span>
1122                                
1123                                <span class="home-service-content">
1124                                    <span class="home-service-title">
1125                                        Sistema de Agendamento                                    </span>
1126
1127                                    <span class="home-service-description"
1128                                        title="Emissão da Nova Carteira de Identidade Nacional">
1129                                        Emissão da Nova Carteira de Identidade Nacional                                    </span>
1130                                </span>
1131
1132                            </div>
1133
1134                        </a>
1135                    </li>
1136                                        <li id="linkid-1"
1137                        class="home-service-item"
1138                        style="display: block; ">
1139                        <a class="home-service-link" href="https://www.itaitinga.ce.gov.br/cartaservicos.php"
1140                            >
1141
1142
1143                            <div class="home-service-card">
1144
1145
1146                                <!-- LOGICA ANTERIOR (cor por item, vinda do banco - campo VCor da tablinkalternativo -
1147                                     com fallback currentColor). Trocado para puxar sempre da cor padrao do site
1148                                     ($dados['CorButao']). Deixado aqui comentado para referencia:
1149
1150                                     span.home-service-icon style=--service-color:
1151                                       !empty($ddFrenteLink['VCor'])
1152                                         ? htmlspecialchars($ddFrenteLink['VCor'], ENT_QUOTES, 'UTF-8')
1153                                         : 'currentColor'
1154                                -->
1155                                                                    <span class="home-service-icon"
1156                                        style="--service-color: #125FA5;">
1157                                        <i class="fa fa-file" aria-hidden="true"></i>
1158                                    </span>
1159                                
1160                                <span class="home-service-content">
1161                                    <span class="home-service-title">
1162                                        Carta de Serviços                                    </span>
1163
1164                                    <span class="home-service-description"
1165                                        title="Acompanhe o Desempenho da Entidade">
1166                                        Acompanhe o Desempenho da Entidade                                    </span>
1167                                </span>
1168
1169                            </div>
1170
1171                        </a>
1172                    </li>
1173                                        <li id="linkid-19"
1174                        class="home-service-item"
1175                        style="display: block; ">
1176                        <a class="home-service-link" href="https://www.itaitinga.ce.gov.br/universitarios.php"
1177                            >
1178
1179
1180                            <div class="home-service-card">
1181
1182
1183                                <!-- LOGICA ANTERIOR (cor por item, vinda do banco - campo VCor da tablinkalternativo -
1184                                     com fallback currentColor). Trocado para puxar sempre da cor padrao do site
1185                                     ($dados['CorButao']). Deixado aqui comentado para referencia:
1186
1187                                     span.home-service-icon style=--service-color:
1188                                       !empty($ddFrenteLink['VCor'])
1189                                         ? htmlspecialchars($ddFrenteLink['VCor'], ENT_QUOTES, 'UTF-8')
1190                                         : 'currentColor'
1191                                -->
1192                                                                    <span class="home-service-icon"
1193                                        style="--service-color: #125FA5;">
1194                                        <i class="bi bi-link-45deg" aria-hidden="true"></i>
1195                                    </span>
1196                                
1197                                <span class="home-service-content">
1198                                    <span class="home-service-title">
1199                                        Universitários                                    </span>
1200
1201                                    <span class="home-service-description"
1202                                        title="Carteira Digital Universitaria">
1203                                        Carteira Digital Universitaria                                    </span>
1204                                </span>
1205
1206                            </div>
1207
1208                        </a>
1209                    </li>
1210                                        <li id="linkid-30"
1211                        class="home-service-item"
1212                        style="display: block; ">
1213                        <a class="home-service-link" href="https://itaitinga.ssinformatica.net/portal/web/certidao/contribuinte/documento;jsessionid=1EU7PUjL5Tcm-4EwLPvOflC2Ik-6iNJTB9wYHxFn.portal-f785d888b-llrh8"
1214                            >
1215
1216
1217                            <div class="home-service-card">
1218
1219
1220                                <!-- LOGICA ANTERIOR (cor por item, vinda do banco - campo VCor da tablinkalternativo -
1221                                     com fallback currentColor). Trocado para puxar sempre da cor padrao do site
1222                                     ($dados['CorButao']). Deixado aqui comentado para referencia:
1223
1224                                     span.home-service-icon style=--service-color:
1225                                       !empty($ddFrenteLink['VCor'])
1226                                         ? htmlspecialchars($ddFrenteLink['VCor'], ENT_QUOTES, 'UTF-8')
1227                                         : 'currentColor'
1228                                -->
1229                                                                    <span class="home-service-icon"
1230                                        style="--service-color: #125FA5;">
1231                                        <i class="fa  fa-file-o" aria-hidden="true"></i>
1232                                    </span>
1233                                
1234                                <span class="home-service-content">
1235                                    <span class="home-service-title">
1236                                        Certidão Negativa de Contribuinte                                    </span>
1237
1238                                    <span class="home-service-description"
1239                                        title="Certidão Negativa de Contribuinte">
1240                                        Certidão Negativa de Contribuinte                                    </span>
1241                                </span>
1242
1243                            </div>
1244
1245                        </a>
1246                    </li>
1247                                        <li id="linkid-3"
1248                        class="home-service-item"
1249                        style="display: block; ">
1250                        <a class="home-service-link" href="https://w2esolucoes.ddns.net/demutranitaitinga/"
1251                            >
1252
1253
1254                            <div class="home-service-card">
1255
1256
1257                                <!-- LOGICA ANTERIOR (cor por item, vinda do banco - campo VCor da tablinkalternativo -
1258                                     com fallback currentColor). Trocado para puxar sempre da cor padrao do site
1259                                     ($dados['CorButao']). Deixado aqui comentado para referencia:
1260
1261                                     span.home-service-icon style=--service-color:
1262                                       !empty($ddFrenteLink['VCor'])
1263                                         ? htmlspecialchars($ddFrenteLink['VCor'], ENT_QUOTES, 'UTF-8')
1264                                         : 'currentColor'
1265                                -->
1266                                                                    <span class="home-service-icon"
1267                                        style="--service-color: #125FA5;">
1268                                        <i class="fa  fa-car" aria-hidden="true"></i>
1269                                    </span>
1270                                
1271                                <span class="home-service-content">
1272                                    <span class="home-service-title">
1273                                        Demutran                                    </span>
1274
1275                                    <span class="home-service-description"
1276                                        title="Clique e Saiba Mais">
1277                                        Clique e Saiba Mais                                    </span>
1278                                </span>
1279
1280                            </div>
1281
1282                        </a>
1283                    </li>
1284                                        <li id="linkid-32"
1285                        class="home-service-item"
1286                        style="display: block; ">
1287                        <a class="home-service-link" href="https://itaitinga.ssinformatica.net/portal/web/validar_documentos/certidao"
1288                            >
1289
1290
1291                            <div class="home-service-card">
1292
1293
1294                                <!-- LOGICA ANTERIOR (cor por item, vinda do banco - campo VCor da tablinkalternativo -
1295                                     com fallback currentColor). Trocado para puxar sempre da cor padrao do site
1296                                     ($dados['CorButao']). Deixado aqui comentado para referencia:
1297
1298                                     span.home-service-icon style=--service-color:
1299                                       !empty($ddFrenteLink['VCor'])
1300                                         ? htmlspecialchars($ddFrenteLink['VCor'], ENT_QUOTES, 'UTF-8')
1301                                         : 'currentColor'
1302                                -->
1303                                                                    <span class="home-service-icon"
1304                                        style="--service-color: #125FA5;">
1305                                        <i class="fa  fa-file-o" aria-hidden="true"></i>
1306                                    </span>
1307                                
1308                                <span class="home-service-content">
1309                                    <span class="home-service-title">
1310                                        Certidão Negativa de Econômico                                    </span>
1311
1312                                    <span class="home-service-description"
1313                                        title="Certidão Negativa de Econômico">
1314                                        Certidão Negativa de Econômico                                    </span>
1315                                </span>
1316
1317                            </div>
1318
1319                        </a>
1320                    </li>
1321                                        <li id="linkid-22"
1322                        class="home-service-item"
1323                        style="display: block; ">
1324                        <a class="home-service-link" href="https://itaitinga.ssinformatica.net/portal/"
1325                            >
1326
1327
1328                            <div class="home-service-card">
1329
1330
1331                                <!-- LOGICA ANTERIOR (cor por item, vinda do banco - campo VCor da tablinkalternativo -
1332                                     com fallback currentColor). Trocado para puxar sempre da cor padrao do site
1333                                     ($dados['CorButao']). Deixado aqui comentado para referencia:
1334
1335                                     span.home-service-icon style=--service-color:
1336                                       !empty($ddFrenteLink['VCor'])
1337                                         ? htmlspecialchars($ddFrenteLink['VCor'], ENT_QUOTES, 'UTF-8')
1338                                         : 'currentColor'
1339                                -->
1340                                                                    <span class="home-service-icon"
1341                                        style="--service-color: #125FA5;">
1342                                        <i class="bi bi-link-45deg" aria-hidden="true"></i>
1343                                    </span>
1344                                
1345                                <span class="home-service-content">
1346                                    <span class="home-service-title">
1347                                        Portal do Contribuinte                                    </span>
1348
1349                                    <span class="home-service-description"
1350                                        title="Nota Fiscal de Serviços, Certidões">
1351                                        Nota Fiscal de Serviços, Certidões                                    </span>
1352                                </span>
1353
1354                            </div>
1355
1356                        </a>
1357                    </li>
1358                                    </ul>
1359                </div>
1360
1361            </div>
1362
1363            
1363<script>
1364                (function () {
1365                    var car = document.getElementById('servicosHomeCarousel');
1366                    if (!car) return;
1367                    var list = car.querySelector('.home-service-list');
1368                    if (!list) return;
1369                    var prev = car.querySelector('.home-service-carousel__nav--prev');
1370                    var next = car.querySelector('.home-service-carousel__nav--next');
1371
1372                    var reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
1373                    var deskMq = window.matchMedia ? window.matchMedia('(min-width: 768px)') : { matches: true };
1374
1375                    // Itens originais - base pra clonar/desclonar conforme o layout.
1376                    var baseItems = [].slice.call(list.querySelectorAll('.home-service-item'));
1377                    if (!baseItems.length) return;
1378
1379                    var oneSetWidth = 0;
1380                    var running = false;
1381                    var interacting = false;   // mouse/teclado sobre o carrossel
1382                    var tempPauseUntil = 0;    // pausa curta apos toque/scroll/clique
1383                    var rafId = null;
1384                    var acc = 0;
1385                    var SPEED = 0.6; // px por frame (~36px/s a 60fps)
1386
1387                    function clearClones() {
1388                        var clones = list.querySelectorAll('.home-service-item[data-clone]');
1389                        for (var i = 0; i < clones.length; i++) {
1390                            clones[i].parentNode.removeChild(clones[i]);
1391                        }
1392                    }
1393
1394                    function measureSet() {
1395                        var styles = window.getComputedStyle(list);
1396                        var gap = parseFloat(styles.columnGap || styles.gap || '0') || 0;
1397                        var w = 0;
1398                        for (var i = 0; i < baseItems.length; i++) {
1399                            w += baseItems[i].getBoundingClientRect().width + gap;
1400                        }
1401                        return w; // largura de um conjunto completo (itens + gaps)
1402                    }
1403
1404                    function makeClone(src) {
1405                        var c = src.cloneNode(true);
1406                        c.removeAttribute('id');
1407                        c.setAttribute('data-clone', '1');
1408                        c.setAttribute('aria-hidden', 'true');
1409                        var innerIds = c.querySelectorAll('[id]');
1410                        for (var j = 0; j < innerIds.length; j++) {
1411                            innerIds[j].removeAttribute('id');
1412                        }
1413                        var links = c.querySelectorAll('a');
1414                        for (var k = 0; k < links.length; k++) {
1415                            links[k].setAttribute('tabindex', '-1');
1416                        }
1417                        return c;
1418                    }
1419
1420                    // Um conjunto clonado ANTES (folga pra rolar pra esquerda) e varios
1421                    // DEPOIS, ate cobrir a tela com sobra. Comeca posicionado nos itens
1422                    // originais; como todo conjunto e identico, os "pulos" do loop
1423                    // (de +-1 conjunto) sao invisiveis.
1424                    function buildLoop() {
1425                        clearClones();
1426                        oneSetWidth = measureSet();
1427                        if (oneSetWidth <= 0) return;
1428
1429                        var i;
1430                        for (i = 0; i < baseItems.length; i++) {
1431                            list.insertBefore(makeClone(baseItems[i]), baseItems[0]);
1432                        }
1433
1434                        var target = list.clientWidth * 2 + oneSetWidth;
1435                        var total = oneSetWidth;
1436                        var guard = 0;
1437                        while (total < target && guard < 40) {
1438                            for (i = 0; i < baseItems.length; i++) {
1439                                list.appendChild(makeClone(baseItems[i]));
1440                            }
1441                            total += oneSetWidth;
1442                            guard++;
1443                        }
1444
1445                        list.scrollLeft = oneSetWidth;
1446                    }
1447
1448                    // Mantem a rolagem na "faixa dos originais" [1set, 2set). Salto de
1449                    // exatamente 1 conjunto = sem diferenca visual.
1450                    function normalize() {
1451                        if (oneSetWidth <= 0) return;
1452                        if (list.scrollLeft >= oneSetWidth * 2) {
1453                            list.scrollLeft -= oneSetWidth;
1454                        } else if (list.scrollLeft < oneSetWidth) {
1455                            list.scrollLeft += oneSetWidth;
1456                        }
1457                    }
1458
1459                    function isPaused() {
1460                        return interacting || document.hidden || Date.now() < tempPauseUntil;
1461                    }
1462
1463                    function frame() {
1464                        if (!running) return;
1465                        if (!isPaused() && oneSetWidth > 0) {
1466                            acc += SPEED;
1467                            if (acc >= 1) {
1468                                var d = Math.floor(acc);
1469                                acc -= d;
1470                                list.scrollLeft += d;
1471                                if (list.scrollLeft >= oneSetWidth * 2) {
1472                                    list.scrollLeft -= oneSetWidth;
1473                                }
1474                            }
1475                        }
1476                        rafId = window.requestAnimationFrame(frame);
1477                    }
1478
1479                    function startAuto() {
1480                        if (running || reduceMotion) return;
1481                        running = true;
1482                        acc = 0;
1483                        rafId = window.requestAnimationFrame(frame);
1484                    }
1485
1486                    function stopAuto() {
1487                        running = false;
1488                        if (rafId) {
1489                            window.cancelAnimationFrame(rafId);
1490                            rafId = null;
1491                        }
1492                    }
1493
1494                    function bumpPause(ms) {
1495                        tempPauseUntil = Date.now() + (ms || 2500);
1496                    }
1497
1498                    function enableCarousel() {
1499                        // pulos do loop precisam ser instantaneos; snap causaria tranco
1500                        list.style.scrollBehavior = 'auto';
1501                        list.style.scrollSnapType = 'none';
1502                        buildLoop();
1503                        car.classList.add('can-scroll-left', 'can-scroll-right');
1504                        startAuto();
1505                    }
1506
1507                    function disableCarousel() {
1508                        stopAuto();
1509                        clearClones();
1510                        list.scrollLeft = 0;
1511                        list.style.scrollBehavior = '';
1512                        list.style.scrollSnapType = '';
1513                        car.classList.remove('can-scroll-left', 'can-scroll-right');
1514                    }
1515
1516                    function syncLayout() {
1517                        // No mobile (<768px) o carrossel vira pilha vertical: sem clones, sem giro.
1518                        if (deskMq.matches) {
1519                            disableCarousel();
1520                            enableCarousel();
1521                        } else {
1522                            disableCarousel();
1523                        }
1524                    }
1525
1526                    // Pausa o giro enquanto o usuario interage.
1527                    car.addEventListener('mouseenter', function () { interacting = true; });
1528                    car.addEventListener('mouseleave', function () { interacting = false; });
1529                    car.addEventListener('focusin', function () { interacting = true; });
1530                    car.addEventListener('focusout', function () { interacting = false; });
1531                    list.addEventListener('touchstart', function () { bumpPause(5000); }, { passive: true });
1532                    list.addEventListener('wheel', function () { bumpPause(2500); }, { passive: true });
1533                    list.addEventListener('pointerdown', function () { bumpPause(4000); }, { passive: true });
1534
1535                    // Clique nas setinhas: rola ~2 cards e retoma o giro em seguida.
1536                    function step(dir) {
1537                        var amount = baseItems[0]
1538                            ? Math.round(baseItems[0].getBoundingClientRect().width * 2 + 24)
1539                            : Math.round(list.clientWidth * 0.8);
1540                        list.scrollBy({ left: dir * amount, behavior: 'smooth' });
1541                        bumpPause(3000);
1542                        setTimeout(normalize, 600); // recompoe a folga do loop apos a animacao
1543                    }
1544                    if (prev) prev.addEventListener('click', function () { step(-1); });
1545                    if (next) next.addEventListener('click', function () { step(1); });
1546
1547                    // Recalcula quando a largura muda (cards usam vw) ou cruza o breakpoint.
1548                    var rzTimer = null;
1549                    window.addEventListener('resize', function () {
1550                        if (rzTimer) clearTimeout(rzTimer);
1551                        rzTimer = setTimeout(syncLayout, 200);
1552                    });
1553                    if (deskMq.addEventListener) deskMq.addEventListener('change', syncLayout);
1554                    else if (deskMq.addListener) deskMq.addListener(syncLayout);
1555
1556                    syncLayout();
1557                })();
1558            </script>
1558
1559
1560        </div>
1561    </div>
1562</section>
1563
1564
1565
1566
1567<!--Jquery -->
1568<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"
1569    integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ=="
1570    crossorigin="anonymous"></script>
1570
1571<!-- Owl Carousel -->
1572<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
1572
1573<!-- custom JS code after importing jquery and owl -->
1574<script type="text/javascript">
1575$(document).ready(function() {
1576    $(".owl-carousel").owlCarousel();
1577});
1578
1579$('.owl-carousel').owlCarousel({
1580    loop: true,
1581    margin: 15,
1582    nav: true,
1583    dots: false,
1584    responsiveClass: true,
1585    responsive: {
1586        0: {
1587            items: 2,
1588            nav: true
1589        },
1590        600: {
1591            items: 6,
1592            nav: true
1593        },
1594        1300: {
1595            items: 8,
1596            nav: true
1597        }
1598    }
1599});
1600
1601</script>
1601
1602
1603
1604
1605
1606<!-- <div class="responsivo-camaraagora row invisible-edges p-0" style="padding-left: 12px; padding-right: 12px;">
1607                    <div class="col-md-12" style="text-align:center;">
1608                        <h1 style="text-align: center; margin-bottom: 10px; font-size: 20px"><strong>Nossos serviços online</strong></h1>
1609                    </div>
1610                    <div class="col-xl-12 col-lg-12 col-md-12 container-border-radius estilobottoes p-0 py-3">
1611                        <div class="cartoesagora row-new-cards p-0"> -->
1612
1613<!-- <div class="cadacartao col-lg-2 col-md-4 col-sm-4 col-xs-4 col-4 p-1 mb-1" style="justify-content: center; text-align: center;">
1614                            <a href="<$ddFrenteLink['Link']; ?>"  < echo $target; ?> class="container-de-bordas-camaraagora container-color-hover" style="display: flex !important; flex-direction: column !important; margin-bottom:12px; height: 100%; font-size: 12px !important;">
1615                            
1616                                <span class="bg-secondary-transparent icon-service1" style="width: 40px; height: 40px; margin-left: auto !important; margin-right: auto !important; ">
1617                                    <i class="<echo str_replace($ddFrenteLink['VImg'], 'fa '.$ddFrenteLink['VImg'], $ddFrenteLink['VImg']); ?>"></i>
1618                                </span>
1619                                <div class="text-center mt-0 m-2 mr-3 pr-3" style="width: 100%; font-size: 14px !important; line-height: 1.3; text-align: center;">
1620                                    <echo utf8_encode($ddFrenteLink['Titulo']); ?>
1621                                </div>
1622                            
1623                                <!-- <div class="text-left mt-1 mb-3">
1624                                    <span class="mt-0" style="margin: 0px; font-size: 10px; font-weight: 500 !important;">
1625                                        <div class="row" style="display: flex;">
1626                                            <span class="bg-secondary-transparent icon-service1 text-secondary iconebotao" style="margin-left: 2%; width: 26px; height: 26px;">
1627                                                <i class="<// echo str_replace($ddFrenteLink['VImg'], 'fa '.$ddFrenteLink['VImg'], $ddFrenteLink['VImg']); ?>" style="font-size:16px; height: 10px; padding-bottom: 80%; padding-top: 18%"></i>
1628                                            </span>
1629                                            <div class="text-center mt-0 p-2" style="transform: translate( 1px, -1px); font-size: 125% !important; line-height: 1.3;">
1630                                                < // echo utf8_encode($ddFrenteLink['Titulo']); ?>
1631                                            </div>
1632                                        </div>
1633                                    </span>
1634                                </div> 
1635                            </a>
1636                        </div> -->
1637
1638
1639
1640
1641
1642
1643<!-- </div>
1644                    </div>
1645                    <div class="col-md-12 mt-6" style="text-align:center;">
1646                    <div style='text-align:center;'><a href="servicos.php" class="btn btn-primary btn-sm"><i class="fa fa-mouse-pointer" aria-hidden="true"></i> Ver todos os serviços</a></div>
1647                    </div>
1648                </div> -->
1649</div><div class="home-section-spacing">
1650        <!-- VNoticiaFrente = B (substituido pelo layout novo, mesmo usado em G) -->
1651            <section class="type_screen_desktop" style="margin-bottom: 1.3em; --home-section-accent: #125FA5;">
1652        <div class="container-new1">
1653
1654            <div class="news-feature-clean__header">
1655                <h2 class="title-detail"><strong>Últimas notícias</strong></h2>
1656                <a href="informa.php" class="home-section-link-clean">Mais notícias</a>
1657            </div>
1658
1659            <div class="news-feature-clean">
1660
1661                <article class="news-feature-clean__main">
1662                    <a class="news-feature-clean__main-link" href="/informa/863/itaitinga-amplia-pavimenta-o-e-leva-novas-obras-s-">
1663                        <span class="news-feature-clean__main-img">
1664                            <img src="fotos/863/Capa863.jpg" alt="Itaitinga amplia pavimentação e leva novas obras às ruas do Barrocão" loading="lazy">
1665                        </span>
1666                    </a>
1667
1668                                            <span class="news-feature-clean__category" style="color: #FF9800;">#INFRAESTRUTURA     </span>
1669                    
1670                    <h3 class="news-feature-clean__title">
1671                        <a href="/informa/863/itaitinga-amplia-pavimenta-o-e-leva-novas-obras-s-">Itaitinga amplia pavimentação e leva novas obras às ruas do Barrocão</a>
1672                    </h3>
1673
1674                                            <p class="news-feature-clean__desc">
1675A Prefeitura de Itaitinga segue avançando com as frentes de trabalho de pavimentação e, dando continuidade às ações iniciadas na semana passada, am [...]</p>
1676                    
1677                                            <span class="news-feature-clean__meta">29/09/2026</span>
1678                                    </article>
1679
1680                <div class="news-feature-clean__list">
1681                                            <article class="news-feature-clean__item">
1682                            <a class="news-feature-clean__item-img" href="/informa/862/policl-nica-dr-paulo-c-sar-registra-aumento-de-1-5">
1683                                <img src="fotos/862/Capa862.jpg" alt="Policlínica Dr. Paulo César registra aumento de 1.575 atendimentos em relação a [...]" loading="lazy">
1684                            </a>
1685                            <div class="news-feature-clean__item-body">
1686                                                                    <span class="news-feature-clean__item-category" style="color: #c0392b;">#SAÚDE              </span>
1687                                                                <h4 class="news-feature-clean__item-title">
1688                                    <a href="/informa/862/policl-nica-dr-paulo-c-sar-registra-aumento-de-1-5">Policlínica Dr. Paulo César registra aumento de 1.575 atendimentos em relação a [...]</a>
1689                                </h4>
1690                                                                    <span class="news-feature-clean__item-meta">29/09/2026</span>
1691                                                            </div>
1692                        </article>
1693                                            <article class="news-feature-clean__item">
1694                            <a class="news-feature-clean__item-img" href="/informa/861/utilidade-p-blica">
1695                                <img src="fotos/861/Capa861.jpg" alt="Utilidade Pública" loading="lazy">
1696                            </a>
1697                            <div class="news-feature-clean__item-body">
1698                                                                    <span class="news-feature-clean__item-category" style="color: #00B050;">#ADMINISTRAÇÃO</span>
1699                                                                <h4 class="news-feature-clean__item-title">
1700                                    <a href="/informa/861/utilidade-p-blica">Utilidade Pública</a>
1701                                </h4>
1702                                                                    <span class="news-feature-clean__item-meta">28/09/2026</span>
1703                                                            </div>
1704                        </article>
1705                                            <article class="news-feature-clean__item">
1706                            <a class="news-feature-clean__item-img" href="/informa/860/itaitinga-realiza-1-etapa-da-campanha-de-vacina-o-">
1707                                <img src="fotos/860/Capa860.jpg" alt="Itaitinga realiza 1ª etapa da Campanha de Vacinação Antirrábica para cães e gat [...]" loading="lazy">
1708                            </a>
1709                            <div class="news-feature-clean__item-body">
1710                                                                    <span class="news-feature-clean__item-category" style="color: #c0392b;">#SAÚDE              </span>
1711                                                                <h4 class="news-feature-clean__item-title">
1712                                    <a href="/informa/860/itaitinga-realiza-1-etapa-da-campanha-de-vacina-o-">Itaitinga realiza 1ª etapa da Campanha de Vacinação Antirrábica para cães e gat [...]</a>
1713                                </h4>
1714                                                                    <sp
1714an class="news-feature-clean__item-meta">22/09/2026</span>
1715                                                            </div>
1716                        </article>
1717                                            <article class="news-feature-clean__item">
1718                            <a class="news-feature-clean__item-img" href="/informa/859/itaitinga-inicia-a-semana-com-novas-obras-de-pavim">
1719                                <img src="fotos/859/Capa859.jpg" alt="Itaitinga inicia a semana com novas obras de pavimentação no Centro" loading="lazy">
1720                            </a>
1721                            <div class="news-feature-clean__item-body">
1722                                                                    <span class="news-feature-clean__item-category" style="color: #FF9800;">#INFRAESTRUTURA     </span>
1723                                                                <h4 class="news-feature-clean__item-title">
1724                                    <a href="/informa/859/itaitinga-inicia-a-semana-com-novas-obras-de-pavim">Itaitinga inicia a semana com novas obras de pavimentação no Centro</a>
1725                                </h4>
1726                                                                    <span class="news-feature-clean__item-meta">22/09/2026</span>
1727                                                            </div>
1728                        </article>
1729                                            <article class="news-feature-clean__item">
1730                            <a class="news-feature-clean__item-img" href="/informa/858/itaitinga-destaque-no-cear-cient-fico-2026">
1731                                <img src="fotos/858/Capa858.jpg" alt="ITAITINGA É DESTAQUE NO CEARÁ CIENTÍFICO 2026!" loading="lazy">
1732                            </a>
1733                            <div class="news-feature-clean__item-body">
1734                                                                    <span class="news-feature-clean__item-category" style="color: #f39c12;">#EDUCAÇÃO           </span>
1735                                                                <h4 class="news-feature-clean__item-title">
1736                                    <a href="/informa/858/itaitinga-destaque-no-cear-cient-fico-2026">ITAITINGA É DESTAQUE NO CEARÁ CIENTÍFICO 2026!</a>
1737                                </h4>
1738                                                                    <span class="news-feature-clean__item-meta">16/09/2026</span>
1739                                                            </div>
1740                        </article>
1741                                    </div>
1742
1743            </div>
1744
1745        </div>
1746    </section>
1747
1748                <section class="type_screen_mobile" style="margin-bottom: 1.3em">
1749                <div class="container">
1750                    <div class="col-md-12" style="padding-inline: 0">
1751                        <h2 class="title-topics title-detail" style="margin-bottom: 5px; margin-top: 0;"><strong>Últimas notícias</strong></h2>
1752
1753                        <div class="row">
1754
1755                                                        <div class="col-md-4">
1756                                <div class="public_paginas"
1757                                    style="margin-top: 10px; padding-bottom: 0; border-radius: 9px;">
1758
1759                                    <div style="border-radius: 10px;">
1760                                        	<a href='informa.php?id=863'>		<img class='img-responsive' style='width:100%; height: 250px; margin-right:5px; background-color:;background-repeat:no-repeat; background-size: cover; object-fit: cover; background-position:center; margin-bottom: 0px; border-top-left-radius: 9px; border-top-right-radius: 9px' src=fotos/863/Capa863.jpg> </img>	</a>                                    </div>
1761
1762                                    <div class="col-md-12" style="padding: 1.5em">
1763
1764                                        <span class="tag_news"> #infraestrutura                                             </span>
1765
1766                                        <h4 class="data_h4" style="padding-block: 7px;">
1767                                            <a class="LinkInforma3" href="informa.php?id=863">
1768                                                <strong>Itaitinga amplia pavimentação e leva novas obras às ruas do Barrocão</strong>                                            </a>
1769                                        </h4>
1770
1771                                        
1772                                                                                <sp
1772an style="margin-left: 3px; font-size: 12px"> <i class='fa fa-calendar-o'></i> 29-09-2026 </span>
1773                                        
1774                                        <div style="clear:both; padding-top: 0px; ">
1775                                            <a href="informa?id=863" style="font-size: 12px" class="type-link1">
1776                                                Continue lendo... </a>
1777                                        </div>
1778
1779                                    </div>
1780
1781                                </div>
1782                            </div>
1783                                                        <div class="col-md-4">
1784                                <div class="public_paginas"
1785                                    style="margin-top: 10px; padding-bottom: 0; border-radius: 9px;">
1786
1787                                    <div style="border-radius: 10px;">
1788                                        	<a href='informa.php?id=862'>		<img class='img-responsive' style='width:100%; height: 250px; margin-right:5px; background-color:;background-repeat:no-repeat; background-size: cover; object-fit: cover; background-position:center; margin-bottom: 0px; border-top-left-radius: 9px; border-top-right-radius: 9px' src=fotos/862/Capa862.jpg> </img>	</a>                                    </div>
1789
1790                                    <div class="col-md-12" style="padding: 1.5em">
1791
1792                                        <span class="tag_news"> #saúde                                                      </span>
1793
1794                                        <h4 class="data_h4" style="padding-block: 7px;">
1795                                            <a class="LinkInforma3" href="informa.php?id=862">
1796                                                <strong>Policlínica Dr. Paulo César registra aumento de 1.575 atendimentos em relação a 2025</strong>                                            </a>
1797                                        </h4>
1798
1799                                        
1800                                                                                <span style="margin-left: 3px; font-size: 12px"> <i class='fa fa-calendar-o'></i> 29-09-2026 </span>
1801                                        
1802                                        <div style="clear:both; padding-top: 0px; ">
1803                                            <a href="informa?id=862" style="font-size: 12px" class="type-link1">
1804                                                Continue lendo... </a>
1805                                        </div>
1806
1807                                    </div>
1808
1809                                </div>
1810                            </div>
1811                                                        <div class="col-md-4">
1812                                <div class="public_paginas"
1813                                    style="margin-top: 10px; padding-bottom: 0; border-radius: 9px;">
1814
1815                                    <div style="border-radius: 10px;">
1816                                        	<a href='informa.php?id=861'>		<img class='img-responsive' style='width:100%; height: 250px; margin-right:5px; background-color:;background-repeat:no-repeat; background-size: cover; object-fit: cover; background-position:center; margin-bottom: 0px; border-top-left-radius: 9px; border-top-right-radius: 9px' src=fotos/861/Capa861.jpg> </img>	</a>                                    </div>
1817
1818                                    <div class="col-md-12" style="padding: 1.5em">
1819
1820                                        <span class="tag_news"> #administração                                        </span>
1821
1822                                        <h4 class="data_h4" style="padding-block: 7px;">
1823                                            <a class="LinkInforma3" href="informa.php?id=861">
1824                                                <strong>Utilidade Pública</strong>                                            </a>
1825                                        </h4>
1826
1827                                        
1828                                                                                <sp
1828an style="margin-left: 3px; font-size: 12px"> <i class='fa fa-calendar-o'></i> 28-09-2026 </span>
1829                                        
1830                                        <div style="clear:both; padding-top: 0px; ">
1831                                            <a href="informa?id=861" style="font-size: 12px" class="type-link1">
1832                                                Continue lendo... </a>
1833                                        </div>
1834
1835                                    </div>
1836
1837                                </div>
1838                            </div>
1839                                                        <div class="col-md-4">
1840                                <div class="public_paginas"
1841                                    style="margin-top: 10px; padding-bottom: 0; border-radius: 9px;">
1842
1843                                    <div style="border-radius: 10px;">
1844                                        	<a href='informa.php?id=860'>		<img class='img-responsive' style='width:100%; height: 250px; margin-right:5px; background-color:;background-repeat:no-repeat; background-size: cover; object-fit: cover; background-position:center; margin-bottom: 0px; border-top-left-radius: 9px; border-top-right-radius: 9px' src=fotos/860/Capa860.jpg> </img>	</a>                                    </div>
1845
1846                                    <div class="col-md-12" style="padding: 1.5em">
1847
1848                                        <span class="tag_news"> #saúde                                                      </span>
1849
1850                                        <h4 class="data_h4" style="padding-block: 7px;">
1851                                            <a class="LinkInforma3" href="informa.php?id=860">
1852                                                <strong>Itaitinga realiza 1ª etapa da Campanha de Vacinação Antirrábica para cães e gatos</strong>                                            </a>
1853                                        </h4>
1854
1855                                        
1856                                                                                <span style="margin-left: 3px; font-size: 12px"> <i class='fa fa-calendar-o'></i> 22-09-2026 </span>
1857                                        
1858                                        <div style="clear:both; padding-top: 0px; ">
1859                                            <a href="informa?id=860" style="font-size: 12px" class="type-link1">
1860                                                Continue lendo... </a>
1861                                        </div>
1862
1863                                    </div>
1864
1865                                </div>
1866                            </div>
1867                                                        <div class="col-md-4">
1868                                <div class="public_paginas"
1869                                    style="margin-top: 10px; padding-bottom: 0; border-radius: 9px;">
1870
1871                                    <div style="border-radius: 10px;">
1872                                        	<a href='informa.php?id=859'>		<img class='img-responsive' style='width:100%; height: 250px; margin-right:5px; background-color:;background-repeat:no-repeat; background-size: cover; object-fit: cover; background-position:center; margin-bottom: 0px; border-top-left-radius: 9px; border-top-right-radius: 9px' src=fotos/859/Capa859.jpg> </img>	</a>                                    </div>
1873
1874                                    <div class="col-md-12" style="padding: 1.5em">
1875
1876                                        <span class="tag_news"> #infraestrutura                                             </span>
1877
1878                                        <h4 class="data_h4" style="padding-block: 7px;">
1879                                            <a class="LinkInforma3" href="informa.php?id=859">
1880                                                <strong>Itaitinga inicia a semana com novas obras de pavimentação no Centro</strong>                                            </a>
1881                                        </h4>
1882
1883                                        
1884                                                                                <sp
1884an style="margin-left: 3px; font-size: 12px"> <i class='fa fa-calendar-o'></i> 22-09-2026 </span>
1885                                        
1886                                        <div style="clear:both; padding-top: 0px; ">
1887                                            <a href="informa?id=859" style="font-size: 12px" class="type-link1">
1888                                                Continue lendo... </a>
1889                                        </div>
1890
1891                                    </div>
1892
1893                                </div>
1894                            </div>
1895                                                    </div>
1896
1897                        <div style="clear:both; padding-top: 20px; text-align: center;">
1898                            <a href="informa.php" class="type-link1 home-section-link-clean"> Mais notícias </a>
1899                        </div>
1900
1901                    </div>
1902
1903
1904                </div>
1905            </section>
1906
1907    </div><div class="home-section-spacing">    <section>
1908        <div class="container-new1">
1909            <div class='row'>
1910
1911                <div class="col-md-12" style="margin-top: 5em; margin-bottom: 10px;">
1912                    <div class="container-home">
1913                        <h2 class="title-topics title-detail" style="margin-block: 0px; float: left"><strong>Diário oficial</strong></h2>
1914                        <a href="/diariooficial" class="type-link1" style="">
1915                            Mais diários
1916                            <i class="bi bi-box-arrow-up-right"></i> 
1917                        </a>
1918                        <!-- <h2 style="text-align: center; margin-bottom: 0px; font-size: 20px;"><strong>Diário Oficial</strong></h2> -->
1919                        <!-- <h2 class="title-topics title-detail" style="margin-bottom: 5px;"><strong>Diário oficial</strong></h2> -->
1920
1921                        <!-- <div class="col-md-6" style="padding-left: 0;">
1922                            <h2 class="title-topics title-detail" style="margin-block: 0px; float: left"><strong>Diário oficial</strong></h2>
1923                        </div>
1924                        <div class="col-md-6 mais-diarios-main-menu" style="padding-right: 0;">
1925                            <a href="/diariooficial" class="type-link1 home-section-link-clean" style="float: right; line-height: 1.2em; margin-top: 5px"> Mais diários </a>
1926                        </div> -->
1927
1928                    </div>
1929
1930                </div>
1931
1932                <div class="col-md-4" style="margin-top: 0px; margin-bottom: 10px;">
1933                    <div class="row">
1934                        <div class="col-md-12">
1935                            <div class="col-md-12">
1936
1937
1938                                <div class="row" style="border: 2px  solid #125FA5 !important; border-radius: 3px;">
1939                                    <a class='btn btn-outline-primary' style="width: 100%; border-radius: 0px; padding: 0; text-align: left;" href="diariooficial.php?id=1677">
1940                                        <div class="col-md-4 diario_index_coluna_2 vacina_col">
1941                                            <span class="vacina_quantidade" style="font-size: 37px; float: right; margin-top: -5px;"><i class="fa fa-file-pdf-o"></i></span>
1942                                        </div>
1943                                        <div class="col-md-8">
1944                                            <p style="font-size: 18px; font-weight: 300; margin-top: 10px; margin-bottom: 0px; line-height: 1.2;">
1945                                                Diário: 1639/2026                                                <br>
1946                                                data: 02/10/2026                                            </p>
1947                                        </div>
1948                                    </a>
1949                                </div>
1950
1951                            </div>
1952                        </div>
1953                    </div>
1954                </div>
1955
1956                <div class="col-md-4" style="margin-top: 0px; margin-bottom: 10px;">
1957                    <div class="row">
1958                        <div class="col-md-12">
1959                            <div class="col-md-12">
1960                                <div class="row" style="border: 2px  solid #125FA5 !important; border-radius: 3px;">
1961                                    <a class='btn btn-outline-primary' style="width: 100%; border-radius: 0px; padding: 0; text-align: left;"  href="diariolista.php?Exer=2026">
1962                                        <div class="col-md-4 diario_index_coluna_2 vacina_col">
1963                                            <span class="vacina_quantidade" style="font-size: 37px; float: right; margin-top: -5px;">176</span>
1964                                        </div>
1965                                        <div class="col-md-8">
1966                                            <p style="font-size: 18px; font-weight: 300; margin-top: 10px; margin-bottom: 0px; line-height: 1.2;">
1967                                                Quantidade de diários <br> no exercício atual
1968                                            </p>
1969                                        </div>
1970                                    </a>
1971                                </div>
1972                            </div>
1973                        </div>
1974                    </div>
1975                </div>
1976
1977                <div class="col-md-4" style="margin-top: 0px; margin-bottom: 10px;">
1978                    <div class="row">
1979                        <div class="col-md-12">
1980                            <div class="col-md-12">
1981                                <div class="row" style="border: 2px  solid #125FA5 !important; border-radius: 3px;">
1982                                    <a class='btn btn-outline-primary' style="width: 100%; border-radius: 0px; padding: 0; text-align: left;" href="diariolista.php">
1983                                        <div class="col-md-5 diario_index_coluna_2 vacina_col">
1984                                            <span class="vacina_quantidade" style="font-size: 37px; float: right; margin-top: -5px;">1.634</span>
1985                                        </div>
1986                                        <div class="col-md-7">
1987                                            <p style="font-size: 18px; font-weight: 300; margin-top: 10px; margin-bottom: 0px; line-height: 1.2;">
1988                                                Quantidade de <br> diários total
1989                                            </p>
1990                                        </div>
1991                                    </a>
1992                                </div>
1993                            </div>
1994                        </div>
1995                    </div>
1996                </div>
1997
1998
1999
2000            </div>
2001
2002        </div>
2003    </section>
2004</div></main><div class="home-section-spacing">    <div class="section">
2005        <div class="container-new1">
2006            <div class="row">
2007                <div class="col-md-12">
2008                    <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="5000" style="width: 100%; margin-bottom: 10px;">
2009                                                <!-- Indicators 
2010                        <ol id="EsOv" class="carousel-indicators">
2011                                                    </ol>
2012                        -->
2013                                                <!-- Wrapper for slides -->
2014                        <div class="carousel-inner" role="listbox" style="border-radius: 9px; overflow: hidden;">
2015                            <a href="cartaservicos.php"  class='item active' ><img style='background-color:#1A5490; width: 100%;' alt='Banner' src='link/link311.png' /></a>                        </div>
2016                        
2017                                                <!-- Left and right controls -->
2018                                            </div>
2019
2020                </div>
2021            </div>
2022        </div>
2023    </div>
2024</div><main class="container-new1 home-index-content" style="--site-card-radius: 9px; --home-section-accent: #125FA5;"><div class="home-section-spacing"><section class="home-units-section">
2025        <div class="container-new1">
2026            <div class="row">
2027                <div class="col-md-12">
2028
2029                <div class="home-section-header-clean">
2030                    <h2 class="home-title-clean title-detail">Unidades de atendimento</h2>
2031                    <a class="home-section-link-clean" href="secretaria.php">Ver todas</a>
2032                </div>
2033                <div class="unidades-clean">
2034                    <a class="unidades-clean__item" href="secretaria.php">
2035                        <span class="bi bi-diagram-3-fill unidades-clean__icon"></span>
2035<p class="unidades-clean__label">Secretarias</p>
2036                    </a>
2037                    <a class="unidades-clean__item" href="unidadesaude.php">
2038                        <span class="bi bi-heart-pulse-fill unidades-clean__icon"></span><p class="unidades-clean__label">Unidades de saúde</p>
2039                    </a>
2040                    <a class="unidades-clean__item" href="unidadeacaosocial.php">
2041                        <span class="bi bi-person-hearts unidades-clean__icon"></span><p class="unidades-clean__label">Socioassistencial</p>
2042                    </a>
2043                    <a class="unidades-clean__item" href="unidadeeducacao.php">
2044                        <span class="bi bi-mortarboard-fill unidades-clean__icon"></span><p class="unidades-clean__label">Unidades escolares</p>
2045                    </a>
2046                    <a class="unidades-clean__item" href="unidadecultura.php">
2047                        <span class="bi bi-palette-fill unidades-clean__icon"></span><p class="unidades-clean__label">Unidades culturais</p>
2048                    </a>
2049                                    </div>
2050
2051                </div>
2052            </div>
2053        </div>
2054    </section>
2055</div><div class="home-section-spacing">
2056<section>
2057    <div class="container-new1 margin-informes">
2058        <div class='row'>
2059
2060            <div class="col-md-12 publicacoes-clean">
2061                <div class="publicacoes-clean__top">
2062                    <!-- <h2 style="text-align: center; margin-bottom: 20px; font-size: 20px;"><strong>Informações das </strong></h2> -->
2063                    <h2 class="m-0 title-detail">Últimas publicações</h2>
2064                    <a id="publicacoes-btn-ver-mais" class="type-link1 home-section-link-clean" target="_blank" href="#"></a>
2065                </div>
2066
2067                <div class="publicacoes-clean__panel">
2068                <ul class="nav nav-tabs nav-tabs2" role="tablist">
2069
2070
2071                                            <li class="l-obra-col-2 nav-item-services active"><a class='long-tabs' style="padding:10px 15px;cursor: pointer;" data-toggle="tab" role="tablist" data-target="#lrf" data-ver-mais="lrf.php" data-nome="LRF"><i style="font-size: 14px;" class="bi bi-file-earmark-pdf-fill"></i> LRF</a></li>
2072                    
2073                                            <li class="l-obra-col-2 nav-item-services "><a class='long-tabs' style="padding:10px 15px;cursor: pointer;" data-target="#portarias" data-toggle="tab" role="tablist" data-ver-mais="portaria.php" data-nome="Portarias"><i style="font-size: 14px;" class="bi bi-file-earmark-pdf-fill"></i> Portarias</a></li>
2074                    
2075                                            <li class="l-obra-col-2 nav-item-services "><a class='long-tabs' style="padding:10px 15px;cursor: pointer;" data-toggle="tab" role="tablist" data-target="#diaria" data-ver-mais="diariaslista.php" data-nome="Diarias"><i style="font-size: 14px;" class="bi bi-file-earmark-pdf-fill"></i> Diárias</a></li>
2076                    
2077                                            <li class="l-obra-col-2 nav-item-services "><a class='long-tabs' style="padding:10px 15px;cursor: pointer;" data-toggle="tab" role="tablist" data-target="#leis" data-ver-mais="leis.php" data-nome="Leis"><i style="font-size: 14px;" class="bi bi-file-earmark-pdf-fill"></i> Leis</a></li>
2078                                                                <li class="l-obra-col-2 nav-item-services "><a class='long-tabs' style="padding:10px 15px;cursor: pointer;" data-toggle="tab" role="tablist" data-target="#decretos" data-ver-mais="decretos.php" data-nome="Decretos"><i style="font-size: 14px;" class="bi bi-file-earmark-pdf-fill"></i> Decretos</a></li>
2079                    
2080
2081                                        <!--<li class="l-obra; nav-item-services < echo $ClassAtiva; ?>"><a class='long-tabs' style="padding:10px 15px;cursor: pointer;" data-toggle="tab" role="tablist" data-target="#outros"><i style="font-size: 14px;" class="fa fa-file-text-o"></i> </a></li> -->
2082                    
2083                                            <li class="l-obra;
2083 nav-item-services >"><a class='long-tabs' style="padding:10px 15px;cursor: pointer;" data-toggle="tab" role="tablist" data-target="#pcgs" data-ver-mais="pcgs.php" data-nome="PCGs"><i style="font-size: 14px;" class="bi bi-file-earmark-pdf-fill"></i> PCG </a></li>
2084                    
2085                    
2086                </ul>
2087
2088                <div class="tab-content tab-space tab-space2 background-box-tabs">
2089                    
2090                        <div class="tab-pane active" id="lrf" style="width: 100%; margin-top: 15px">
2091                            <div class="row">
2092                                <div class="col-md-12" style="padding-inline: 1.6em;">
2093                                    <!-- <h3 class="campanhaTitulo"><strong>LRF</strong>
2094                                        <a class="btn btn-primary btn-sm pull-right botaoCampanhaTitulo" target="_blank" href="decretos.php"><i class="fa fa-plus"></i> Mais detalhes </a>
2095                                        <a class="btn btn-primary btn-sm pull-right botaoCampanhaTitulo" style="margin-right: 5px;" target="_blank" href="relatorio.php?id=20"><i class="fa fa-bars"></i> Exportações </a>
2096                                    </h3> -->
2097                                    <a href='lrf.php?id=2086' class='publicacoes-clean__item'>   <div class='publicacoes-clean__item-body'>       <p class='publicacoes-clean__item-title'>RGF - Relatório de Gestão Fiscal - 2° Quadrimestre/2026</p>              <span class='publicacoes-clean__item-date' itemprop='realizationDate'><i class='fa fa-calendar-o'></i> 01/10/2026</span><span class='publicacoes-clean__badge' style='background: #0E4981'>NOVO</span>   </div></a><a href='lrf.php?id=2085' class='publicacoes-clean__item'>   <div class='publicacoes-clean__item-body'>       <p class='publicacoes-clean__item-title'>RREO - Relatório Resumido da Execução Orçamentária - 4º Bimestre/2026</p>              <span class='publicacoes-clean__item-date' itemprop='realizationDate'><i class='fa fa-calendar-o'></i> 01/10/2026</span><span class='publicacoes-clean__badge' style='background: #0E4981'>NOVO</span>   </div></a><a href='lrf.php?id=2044' class='publicacoes-clean__item'>   <div class='publicacoes-clean__item-body'>       <p class='publicacoes-clean__item-title'>RREO - Relatório Resumido da Execução Orçamentária - 3º Bimestre/2026</p>              <span class='publicacoes-clean__item-date' itemprop='realizationDate'><i class='fa fa-calendar-o'></i> 30/06/2026</span>   </div></a><a href='lrf.php?id=2013' class='publicacoes-clean__item'>   <div class='publicacoes-clean__item-body'>       <p class='publicacoes-clean__item-title'>LDO - Lei de Diretrizes orçamentárias - Anual/2027</p>              <span class='publicacoes-clean__item-date' itemprop='realizationDate'><i class='fa fa-calendar-o'></i> 28/05/2026</span>   </div></a><a href='lrf.php?id=2008' class='publicacoes-clean__item'>   <div class='publicacoes-clean__item-body'>       <p class='publicacoes-clean__item-title'>RREO - Relatório Resumido da Execução Orçamentária - 2º Bimestre/2026</p>              <span class='publicacoes-clean__item-date' itemprop='realizationDate'><i class='fa fa-calendar-o'></i> 28/05/2026</span>   </div></a><a href='lrf.php?id=2007' class='publicacoes-clean__item'>   <div class='publicacoes-clean__item-body'>       <p class='publicacoes-clean__item-title'>RGF - Relatório de Gestão Fiscal - 1° Quadrimestre/2026</p>              <span class='publicacoes-clean__item-date' itemprop='realizationDate'><i class='fa fa-calendar-o'></i> 28/05/2026</span>   </div></a>                                    <div class="text-center">
2098                                        <!-- <a class="type-link1" style="margin: 4px;" target="_blank" href="lrf.php"> Mais detalhes </a> -->
2099                                        <!--<a class="type-link1" style="margin: 4px;" target="_blank" href="relatorio.php?id=22"> Exportações </a>-->
2100                                    </div>
2101                                </div>
2102                            </div>
2103                        </div>
2104                    
2105                                            <div class="tab-pane " id="portarias" style="width: 100%;  margin-top: 15px">
2106                            <div class="row">
2107                                <div class="col-md-12" style="padding-inline: 1.6em;">
2108
2109                                    <a href='portaria.php?id=2243' class='publicacoes-clean__item'>   <div class='publicacoes-clean__item-body'>       <p class='publicacoes-clean__item-title'>NOMEAÇÃO: 217/2026</p>       <p class='publicacoes-clean__item-text' itemprop='object'>NOMEAR o Sr. JOÃO RODRIGO CACAU UCHÔA para exercer o cargo de CORREGEDOR DA GUARDA MUNICIPAL, referência CRG-I, lotado na Secretaria Municipal de Segurança Pública de Itaitinga/CE, na forma do art. 3º, da Lei Municipal nº 1.006 de 12 de agosto de 2025</p>
2109       <span class='publicacoes-clean__item-date' itemprop='realizationDate'><i class='fa fa-calendar-o'></i> 24/09/2026</span>   </div>   <span class='publicacoes-clean__item-arrow'></span></a><a href='portaria.php?id=2239' class='publicacoes-clean__item'>   <div class='publicacoes-clean__item-body'>       <p class='publicacoes-clean__item-title'>NOMEAÇÃO: 014/2026</p>       <p class='publicacoes-clean__item-text' itemprop='object'>Nomear a servidora Rafaela Crisóstomo Ferreira, Engenheira Civil, matrícula nº 19351, para exercer, em substituição, ao Sr. Antônio Evangelista Neto, as atividades da Coordenadoria de Controle Urbano, no período de 24 de setembro de 2026 a 23 de outubro [...]</p>       <span class='publicacoes-clean__item-date' itemprop='realizationDate'><i class='fa fa-calendar-o'></i> 23/09/2026</span>   </div>   <span class='publicacoes-clean__item-arrow'></span></a><a href='portaria.php?id=2242' class='publicacoes-clean__item'>   <div class='publicacoes-clean__item-body'>       <p class='publicacoes-clean__item-title'>DESIGNAÇÃO: 013/2026</p>       <p class='publicacoes-clean__item-text' itemprop='object'>DESIGNAR a servidora RENATA FERREIRA DA SILVA para exercer a função de FISCAL DE CONTRATOS na Secretaria de Meio Ambiente e Controle Urbano deste Município a partir da assinatura deste ato, na forma da Legislação atual atinente à matéria, dos respectivo [...]</p>       <span class='publicacoes-clean__item-date' itemprop='realizationDate'><i class='fa fa-calendar-o'></i> 23/09/2026</span>   </div>   <span class='publicacoes-clean__item-arrow'></span></a>                                    <div class="text-center">
2110                                        <!-- <a class="type-link1" style="margin: 4px;" target="_blank" href="portaria.php"> Mais detalhes </a> -->
2111                                        <!--<a class="type-link1" style="margin: 4px;" target="_blank" href="relatorio.php?id=23"> Exportações </a>-->
2112                                    </div>
2113                                </div>
2114                            </div>
2115                        </div>
2116                    
2117                                            <div class="tab-pane " id="diaria" style="width: 100%; margin-top: 15px">
2118                            <div class="row">
2119                                <div class="col-md-12" style="padding-inline: 1.6em;">
2120                                    <!-- <h3 class="campanhaTitulo"><strong>diarias</strong>
2121                                        <a class="btn btn-primary btn-sm pull-right botaoCampanhaTitulo" target="_blank" href="diariaslista.php"><i class="fa fa-plus"></i> Mais detalhes </a>
2122
2123                                    </h3> -->
2124                                    <a href='diariaslista.php?id=2203' class='publicacoes-clean__item'>   <div class='publicacoes-clean__item-body'>       <p class='publicacoes-clean__item-title'>DIÁRIA: 194/2026</p>       <p class='publicacoes-clean__item-text' itemprop='object'>Conceder na forma da Lei Municipal nº 686/2021, 03 (três) diárias no valor de 800,00 (oitocentos reais) e ajuda de custo de 20% sobre o valor da diária, totalizando o valor de R$ 2.880,00 (dois mil, oitocentos e oitenta reais) para o Secretário da Control [...]</p>       <span class='publicacoes-clean__item-date' itemprop='realizationDate'><i class='fa fa-calendar-o'></i> 21/07/2026</span>   </div>   <span class='publicacoes-clean__item-arrow'></span></a><a href='diariaslista.php?id=2183' class='publicacoes-clean__item'>   <div class='publicacoes-clean__item-body'>       <p class='publicacoes-clean__item-title'>DIÁRIA: 034/2026</p>       <p class='publicacoes-clean__item-text' itemprop='object'>Conceder, forma da lei Municipal n° 686/2021, 3 (três) diárias e Meia no valor de R$ 2.400,00 (dois mil e quatrocentos reais) e ajudar de custo de 30% (trinta por cento) sobre o valor da diária, totalizando o valor de R$ 3.120,00 (três mil e cento e vinte [...]</p>       <span class='publicacoes-clean__item-date' itemprop='realizationDate'><i class='fa fa-calendar-o'></i> 09/07/2026</span>   </div>   <span class='publicacoes-clean__item-arrow'></span></a><a href='diariaslista.php?id=2182' class='publicacoes-clean__item'>   <div class='publicacoes-clean__item-body'>       <p class='publicacoes-clean__item-title'>DIÁRIA: 033/2026</p>       <p class='publicacoes-clean__item-text' itemprop='object'>Conceder, forma da lei Municipal n° 686/2021, 3 (três) diárias e Meia no valor de R$ 2.400,00 (dois mil e quatrocentos reais) e ajudar de custo de 30% (trinta por cento) sobre o valor da diária, totalizando o valor de R$ 3.120,00 (três mil e cento e vinte [...]</p>
2124       <span class='publicacoes-clean__item-date' itemprop='realizationDate'><i class='fa fa-calendar-o'></i> 09/07/2026</span>   </div>   <span class='publicacoes-clean__item-arrow'></span></a>                                    <div class="text-center">
2125                                        <!-- <a class="type-link1" style="margin: 4px;" target="_blank" href="diariaslista.php"> Mais detalhes </a> -->
2126                                    </div>
2127                                </div>
2128                            </div>
2129                        </div>
2130                    
2131                    
2132                        <div class="tab-pane " id="leis" style="width: 100%; margin-top: 15px">
2133                            <div class="row">
2134                                <div class="col-md-12" style="padding-inline: 1.6em;">
2135
2136                                    <a href='leis.php?id=2082' class='publicacoes-clean__item'>   <div class='publicacoes-clean__item-body'>       <p class='publicacoes-clean__item-title'>Lei Municipal: 1086/2026</p>       <p class='publicacoes-clean__item-text' itemprop='object'>Dispõe sobre a concessão de abono remuneratório aos profissionais da educação básica em efetivo exercício, com recursos do Fundo de Manutenção e Desenvolvimento da Educação Básica e de Valorização dos Profissionais da Educação (FUNDEB), no âmb [...]</p>       <span class='publicacoes-clean__item-date' itemprop='realizationDate'><i class='fa fa-calendar-o'></i> 24/09/2026</span>   </div>   <span class='publicacoes-clean__item-arrow'></span></a><a href='leis.php?id=2081' class='publicacoes-clean__item'>   <div class='publicacoes-clean__item-body'>       <p class='publicacoes-clean__item-title'>Lei Municipal: 1085/2026</p>       <p class='publicacoes-clean__item-text' itemprop='object'>Fica revogado o Anexo III da Lei Municipal nº 526, de 18 de maio de 2015, em razão da reclassificação do Bairro Ancuri como Zona de Expansão Urbana – ZEU I, e dá outras providências.</p>       <span class='publicacoes-clean__item-date' itemprop='realizationDate'><i class='fa fa-calendar-o'></i> 10/09/2026</span>   </div>   <span class='publicacoes-clean__item-arrow'></span></a><a href='leis.php?id=2080' class='publicacoes-clean__item'>   <div class='publicacoes-clean__item-body'>       <p class='publicacoes-clean__item-title'>Lei Municipal: 1084/2026</p>       <p class='publicacoes-clean__item-text' itemprop='object'>Reestrutura o Conselho Municipal de Saúde de Itaitinga — CMSI, criado pela Lei Municipal nº 022, de 30 de junho de 1993, revoga a Lei Municipal nº 062, de 13 de maio de 1994, e dá outras providências.</p>       <span class='publicacoes-clean__item-date' itemprop='realizationDate'><i class='fa fa-calendar-o'></i> 10/09/2026</span>   </div>   <span class='publicacoes-clean__item-arrow'></span></a>
2137                                    <div class="text-center">
2138                                        <!-- <a class="type-link1" style="margin: 4px;" target="_blank" href="leis.php"> Mais detalhes </a> -->
2139                                        <!--<a class="type-link1" style="margin: 4px;" target="_blank" href="relatorio.php?id=1"> Exportações </a>-->
2140                                    </div>
2141
2142                                </div>
2143                            </div>
2144                        </div>
2145                    
2146                    
2147                        <div class="tab-pane " id="decretos" style="width: 100%; margin-top: 15px">
2148                            <div class="row">
2149                                <div class="col-md-12" style="padding-inline: 1.6em;">
2150                                    <!-- <h3 class="campanhaTitulo"><strong>decretos</strong>
2151                                        <a class="btn btn-primary btn-sm pull-right botaoCampanhaTitulo" target="_blank" href="decretos.php"><i class="fa fa-plus"></i> Mais detalhes </a>
2152                                        <a class="btn btn-primary btn-sm pull-right botaoCampanhaTitulo" style="margin-right: 5px;" target="_blank" href="relatorio.php?id=20"><i class="fa fa-bars"></i> Exportações </a>
2153                                    </h3> -->
2154                                    <a href='decretos.php?id=2074' 
2154class='publicacoes-clean__item'>   <div class='publicacoes-clean__item-body'>       <p class='publicacoes-clean__item-title'>Decreto: 43/2026</p>       <p class='publicacoes-clean__item-text' itemprop='object'>Regulamenta o art. 91 da Lei Complementar 12/2022, com nova redação dada pela Lei Complementar 016/2025 no que se refere aos documentos comprobatórios da condição de Incorporador Imobiliário, na execução do serviço por pessoal próprio e em terreno pr [...]</p>       <span class='publicacoes-clean__item-date' itemprop='realizationDate'><i class='fa fa-calendar-o'></i> 21/09/2026</span>   </div>   <span class='publicacoes-clean__item-arrow'></span></a><a href='decretos.php?id=2066' class='publicacoes-clean__item'>   <div class='publicacoes-clean__item-body'>       <p class='publicacoes-clean__item-title'>Decreto: 41/2026</p>       <p class='publicacoes-clean__item-text' itemprop='object'>Dispõe sobre a convocação da 8ª Conferência Municipal dos Direitos da Criança e do Adolescente no Município de Itaitinga/CE e dá outras providências.</p>       <span class='publicacoes-clean__item-date' itemprop='realizationDate'><i class='fa fa-calendar-o'></i> 25/08/2026</span>   </div>   <span class='publicacoes-clean__item-arrow'></span></a><a href='decretos.php?id=2063' class='publicacoes-clean__item'>   <div class='publicacoes-clean__item-body'>       <p class='publicacoes-clean__item-title'>Decreto: 40/2026</p>       <p class='publicacoes-clean__item-text' itemprop='object'>Decreta LUTO OFICIAL no Município de Itaitinga pelo falecimento do Servidor e Cidadão Itaitinguense,  Sr. Marcos Antonio da Costa Ferreira, e dá outras providências. </p>       <span class='publicacoes-clean__item-date' itemprop='realizationDate'><i class='fa fa-calendar-o'></i> 20/08/2026</span>   </div>   <span class='publicacoes-clean__item-arrow'></span></a>                                    <div class="text-center">
2155                                        <!-- <a class="type-link1" style="margin: 4px;" target="_blank" href="decretos.php"> Mais detalhes </a> -->
2156                                        <!--<a class="type-link1" style="margin: 4px;" target="_blank" href="relatorio.php?id=20"> Exportações </a>-->
2157                                    </div>
2158                                </div>
2159                            </div>
2160                        </div>
2161                    
2162                                        <!--
2163                        <div class="tab-pane <echo $TabPane; ?>" id="outros" style="width: 100%;">
2164                            <div class="row">
2165                                <div class="col-md-12">
2166                                 <h3 class="campanhaTitulo"><strong> Outras Publicações </strong>
2167                                        a class="btn btn-primary btn-sm pull-right botaoCampanhaTitulo" target="_blank" href="publicacoes.php"><i class="fa fa-plus"></i> Mais detalhes </a>
2168                                        <a class="btn btn-primary btn-sm pull-right botaoCampanhaTitulo" style="margin-right: 5px;" target="_blank" href="relatorio.php?id=21"><i class="fa fa-bars"></i> Exportações </a> 
2169                                    </h3> 
2170                                    
2171                                    <div class="text-center">
2172                                        <a class="type-link1" style="margin: 4px;" target="_blank" href="publicacoes.php"> Mais detalhes </a>
2173                                        <a class="type-link1" style="margin: 4px;" target="_blank" href="relatorio.php?id=21"> Exportações </a>
2174                                    </div> 
2175
2176
2177                                </div>
2178                            </div>
2179                        </div> 
2180                                    -->
2181                    
2182                    
2183                        <div class="tab-pane " id="pcgs" style="width: 100%; margin-top: 15px">
2184                            <div class="row">
2185                                <div class="col-md-12" style="padding-inline: 1.6em;">
2186                                    <!-- <h3 class="campanhaTitulo"><strong>LRF</strong>
2187                                        <a class="btn btn-primary btn-sm pull-right botaoCampanhaTitulo" target="_blank" href="decretos.php"><i class="fa fa-plus"></i> Mais detalhes </a>
2188                                        <a class="btn btn-primary btn-sm pull-right botaoCampanhaTitulo" style="margin-right: 5px;" target="_blank" href="relatorio.php?id=20"><i class="fa fa-bars"></i> Exportações </a>
2189                                    </h3> -->
2190                                    <a href='pcgs.php?id=1916' class='publicacoes-clean__item'>   <div class='publicacoes-clean__item-body'>       <p class='publicacoes-clean__item-title'>PCG - Prestação de Contas de Governo - Anual/2025</p>
2190              <span class='publicacoes-clean__item-date' itemprop='realizationDate'><i class='fa fa-calendar-o'></i> 30/01/2026</span>   </div></a><a href='pcgs.php?id=1590' class='publicacoes-clean__item'>   <div class='publicacoes-clean__item-body'>       <p class='publicacoes-clean__item-title'>PCG - Prestação de Contas de Governo - Anual/2024</p>              <span class='publicacoes-clean__item-date' itemprop='realizationDate'><i class='fa fa-calendar-o'></i> 27/01/2025</span>   </div></a><a href='pcgs.php?id=1458' class='publicacoes-clean__item'>   <div class='publicacoes-clean__item-body'>       <p class='publicacoes-clean__item-title'>PCG - Prestação de Contas de Governo - Anual/2023</p>              <span class='publicacoes-clean__item-date' itemprop='realizationDate'><i class='fa fa-calendar-o'></i> 29/01/2024</span>   </div></a><a href='pcgs.php?id=1261' class='publicacoes-clean__item'>   <div class='publicacoes-clean__item-body'>       <p class='publicacoes-clean__item-title'>PCG - Prestação de Contas de Governo - Anual/2022</p>              <span class='publicacoes-clean__item-date' itemprop='realizationDate'><i class='fa fa-calendar-o'></i> 31/12/2022</span>   </div></a><a href='pcgs.php?id=1174' class='publicacoes-clean__item'>   <div class='publicacoes-clean__item-body'>       <p class='publicacoes-clean__item-title'>PCS - Prestação de Contas de Gestão - Anual/2021</p>              <span class='publicacoes-clean__item-date' itemprop='realizationDate'><i class='fa fa-calendar-o'></i> 28/06/2022</span>   </div></a><a href='pcgs.php?id=1185' class='publicacoes-clean__item'>   <div class='publicacoes-clean__item-body'>       <p class='publicacoes-clean__item-title'>PCS - Prestação de Contas de Gestão - Anual/2021</p>              <span class='publicacoes-clean__item-date' itemprop='realizationDate'><i class='fa fa-calendar-o'></i> 28/04/2022</span>   </div></a>                                    <div class="text-center">
2191                                        <!-- <a class="type-link1" style="margin: 4px;" target="_blank" href="pcgs.php"> Mais detalhes </a> -->
2192                                        <!--<a class="type-link1" style="margin: 4px;" target="_blank" href="relatorio.php?id=22"> Exportações </a>-->
2193                                    </div>
2194                                </div>
2195                            </div>
2196                        </div>
2197                    
2198                    
2199                </div>
2200                </div>
2201            </div>
2202        </div>
2203    </div>
2204</section>
2205<script>
2206$(document).ready(function () {
2207    var botao = $('#publicacoes-btn-ver-mais');
2208
2209    function atualizarBotao(tab) {
2210        var link = $(tab).data('ver-mais');
2211        var nome = $(tab).data('nome');
2212
2213        if (link) {
2214            botao.attr('href', link);
2215            botao.html(`Ver mais ${nome}`);
2216        }
2217    }
2218
2219    var abaAtiva = $('.nav-tabs2 .nav-item-services.active .long-tabs');
2220
2221    if (abaAtiva.length) {
2222        atualizarBotao(abaAtiva);
2223    } else {
2224        var primeiraAba = $('.nav-tabs2 .long-tabs').first();
2225
2226        if (primeiraAba.length) {
2227            atualizarBotao(primeiraAba);
2228        }
2229    }
2230
2231    $('.nav-tabs2 .long-tabs').on('shown.bs.tab', function () {
2232        atualizarBotao(this);
2233    });
2234});
2235</script>
2235
2236</div><div class="home-section-spacing">
2237<section class="section__cards home-biddings-clean" style="--home-biddings-accent: #125FA5; --home-biddings-radius: 9px;">
2238    <div class="container-new1">
2239        <div class="card__title home-section-header-clean">
2240            <h2 class="title-topics title-detail"><strong>Últimas licitações</strong></h2>
2241            <a class="home-section-link-clean" href="licitacao.php">Ver todas</a>
2242        </div>
2243        <div class="card__container swiper">
2244            <div id="cards_new" class="card__content">
2245                <div class="swiper-wrapper">
2246
2247                                    <article class="card__article swiper-slide">
2248                        <div class="card__data public_paginas">
2249                            <a class="home-biddings-clean__link" href="licitacaolista.php?id=1450">
2250                                <div class="card__head">
2251                                    <div class="home-biddings-clean__identity">
2252                                        <span class="home-biddings-clean__icon" aria-hidden="true"><i class="bi bi-file-earmark-text"></i></span>
2253                                        <h6 class="card__name">CONCORRÊNCIA </h6>
2254                                    </div>
2255                                    <div class="d-flex text-right lh-16">
2256                                        <!-- <span>Nº Edital</span> -->
2257                                        <span class="card_nlicitacao">120918-2026CPE/2026</span>
2258                                    </div>
2259                                </div>
2260
2261                                <div class="card__conteudo">
2262                                    <p class="card__description">
2263                                        CONTRATAÇÃO DE EMPRESA PARA SERVIÇO DE REFORMA E AMPLIAÇÃO DA ESCOLA DE ENSINO FUNDAMENTAL [...]                                    </p>
2264                                </div>
2265
2266                                <div class="card__footer">
2267                                    <span class="home-biddings-clean__date"> <i class='ri-calendar-event-line' style='font-size: 16px'></i> ABERTURA: 13/10/2026 09:10</span>
2268                                    <div class="d-flex text-right lh-16">
2269                                        <span class='card_nlicitacao home-biddings-clean__status home-biddings-clean__status--waiting'>Aguardando</span>                                    </div>
2270                                </div>
2271                            </a>
2272                        </div>
2273                    </article>
2274
2275                    
2276
2277                                    <article class="card__article swiper-slide">
2278                        <div class="card__data public_paginas">
2279                            <a class="home-biddings-clean__link" href="licitacaolista.php?id=1448">
2280                                <div class="card__head">
2281                                    <div class="home-biddings-clean__identity">
2282                                        <span class="home-biddings-clean__icon" aria-hidden="true"><i class="bi bi-file-earmark-text"></i></span>
2283                                        <h6 class="card__name">CONCORRÊNCIA </h6>
2284                                    </div>
2285                                    <div class="d-flex text-right lh-16">
2286                                        <!-- <span>Nº Edital</span> -->
2287                                        <span class="card_nlicitacao">130909/2026CPE/2026</span>
2288                                    </div>
2289                                </div>
2290
2291                                <div class="card__conteudo">
2292                                    <p class="card__description">
2293                                        CONTRATAÇÃO DE EMPRESA ESPECIALIZADA PARA A CONSTRUÇÃO DA CENTRAL DE GASES MEDICINAIS E DA [...]                                    </p>
2294                                </div>
2295
2296                                <div class="card__footer">
2297                                    <span class="home-biddings-clean__date"> <i class='ri-calendar-event-line' style='font-size: 16px'></i> ABERTURA: 05/10/2026 09:10</span>
2298                                    <div class="d-flex text-right lh-16">
2299                                        <span class='card_nlicitacao home-biddings-clean__status home-biddings-clean__status--waiting'>Aguardando</span>                                    </div>
2300                                </div>
2301                            </a>
2302                        </div>
2303                    </article>
2304
2305                    
2306
2307                                    <article class="card__article swiper-slide">
2308                        <div class="card__data public_paginas">
2309                            <a class="home-biddings-clean__link" href="licitacaolista.php?id=1447">
2310                                <div class="card__head">
2311                                    <div class="home-biddings-clean__identity">
2312                                        <span class="home-biddings-clean__icon" aria-hidden="true"><i class="bi bi-file-earmark-text"></i></span>
2313                                        <h6 class="card__name">CONCORRÊNCIA </h6>
2314                                    </div>
2315                                    <div class="d-flex text-right lh-16">
2316                                        <!-- <span>Nº Edital</span> -->
2317                                        <span class="card_nlicitacao">070909/2026CPE/2026</span>
2318                                    </div>
2319                                </div>
2320
2321                                <div class="card__conteudo">
2322                                    <p class="card__description">
2323                                        CONTRATAÇÃO DE EMPRESA ESPECIALIZADA PARA EXECUÇÃO DE PAVIMENTAÇÃO EM PEDRA TOSCA DA RUA F [...]                                    </p>
2324                                </div>
2325
2326                                <div class="card__footer">
2327                                    <span class="home-biddings-clean__date"> <i class='ri-calendar-event-line' style='font-size: 16px'></i> ABERTURA: 01/10/2026 09:10</span>
2328                                    <div class="d-flex text-right lh-16">
2329                                                                            </div>
2330                                </div>
2331                            </a>
2332                        </div>
2333                    </article>
2334
2335                    
2336
2337                                    <article class="card__article swiper-slide">
2338                        <div class="card__data public_paginas">
2339                            <a class="home-biddings-clean__link" href="licitacaolista.php?id=1453">
2340                                <div class="card__head">
2341                                    <div class="home-biddings-clean__identity">
2342                                        <span class="home-biddings-clean__icon" aria-hidden="true"><i class="bi bi-file-earmark-text"></i></span>
2343                                        <h6 class="card__name">CHAMAMENTO PÚBLICO </h6>
2344                                    </div>
2345                                    <div class="d-flex text-right lh-16">
2346                                        <!-- <span>Nº Edital</span> -->
2347                                        <span class="card_nlicitacao">140922/2026PC/2026</span>
2348                                    </div>
2349                                </div>
2350
2351                                <div class="card__conteudo">
2352                                    <p class="card__description">
2353                                        CREDENCIAMENTO DE PESSOA JURÍDICA ESPECIALIZADA NO SERVIÇO DE ACOLHIMENTO INSTITUIÇÃO (MOD [...]                                    </p>
2354                                </div>
2355
2356                                <div class="card__footer">
2357                                    <span class="home-biddings-clean__date"> <i class='ri-calendar-event-line' style='font-size: 16px'></i> ABERTURA: 29/09/2026 09:30</span>
2358                                    <div class="d-flex text-right lh-16">
2359                                                                            </div>
2360                                </div>
2361                            </a>
2362                        </div>
2363                    </article>
2364
2365                    
2366
2367                                    <article class="card__article swiper-slide">
2368                        <div class="card__data public_paginas">
2369                            <a class="home-biddings-clean__link" href="licitacaolista.php?id=1440">
2370                                <div class="card__head">
2371                                    <div class="home-biddings-clean__identity">
2372                                        <span class="home-biddings-clean__icon" aria-hidden="true"><i class="bi bi-file-earmark-text"></i></span>
2373                                        <h6 class="card__name">CONCORRÊNCIA </h6>
2374                                    </div>
2375                                    <div class="d-flex text-right lh-16">
2376                                        <!-- <span>Nº Edital</span> -->
2377                                        <span class="card_nlicitacao">070827-2026CPE/2026</span>
2378                                    </div>
2379                                </div>
2380
2381                                <div class="card__conteudo">
2382                                    <p class="card__description">
2383                                        CONTRATAÇÃO DE EMPRESA ESPECIALIZADA PARA EXECUÇÃO DE PAVIMENTAÇÃO EM PEDRA TOSCA DA RUA F [...]                                    </p>
2384                                </div>
2385
2386                                <div class="card__footer">
2387                                    <span class="home-biddings-clean__date"> <i class='ri-calendar-event-line' style='font-size: 16px'></i> ABERTURA: 17/09/2026 09:10</span>
2388                                    <div class="d-flex text-right lh-16">
2389                                                                            </div>
2390                                </div>
2391                            </a>
2392                        </div>
2393                    </article>
2394
2395                    
2396
2397                                    <article class="card__article swiper-slide">
2398                        <div class="card__data public_paginas">
2399                            <a class="home-biddings-clean__link" href="licitacaolista.php?id=1439">
2400                                <div class="card__head">
2401                                    <div class="home-biddings-clean__identity">
2402                                        <span class="home-biddings-clean__icon" aria-hidden="true"><i class="bi bi-file-earmark-text"></i></span>
2403                                        <h6 class="card__name">PREGÃO </h6>
2404                                    </div>
2405                                    <div class="d-flex text-right lh-16">
2406                                        <!-- <span>Nº Edital</span> -->
2407                                        <span class="card_nlicitacao">2026.15.25.08PE/2026</span>
2408                                    </div>
2409                                </div>
2410
2411                                <div class="card__conteudo">
2412                                    <p class="card__description">
2413                                        CONTRATAÇÃO DE EMPRESA ESPECIALIZADA PARA A PRESTAÇÃO DE SERVIÇOS TÉCNICOS E CIENTÍFICOS V [...]                                    </p>
2414                                </div>
2415
2416                                <div class="card__footer">
2417                                    <span class="home-biddings-clean__date"> <i class='ri-calendar-event-line' style='font-size: 16px'></i> ABERTURA: 14/09/2026 09:10</span>
2418                                    <div class="d-flex text-right lh-16">
2419                                                                            </div>
2420                                </div>
2421                            </a>
2422                        </div>
2423                    </article>
2424
2425                    
2426
2427                                    <article class="card__article swiper-slide">
2428                        <div class="card__data public_paginas">
2429                            <a class="home-biddings-clean__link" href="licitacaolista.php?id=1442">
2430                                <div class="card__head">
2431                                    <div class="home-biddings-clean__identity">
2432                                        <span class="home-biddings-clean__icon" aria-hidden="true"><i class="bi bi-file-earmark-text"></i></span>
2433                                        <h6 class="card__name">CHAMAMENTO PÚBLICO </h6>
2434                                    </div>
2435                                    <div class="d-flex text-right lh-16">
2436                                        <!-- <span>Nº Edital</span> -->
2437                                        <span class="card_nlicitacao">02.20.08/2026/2026</span>
2438                                    </div>
2439                                </div>
2440
2441                                <div class="card__conteudo">
2442                                    <p class="card__description">
2443                                        Inscrições de profissionais formados em comunicação, publicidade ou marketing, ou que atue [...]                                    </p>
2444                                </div>
2445
2446                                <div class="card__footer">
2447                                    <span class="home-biddings-clean__date"> <i class='ri-calendar-event-line' style='font-size: 16px'></i> ABERTURA: 04/09/2026 08:00</span>
2448                                    <div class="d-flex text-right lh-16">
2449                                                                            </div>
2450                                </div>
2451                            </a>
2452                        </div>
2453                    </article>
2454
2455                    
2456
2457                                    <article class="card__article swiper-slide">
2458                        <div class="card__data public_paginas">
2459                            <a class="home-biddings-clean__link" href="licitacaolista.php?id=1454">
2460                                <div class="card__head">
2461                                    <div class="home-biddings-clean__identity">
2462                                        <span class="home-biddings-clean__icon" aria-hidden="true"><i class="bi bi-file-earmark-text"></i></span>
2463                                        <h6 class="card__name">REGISTRO DE PREÇOS </h6>
2464                                    </div>
2465                                    <div class="d-flex text-right lh-16">
2466                                        <!-- <span>Nº Edital</span> -->
2467                                        <span class="card_nlicitacao">12.00.07.08/2026PE/2026</span>
2468                                    </div>
2469                                </div>
2470
2471                                <div class="card__conteudo">
2472                                    <p class="card__description">
2473                                        REGISTRO DE PREÇOS PARA O FORNECIMENTO DE MATERIAIS DE CONSUMO, COMPREENDENDO GÁS 
2473LIQUEFEI [...]                                    </p>
2474                                </div>
2475
2476                                <div class="card__footer">
2477                                    <span class="home-biddings-clean__date"> <i class='ri-calendar-event-line' style='font-size: 16px'></i> ABERTURA: 21/08/2026 10:00</span>
2478                                    <div class="d-flex text-right lh-16">
2479                                                                            </div>
2480                                </div>
2481                            </a>
2482                        </div>
2483                    </article>
2484
2485                    
2486
2487                                    <article class="card__article swiper-slide">
2488                        <div class="card__data public_paginas">
2489                            <a class="home-biddings-clean__link" href="licitacaolista.php?id=1432">
2490                                <div class="card__head">
2491                                    <div class="home-biddings-clean__identity">
2492                                        <span class="home-biddings-clean__icon" aria-hidden="true"><i class="bi bi-file-earmark-text"></i></span>
2493                                        <h6 class="card__name">CONCORRÊNCIA </h6>
2494                                    </div>
2495                                    <div class="d-flex text-right lh-16">
2496                                        <!-- <span>Nº Edital</span> -->
2497                                        <span class="card_nlicitacao">140727/2026CPE/2026</span>
2498                                    </div>
2499                                </div>
2500
2501                                <div class="card__conteudo">
2502                                    <p class="card__description">
2503                                        CONTRATAÇÃO DE EMPRESA ESPECIALIZADA PARA A CONSTRUÇÃO DE UM CRAS NO MUNICÍPIO DE ITAITING [...]                                    </p>
2504                                </div>
2505
2506                                <div class="card__footer">
2507                                    <span class="home-biddings-clean__date"> <i class='ri-calendar-event-line' style='font-size: 16px'></i> ABERTURA: 19/08/2026 09:10</span>
2508                                    <div class="d-flex text-right lh-16">
2509                                                                            </div>
2510                                </div>
2511                            </a>
2512                        </div>
2513                    </article>
2514
2515                    
2516
2517                                    <article class="card__article swiper-slide">
2518                        <div class="card__data public_paginas">
2519                            <a class="home-biddings-clean__link" href="licitacaolista.php?id=1426">
2520                                <div class="card__head">
2521                                    <div class="home-biddings-clean__identity">
2522                                        <span class="home-biddings-clean__icon" aria-hidden="true"><i class="bi bi-file-earmark-text"></i></span>
2523                                        <h6 class="card__name">CHAMAMENTO PÚBLICO </h6>
2524                                    </div>
2525                                    <div class="d-flex text-right lh-16">
2526                                        <!-- <span>Nº Edital</span> -->
2527                                        <span class="card_nlicitacao">110707/2026PC/2026</span>
2528                                    </div>
2529                                </div>
2530
2531                                <div class="card__conteudo">
2532                                    <p class="card__description">
2533                                        CREDENCIAMENTO DE ORGANIZAÇÕES DA SOCIEDADE CIVIL - OSCS PARA EXECUÇÃO DE ESCOLINHAS ESPOR [...]                                    </p>
2534                                </div>
2535
2536                                <div class="card__footer">
2537                                    <span class="home-biddings-clean__date"> <i class='ri-calendar-event-line' style='font-size: 16px'></i> ABERTURA: 10/07/2026 09:30</span>
2538                                    <div class="d-flex text-right lh-16">
2539                                                                            </div>
2540                                </div>
2541                            </a>
2542                        </div>
2543                    </article>
2544
2545                    
2546
2547                                </div>
2548            </div>
2549            
2550            
2551            <!-- Navigation buttons -->
2552            <div class="swiper-button-next home-biddings-clean__next" role="button" aria-label="Próximas licitações" title="Próximas licitações">
2553                <i class="ri-arrow-right-line"></i>
2554            </div>
2555            
2556            <div class="swiper-button-prev home-biddings-clean__prev" role="button" aria-label="Licitações anteriores" title="Licitações anteriores">
2557                <i class="ri-arrow-left-line"></i>
2558            </div>
2559
2560            <!-- Pagination -->
2561            <div class="swiper-pagination"></div>
2562            
2563                    
2564        </div>
2565        <!-- <div class="card__links"> -->
2566            <!-- <div class="col-md-12"> -->
2567            <!-- <div class="row"> -->
2568                        <!-- <div class="col-md-4" style="padding-block: 1em;"> -->
2569                    <!-- <a class="type-link1 lh-16 link-white" style="margin-bottom: 11px; line-height: 1.21em; padding-block: 1em;" href="<formatUtf8($dd_list['Link']) ?>" target="">
2570                        < ucfirst(mb_strtolower(formatUtf8( $dd_list['DescLink']))); ?>
2571                    </a> -->
2572                <!-- </div> -->
2573
2574                    <!-- </div> -->
2575            <!-- </div> -->
2576        <!-- </div> -->
2577    </div>
2578</section>
2579
2580</div></main>    <div>
2581            </div>
2582
2583    
2584
2585<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer>
2586    function resetTurnstileIfNeeded() {
2587        if (window.turnstile) { try { turnstile.reset(); } catch (e) {} }
2588    }
2589    window.addEventListener('pageshow', (event) => { if (event.persisted) { resetTurnstileIfNeeded(); } });
2590    document.addEventListener('visibilitychange', () => { if (document.visibilityState === 'visible') { resetTurnstileIfNeeded(); } });
2591</script>
2591
2592
2593    
2593<script src="/js/shortcuts.js"></script>
2593
2594    
2594<script>
2595        shortcut.add("Alt+H", function() {
2596            window.location.assign("index.php");
2597        });
2598
2599        shortcut.add("Alt+Shift+1", function() {
2600            window.location.assign("acessibilidade.php");
2601        });
2602
2603        shortcut.add("Alt+9", function() {
2604            window.scrollTo(0, 0);
2605        });
2606
2607        shortcut.add("Alt+C", function() {
2608            window.location.href = '#ancora';
2609        });
2610    </script>
2610
2611
2612
2613
2614    
2615    <section class="container-new1 rodape-radar-atricon">
2616        <div class="" style="">
2617            <div class='public_paginas' style="padding-bottom: 0px;">
2618                <div class="row">
2619                    <div class="col-md-12">
2620                        <a href="https://radardatransparencia.atricon.org.br/ " target="_blank">
2621                            <img src="/imagens/radar_atricon.png" alt="Radar ATRICON" width="100%" style="display: block; border-radius: 9px;">
2622                        </a>
2623                    </div>
2624                </div>
2625            </div>
2626        </div>
2627    </section>
2628
2629    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
2630
2631
2632    <div id="scroll2"><a href="/atricon.php"><img src="/imagens/atricon48x48.png" title="Atricon"></a></div>
2633    
2634    <div id="scroll"><span></span></div>
2635
2636    
2637    <div class="section" id="bottom" style="padding-bottom: 0px;">
2638                                
2639                
2640 
2641
2642<div style="display: flex; margin:0; margin-bottom: 5px;">
2643       
2644</div>      
2645
2646        
2647                        <section>
2648                    <div class="col-md-12  ">
2649                        <div class="row fitaflex">
2650                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 9px solid; border-image: linear-gradient(45deg, #326B3C, #479655 ) 1;"></div>
2651                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 9px solid; border-image: linear-gradient(45deg, #479655, #326B3C ) 1;"></div>
2652                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 9px solid; border-image: linear-gradient(45deg, #326B3C, #479655 ) 1;"></div>
2653                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 9px solid; border-image: linear-gradient(45deg, #479655, #326B3C ) 1;"></div>
2654                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 9px solid; border-image: linear-gradient(45deg, #326B3C, #479655 ) 1;"></div>
2655                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 9px solid #479655;"></div>
2656                        </div>
2657                    </div>
2658                </section>
2659            
2660            <style>
2661            /* banner "Radar Nacional da Transparencia" (antes do rodape, em toda pagina): tinha so
2662               margin-top:10px (nenhuma embaixo), entao a distancia pro rodape ficava bem menor que
2663               a distancia pro conteudo acima dele. So mexe em cima/embaixo — o atalho "margin: 30px 0"
2664               zerava tambem a margem lateral (que nao era 0) e deslocava o banner pro lado. */
2665            .rodape-radar-atricon {
2666                margin-top: 30px;
2667                margin-bottom: 30px;
2668            }
2669
2670            /* ===== Rodapé institucional 2026 — modelo B (bottomTipo9) — namespace .site-footer*
2671               Fundo em degrade na cor do site, cabecalho (logo + nome + redes), faixa de
2672               selos, 3 cards translucidos e barra final. So o layout/CSS mudou: consultas,
2673               condicionais e dados continuam os mesmos. Sem largura propria: usa o
2674               .container-new1 padrao do site (alinhado ao cabecalho e as secoes). ===== */
2675            .site-footer {
2676                position: relative;
2677                /* clear: a faixa de cores logo acima (.col-md-12 do Bootstrap) e um float
2678                   sem clearfix. Com overflow:hidden o rodapé vira um bloco "BFC" e, sem
2679                   clear, ele encolhe pra ficar ao lado desse float (largura 0). */
2680                clear: both;
2681                overflow: hidden;
2682                background: #0E4981;
2683                background: linear-gradient(155deg, #0E4981 0%, #082a4b 100%);
2684                color: rgba(255, 255, 255, .86);
2685                font-size: 14px;
2686            }
2687
2688            /* brilhos suaves de fundo (decorativos) */
2689            .site-footer::before,
2690            .site-footer::after {
2691                content: "";
2692                position: absolute;
2693                border-radius: 50%;
2694                pointer-events: none;
2695            }
2696
2697            .site-footer::before {
2698                width: 700px;
2699                height: 700px;
2700                right: -180px;
2701                top: -320px;
2702                background: radial-gradient(closest-side, rgba(255, 255, 255, .16), transparent);
2703            }
2704
2705            .site-footer::after {
2706                width: 560px;
2707                height: 560px;
2708                left: -200px;
2709                bottom: -300px;
2710                background: radial-gradient(closest-side, rgba(255, 255, 255, .09), transparent);
2711            }
2712
2713            .site-footer > * {
2714                position: relative;
2715                z-index: 1;
2716            }
2717
2718            /* ---- cabecalho: logo + nome (esq.) e selos (dir.) ---- */
2719            .site-footer__head {
2720                display: flex;
2721                flex-wrap: wrap;
2722                align-items: center;
2723                justify-content: space-between;
2724                gap: 22px 32px;
2725                padding-block: 48px 28px;
2726            }
2727
2728            .site-footer__brand {
2729                display: flex;
2730                align-items: center;
2731                min-width: 0;
2732            }
2733
2734            .site-footer-identity__logo {
2735                max-height: 100px;
2736                width: auto;
2737                max-width: 100%;
2738                filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .2));
2739            }
2740
2741            .site-footer-identity__city {
2742                /* sem font-family aqui de proposito: herda de body{font-family:
2743                   "Roboto", Arial, Helvetica, sans-serif}, configuravel por municipio
2744                   (css/style.php). Nao hardcodar uma fonte especifica. */
2745                margin: 0;
2746                font-size: 16px;
2747                font-weight: 400;
2748                letter-spacing: .005em;
2749                text-transform: none;
2750                color: rgba(255, 255, 255, .9);
2751            }
2752
2753            /* divisor entre a logo e o nome (so quando existe logo) */
2754            .site-footer-identity__logo + .site-footer-identity__city {
2755                margin-left: 22px;
2756                padding-left: 22px;
2757                border-left: 1px solid rgba(255, 255, 255, .3);
2758            }
2759
2760            /* ---- selos, encaixados no cabecalho no lugar das redes sociais ---- */
2761            .site-footer__seals-inline {
2762                display: flex;
2763                flex-wrap: wrap;
2764                align-items: center;
2765                justify-content: flex-end;
2766                gap: 16px;
2767            }
2768
2769            .site-footer__seals-inline img {
2770                width: 40px;
2771                display: block;
2772                opacity: .9;
2773                transition: opacity .15s ease, transform .15s ease;
2774            }
2775
2776            .site-footer__seals-inline a:hover img {
2777                opacity: 1;
2778                transform: translateY(-2px);
2779            }
2780
2781            /* ---- 3 cards: Institucional / Contatos / Endereco e horario ---- */
2782            .site-footer__grid {
2783                display: grid;
2784                grid-template-columns: repeat(3, 1fr);
2785                gap: 18px;
2786                padding: 32px 0 36px;
2787            }
2788
2789            .site-footer__col {
2790                min-width: 0;
2791                padding: 26px 26px 14px;
2792                /* raio exatamente igual ao configurado no site (VCaixaArredondamento) — antes usava
2793                   uma formula (2x + 6px) que deixava esses cards bem mais arredondados que o resto do site */
2794                border-radius: var(--site-card-radius, 7px);
2795                background: rgba(255, 255, 255, .08);
2796                border: 1px solid rgba(255, 255, 255, .16);
2797            }
2798
2799            .site-footer__col-title {
2800                display: flex;
2801                align-items: center;
2802                gap: 12px;
2803                margin: 0 0 18px;
2804                font-size: 12.5px;
2805                font-weight: 700;
2806                line-height: 1.2;
2807                text-transform: uppercase;
2808                letter-spacing: .09em;
2809                color: #fff;
2810            }
2811
2812            .site-footer__col-ico {
2813                display: inline-flex;
2814                flex: 0 0 40px;
2815                align-items: center;
2816                justify-content: center;
2817                width: 40px;
2818                height: 40px;
2819                border-radius: var(--site-card-radius, 7px);
2820                background: rgba(255, 255, 255, .16);
2821                font-size: 18px;
2822            }
2823
2824            .site-footer__col p {
2825                display: flex;
2826                align-items: flex-start;
2827                gap: 10px;
2828                margin: 0 0 12px;
2829                font-size: 14px;
2830                line-height: 1.55;
2831                color: rgba(255, 255, 255, .9);
2832            }
2833
2834            .site-footer__col p i {
2835                flex: none;
2836                width: 16px;
2837                margin-top: 3px;
2838                text-align: center;
2839                color: #fff;
2840                opacity: .7;
2841            }
2842
2843            /* ---- barra final ---- */
2844            .site-footer__bottom {
2845                background: rgba(0, 0, 0, .14);
2846                border-top: 1px solid rgba(255, 255, 255, .14);
2847            }
2848
2849            .site-footer__bottom-inner {
2850                display: flex;
2851                flex-wrap: wrap;
2852                align-items: center;
2853                justify-content: space-between;
2854                gap: 8px 20px;
2855                /* so vertical: o padding lateral vem do .container-new1, igual ao dos cards */
2856                padding-block: 18px;
2857                color: rgba(255, 255, 255, .75);
2858                font-size: 13px;
2859            }
2860
2861            /* O .container-new1 (main.css) tem um clearfix: ::before/::after com
2862               content:" ". Num container flex esses dois pseudo-elementos viram
2863               itens extras, e o space-between reparte o espaco entre 4 itens —
2864               os <p> ficam "boiando" no meio em vez de nas pontas do container.
2865               Aqui o flex ja contem os filhos, entao o clearfix e desligado. */
2866            .site-footer .site-footer__bottom-inner::before,
2867            .site-footer .site-footer__bottom-inner::after {
2868                content: none;
2869                display: none;
2870            }
2871
2872            .site-footer__bottom p {
2873                margin: 0;
2874            }
2875
2876            /* copyright na ponta esquerda do container, acessibilidade na direita */
2877            .site-footer__bottom-inner p:first-child {
2878                text-align: left;
2879            }
2880
2881            .site-footer__bottom-inner p:last-child {
2882                text-align: right;
2883            }
2884
2885            .site-footer__bottom a {
2886                color: #fff;
2887                font-weight: 500;
2888                text-decoration: none;
2889            }
2890
2891            .site-footer__bottom a:hover,
2892            .site-footer__bottom a:focus-visible {
2893                text-decoration: underline;
2894            }
2895
2896            /* ---- responsivo ---- */
2897            @media (max-width: 991px) {
2898                .site-footer__grid {
2899                    grid-template-columns: 1fr;
2900                }
2901            }
2902
2903            @media (max-width: 767px) {
2904                .site-footer__head {
2905                    flex-direction: column;
2906                    justify-content: center;
2907                    text-align: center;
2908                    padding-block: 34px 22px;
2909                }
2910
2911                .site-footer__brand {
2912                    flex-direction: column;
2913                    gap: 14px;
2914                }
2915
2916                .site-footer-identity__logo + .site-footer-identity__city {
2917                    margin-left: 0;
2918                    padding-left: 0;
2919                    border-left: 0;
2920                }
2921
2922                .site-footer__seals-inline {
2923                    justify-content: center;
2924                }
2925
2926                .site-footer__grid {
2927                    padding: 26px 0 28px;
2928                }
2929
2930                .site-footer__bottom-inner {
2931                    justify-content: center;
2932                    text-align: center;
2933                }
2934
2935                .site-footer__bottom-inner p:first-child,
2936                .site-footer__bottom-inner p:last-child {
2937                    text-align: center;
2938                }
2939            }
2940        </style>
2941
2942    </div>
2943
2944    <footer class="site-footer" role="contentinfo" style="--site-card-radius: 9px;">
2945        <div class="container-new1 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
2946            <div class="site-footer__head">
2947                <div class="site-footer__brand">
2948                    <img src="/imagens/logovazada.png?time=1790895079" alt="Prefeitura Municipal de Itaitinga" class="site-footer-identity__logo">
2949                <p class="site-footer-identity__city">
2950                    Prefeitura Municipal de Itaitinga - CE                </p>
2951                </div>
2952
2953            <div class='site-footer__seals-inline'><a href='/selos'><img src='/imagens/imagensselos/atricon-ouro-2025-p.png' alt='' title=''></a><a href='/selos'>
2953<img src='/imagens/imagensselos/alfa-ouro-p.png' alt='Selo Nacional compromisso com a Alfabetização Ouro 2024
2954' title='Selo Nacional compromisso com a Alfabetização Ouro 2024
2955'></a><a href='/selos'><img src='/imagens/imagensselos/atricon-prata-2024-p.png' alt='
2956Selo ATRICON Prata 2024' title='
2957Selo ATRICON Prata 2024'></a><a href='/selos'><img src='/imagens/imagensselos/unicef-2021-2024-p.png' alt='Selo UNICEF 2021-2024' title='Selo UNICEF 2021-2024'></a></div>            </div>
2958        </div>
2959
2960        <div class="container-new1">
2961            <div class="site-footer__grid">
2962
2963                <div class="site-footer__col">
2964                    <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>
2965
2966                    
2967                    <p><i class='bi bi-person-circle' aria-hidden="true"></i> <span>Prefeito Antônio Marcos Tavares</span></p>
2968                                        <p><i class='bi bi-postcard' aria-hidden="true"></i> <span>CNPJ: 41.563.628/0001-82</span></p>
2969                                    </div>
2970
2971                <div class="site-footer__col">
2972                    <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>
2973                                        <p><i class='bi bi-telephone' aria-hidden="true"></i> <span>(85) 3513-2002</span></p>
2974                    <p><i class='bi bi-envelope-at' aria-hidden="true"></i> <span>[email protected]</span></p>
2975                </div>
2976
2977                <div class="site-footer__col">
2978                    <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>
2979
2980                    <p>
2981                        <i class='bi bi-geo-alt' aria-hidden='true'></i>
2982                        <span>
2983                            Av. Cel. Virgílio Távora,
2984
2985                                                        1710
2986                                                            - Centro,
2987
2988                                                                61.880-000                        </span>
2989                    </p>
2990                    <p>
2991                        <i class='bi bi-clock' aria-hidden='true'></i>
2992                        <span>Segunda À Sexta de 08 Às 12h e 13h Às 17:00</span>
2993                    </p>
2994                </div>
2995
2996
2997            </div>
2998        </div>
2999
3000        <div class="site-footer__bottom">
3001            <div class="container-new1 site-footer__bottom-inner">
3002                <p>
3003                    &copy; 2026 <a target='_blank' href='http://www.assesi.com.br/' title=''>Assesi</a>.
3004                    Todos os Direitos Reservados.
3005                </p>
3006                <p><a href="/acessibilidade.php">Acessibilidade</a></p>
3007            </div>
3008                    </div>
3009    </footer>
3010
3011
3012<script type="text/javascript">
3013
3014    // document.addEventListener('click', function(){
3015    //     const link_before = event.target.closest('a');
3016    //     const link_destino = (link_before) ? link_before.href : null;
3017
3018    //     const params_before = new URLSearchParams(link_before);
3019    //     if (params_before.has('source')) {
3020
3021    //         localStorage.getItem('source', 'app');  
3022    //     } else {
3023    //         localStorage.removeItem('source');
3024    //     }
3025
3026    // });
3027
3028</script>
3028
3029
3030    <!-- FIM Pop-up -->
3031
3032    
3032<script src="/js/jquery.js"></script>
3032
3033    
3033<script src="/js/bootstrap.min.js"></script>
3033
3034    
3034<script src="/js/jquery.easing.min.js"></script>
3034
3035    
3035<script src="/js/jquery.prettyPhoto.js"></script>
3035
3036    
3036<script src="/js/jquery.isotope.min.js"></script>
3036
3037    
3037<script src="/js/wow.min.js"></script>
3037
3038    
3038<script src="/js/gtag.js"></script>
3038
3039    
3039<script src="/js/jquery.font-accessibility.min.js"></script>
3039
3040    
3040<script src="/js/flipbook.min.js"></script>
3040
3041    
3041<script src="/js/swiper-bundle.min.js?v=2.1"></script>
3041
3042    
3042<script src="/js/main.js?v=2.1"></script>
3042
3043            
3043<script>
3044            $(function() {
3045                /* Custom buttons */
3046                $('#font-setting-buttons').easyView({
3047                    container: 'body, .header, row, section, container, .col-md-10, .col-md-8, .col-md-4, .col-md-6, .col-md-8, .col-md-12, footer',
3048                    increaseSelector: '.increase-me',
3049                    decreaseSelector: '.decrease-me',
3050                    normalSelector: '.reset-me',
3051                    contrastSelector: '.change-me'
3052                });
3053            });
3054        </script>
3054
3055        
3055<script>
3056        $(document).ready(function() {
3057            
3058
3059                        /*
3060                    $("#book1").swipeBook({
3061                        pdfUrl: 
3062                    });
3063                    */
3064            
3065
3066        })
3067    </script>
3067
3068
3069    
3070</body>
3071
3072</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.