PageSourceSearch

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

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