PageSourceSearch

https://www.urubici.sc.gov.br/

html urubici.sc.gov.br collected 2026-10-02 19:43:04 UTC 153,421 bytes, 4,679 lines download raw bytes

1<!-- \\ ===================================================================================================================================== // -->
2
3<!DOCTYPE html>
4<html lang="pt-br">
5
6<head>
7    <meta name="viewport" content="width=device-width, initial-scale=1" />
8    <meta charset="UTF-8" />
9
10    <!-- // ====================== | TITLE | ====================== \\ -->
11            <title>Prefeitura de Urubici ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀</title>
12        <!-- \\ ======================================================= // -->
13
14
15
16    <!-- // ==================================== | METAS PADRÕES | ====================================== \\ -->
17    <meta name="robots" content="ALL" />
18    <meta name="GOOGLEBOT" content="index,follow" />
19    <meta http-equiv="content-language" content="pt-br" />
20    <!-- \\ ============================================================================================= // -->
21
22    
23 
24    <!-- // =================== | META | ============== \\ -->
25    <title>Home</title>
26    <meta name="url"         content="www.urubici.sc.gov.br/"         />
27    <meta name="description" content="Site oficial da Prefeitura Municipal de Urubici (SC) — informações institucionais, serviços para cidadãos, turismo, agricultura e infraestrutura." />
28    <meta name="keywords"    content="Urubici, Prefeitura Municipal de Urubici, Prefeitura Urubici SC, serviços públicos Urubici, turismo Urubici, agricultura Urubici"    />
29    <!-- \\ =========================================== // -->
30
31    <!-- // ================ | META OG | ============== \\ -->
32    <meta property="og:title"       content="Prefeitura Municipal de Urubici – SC"       />
33    <meta property="og:site_name"   content="Prefeitura de Urubici"   />
34    <meta property="og:type"        content="website"        />
35    <meta property="og:url"         content="www.urubici.sc.gov.br/"         />
36    <meta property="og:image"       content="https://www.urubici.sc.gov.br/imagens_pagina_thumbnail/meta_og_1764352847302.jpg"       />
37    <meta property="og:description" content="A Prefeitura Municipal de Urubici (SC) disponibiliza portais de atendimento, transparência, turismo, meio-ambiente e desenvolvimento rural para a comunidade e visitantes." />
38    <!-- \\ =========================================== // -->
39
40    <!-- // ============= | META TWITTER | ============ \\ -->
41    <meta name ="twitter:card"       content = "summary"></meta>
42    <meta name="twitter:title"       content="Prefeitura Municipal de Urubici – SC">
43    <meta name="twitter:site"        content="Prefeitura de Urubici">
44    <meta name="twitter:card"        content="summary_large_image">
45    <meta property="twitter:domain"  content="https://www.urubici.sc.gov.br/">
46    <meta property="twitter:url"     content="www.urubici.sc.gov.br/">
47    <meta name="twitter:image"       content="https://www.urubici.sc.gov.br/imagens_pagina_thumbnail/meta_og_1764352847302.jpg">
48    <meta name="twitter:description" content="A Prefeitura Municipal de Urubici (SC) disponibiliza portais de atendimento, transparência, turismo, meio-ambiente e desenvolvimento rural para a comunidade e visitantes.">
49    <!-- \\ =========================================== // -->
50
51
52 
53 
54
55
56    
56<script type="application/ld+json">
57                {
58            "@context": "http://schema.org",
59            "@type": "Organization",
60            "name": "Prefeitura de Urubici",
61            "url": "https://www.urubici.sc.gov.br/",
62            "address": "[email protected]",
63            "sameAs": [
64                            ]
65        }
66    </script>
66
67
68 
69
70
71    <Meta xmlns:fb="https://www.facebook.com//rfautopeca">
72    <meta property="fb:admins" content="100041857245391" />
73    <meta name="fb:page_id" content="100041857245391" />
74
75    <meta name="TITLE" content="Prefeitura de Urubici " />
76    <meta name="copyright" content="© Agência Estúdio Sul" />
77
78    <link rel="icon" href="https://www.urubici.sc.gov.br/images/icone-new.png" />
79    <!--<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">-->
80    <link rel="stylesheet" href="https://www.urubici.sc.gov.br/css/bootstrap.min.css">
81    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" referrerpolicy="no-referrer" /> 
82    <link rel="stylesheet" href="https://www.urubici.sc.gov.br/css/flickity.min.css">
83    <link rel="stylesheet" href="https://www.urubici.sc.gov.br/css/jquery.fancybox.min.css" />
84    
85    
85<script src="https://www.urubici.sc.gov.br/js/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous"></script>
85
86
87
88    <!-- // ============ | FONTES | ============ \\ -->
89    <link rel="preconnect" href="https://fonts.googleapis.com">
90    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
91    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400;1,600&display=swap" rel="stylesheet">
92    <!-- \\ ==================================== // -->
93
94
95    <!-- // =========== | ESTILO CSS | ========= \\ -->
96    <style>
97<style>
98/* // ==================== | FONTES | ==================== \\  */
99/* // ====== | GOTHAM BLACK | ===== \\ */
100@font-face {
101    font-family: 'Gotham-Black';
102    src: 
103        url('https://www.urubici.sc.gov.br/fonts/Gotham-Black.eot?#iefix')format('embedded-opentype'),
104        url('https://www.urubici.sc.gov.br/fonts/Gotham-Black.otf')  format('opentype'),
105        url('https://www.urubici.sc.gov.br/fonts/Gotham-Black.woff') format('woff'), 
106        url('https://www.urubici.sc.gov.br/fonts/Gotham-Black.ttf')  format('truetype'), 
107        url('https://www.urubici.sc.gov.br/fonts/Gotham-Black.svg#Gotham-Black') format('svg');
108    font-weight: normal;
109    font-style: normal;
110    font-display: swap;
111}
112/* \\ ============================= // */
113/* // ====== | GOTHAM BOLD | ====== \\ */
114@font-face {
115    font-family: 'Gotham-Bold';
116    src: 
117        url('https://www.urubici.sc.gov.br/fonts/Gotham-Bold.eot?#iefix')format('embedded-opentype'),
118        url('https://www.urubici.sc.gov.br/fonts/Gotham-Bold.otf')  format('opentype'),
119        url('https://www.urubici.sc.gov.br/fonts/Gotham-Bold.woff') format('woff'), 
120        url('https://www.urubici.sc.gov.br/fonts/Gotham-Bold.ttf')  format('truetype'), 
121        url('https://www.urubici.sc.gov.br/fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
122    font-weight: normal;
123    font-style: normal;
124    font-display: swap;
125}
126/* \\ ============================= // */
127/* // ====== | GOTHAM BOLD | ====== \\ */
128@font-face {
129    font-family: 'Gotham-Book';
130    src: 
131        url('https://www.urubici.sc.gov.br/fonts/Gotham-Book.eot?#iefix')format('embedded-opentype'),
132        url('https://www.urubici.sc.gov.br/fonts/Gotham-Book.otf')  format('opentype'),
133        url('https://www.urubici.sc.gov.br/fonts/Gotham-Book.woff') format('woff'), 
134        url('https://www.urubici.sc.gov.br/fonts/Gotham-Book.ttf')  format('truetype'), 
135        url('https://www.urubici.sc.gov.br/fonts/Gotham-Book.svg#Gotham-Book') format('svg');
136    font-weight: normal;
137    font-style: normal;
138    font-display: swap;
139}
140/* \\ ============================= // */
141/* // ====== | GOTHAM BOLD | ====== \\ */
142@font-face {
143    font-family: 'Gotham-Light';
144    src: 
145        url('https://www.urubici.sc.gov.br/fonts/Gotham-Light.eot?#iefix')format('embedded-opentype'),
146        url('https://www.urubici.sc.gov.br/fonts/Gotham-Light.otf')  format('opentype'),
147        url('https://www.urubici.sc.gov.br/fonts/Gotham-Light.woff') format('woff'), 
148        url('https://www.urubici.sc.gov.br/fonts/Gotham-Light.ttf')  format('truetype'), 
149        url('https://www.urubici.sc.gov.br/fonts/Gotham-Light.svg#Gotham-Light') format('svg');
150    font-weight: normal;
151    font-style: normal;
152    font-display: swap;
153}
154/* \\ ============================= // */
155/* // ====== | GOTHAM BOLD | ====== \\ */
156@font-face {
157    font-family: 'Gotham-Medium';
158    src: 
159        url('https://www.urubici.sc.gov.br/fonts/Gotham-Medium.eot?#iefix')format('embedded-opentype'),
160        url('https://www.urubici.sc.gov.br/fonts/Gotham-Medium.otf')  format('opentype'),
161        url('https://www.urubici.sc.gov.br/fonts/Gotham-Medium.woff') format('woff'), 
162        url('https://www.urubici.sc.gov.br/fonts/Gotham-Medium.ttf')  format('truetype'), 
163        url('https://www.urubici.sc.gov.br/fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
164    font-weight: normal;
165    font-style: normal;
166    font-display: swap;
167}
168/* \\ ============================= // */
169/* // ====== | GOTHAM BOLD | ====== \\ */
170@font-face {
171    font-family: 'Gotham-Thin';
172    src: 
173        url('https://www.urubici.sc.gov.br/fonts/Gotham-Thin.eot?#iefix')format('embedded-opentype'),
174        url('https://www.urubici.sc.gov.br/fonts/Gotham-Thin.otf')  format('opentype'),
175        url('https://www.urubici.sc.gov.br/fonts/Gotham-Thin.woff') format('woff'), 
176        url('https://www.urubici.sc.gov.br/fonts/Gotham-Thin.ttf')  format('truetype'), 
177        url('https://www.urubici.sc.gov.br/fonts/Gotham-Thin.svg#Gotham-Thin') format('svg');
178    font-weight: normal;
179    font-style: normal;
180    font-display: swap;
181}
182/* \\ ============================= // */
183
184/* // ======== | ARCHIVE | ======== \\ */
185@font-face {
186    font-family: 'Archive';
187    src: 
188        url('https://www.urubici.sc.gov.br/fonts/Archive.eot?#iefix')format('embedded-opentype'),
189        url('https://www.urubici.sc.gov.br/fonts/Archive.otf')  format('opentype'),
190        url('https://www.urubici.sc.gov.br/fonts/Archive.woff') format('woff'), 
191        url('https://www.urubici.sc.gov.br/fonts/Archive.ttf')  format('truetype'), 
192        url('https://www.urubici.sc.gov.br/fonts/Archive.svg#Archive') format('svg');
193    font-weight: normal;
194    font-style: normal;
195    font-display: swap;
196}
197/* \\ ============================= // */
198
199/* \\ ==================================================== //  */
200
201
202
203
204
205
206
207
208
209
210
211
212
213/* // ===================== CSS GERAL ===================== \\ */
214* {
215    font-family: 'Gotham-Light', 'Montserrat', sans-serif;
216    caret-color:  #FBB611;
217}
218
219ul li::marker{
220    color: red;
221}
222
223a {
224    text-decoration: none !important;
225    color: black;
226}
227h1,h2{
228    font-family: 'Archive', 'Montserrat', sans-serif;
229    font-weight: bold;
230}
231p{
232    font-family: 'Gotham-Book';   
233}
234
235a:hover{
236    text-decoration: none !important;
237    color: ;
238}
239 
240
241
242
243
244
245
246::selection{
247    background: #FBB611;
248    color: black;
249}
250
251
252
253
254.modal-title{
255    font-family: 'Gotham-Bold';
256    font-weight: normal;
257}
258
259
260.modal form .modal-body > *{
261    margin-bottom: 1rem !important;
262}
263.modal form .form-control{
264    height: 55px;
265}
266
267.text-aqua{
268    color: #FBB611;
269}
270.text-black {
271    color: black !important;
272}
273
274
275.text-black{
276    color: #6D6D6D !important;
277}
278.text-red{
279    color: ;
280}
281 
282.text-majope{
283    color: #FBB611;
284}
285.bg-majope{
286    background: ;
287}
288.bg-orange{
289    background: #FBB611;
290}
291.bg-black{
292    background: black;
293}
294.cursor-pointer{
295    cursor: pointer;
296}
297
298.z-index-0{
299    z-index: 0;
300}
301.z-index-1{
302    z-index: 1;
303}
304.z-index-2{
305    z-index: 2;
306}
307.z-index-3{
308    z-index: 3;
309}
310.z-index-4{
311    z-index: 4;
312}
313
314
315  
316/* // ======== btn primary ======== \\ */
317.btn-primary{
318    background-image: linear-gradient(90deg, #F27A06, #FF7800);
319    border: none !important;
320    transition: 0.3s !important;
321    box-shadow: none !important;
322    font-size: 0.90rem;
323    border-radius: 4px;
324    font-family: 'Archive';
325    letter-spacing: 4px;
326}
327.btn-primary:hover,.btn-primary:active,.btn-primary:focus{
328    background-image: linear-gradient(150deg, #F27A06, #FF7800);
329    transition: 0.3s !important;
330}
331/* \\ ============================= // */
332
333
334/* // ======== btn primary ======== \\ */
335.btn-outline{
336    background: transparent;
337    border: 1px solid #FBB611;
338    transition: 0.3s !important;
339    box-shadow: none !important;
340    font-size: 0.80rem;
341    border-radius: 180px;
342    font-weight: 400;
343    letter-spacing: 3px;
344    padding: 0.5rem 1rem 0.5rem 1rem;
345    color: #FBB611;
346}
347.btn-outline span{
348    color: black;
349    font-weight: 600;
350}
351.btn-outline:hover,.btn-outline:active,.btn-outline:focus{
352    background-image: linear-gradient(150deg, #FBB611, #FBB611);
353    transition: 0.3s !important;
354    border: 1px solid #FBB611;
355    color: white;
356}
357/* \\ ============================= // */
358/* \\ ===================================================== // */
359
360 
361
362 
363/* // ===================== CSS GERAL ===================== \\ */
364iframe.endereco{
365    height: 300px;
366}
367iframe.endereco{
368    height: 400px;
369}
370/* \\ ===================================================== // */
371
372
373
374
375
376/* // =================== | SEM REGISTROS | =============== \\ */
377.sem-registros-encontrados{
378    background: #EEE;
379    width: 100%;
380    border-radius: 12px;
381    padding: 2rem;
382}
383.sem-registros-encontrados h2{
384    text-align: center;
385    margin: 0;
386}
387.sem-registros-encontrados h2 span{
388    font-size: 4rem;
389    display: block;
390    color: #FF7800;
391}
392/* \\ ===================================================== // */
393
394
395
396/* // ================ | MELHORAR LEITURA | =============== \\ */
397.melhorar-leitura h3{
398    margin-bottom: 1.2rem;
399}
400.melhorar-leitura{
401
402}
403/* \\ ===================================================== // */
404
405
406/* // ================== | CLEAN FORM | =================== \\ */
407.clean-form h2{
408    text-align: center;
409    margin-bottom: 2rem;
410}
411
412.clean-form .small{
413    font-size: calc(70%) !important;
414    word-break: break-word;
415}
416
417.clean-form .bg-info{
418    padding: 1.5rem;
419    border-radius: 12px;
420    background: #FCE3A3 !important;
421    margin-bottom: 3rem;
422}
423.clean-form .bg-info i{
424    color: #FF7800;
425}
426
427.clean-form .bg-info p{
428    margin-bottom: 0;
429    font-size: 0.90rem;
430}
431.clean-form .bg-info h3{
432    text-align: center;
433    font-size: 1.5rem !important;
434}
435.clean-form .bg-info span{
436    color: red;
437}
438
439.clean-form button{
440    font-family: 'Gotham-Bold';
441    background: #FBB611;
442    letter-spacing: initial;
443    text-transform: initial;
444    width: 100%;
445    color: black;
446    border-radius: 12px;
447    font-size: 1.1rem;
448    height: 60px;
449}
450.clean-form{
451    background: #F1F1F1;
452    border-radius: 12px;
453    padding: 2rem 1rem 2rem 1rem;
454    margin-bottom: 2rem !important;
455}
456.clean-form .form-group{
457    margin-bottom: 1rem;
458}
459.clean-form label{
460    margin-bottom: 0.5rem;
461}
462.clean-form .form-control:not(textarea, [type="file"]){
463    height: 60px;
464}
465.clean-form .form-control{
466    border-radius: 12px;
467    border: none;
468}
469.clean-form h3{
470    font-size: 0.9rem !important;
471}
472.clean-form h3 small{
473    font-size: 0.65rem !important;
474}
475/* \\ ===================================================== // */
476
477
478
479
480
481
482
483
484/* // ================== | LIKNS ÚTEIS | ================== \\ */
485.links-uteis article h2{
486    font-size: 1rem !important;
487    font-family: 'Gotham-Light' !important;
488}
489.links-uteis article h2 span{
490    font-family: 'Gotham-Bold' !important;
491    display: block !important;
492}
493/* \\ ===================================================== // */
494
495
496
497
498/* // ================== | CLEAN FORM | =================== \\ */
499.acesso-rapido-links-uteis{
500    display: flex;
501    flex-wrap: wrap;
502    width: 100%;
503}
504.acesso-rapido-links-uteis article{
505    border: 1px solid #BFBFBF;
506    border-radius: 4px;
507    padding: 1rem;
508    display: flex;
509    flex-wrap: nowrap;
510    align-items: center;
511    transition: 0.3s;
512}
513
514.acesso-rapido-links-uteis a:hover article{
515    background: #FBB611;
516    transition: 0.3s;
517    transform: scale(1.02);
518}
519.acesso-rapido-links-uteis a:hover img{
520    filter: grayscale(100%) invert(1);
521    transition: 0.3s;
522}
523.acesso-rapido-links-uteis a:hover *{
524    color: white;
525    transition: 0.3s;
526}
527.acesso-rapido-links-uteis article img{
528    width: 40px;
529    height: auto;
530    margin-right: 0.7rem;
531}
532.acesso-rapido-links-uteis article h2,
533.acesso-rapido-links-uteis article span{
534    font-size: 1rem;
535    text-transform: uppercase;
536    text-align: left;
537    font-family: 'Gotham-Bold';
538    font-weight: normal;
539    margin:0;
540}
541/* \\ ===================================================== // */
542
543
544
545
546
547
548/* // ================ | CONTAINER INTERNAS | ============= \\ */
549.container-internas{
550    display: flex;
551    width: 100%;
552    flex-wrap: wrap;
553    padding: 2rem;
554    text-align: justify;
555}
556.container-internas > main{
557    display: flex;
558    width: 100%;
559    flex-wrap: wrap;
560    padding: 0rem;
561    align-content: flex-start;
562}
563
564.container-internas > main > *:not(div){
565    width: 100%;
566}
567
568
569
570.container-internas > main h2{
571    font-size: 1.7rem;
572    font-family: 'Gotham-Bold';
573    color: black;
574}
575.container-internas > main h3{
576    font-size: 1.3rem;
577    font-family: 'Gotham-Medium';
578    color: black;
579}
580
581.container-internas > main h3 p{
582    margin-bottom: 1rem;
583}
584.container-internas > main p{
585    font-size: 1rem;
586    font-family: 'Gotham-Light';
587    color: black;
588    margin-bottom: 2rem;
589}
590
591.container-internas > main div.col-lg-6 a:hover{
592    color: black;
593}
594
595
596.container-internas .titulo-menu-lateral{
597    color: #FF7800;
598    font-size: 1rem;
599    text-transform: uppercase;
600    font-family: 'Gotham-Bold';   
601    display: flex;
602    align-items: center;
603    justify-content: center;
604}
605
606.container-internas .link-menu-lateral{
607    padding: 1rem;
608    border-radius: 180px;
609    border: 1px solid #707070;
610    font-family: 'Gotham-Bold';
611    font-size: 0.80rem;
612    width: 100%;
613    text-align: center;
614    transition: 0.3s;
615}    
616.container-internas .link-menu-lateral:hover{
617    color: black;
618    transform: scale(1.04);
619    transition: 0.3s;
620}
621
622.container-internas .container-menu-lateral{
623    padding-top: 3rem;
624    width: 300px;
625    display: flex;
626    flex-wrap: wrap;
627    align-content: flex-start;
628}
629/* \\ ===================================================== // */
630
631
632
633
634/* // ==================== | INTERNA | ==================== \\ */
635.interna{
636    display: flex;
637    flex-wrap: wrap;
638    justify-content: center;
639    align-items: flex-start;
640    align-content: flex-start;
641    width: 100%;
642    padding: 3rem 2rem;
643}
644.interna > main{
645    width: 100%;
646    max-width: 450px;
647    display: flex;
648    flex-wrap: wrap;
649}
650/* \\ ===================================================== // */
651
652
653
654
655
656/* // ================== | MENU FLUTUANTE | =============== \\ */
657.menu-flutuante{
658    top: 0;
659    left: 0;
660    display: flex;
661    justify-content: center;
662    width: 100vw;
663    height: 100vh;
664    z-index: 2;
665    position: fixed;
666    padding: 0;
667}
668.menu-flutuante main{
669    padding: 1rem;
670    width: 100%;
671    height: 100%;
672    background: white;
673    display: flex;
674    flex-wrap: wrap;
675    overflow-y: auto;
676    align-content: flex-start;
677}
678.menu-flutuante nav{
679    margin-bottom: 1.2rem;
680}
681.menu-flutuante ul{
682    list-style: none;
683}
684.menu-flutuante .header-fechar-menu{
685    width: 100%;
686    display: flex;
687    justify-content: flex-end;
688}
689.menu-flutuante .header-fechar-menu i{
690    color: crimson !important;
691}
692
693.menu-flutuante .estilo-menu-1 a{
694    font-family: 'Gotham-Medium';
695    font-size: 0.9rem;
696    color: black;
697    transition: 0.3s;
698}
699
700
701.menu-flutuante .estilo-menu-2 h2{
702    font-family: 'Gotham-Book';
703    font-size: 1.1rem;
704    font-weight: normal;
705    color: black;
706}
707.menu-flutuante .estilo-menu-2 a{
708    font-family: 'Gotham-Book';
709    font-size: 0.8rem;
710    color: black;
711    transition: 0.3s;
712}
713.menu-flutuante a:hover{
714    color: #FBB611 !important;
715    transition: 0.3s;
716}
717.menu-flutuante .horario-de-atendimento{
718    text-align: center;
719    font-size: 0.8rem;
720    font-family: 'Gotham-Book';
721}
722.menu-flutuante .horario-de-atendimento b{
723    font-family: 'Gotham-Bold';   
724}
725/* \\ ===================================================== // */
726
727
728
729
730
731
732/* // ================== | GALERIAS DE FOTOS | ============ \\ */
733.galerias-de-fotos{
734    transition: 0.3s
735}
736.galerias-de-fotos *{
737    transition: 0.3s;
738}
739.galerias-de-fotos:hover{
740    transform: scale(1.03);
741    background: #fff1e6;
742}
743.galerias-de-fotos:hover h2{
744    color: #FF7800;
745    transform: scale(1.05);
746}
747.galerias-de-fotos:hover h2 span{
748}
749.galerias-de-fotos *:not(small){
750    font-size: calc(100% + 0.05rem) !important;
751}
752.galerias-de-fotos h6{
753    font-size: 0.90rem !important;
754    font-family: 'Gotham-Medium';
755}
756.galerias-de-fotos h6 span{
757    font-family: 'Gotham-Light';
758}
759/* \\ ===================================================== // */
760
761
762
763
764/* // =============== | LISTA DE INFORMAÇÃO | ============= \\ */
765.lista-informacao article{
766    width: 100%;
767}
768.urubici-start-info{
769    width: 100% !important;
770    padding: 1rem 1rem 1rem 1.7rem !important;
771    background: #D5D5D5 !important;
772    border-left: 0.3rem solid #FF7800 !important;
773    margin-bottom: 1rem;
774}
775.urubici-start-info h2{
776    text-align: left;
777    width: 100% !important;
778    color: black !important;
779    text-transform: uppercase !important;
780    font-family: 'Gotham-Light' !important;
781    margin: 0 !important;
782    font-size: 1.3rem !important;
783}
784
785.lista-informacao article h3{
786    word-break: break-word;
787}
788.lista-informacao article main{
789    padding: 0rem 1rem 1.5rem 1rem;
790}
791.lista-informacao article a{
792    color: #007CB4;
793}
794
795.lista-informacao .accordion-button{
796    background: #EEEEEE;
797}
798.accordion-button:not(.collapsed),
799.accordion-button:focus{
800    box-shadow: 0 0 0 0.25rem rgb(255 120 0 / 25%) !important;
801}
802.lista-informacao .accordion-button:not(.collapsed){
803    color: #FBB611;
804}
805/* \\ ===================================================== // */
806
807
808
809
810
811/* // =========== | GALERIA DE FOTOS INTERNA | ============ \\ */
812.galeria-galeria-de-fotos img{
813    height: 150px;
814    object-fit: cover;
815    object-position: center;
816}
817/* \\ ===================================================== // */
818
819
820
821
822/* // ================== | FORM BUSCA GERAL | ============= \\ */
823form.busca{
824    min-height: 300px;
825    background: #E9E9E9;
826    display: flex;
827    flex-wrap: wrap;
828    align-content: center;
829    padding: 1rem;
830    margin-bottom: 2rem !important;
831}
832
833form.busca label{
834    font-family: 'Gotham-Bold';
835    font-size: 1rem;
836}
837
838form.busca .form-control,
839form.busca button{
840    height: 50px;
841    border-radius: 12px;
842    border: none;
843}
844form.busca .form-control:focus{
845    box-shadow: 0 0 0 0.25rem rgb(242 122 6 / 25%);
846}
847form.busca button{
848    width: 100%;
849    background: #FBB611;
850    font-family: 'Gotham-Bold';
851    letter-spacing: normal;
852    font-size: 1.1rem;
853    color: black;
854}
855/* \\ ===================================================== // */
856
857
858
859
860
861
862/* // ===================== | TURISMOS | ================== \\ */
863.turismos *{
864    transition: 0.3s;
865}
866.turismos nav ul{
867    list-style:none;
868    display: flex;
869    flex-wrap: wrap;
870    width: 100%;
871    justify-content: center;
872    
873}
874.turismos nav ul li{
875    margin: 0rem 0.3rem 1rem 0rem;
876}
877.turismosr nav ul li:hover{
878    transform: scale(1.05);
879}
880.turismos nav ul li a{
881    padding: 1rem;
882    font-size: 0.80rem;
883    border-radius: 8px;
884}
885.turismos nav ul li a:hover{
886    background: #FF7800;
887}
888.turismos nav ul li a:hover{
889    color: white;
890
891}
892.turismos nav .selected{
893    background: #FBB611;
894    color: white;
895}
896.card-turismo article figure{
897    margin: 0;
898    position: relative;
899}
900.card-turismo article figure div{
901    position: absolute;
902    top: 0;
903    left: 0;
904    width: 100%;
905    height: 100%;
906    display: flex;
907    background: rgb(251, 182, 17, 40%);
908    align-items: center;
909    justify-content: center;
910    opacity: 0;
911}
912.card-turismo{
913    padding: 0;
914}
915.card-turismo article figure span{
916    border: 1px solid white;
917    padding: 0.6rem 1.7rem;
918    color: white;
919    border-radius: 180px;
920    width: 180px;
921    text-align: center;
922    font-family: 'Gotham-Bold';
923}
924
925.card-turismo article{
926    display: flex;
927    flex-wrap: wrap;
928    box-shadow: 0px 11px 26px -23px black;
929    padding: 0;
930    background: white;
931    margin-bottom: 2rem;
932}
933.card-turismo article:hover figure div{
934    opacity: 1;
935    transition: 0.3s;
936}
937.card-turismo article:hover{
938    background: #FBB611;
939    transform: scale(1.05);
940    transition: 0.3s;
941}
942.card-turismo article > *{
943    width: 100%;
944}
945.card-turismo article hgroup{
946    padding: 1.7rem 1rem;
947}
948.card-turismo article img,
949.card-turismo article figure{
950    width: 100%;
951    height: 270px;
952    object-fit: cover;
953    object-position: center;
954}
955.card-turismo article h2{
956    font-size: 1.2rem;
957    text-align: center;
958}
959.card-turismo article h3{
960    font-size: 0.9rem;
961    text-align: center;
962    font-family: 'Gotham-Light';
963}
964
965.card-turismo{
966    padding: 0;
967}
968
969/* \\ ===================================================== // */
970
971
972
973
974/* // ================== | CARD - URUBICI | =============== \\ */
975.card-urubici{
976    background: white;
977    border-radius: 8px;
978    border: 1px solid #BABABA;
979    box-shadow: 0px 5px 15px -3px #ccc;
980}
981.card-urubici h2{
982    word-break: break-word;
983}
984
985.card-urubici .galeria h2{
986    font-size: 0.80rem;
987    word-break: break-word;
988    margin: 0;
989    display: flex;
990    align-items: center;
991}
992.card-urubici .galeria h2 i{
993    font-size: 1.5rem;
994    color: #007CB4;
995    margin-right: 0.7rem;
996}
997.card-urubici figure img{
998    height: 170px;
999    object-fit: cover;
1000    object-position: center;
1001}
1002.card-urubici .galeria.principal h2{
1003    font-size: 0.90rem;
1004}
1005.card-urubici .galeria{
1006    padding: 1.5rem;
1007    background: #EEE;
1008    height: 100%;
1009    border-radius: 12px;
1010    transition: 0.3s;
1011}
1012.card-urubici .galeria:hover{
1013    transform: scale(1.03);
1014    background: #d9d9d9;
1015    transition: 0.3s;
1016}
1017.card-urubici .titulo-arquivo{
1018    color: #004666;
1019}
1020/* \\ ===================================================== // */
1021
1022
1023
1024
1025/* // =============== | CONTAINER LATERAL | =============== \\ */
1026.container-lateral-direita-mais-items article h3{
1027    padding-left: 0;
1028}
1029.mostrar-arquivo{
1030    display: flex;
1031    align-items: center;
1032    padding-left: 0;
1033    margin-bottom: 1rem;
1034    transition: 0.3s;
1035}
1036.mostrar-arquivo:hover,
1037.mostrar-arquivo:active,
1038.mostrar-arquivo:focus{
1039    transform: scale(1.03);
1040    transition: 0.3s;
1041}
1042.mostrar-arquivo img{
1043    height: auto;
1044    width: 35px;
1045    margin-right: 0.7rem;
1046}
1047.mostrar-arquivo h2{
1048    margin:0;
1049    font-size: 0.80rem !important;
1050    font-family: 'Gotham-Light' !important;
1051    text-transform: initial !important;
1052}
1053
1054.word-break *{
1055    word-break: break-word;
1056}
1057/* \\ ===================================================== // */
1058
1059
1060
1061
1062
1063
1064
1065/* // ================= | POST INTERNO | ================== \\ */
1066.post-interno h1{
1067    color: black;
1068    font-family: 'Gotham-Bold';
1069}
1070.post-interno main .galeria img{
1071    object-position: center;
1072    object-fit: cover;
1073    height: 130px;
1074}
1075.post-interno main .tags h6{
1076    border-radius: 16px;
1077    background: #ccc;
1078        font-size: .65rem;
1079}
1080    
1081.post-interno .noticia-relacionada h2{
1082    font-size: 14px;
1083    color: black;
1084}
1085.post-interno .noticia-relacionada h2:hover{
1086    color: #FF7800;
1087}
1088.publicacoes-relacionadas h3 {
1089    width: 100%;
1090    font-size: 1.3rem;
1091    color: #FF7800;
1092}
1093.post-interno .noticia-relacionada img{
1094    min-height: 100px;
1095    object-position: center;
1096    object-fit: cover;
1097    border-radius: 16px;
1098}
1099.post-interno .noticia-relacionada p{
1100    font-size: 0.90rem;
1101    color: #B3B3B3;
1102}
1103.post-interno figure img {
1104    object-fit: cover;
1105    object-position: center;
1106    height: 100%;
1107    width: 100%;
1108}
1109
1110.noticia-relacionada h2{
1111    font-size: 0.9rem !important;
1112}
1113
1114.post-interno .produto-video-principal{
1115    height: 300px;
1116}
1117.post-interno .conteudo p{
1118    font-size: 1rem;
1119    line-height: 1.75;
1120    margin-bottom: 30px;
1121}
1122
1123.img-principal-post figure{
1124    height: 500px;
1125}
1126
1127.post-interno .breve-descricao{
1128    background: #E9E9E9;
1129    font-style: italic;
1130    padding: 1rem;
1131    font-family: 'Gotham-Light';
1132    font-size: 0.90rem;
1133    font-weight: normal;
1134    color: #101010;
1135    border-left: 3px solid #FF7800;
1136}
1137
1138
1139
1140
1141.post-interno .breve-descricao span b{
1142    font-weight: ;
1143}
1144.post-interno .breve-descricao span{
1145    display: block;
1146    width: 100%;
1147}
1148
1149
1150.post-interno h4{
1151    font-family: 'Gotham-Bold';
1152    font-size: 2rem;
1153    color: #FF7800;
1154    width: 100%;
1155    padding: 0px;
1156    margin-bottom: 30px
1157}
1158.post-interno header p{
1159    font-size: 1.2rem;
1160}
1161
1162.post-interno header h2{
1163    font-size: 0.80rem;
1164}
1165.post-interno header .compartilhar h2{
1166    font-size: 0.90rem;
1167}
1168    .post-interno .conteudo p b{
1169        font-weight: bold;
1170    }
1171
1172
1173.post-interno main .video iframe{
1174    border: 1px solid #FF7800;
1175    border-radius: 32px;
1176}
1177/* \\ ===================================================== // */
1178
1179
1180
1181
1182
1183
1184/* // ===================== EVENTOS ======================= \\ */
1185.eventos{
1186    display: flex;
1187    margin-bottom: 1.5rem;
1188    transition: 0.3s;
1189    flex-wrap: wrap;
1190}
1191.eventos:hover{
1192    transform: scale(1.04);
1193    transition: 0.3s;
1194    background: #EEE;
1195}
1196.eventos *{
1197    text-align: left;
1198}
1199.eventos figure{
1200    width: 100%;
1201    min-height: 150px;
1202    margin: 0;
1203}
1204.eventos img{
1205    height: 100%;
1206    width: 100%;
1207    object-fit: cover;
1208
1209    object-position: center;
1210}       
1211.eventos hgroup{
1212    display: flex;
1213    flex-wrap: wrap;
1214    align-content: center;
1215    padding: 1.5rem;
1216    width: 100%;
1217}
1218.eventos figure img{
1219    height: 100%;
1220    width: 100%;
1221    object-fit: cover;
1222    object-position: center;
1223}       
1224.eventos span{
1225    width: auto;
1226    margin-right: 0.5rem;
1227    font-family: 'Gotham-Bold';
1228    color: #FF7800;
1229}
1230.eventos hgroup h2,
1231.eventos hgroup h3{
1232    width: 100%;
1233}
1234.eventos hgroup h3{
1235    font-size: 1rem;
1236    font-family: 'Gotham-Light';
1237}
1238/* \\ ===================================================== // */
1239
1240
1241/* // =============== | CARTA DE SERVIÇOS | =============== \\ */        
1242.carta-de-servicos{
1243    background: #EEE;
1244    border-radius: 8px;
1245    padding: 0.7rem;
1246}
1247.carta-de-servicos article{
1248    padding: 1rem 0rem;
1249}
1250.carta-de-servicos a:not(:last-child) article{
1251    border-bottom: 2px solid #FBB611;
1252}
1253.carta-de-servicos a:hover h2{
1254    transform: scale(1.05);
1255    color: #FF7800;
1256    font-family: 'Gotham-Bold';
1257    transition: 0.3s;
1258}
1259.carta-de-servicos.interna h2{
1260    font-size: 1.5rem !important;
1261    font-family: 'Gotham-Bold'  !important;
1262}
1263.carta-de-servicos.interna p{
1264    margin-bottom: 1rem;
1265}
1266.carta-de-servicos h2{
1267    font-family: 'Gotham-Light' !important;
1268    margin: 0;
1269    font-size: 0.8rem !important;
1270    text-align: center;
1271    width: 100%;
1272}
1273/* \\ ===================================================== // */
1274
1275
1276/* // ============== | PÁGINA ARQUIVO DOWNLOAD | ========== \\ */
1277.pagina-arquivo-download{
1278    margin-top: 2rem;
1279}
1280.pagina-arquivo-download h2{
1281    font-size: 1rem !important;
1282}
1283.pagina-arquivo-download article{
1284    background: #809FC1;
1285    display: flex;
1286    align-items: center;
1287    border-radius: 12px;
1288    padding: 1.25rem;
1289    height: 100%;
1290}
1291.pagina-arquivo-download article img{
1292    width: 50px;
1293    height: auto;
1294    margin-right: 0.5rem;
1295}
1296.pagina-arquivo-download article h2{
1297    color: white;
1298    font-size: 1rem;
1299    margin-bottom: 0;
1300    word-break: break-word;
1301}
1302/* \\ ===================================================== // */
1303
1304
1305
1306
1307/* // ================== | TABLE FEFE | =================== \\ */
1308.table-fefe tr{
1309    vertical-align: middle;
1310    font-size: 0.75rem;
1311}
1312.table-fefe{
1313    margin-top: 1rem;
1314    margin-bottom: 1rem;
1315}
1316
1317.table-fefe tr th{
1318    background: #004a9d;
1319    color: white;
1320    font-family: 'Archive', 'Montserrat', sans-serif;
1321    font-weight: normal;
1322    font-size: 1rem;
1323    text-align: center;
1324}
1325
1326.table-fefe tr td,
1327.table-fefe tr th{
1328    padding: 0.35rem 0.5rem;
1329}
1330/* \\ ===================================================== // */
1331
1332
1333
1334
1335
1336
1337
1338
1339
1340
1341
1342
1343
1344
1345
1346
1347
1348
1349
1350
1351
1352
1353
1354
1355
1356
1357
1358
1359/* // ============================================================= | 576 PX | ============================================================= \\ */
1360@media (min-width: 576px) {
1361
1362}
1363/* \\ ====================================================================================================================================== // */
1364
1365
1366/* // ============================================================= | 768 PX | ============================================================= \\ */
1367@media (min-width: 768px) {
1368    /* // ===================== | TURISMOS | ================== \\ */
1369    .card-turismo{
1370         padding: 0rem 2rem 0rem 0rem;
1371    } 
1372    /* \\ ===================================================== // */
1373
1374    /* // ===================== EVENTOS ======================= \\ */
1375    .eventos{
1376        flex-wrap: nowrap;
1377    }
1378    .eventos hgroup h2{
1379        font-size: 2.1rem;
1380    }
1381    .eventos figure{
1382        width: 40%;
1383    }
1384    .eventos hgroup h3{
1385        font-size: 1.2rem;
1386    }
1387    /* \\ ===================================================== // */
1388  
1389}
1390/* \\ ====================================================================================================================================== // */
1391
1392
1393/* // ============================================================= | 992 PX | ============================================================= \\ */
1394@media (min-width: 992px){  
1395
1396    /* // ==================== | INTERNA | ==================== \\ */
1397    .interna > main{
1398        max-width: 1300px;
1399    }
1400    /* \\ ===================================================== // */
1401
1402
1403    /* // ============== | PÁGINA ARQUIVO DOWNLOAD | ========== \\ */
1404    .pagina-arquivo-download h2{
1405        font-size: 1.5rem !important;
1406    }
1407    /* \\ ===================================================== // */
1408
1409
1410
1411    /* // =============== | LISTA DE INFORMAÇÃO | ============= \\ */
1412    .lista-informacao article main{
1413        padding: 0rem 1rem 3rem 2rem;
1414    }
1415    /* \\ ===================================================== // */
1416
1417
1418
1419    /* // =============== | CARTA DE SERVIÇOS | =============== \\ */        
1420    .carta-de-servicos{
1421        padding: 2rem;
1422    }
1423    .carta-de-servicos article{
1424        padding: 1rem 0rem;
1425    }
1426    .carta-de-servicos h2{
1427        font-size: 1rem !important;
1428    }
1429    /* \\ ===================================================== // */
1430
1431
1432    /* // ================= | POST INTERNO | ================== \\ */        
1433    .post-interno main .galeria img{
1434        height: 260px;
1435    }
1436    .post-interno .noticia-relacionada img{
1437        height: 130px;
1438        border-radius: 16px;
1439    }
1440    .noticia-relacionada h2{
1441        font-size: 1.1rem !important;
1442    }
1443    .post-interno h4{
1444        font-size: 3rem;
1445    }
1446    .post-interno .breve-descricao{
1447        font-size: 1rem;
1448        padding: 2rem;
1449    }
1450
1451    /* \\ ===================================================== // */
1452
1453    /* // ================== | CLEAN FORM | =================== \\ */
1454    .clean-form button{
1455        width: 320px;
1456    }
1457    /* \\ ===================================================== // */
1458
1459    /* // =========== | GALERIA DE FOTOS INTERNA | ============ \\ */
1460    .galeria-galeria-de-fotos img{
1461        height: 18vw;
1462    }
1463    /* \\ ===================================================== // */
1464
1465
1466    /* // =============== | CONTAINER LATERAL | =============== \\ */
1467    .container-lateral-direita-mais-items{
1468        padding-left: 2rem;
1469        position: sticky;
1470        top: 20%;
1471    }
1472    /* \\ ===================================================== // */
1473
1474    /* // ================== | CARD - URUBICI | =============== \\ */
1475    .card-urubici .galeria.principal h2{
1476        font-size: 1.2rem;
1477    }
1478    .card-urubici .galeria h2{
1479        font-size: 0.90rem;
1480    }
1481    .card-urubici figure img{
1482        height: 270px;
1483    }
1484    /* \\ ===================================================== // */
1485
1486    /* // ================== | FORM BUSCA GERAL | ============= \\ */
1487    form.busca{
1488        padding: 2rem;
1489    }
1490    form.busca .form-control,
1491    form.busca button{
1492        height: 60px;
1493    }
1494    /* \\ ===================================================== // */
1495
1496    /* // =============== | LISTA DE INFORMAÇÃO | ============= \\ */
1497    .urubici-start-info h2{
1498        font-size: 1.5vw !important;
1499    }
1500    /* \\ ===================================================== // */
1501
1502    /* // ================ | CONTAINER INTERNAS | ============= \\ */
1503    .container-internas > main{
1504        padding: 0rem 1.5rem 0rem 0rem;
1505    }
1506
1507    .container-internas{
1508        flex-wrap: nowrap;
1509        justify-content: center;
1510    }
1511    .container-internas .titulo-menu-lateral{
1512        justify-content: space-between;
1513    }
1514  
1515    .container-internas{
1516        padding: 3rem;
1517    }
1518    .container-internas > main p{
1519        margin-bottom: 3rem;
1520    }
1521    .container-internas .container-menu-lateral{
1522        padding-top: 0rem;
1523    }
1524    /* \\ ===================================================== // */
1525
1526
1527
1528
1529    /* // ================== | MENU FLUTUANTE | =============== \\ */
1530    .menu-flutuante .header-fechar-menu{
1531        display: none;
1532    }
1533    .menu-flutuante nav{
1534        margin-bottom: 0rem;
1535    }
1536    .menu-flutuante .estilo-menu-1 a{
1537        font-size: 0.8rem;
1538    }
1539    .menu-flutuante .estilo-menu-2 h2{
1540        font-size: 1rem;
1541    }
1542    .menu-flutuante .estilo-menu-2 a{
1543        font-size: 0.7rem;
1544    }
1545
1546    .menu-flutuante{
1547        height: auto;
1548        top: 15%;
1549    }
1550    .menu-flutuante main{
1551        width: 95%;
1552        height: auto;
1553        flex-wrap: nowrap;
1554        padding: 2rem;
1555        overflow-y: hidden;
1556        border-radius: 12px;
1557        box-shadow: 0px 8px 17px -17px;
1558    }
1559    .menu-flutuante nav:not(:last-child){
1560        border-right: 1px solid #707070;
1561    }    
1562    /* \\ ===================================================== // */
1563
1564
1565
1566 
1567}
1568/* \\ ====================================================================================================================================== // */
1569
1570
1571/* // ============================================================= | 1200PX | ============================================================= \\ */
1572@media (min-width: 1200px) {
1573
1574    /* // ================= | POST INTERNO | ================== \\ */
1575    .post-interno h2{
1576        font-size: 24px;
1577    }
1578    .informacoes-publicacao{
1579        font-size: 12px;
1580    }
1581    /* \\ ===================================================== // */
1582    
1583    /* // ================== | MENU FLUTUANTE | =============== \\ */
1584    .menu-flutuante .estilo-menu-1 a{
1585        font-size: 0.9rem;
1586    }
1587    .menu-flutuante .estilo-menu-2 h2{
1588        font-size: 1.1rem;
1589    }
1590    .menu-flutuante .estilo-menu-2 a{
1591        font-size: 0.8rem;
1592    }
1593 
1594    .menu-flutuante main{
1595        width: 80%;
1596    }
1597    /* \\ ===================================================== // */
1598
1599    /* // ===================== | TURISMOS | ================== \\ */
1600    .turismos nav ul{
1601        justify-content: space-between;
1602    }
1603    /* \\ ===================================================== // */
1604
1605}
1606/* \\ ====================================================================================================================================== // */
1607
1608
1609/* // ============================================================= | 1400PX | ============================================================= \\ */
1610@media (min-width: 1400px) {
1611
1612    /* // ================= | POST INTERNO | ================== \\ */
1613    .post-interno .noticia-relacionada h2{
1614        font-size: 15px;
1615    }
1616    .post-interno .noticia-relacionada h5{
1617        font-size: 1rem;
1618    }
1619    .post-interno .produto-video-principal{
1620        height: 400px;
1621    }
1622    /* \\ ===================================================== // */
1623
1624    /* // ================ | CONTAINER INTERNAS | ============= \\ */
1625    .container-internas .titulo-menu-lateral{
1626        font-size: 1.2rem;
1627    }
1628    /* \\ ===================================================== // */
1629}
1630/* \\ ====================================================================================================================================== // */
1631
1632/* // ============================================================= | 1600PX | ============================================================= \\ */
1633@media (min-width: 1600px) {
1634    /* // ================ | CONTAINER INTERNAS | ============= \\ */
1635    .container-internas > main{
1636        max-width: 1000px;
1637    }
1638    /* \\ ===================================================== // */
1639
1640    /* // ================= | POST INTERNO | ================== \\ */
1641    .post-interno h1{
1642        font-size: 48px;
1643    }
1644    .post-interno .produto-video-principal{
1645        height: 500px;
1646    }
1647    /* \\ ===================================================== // */
1648
1649}
1650/* \\ ====================================================================================================================================== // */
1651</style>    <!-- \\ ==================================== // -->  
1652
1653
1654    
1655</head>
1656<body>
1657    
1658
1659    
1660    <style>
1661    .easter-egg-estudio{
1662        height: 100%;
1663        width: 100%;
1664        position: fixed;
1665        background: rgb(0, 0, 0, 0.9);
1666        z-index: 91000;        
1667    }
1668    .easter-egg-estudio aside{
1669        position: relative;
1670    }
1671    .easter-egg-estudio i{
1672        position: absolute;
1673        right: 10%;
1674        top: 10%;
1675        font-size: 3rem;
1676        color: ;
1677    }
1678    .easter-egg-estudio a{
1679       
1680        animation: infinite;
1681        animation-iteration-count: 4;
1682    }
1683    /* keyframe para ajustar até onde treme */
1684    @keyframes tremer {
1685        0% {margin-left: 0;}
1686        25% {margin-left: 7px;}
1687        50% {margin-left: 0;}
1688        75% {margin-left: -7px;}
1689        100% {margin-left: 0;}
1690    }
1691</style>
1692<section class="easter-egg-estudio row m-0 align-content-center justify-content-center" style="display: none;">
1693    <aside class="row m-0 align-content-center justify-content-center h-100 w-100">
1694        <i class="fas fa-times-circle w-auto"></i>
1695        <a target="_blank" href="https://www.estudiosul.com.br/" class="col-8 col-md-5 col-lg-6 col-xxl-4">
1696            <img src="https://www.urubici.sc.gov.br/images/logo-estudio-sul.svg" alt="Estúdio Sul, venha nos conhecer!">
1697        </a>
1698    </aside>
1699</section>
1700<script>
1701    $(".easter-egg-estudio .fa-times-circle,.easter-egg-estudio a").click(function(){
1702        $(".easter-egg-estudio").slideUp(300);
1703    });
1704</script>
1704
1705<style type="text/css">
1706  
1707  body{
1708    overflow-x: initial !important;
1709  }
1710
1711  header#header_supreme{
1712    background: #004a9d;
1713    z-index: 1030;
1714
1715    position: sticky;
1716    top: 0;
1717  }
1718  header#header_supreme .nav-link{
1719    font-size: 0.70rem;
1720    padding: .2rem .2rem;
1721    color: white;
1722    transition: 0.3s;
1723    font-weight: 400;
1724    text-transform: uppercase;
1725    font-family: 'Gotham-Book', 'Montserrat', sans-serif;
1726  }
1727
1728  header#header_supreme .nav-link:hover{
1729    color: #FF7800 !important;
1730  }
1731  .espacamento-menu{
1732    white-space: nowrap;
1733  }
1734
1735
1736
1737  header#header_supreme .nav-link:hover,
1738  header#header_supreme .nav-link:focus,
1739  header#header_supreme .nav-link:active{
1740    transition: 0.3s;
1741  }
1742 
1743  .redes-sociais a {
1744    height: 40px;
1745    width: 40px;
1746    border-radius: 40px;
1747    color: white;
1748    display: flex;
1749    text-align: center;
1750    align-items: center;
1751    justify-content: center;
1752    font-size: 1rem;
1753    color: white;
1754    background: linear-gradient(90deg,#023994,#04307A); ;
1755  }
1756  header#header_supreme .redes-sociais{
1757    border-radius: 4px;
1758    height: auto;
1759  }
1760
1761
1762  header#header_supreme .dropdown:hover .dropdown-menu {
1763      display: block;
1764      position: absolute;
1765      transform: translate3d(5px, 50px, 0px); /* distancia entre menu e btn */
1766      top: 0;
1767      left: auto;
1768      will-change: transform;
1769  }
1770  header#header_supreme .dropdown {
1771      display: inline-block; /* deixa o LO do "tamanho do próprio texto" e não da largura inteira da tela*/
1772      list-style: none; /* rita a "bolinha" do LI*/
1773  }
1774
1775  header#header_supreme .dropdown-menu{
1776    right: 0;
1777    left: auto;
1778  }
1779
1780
1781  header#header_supreme{
1782    transition: 0.3s;
1783  }
1784   
1785
1786  .navbar-nav .nav-link{
1787    color: #FFF;re
1788  }
1789 
1790
1791  header#header_supreme .navbar-toggler{
1792    background: #FF7800;
1793    color: white;
1794  }
1795
1796  /* // ============================================================= | 576 PX | ============================================================= \\ */
1797  @media (min-width: 576px) {
1798       
1799  }
1800  /* \\ ====================================================================================================================================== // */
1801
1802
1803  /* // ============================================================= | 768 PX | ============================================================= \\ */
1804  @media (min-width: 768px) {
1805      
1806  }
1807  /* \\ ====================================================================================================================================== // */
1808
1809
1810  /* // ============================================================= | 992 PX | ============================================================= \\ */
1811  @media (min-width: 992px) {
1812 
1813    
1814 
1815
1816  }
1817  /* \\ ====================================================================================================================================== // */
1818
1819
1820  /* // ============================================================= | 1200PX | ============================================================= \\ */
1821  @media (min-width: 1200px) {
1822       
1823       header#header_supreme .nav-link{
1824         font-size: 0.85vw;
1825       }
1826
1827  }
1828  /* \\ ====================================================================================================================================== // */
1829
1830
1831  /* // ============================================================= | 1400PX | ============================================================= \\ */
1832  @media (min-width: 1400px) {
1833        
1834
1835  }
1836  /* \\ ====================================================================================================================================== // */
1837
1838  /* // ============================================================= | 1600PX | ============================================================= \\ */
1839  @media (min-width: 1600px) {
1840        
1841  }
1842  /* \\ ====================================================================================================================================== // */
1843  
1844
1845
1846  @media (max-width: 991px) {
1847    .chamar-busca-header-mobile i{
1848      color: black;
1849     }
1850    header#header_supreme div.header-menu{
1851      position: fixed;
1852      padding: 25px;
1853      top: 0;
1854      height: 100%;
1855      background: #004a9d;
1856      z-index: 2;
1857      left: -100%;
1858    }
1859    header#header_supreme div.header-menu .nav-link{
1860      font-size: 1rem;
1861      margin-bottom: 5px;
1862      color: white;
1863      font-family: 'Gotham-Bold';
1864    }
1865  
1866    
1867    header#header_supreme span{
1868      color: ;
1869    }
1870    
1871    header#header_supreme nav.navbar {
1872      padding-left:5%;
1873      padding-right:5%;
1874    }
1875    .redes-sociais a{
1876      background: #F27A06;
1877    }
1878    header#header_supreme .fa-times-circle{
1879      font-size: 2rem;
1880      color: white;
1881    }
1882  }
1883 
1884</style>
1885
1886<!-- // ========================== | HEADER SUPREME | ===================== \\  -->
1887<header id="header_supreme" class="col-12 m-0 p-0 row justify-content-center fixed-top">
1888  <section class="row m-0 p-0 py-1 px-lg-3 justify-content-center">
1889    <nav class="navbar navbar-expand-lg row m-0 col-12 p-0">
1890      <div class="col-12 m-0 p-0 justify-content-between row">
1891        <!-- // ===========  | BOTÕES LEFT | =========== \\ -->
1892        <button class="col-2 col-md-1 me-3 text-center p-0 order-1 text-start navbar-toggler" type="button" >
1893          <i class="fas fa-bars text-azul"></i>
1894        </button>
1895        <a class="navbar-brand col-4 col-sm-3 col-md-2 m-0 px p-lg-3" href="https://www.urubici.sc.gov.br/">
1896          <img src="https://www.urubici.sc.gov.br/images/logopref.webp" class="w-100 ml-3 ml-lg-0" alt="Logo Prefeitura de Urubici">
1897        </a>
1898        <!-- \\ ======================================== // -->
1899        <div class="header-menu navbar-menu col-lg-10 col-xxl-9 justify-content-center row m-0 p-4 p-lg-0 align-content-start align-content-lg-center" id="">
1900          <ul class="navbar-nav col-12 p-0 justify-content-between">
1901            <li class="nav-item row m-0 align-content-center text-end d-lg-none">
1902              <i class="fas fa-times-circle header-principal pt-3"></i>
1903            </li>                       
1904            <li class="nav-item row m-0 align-content-center">
1905              <a class="nav-link ps-2 px-lg-2 py-lg-4 mb-2 mb-lg-0" href="https://www.urubici.sc.gov.br/">Início</a>
1906            </li>
1907            <li class="nav-item row m-0 align-content-center justify-content-center chama-menu">
1908              <a class="nav-link ps-2 px-lg-2 py-lg-4 mb-2 mb-lg-0 espacamento-menu" href="#" data-menu="menu-municipio">O Município ▾</a>
1909              <!-- // ============================== | MENU - MUNICÍPIO | ============================== \\ -->
1910<section id="menu-municipio" class="menu-flutuante" style="display: none;">
1911	<main>
1912		<div class="header-fechar-menu">
1913	<i class="fas fa-times-circle"></i>
1914</div>		<nav class="col-lg-3 estilo-menu-1">
1915			<ul>
1916				<li><a href="https://www.urubici.sc.gov.br/historia-do-municipio">História do Município</a></li>
1917				<li><a href="https://www.urubici.sc.gov.br/dados-do-municipio">Dados do Município</a></li>
1918				<li><a href="https://www.urubici.sc.gov.br/simbolos-do-municipio">Símbolos do Município</a></li>
1919				<li><a href="https://www.urubici.sc.gov.br/404">Projetos</a></li>
1920			</ul>
1921		</nav>
1922		<nav class="col-lg-3 estilo-menu-2">
1923			<ul>
1924				<li><h2>Atrações Turísticas</h2></li>
1925									<li><a href="https://www.urubici.sc.gov.br/turismos/5/agencias">Agências</a></li>
1926									<li><a href="https://www.urubici.sc.gov.br/turismos/1/atrativos">Atrativos</a></li>
1927									<li><a href="https://www.urubici.sc.gov.br/turismos/3/gastronomia">Gastronomia</a></li>
1928									<li><a href="https://www.urubici.sc.gov.br/turismos/7/guias-de-turismo">Guias de Turismo</a></li>
1929									<li><a href="https://www.urubici.sc.gov.br/turismos/4/hospedagem">Hospedagem</a></li>
1930									<li><a href="https://www.urubici.sc.gov.br/turismos/2/lazer">Lazer</a></li>
1931									<li><a href="https://www.urubici.sc.gov.br/turismos/6/mapa-turistico">Mapa Turístico</a></li>
1932							</ul>
1933		</nav>
1934		<nav class="col-lg-3 estilo-menu-2">
1935			<ul>
1936				<li><h2>Serviços</h2></li>
1937				<li><a href="https://www.urubici.sc.gov.br/carta-de-servicos">Carta de Serviços</a></li>
1938			</ul>
1939		</nav>
1940		<nav class="col-lg-3">
1941			<style>
1942.img-shadow {
1943  filter: brightness(0.8);
1944}
1945</style>
1946
1947<div class="horario-de-atendimento row m-0 align-content-center justify-content-center">
1948	<a class="col-4" href="https://www.urubici.sc.gov.br/">
1949		<img src="https://www.urubici.sc.gov.br/images/logo-pref-urubici1.webp" class="img-shadow w-100 mb-3" alt="Horário de atendimento Urubici!">
1950	</a>
1951	<a href="">
1952		(49) 3191 3069 <br>
1953		<b>Horário de Atendimento</b> <br>
1954		Segunda a sexta-feira <br>
1955		12h às 18h
1956	</a>
1957</div>		</nav>
1958	</main>
1959</section>
1960<!-- \\ ================================================================================== // -->            </li>
1961            <li class="nav-item row m-0 align-content-center justify-content-center chama-menu">
1962              <a class="nav-link ps-2 px-lg-2 py-lg-4 mb-2 mb-lg-0 espacamento-menu" href="#" data-menu="menu-departamento">Departamentos ▾</a>
1963              <!-- // ============================== | MENU - MUNICÍPIO | ============================== \\ -->
1964<section id="menu-departamento" class="menu-flutuante" style="display: none;">
1965	<main>
1966		<div class="header-fechar-menu">
1967	<i class="fas fa-times-circle"></i>
1968</div>		<nav class="col-lg-4 estilo-menu-1">
1969			<ul>
1970				<li><a href="https://www.urubici.sc.gov.br/estrutura-organizacional">Estrutura Organizacional</a></li>
1971				<li><a href="https://www.urubici.sc.gov.br/secretaria/35/gabinete-do-prefeito">Gabinete do Prefeito</a></li>
1972			</ul>
1973		</nav>
1974		<nav class="col-lg-4 estilo-menu-2">
1975			<ul>
1976								<li><h2>SECRETARIAS</h2></li>
1977									<li><a href="https://www.urubici.sc.gov.br/secretaria/43/controladoria-geral">CONTROLADORIA GERAL</a></li>
1978									<li><a href="https://www.urubici.sc.gov.br/secretaria/40/gabinete-do-prefeito">GABINETE DO PREFEITO</a></li>
1979									<li><a href="https://www.urubici.sc.gov.br/secretaria/41/gabinete-do-vice-prefeito">GABINETE DO VICE-PREFEITO</a></li>
1980									<li><a href="https://www.urubici.sc.gov.br/secretaria/42/procuradoria-geral">PROCURADORIA GERAL</a></li>
1981									<li><a href="https://www.urubici.sc.gov.br/secretaria/44/secretaria-de-administracao-e-mobilidade-urbana">SECRETARIA DE ADMINISTRAÇÃO E MOBILIDADE URBANA</a></li>
1982									<li><a href="https://www.urubici.sc.gov.br/secretaria/55/secretaria-de-agricultura">SECRETARIA DE AGRICULTURA</a></li>
1983									<li><a href="https://www.urubici.sc.gov.br/secretaria/54/secretaria-de-comunicacao-e-inovacao">SECRETARIA DE COMUNICAÇÃO E INOVAÇÃO</a></li>
1984									<li><a href="https://www.urubici.sc.gov.br/secretaria/50/secretaria-de-desenvolvimento-e-assistencia-social">SECRETARIA DE DESENVOLVIMENTO E ASSISTÊNCIA SOCIAL</a></li>
1985									<li><a href="https://www.urubici.sc.gov.br/secretaria/48/secretaria-de-educacao">SECRETARIA DE EDUCAÇÃO</a></li>
1986									<li><a href="https://www.urubici.sc.gov.br/secretaria/52/secretaria-de-meio-ambiente-desenvolvimento-sustentavel-e-saneamento-basico">
1986SECRETARIA DE MEIO AMBIENTE, DESENVOLVIMENTO SUSTENTÁVEL E SANEAMENTO BÁSICO</a></li>
1987									<li><a href="https://www.urubici.sc.gov.br/secretaria/46/secretaria-de-obras-e-defesa-civil">SECRETARIA DE OBRAS E DEFESA CIVIL</a></li>
1988									<li><a href="https://www.urubici.sc.gov.br/secretaria/45/secretaria-de-planejamento-fazenda-e-desenvolvimento-economico">SECRETARIA DE PLANEJAMENTO, FAZENDA E DESENVOLVIMENTO ECONÔMICO</a></li>
1989									<li><a href="https://www.urubici.sc.gov.br/secretaria/49/secretaria-de-saude">SECRETARIA DE SAÚDE</a></li>
1990									<li><a href="https://www.urubici.sc.gov.br/secretaria/53/secretaria-de-turismo-cultura-esporte-e-lazer">SECRETARIA DE TURISMO, CULTURA, ESPORTE E LAZER</a></li>
1991							</ul>
1992		</nav>
1993		<nav class="col-lg-4 estilo-menu-2">
1994			<ul>
1995								<li><h2>CONSELHOS MUNICIPAIS</h2></li>
1996									<li><a href="https://www.urubici.sc.gov.br/secretaria/57/conselho-municipal-da-saude">CONSELHO MUNICIPAL DA SAÚDE</a></li>
1997									<li><a href="https://www.urubici.sc.gov.br/secretaria/59/conselho-municipal-de-assistencia-social">CONSELHO MUNICIPAL DE ASSISTÊNCIA SOCIAL</a></li>
1998									<li><a href="https://www.urubici.sc.gov.br/secretaria/56/conselho-municipal-de-turismo-comtur">CONSELHO MUNICIPAL DE TURISMO - COMTUR</a></li>
1999									<li><a href="https://www.urubici.sc.gov.br/secretaria/58/conselho-municipal-dos-direitos-da-crianca-e-adolescente">CONSELHO MUNICIPAL DOS DIREITOS DA CRIANÇA E ADOLESCENTE</a></li>
2000							</ul>
2001		</nav>
2002	</main>
2003</section>
2004<!-- \\ ================================================================================== // -->            </li>
2005            <li class="nav-item row m-0 align-content-center justify-content-center chama-menu">
2006              <a class="nav-link ps-2 px-lg-2 py-lg-4 mb-2 mb-lg-0 espacamento-menu" href="#" data-menu="menu-informativo">Informativos ▾</a>
2007              <!-- // ============================== | MENU - MUNICÍPIO | ============================== \\ -->
2008<section id="menu-informativo" class="menu-flutuante" style="display: none;">
2009	<main>
2010		<div class="header-fechar-menu">
2011	<i class="fas fa-times-circle"></i>
2012</div>		<nav class="col-lg-4 estilo-menu-1">
2013			<ul>
2014								<li><a href="https://www.urubici.sc.gov.br/noticias">Notícias</a></li>
2015								<li><a href="https://www.urubici.sc.gov.br/links-uteis">Links Úteis</a></li>
2016			</ul>
2017		</nav>
2018		<nav class="col-lg-4 estilo-menu-2">
2019			<ul>
2020				<li><h2>Multimídia</h2></li>
2021				<li><a href="https://www.urubici.sc.gov.br/galeria-de-fotos">Galeria de Fotos</a></li>
2022				<!-- <li><a href="https://www.urubici.sc.gov.br/galeria-de-videos">Galeria de Vídeos</a></li> -->
2023				<!-- <li><a href="https://www.urubici.sc.gov.br/audios">Áudios</a></li> -->
2024			</ul>
2025		</nav>
2026		<nav class="col-lg-4">
2027			<style>
2028.img-shadow {
2029  filter: brightness(0.8);
2030}
2031</style>
2032
2033<div class="horario-de-atendimento row m-0 align-content-center justify-content-center">
2034	<a class="col-4" href="https://www.urubici.sc.gov.br/">
2035		<img src="https://www.urubici.sc.gov.br/images/logo-pref-urubici1.webp" class="img-shadow w-100 mb-3" alt="Horário de atendimento Urubici!">
2036	</a>
2037	<a href="">
2038		(49) 3191 3069 <br>
2039		<b>Horário de Atendimento</b> <br>
2040		Segunda a sexta-feira <br>
2041		12h às 18h
2042	</a>
2043</div>		</nav>
2044	</main>
2045</section>
2046<!-- \\ ================================================================================== // -->            </li>
2047            <li class="nav-item row m-0 align-content-center justify-content-center chama-menu">
2048              <a class="nav-link ps-2 px-lg-2 py-lg-4 mb-2 mb-lg-0 espacamento-menu" href="#" data-menu="menu-publicacoes-oficiais">Publicações Oficiais ▾</a>
2049              <!-- // ============================== | MENU - MUNICÍPIO | ============================== \\ -->
2050<section id="menu-publicacoes-oficiais" class="menu-flutuante" style="display: none;">
2051	<main>
2052		<div class="header-fechar-menu">
2053	<i class="fas fa-times-circle"></i>
2054</div>		<nav class="col-lg-3 estilo-menu-2">
2055			<ul>
2056				<li><h2>Licitações</h2></li>
2057									<li><a href="https://www.urubici.sc.gov.br/licitacoes/12/adesao-a-ata-de-registro-de-precos">Adesão à Ata de Registro de Preços</a></li>
2058									<li><a href="https://www.urubici.sc.gov.br/licitacoes/1/chamada-publica">Chamada Pública</a></li>
2059									<li><a href="https://www.urubici.sc.gov.br/licitacoes/2/chamamento-de-interessados">Chamamento de Interessados</a></li>
2060									<li><a href="https://www.urubici.sc.gov.br/licitacoes/11/concorrencia-eletronica">Concorrência Eletrônica</a></li>
2061									<li><a href="https://www.urubici.sc.gov.br/licitacoes/3/concorrencia-publica">Concorrência Pública</a></li>
2062									<li><a href="https://www.urubici.sc.gov.br/licitacoes/4/convite">
2062Convite</a></li>
2063									<li><a href="https://www.urubici.sc.gov.br/licitacoes/5/dispensa-de-licitacao">Dispensa de Licitação</a></li>
2064									<li><a href="https://www.urubici.sc.gov.br/licitacoes/14/fiscal-de-contrato">Fiscal de Contrato</a></li>
2065									<li><a href="https://www.urubici.sc.gov.br/licitacoes/6/inexigibilidade">Inexigibilidade</a></li>
2066									<li><a href="https://www.urubici.sc.gov.br/licitacoes/7/leilao">Leilão</a></li>
2067									<li><a href="https://www.urubici.sc.gov.br/licitacoes/13/plano-de-contratacoes-anual">Plano de Contratações Anual</a></li>
2068									<li><a href="https://www.urubici.sc.gov.br/licitacoes/8/pregao-eletronico">Pregão Eletrônico</a></li>
2069									<li><a href="https://www.urubici.sc.gov.br/licitacoes/9/pregao-presencial">Pregão Presencial</a></li>
2070									<li><a href="https://www.urubici.sc.gov.br/licitacoes/10/tomada-de-preco">Tomada de Preço</a></li>
2071							</ul>
2072		</nav>
2073		<nav class="col-lg-3 estilo-menu-2">
2074			<ul>
2075				<li><h2>Editais</h2></li>
2076									<li><a href="https://www.urubici.sc.gov.br/concursos/6/chamamento-publico">Chamamento Público</a></li>
2077									<li><a href="https://www.urubici.sc.gov.br/concursos/1/concurso">Concurso</a></li>
2078									<li><a href="https://www.urubici.sc.gov.br/concursos/3/convocacao">Convocação</a></li>
2079									<li><a href="https://www.urubici.sc.gov.br/concursos/4/eleicoes-conselho-tutelar">Eleições Conselho Tutelar</a></li>
2080									<li><a href="https://www.urubici.sc.gov.br/concursos/5/processo-seletivo">Processo Seletivo</a></li>
2081							</ul>
2082		</nav>
2083		<nav class="col-lg-3 estilo-menu-2">
2084			<ul>
2085				<li><h2>Legislação</h2></li>
2086									<li>
2087						<a 
2088															href="https://www.urubici.sc.gov.br/leis/18/"
2089													
2090							>
2091														
2092						</a>
2093					</li>
2094									<li>
2095						<a 
2096															href="https://www.urubici.sc.gov.br/leis/12/aditivos"
2097													
2098							>
2099							Aditivos							
2100						</a>
2101					</li>
2102									<li>
2103						<a 
2104															href="https://www.urubici.sc.gov.br/leis/11/contratos-e-convenios"
2105													
2106							>
2107							Contratos e Convênios							
2108						</a>
2109					</li>
2110									<li>
2111						<a 
2112															href="https://www.urubici.sc.gov.br/leis/7/decretos"
2113													
2114							>
2115							Decretos							
2116						</a>
2117					</li>
2118									<li>
2119						<a 
2120															href="https://www.urubici.sc.gov.br/leis/2/estagio"
2121													
2122							>
2123							Estágio							
2124						</a>
2125					</li>
2126									<li>
2127						<a 
2128															href="https://www.urubici.sc.gov.br/leis/8/lei-organica"
2129													
2130							>
2131							Lei Orgânica							
2132						</a>
2133					</li>
2134									<li>
2135						<a 
2136															href="https://leismunicipais.com.br/prefeitura/sc/urubici" target="_blank"
2137													
2138							>
2139							Leis							
2140						</a>
2141					</li>
2142									<li>
2143						<a 
2144															href="https://www.urubici.sc.gov.br/leis/16/leis-e-anexos"
2145													
2146							>
2147							Leis e Anexos							
2148						</a>
2149					</li>
2150									<li>
2151						<a 
2152															href="https://www.urubici.sc.gov.br/leis/19/loa-lei-ordinaria-2-8772024-exercicio-2025"
2153													
2154							>
2155							LOA - Lei-ordinaria-2.877/2024 - EXERCÍCIO 2025							
2156						</a>
2157					</li>
2158									<li>
2159						<a 
2160															href="https://www.urubici.sc.gov.br/leis/1/parcerias"
2161													
2162							>
2163							Parcerias							
2164						</a>
2165					</li>
2166									<li>
2167						<a 
2168															href="https://www.urubici.sc.gov.br/leis/3/plano-de-cargos-e-carreiras"
2169													
2170							>
2171							Plano de Cargos e Carreiras							
2172						</a>
2173					</li>
2174									<li>
2175						<a 
2176															href="https://www.urubici.sc.gov.br/leis/14/plano-municipal-de-educacao"
2177													
2178							>
2179							Plano Municipal de Educação							
2180						</a>
2181					</li>
2182									<li>
2183						<a 
2184															href="https://www.urubici.sc.gov.br/leis/13/plano-municipal-de-saude"
2185													
2186							>
2187							Plano Municipal de Saúde							
2188						</a>
2189					</li>
2190									<li>
2191						<a 
2192															href="https://www.urubici.sc.gov.br/leis/9/plano-plurianual"
2193													
2194							>
2195							Plano Plurianual							
2196						</a>
2197					</li>
2198									<li>
2199						<a 
2200															href="https://www.urubici.sc.gov.br/leis/4/portaria"
2201													
2202							>
2203							Portaria							
2204						</a>
2205					</li>
2206									<li>
2207						<a 
2208															href="https://www.urubici.sc.gov.br/leis/15/relatorio-de-gestao-municipal"
2209													
2210							>
2211							RELATÓRIO DE GESTÃO MUNICIPAL							
2212						</a>
2213					</li>
2214									<li>
2215						<a 
2216															href="https://www.urubici.sc.gov.br/leis/17/relatorio-de-gestao-municipal-marco-2023-fms"
2217													
2218							>
2219							Relatório de Gestão Municipal - Março 2023-FMS							
2220						</a>
2221					</li>
2222									<li>
2223						<a 
2224															href="https://www.urubici.sc.gov.br/leis/5/resolucoes"
2225													
2226							>
2227							Resoluções							
2228						</a>
2229					</li>
2230							</ul>
2231		</nav>
2232		<nav class="col-lg-3 estilo-menu-1">
2233			<ul>
2234				<li><a href="https://www.urubici.sc.gov.br/diario-oficial">Diário Oficial</a></li>
2235				<li><a href="https://www.urubici.sc.gov.br/empresas-com-sancoes-administrativas">Empresas com Sanções Administrativas</a></li>
2236			</ul>
2237		</nav>
2238	</main>
2239</section>
2240<!-- \\ ================================================================================== // -->            </li>
2241            <li class="nav-item row m-0 align-content-center">
2242              <div class="dropdown p-0">
2243                <a class="nav-link ps-2 px-lg-2 py-lg-4 mb-2 mb-lg-0 espacamento-menu" type="button" id="transparencia" data-bs-toggle="dropdown" aria-expanded="false">
2244                  Transparência ▾
2245                </a>
2246                <ul class="dropdown-menu" aria-labelledby="transparencia">                  
2247                  <li><a class="dropdown-item" href="https://transparencia.betha.cloud/#/fEgnF_fyV_aofUpNQIKV9Q==" target="_blank">Portal Transparência de Urubici</a></li>
2248                  <li><a class="dropdown-item" href="https://www.urubici.sc.gov.br/contas-publicas">Contas Públicas</a></li>
2249                  <li><a class="dropdown-item" href="https://www.urubici.sc.gov.br/lista-de-espera-do-sus">Lista de espera do SUS</a></li>
2250                  <li><a class="dropdown-item" href="https://www.urubici.sc.gov.br/carta-de-servicos">Carta de Serviços</a></li>
2251                  <li><a class="dropdown-item" href="https://www.urubici.sc.gov.br/perguntas-frequentes">Perguntas Frequentes</a></li>
2252                  <li><a class="dropdown-item" href="https://www.urubici.sc.gov.br/acesso-a-informacao">Acesso à Informação</a></li>
2253                  <li><a class="dropdown-item" href="https://www.urubici.sc.gov.br/e-sic-pedido-de-informacoes">e-SIC - Pedido de informações</a></li>
2254                  <li><a class="dropdown-item" href="https://www.urubici.sc.gov.br/politica-de-privacidade">Política de Privacidade</a></li>
2255                </ul>
2256              </div>     
2257            </li>
2258            <li class="nav-item row m-0 align-content-center">
2259              <div class="dropdown p-0">
2260                <a class="nav-link ps-2 px-lg-2 py-lg-4 mb-2 mb-lg-0 espacamento-menu" type="button" id="contato" data-bs-toggle="dropdown" aria-expanded="false">
2261                  Contato ▾
2262                </a>
2263                <ul class="dropdown-menu" aria-labelledby="contato">
2264                  <li><a class="dropdown-item" href="https://www.urubici.sc.gov.br/telefones-e-enderecos">Telefones e Endereços</a></li>
2265                  <li><a class="dropdown-item" href="https://www.urubici.sc.gov.br/contato">Fale Conosco</a></li>
2266                  <li><a class="dropdown-item" href="https://www.urubici.sc.gov.br/ouvidoria">Ouvidoria</a></li>
2267                  <li><a class="dropdown-item" href="https://www.urubici.sc.gov.br/secretaria/35/gabinete-do-prefeito?id_setor=30#setores">Assesoria de Comunicação</a></li>
2268                </ul>
2269              </div>     
2270            </li>
2271           
2272          </ul>          
2273        </div>
2274      </div>
2275    </nav>
2276  </section>
2277</header>
2278<!-- \\ =================================================================== //  -->
2279
2280
2281
2282<script>
2283  // // ============= | CONTROLLER MENU | ============= \\
2284  
2285
2286
2287  if(screen.width >= 992){
2288    $(".chama-menu").hover(function(){
2289      if(screen.width >= 992){
2290        $(".menu-flutuante").css("top", ($(this).position().top+50)+"px");
2291      }
2292      $("#"+$(this).children("a").data("menu")).fadeIn(10);
2293    },
2294    function(){
2295      $("#"+$(this).children("a").data("menu")).fadeOut(10);
2296    });
2297  }else{
2298
2299
2300    $(".chama-menu > a").click(function(){
2301      $("#"+$(this).data("menu")).fadeIn(10);
2302    });
2303  }
2304
2305
2306  $(".header-fechar-menu").click(function(){
2307    $(".menu-flutuante").fadeOut(150);
2308  });
2309
2310  // \\ =============================================== //
2311</script>
2311
2312
2313
2314
2315
2316<script type="text/javascript">
2317
2318  // // ============= | CONTROLLER MENU | ============= \\
2319  $("header .fa-times-circle.header-principal").click(function(){
2320      // // == animation == \\
2321      $("header .navbar-menu").animate({
2322        left: '0',
2323      }, 0);
2324      $("header .navbar-menu").animate({
2325        left: '-100%',
2326      }, 450);
2327      // \\ =============== //
2328      setTimeout(function(){
2329        $("header .navbar-menu").removeClass("show");
2330      }, 450);
2331      
2332  });
2333  $("header .navbar-toggler").click(function(){
2334    $("header .navbar-menu").addClass("show");
2335      // // == animation == \\
2336      $("header .navbar-menu").animate({
2337        left: '-100%',
2338      }, 0);
2339      $("header .navbar-menu").animate({
2340        left: '0',
2341      }, 450);
2342      // \\ =============== //
2343  });
2344  // \\ =============================================== //
2345
2346
2347  // // ============= | MUDAR HEADER | ================ \\
2348  /*
2349  $(document).ready(function(){
2350    var valor_distancia_para_mudar = 50;
2351
2352    $(window).scroll(function () {
2353      
2354        if($(this).scrollTop() > valor_distancia_para_mudar){
2355          $("#header_supreme").css('transition', '0.3s');
2356          $("#header_supreme").css('background-color', 'rgb(0,0,0,0.6)');
2357          $("#header_supreme section").removeClass('py-lg-3');
2358          $("#header_supreme section").addClass('py-lg-1');
2359        }else{
2360          $("#header_supreme").css('transition', '0.3s');
2361          $("#header_supreme").css('background-color', 'transparent');
2362          $("#header_supreme section").addClass('py-lg-3');
2363          $("#header_supreme section").removeClass('py-lg-1');
2364        }
2365      
2366    });
2367  });
2368  */
2369  // \\ =============================================== //
2370
2371</script>
2371
2372
2373
2374<script type="text/javascript">
2375
2376  // função que pega a altura do header e coloca no main para dar o espaçamento correto ------------------------------------ \\
2377  /*
2378  function ajustar_main(){
2379    if(screen.width < 992){
2380      height_header_supreme = $("#header_supreme").outerHeight();
2381      document.getElementById("main_supreme").setAttribute("style", "  margin-top:" + height_header_supreme +
2382        "px !important;");
2383    }
2384  }
2385  */
2386  
2387  document.body.onresize = function () {
2388    // // ========== | SÓ AJUSTA CASO FOR MOBILE | ========== \\
2389     ajustar_main();
2390   // \\ =================================================== //
2391  };
2392
2393  // executa a função ajudar main acima assim que a tela carregar ---------------------------------------------------------- \\
2394  $(document).ready(function(){
2395    
2396    ajustar_main();
2397
2398
2399    var recaptcha = document.forms["id_form"]["g-recaptcha-response"];
2400      recaptcha.required = true;
2401      recaptcha.oninvalid = function(e) {
2402      // fazer algo, no caso to dando um alert
2403        Swal.fire({
2404        icon: 'error',
2405        title: 'Oops...',
2406        text: 'Não esqueça de marcar o captcha!',
2407        footer: ''
2408      })
2409
2410    }
2411  });
2412           
2413</script>
2413
2414
2415
2416
2417
2418
2419
2420
2421
2422<main id="main_supreme" class="m-0 p-0 justify-content-center row col-12 w-100 no-overflow">
2423
2424
2425<style>
2426  /* // ==== |      ANCORAS    | === \\ */
2427  .whatsapp-flutuante{
2428      position: fixed;
2429      left: 3%;
2430      bottom: 20.4%;
2431      width: auto;
2432      height: 0;
2433      z-index: 9;
2434    }
2435   
2436    .whatsapp-flutuante a,
2437    .whatsapp-flutuante div{
2438      background: #25D366;
2439      border-radius: 100%;
2440      width: 50px;
2441      height: 50px;
2442      padding: 23% !important;  
2443      cursor: pointer;
2444      font-size: 1.7rem;
2445    }
2446   
2447  /* \\ ============================ // */
2448
2449
2450
2451  @media (min-width: 768px) {
2452    .whatsapp-flutuante{
2453      position: fixed;
2454      right: 1%;
2455      left: auto;
2456      bottom: 25%;
2457      width: auto;
2458      height: 0;
2459      z-index: 9;
2460    }
2461    
2462    }
2463</style>
2464
2465
2466
2467<!-- // ===================== | WHATS | ====================== \\ 
2468<div class="whatsapp-flutuante m-0 p-0 row align-content-end w-auto">
2469  <aside class="w-auto p-0">
2470   
2471    <a target="_blank" href="https://api.whatsapp.com/send?phone=  &text=Olá estou acessando seu site e gostaria de solicitar algumas informações.&source=&data=" class="col-12 m-0 p-1 row justify-content-center align-content-center" style="padding:0 !important">
2472      <i class="p-0 fab fa-whatsapp text-white text-center" aria-hidden="true"></i>
2473    </a>
2474    
2475  </aside>
2476</div>
2477\\ ====================================================== // -->
2478
2479
2480
2481
2482
2483<!-- // ================================ | SLIDESHOW HOME | ================================ \\ -->
2484<div id="slideshow_home" class="carousel slide p-0 mb-0 flex-wrap" data-bs-ride="carousel" data-interval="6000" data-bs-pause="false">
2485    
2486    <!-- // =========== | CONTROLES MIDLEAIS | ============ \\ -->
2487    <ol class="carousel-indicators">
2488            </ol>
2489    <!-- \\ =============================================== // -->
2490    
2491    <!-- // ================== | SLIDES | ================= \\ -->
2492    <div class="carousel-inner">
2493                    <!-- // ============================ | CONTAINER GERAL DO SLIDE | =========================== \\ -->
2494            <div class="carousel-item active">
2495                <a 
2496                     
2497                    class="w-100">
2498                    <div class="w-100 m-0 p-0 row">
2499                        <!-- // ================ | APRESENTAÇÃO DA IMAGEM | ================= \\ -->
2500                        <div class="col-12 m-0 p-0 content-img-carousel">
2501                            <img 
2502                                src="https://www.urubici.sc.gov.br/slideshow_home/177861372290.png" 
2503                                class="w-100" 
2504                                alt=""  
2505                                title=""
2506                            >
2507                            <div class="informacao row m-0 align-content-start align-content-lg-center justify-content-center justify-content-lg-start">
2508                                <hgroup>
2509                                    <h2 class="assunto"></h2>
2510                                    <h2>
2511                                                                            </h2>
2512                                </hgroup>
2513                            </div>
2514                        </div>
2515                        <!-- \\ ============================================================= // -->
2516                        <!-- // ====== | CASO QUERIA ADICIONAR UMA FRASE COLOCAR AQUI | ===== \\ -->
2517                        <div class="carousel-caption d-none d-md-block text-left">
2518
2519                        </div>
2520                        <!-- \\ ============================================================= // -->
2521                    </div>
2522                </a>
2523            </div>
2524            <!-- \\ ===================================================================================== // -->
2525            </div>
2526    <!-- \\ =============================================== // -->
2527
2528    
2529    <div class="busca-slideshow">
2530        <!-- // =========== | BUSCA HOME | ==================== \\ -->
2531                <!-- \\ =============================================== // -->
2532    </div>
2533
2534    <!-- // =========== | CONTROLES LATERAIS | ============ \\ --
2535    <button class="carousel-control-prev" type="button" data-bs-target="#slideshow_home"  data-bs-slide="prev">
2536        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
2537        <span class="visually-hidden">Previous</span>
2538    </button>
2539    <button class="carousel-control-next" type="button" data-bs-target="#slideshow_home"  data-bs-slide="next">
2540        <span class="carousel-control-next-icon" aria-hidden="true"></span>
2541        <span class="visually-hidden">Next</span>
2542    </button>
2543    \\ =============================================== // -->
2544
2545    <img src="https://www.urubici.sc.gov.br/images/bg-slide.webp" class="bg-slideshow d-none" alt="Bg Slideshow">
2546</div>
2547<!-- \\ ==================================================================================== // -->
2548
2549
2550<style>
2551
2552
2553    #slideshow_home .busca-slideshow{
2554        z-index: 80;
2555        position: absolute;
2556        right: 5%;
2557        width: 90%;
2558        bottom: 15%;
2559        justify-content: flex-end;
2560        display: flex;
2561    }
2562    #slideshow_home{
2563        display: flex;
2564        align-items: center;
2565    }
2566
2567    #slideshow_home .carousel-indicators{
2568        position: absolute;
2569    }
2570    #slideshow_home{
2571        position: relative;
2572    }
2573
2574    #slideshow_home .bg-slideshow{
2575        position: absolute;
2576        left: 0;
2577        bottom: 0;
2578        width: 100%;
2579    }
2580
2581    #slideshow_home hgroup{
2582        margin-top:100px !important;
2583        text-transform: uppercase;
2584        text-align: center;
2585        z-index: 1;
2586    }
2587
2588    #slideshow_home hgroup h2{
2589        color: white;
2590        font-size: 2rem;
2591        line-height: 90%;
2592        font-weight: normal;
2593        margin: 0;
2594
2595    }
2596   
2597    #slideshow_home hgroup h2.assunto{
2598        color: #FBB611;
2599        font-weight: normal;
2600        font-size: 1rem;
2601        font-family: 'Archive';
2602    }
2603
2604
2605
2606    #slideshow_home{
2607        position: relative;
2608    }
2609    #slideshow_home .informacao{
2610        position: absolute;
2611        height: 100%;
2612        width: 100%;
2613        background: rgb(0, 0, 0, 0.4);        
2614        /*    ALTERADO EDUARDO PEDISTE    */
2615        background: rgb(0, 0, 0, 0%);        
2616        top: 0;
2617        left: 0;
2618    }
2619
2620    #slideshow_home img{
2621        object-fit: cover;
2622        object-position: center;
2623    }
2624
2625
2626
2627    /* // ============================================================= | 992 PX | ============================================================= \\ */
2628    /*
2629        IMPLEMENTADO APÓS PEDIDOS DO EDUARDO
2630    */
2631    @media(max-width: 992px){
2632
2633        #slideshow_home .busca-slideshow{
2634            background: #004a9d;
2635            padding: 1rem 1rem;
2636            width: 100%;
2637            position: initial;
2638            right: initial;
2639            left: initial;
2640        }
2641
2642    }
2643    /* \\ ====================================================================================================================================== // */
2644
2645
2646
2647    /* // ============================================================= | 992 PX | ============================================================= \\ */
2648    @media (min-width: 992px) {
2649        #slideshow_home hgroup h2{
2650            font-size: 5vw;
2651            line-height: 100%;
2652        }
2653        #slideshow_home .busca-slideshow{
2654            bottom: auto;
2655        }
2656        #slideshow_home .busca-header{
2657            zoom: 60%;
2658            width: 30%;
2659        }
2660        #slideshow_home hgroup h3{
2661            font-size: 2rem;
2662        }
2663        #slideshow_home hgroup h2.assunto{
2664            font-size: 1.5rem;
2665        }
2666        #slideshow_home hgroup{
2667            text-align: start;
2668            margin-top:0 !important;
2669            width: 48%;
2670            padding: 0;
2671            margin-left: 5%;
2672        }
2673
2674    }
2675    /* \\ ====================================================================================================================================== // */
2676
2677
2678</style>
2679<script>
2680    $(document).ready(function(){
2681        if(screen.width >= 992){
2682            //$("#slideshow_home img:not(.bg-slideshow)").css("height", $(window).height()+"px");
2683        }else{
2684            //$("#slideshow_home img:not(.bg-slideshow)").css("height", $(window).height()+"px");
2685        }
2686    })
2687</script>
2687
2688 
2689
2690
2691
2692
2693
2694
2695
2696
2697
2698
2699<!-- // ======================= | NOTÍCIAS | ============================ \\ -->
2700<style>
2701	.noticias-home{
2702		background: #D6D6D6;
2703		padding-top: 5rem !important;
2704		padding-bottom: 5rem !important;
2705	}
2706	.noticias-home{
2707		color: white;
2708		text-transform: uppercase;
2709	}
2710
2711	.noticias-home .position-absolute{
2712		left: 0;
2713	}
2714
2715	.noticias-home main{
2716		height: auto;
2717		position: relative;
2718        margin-bottom: 2rem !important;
2719	}
2720
2721	.noticias-home main h2{
2722		font-size: 2rem;
2723        text-align: center;
2724	}
2725	.noticias-home header img{
2726		top: -20.2vw !important;
2727	}
2728
2729	.noticias-home .menina{
2730		position: absolute;
2731		width: 65%;
2732        display: none;
2733	}
2734
2735
2736	.noticias-home article *{
2737		text-align: center;
2738	}
2739
2740	.noticias-home article{
2741		background: white;
2742		justify-content: center;
2743		transition: 0.3s;
2744	}
2745	.noticias-home article span{
2746		color: #FF7800;
2747		font-size: 0.90rem;
2748		font-family: 'Gotham-Bold';
2749	}
2750	.noticias-home article h2{
2751		color: black;
2752		font-size: 1rem;
2753		font-family: 'Gotham-Bold';
2754		text-transform: initial;
2755		transition: 0.3s;
2756	}
2757	.noticias-home article:hover{
2758		transition: 0.3s;
2759		transform: scale(1.07);
2760	}
2761	.noticias-home article:hover div{
2762		background: #FF7800;
2763		transition: 0.3s;
2764	}
2765	.noticias-home article:hover h2{
2766		color: #FF7800;
2767		transition: 0.3s;
2768	}
2769	.noticias-home article p{
2770		color: black;
2771		font-size: 0.80rem;
2772		font-family: 'Gotham-Light';
2773		text-transform: initial;
2774		overflow: hidden;
2775		text-overflow: ellipsis;
2776		display: -webkit-box;
2777		line-height: 16px;     /* fallback */
2778		-webkit-line-clamp: 4; /* number of lines to show */
2779		-webkit-box-orient: vertical;
2780	}
2781	.noticias-home article img{
2782		height: 173px;
2783		object-fit: cover;
2784		object-position: center;
2785	}
2786	.noticias-home article div{
2787		border-radius: 80px;
2788		background: #202020;
2789		text-align: center;
2790		color: white;
2791		width: auto;
2792		padding: 0.6rem 1.2rem 0.6rem 1.2rem; 
2793		font-size: 0.75rem;
2794		font-family: 'Gotham-Bold';
2795		margin-bottom: -8%;
2796		transition: 0.3s;
2797	}
2798	.noticias-home .container-noticias{
2799		z-index: 3;
2800		margin-bottom: -15.6vw !important;
2801	}
2802	.noticias-home .container-menina{
2803		height: 0;
2804		visibility: hidden;
2805	}
2806
2807
2808    .noticias-home main img{
2809        object-fit: cover;
2810        object-position: right center;
2811        height: 250px;
2812    }
2813
2814
2815
2816	/* // ============================================================= | 992 PX | ============================================================= \\ */
2817	@media (min-width: 992px) {
2818
2819
2820        .noticias-home main img{
2821            object-fit: cover;
2822            object-position: right center;
2823            height: auto;
2824        }
2825
2826        .noticias-home main{
2827            margin-bottom: 0 !important;
2828        }
2829		.noticias-home .menina{
2830			position: absolute;
2831			width: 15vw;
2832			z-index: 3;
2833            display: block;
2834		}
2835
2836		.noticias-home main h2{
2837			font-size: 2.6vw;
2838            text-align: left;
2839		}
2840	   
2841	}
2842	/* \\ ====================================================================================================================================== // */
2843</style>
2844<section class="row m-0 py-5 p-0 noticias-home">
2845	<header class="p-0 row m-0 align-items-lg-end justify-content-center order-1 order-lg-0">
2846
2847
2848		<div class="col-lg-3 offset-lg-1 container-menina position-relative">
2849			<img src="https://www.urubici.sc.gov.br/images/ultimas-noticias-home.webp" class="menina" alt="Últimas notícias Home">
2850		</div>
2851
2852		<div class="col-sm-10 col-md-8 col-xl-7 row m-0 justify-content-center container-noticias">
2853							<a class="col-sm-7 col-lg-4 px-3" href="https://www.urubici.sc.gov.br/noticia/841/atleta-de-urubici-representa-brasil-no-campeonato-sul-americano-de-powerlifting">
2854					<article class="row m-0 mb-5 h-100 mb-lg-0 align-content-between">
2855						<figure class="p-0">
2856							<img src="https://www.urubici.sc.gov.br/imagens_noticia/1790195027399.jpg" class="w-100" alt="Atleta de Urubici representa Brasil no Campeonato Sul-Americano de Powerlifting">
2857						</figure>
2858						<span></span>
2859						<h2>Atleta de Urubici representa Brasil no Campeonato Sul-Americano de Powerlifting</h2>
2860						<p>Gabriel Ghizoni embarca para o Chile nesta quarta-feira (23), onde disputa a competição na categoria Open até 66 kg</p>
2861						<div>LER A NOTÍCIA +</div>
2862					</article>
2863				</a>
2864							<a class="col-sm-7 col-lg-4 px-3" href="https://www.urubici.sc.gov.br/noticia/842/setembro-fica-marcado-pelo-primeiro-asfalto-na-area-rural-desfile-civico-e-cuidado-com-a-saude-mental">
2865					<article class="row m-0 mb-5 h-100 mb-lg-0 align-content-between">
2866						<figure class="p-0">
2867							<img src="https://www.urubici.sc.gov.br/imagens_noticia/1790878168320.jpg" class="w-100" alt="Setembro fica marcado pelo primeiro asfalto na área rural, desfile cívico e cuidado com a saúde mental">
2868						</figure>
2869						<span></span>
2870						<h2>Setembro fica marcado pelo primeiro asfalto na área rural, desfile cívico e cuidado com a saúde mental</h2>
2871						<p>Mês ainda teve a 10ª edição do Fenatruta, largada da Volta Ciclística de SC, entrega de 300 mudas e a passagem do CRAS Móvel por Águas Brancas e Brasília</p>
2872						<div>LER A NOTÍCIA +</div>
2873					</article>
2874				</a>
2875							<a class="col-sm-7 col-lg-4 px-3" href="https://www.urubici.sc.gov.br/noticia/840/mais-de-300-mudas-sao-entregues-a-estudantes-da-rede-municipal-de-urubici">
2876					<article class="row m-0 mb-5 h-100 mb-lg-0 align-content-between">
2877						<figure class="p-0">
2878							<img src="https://www.urubici.sc.gov.br/imagens_noticia/1789147531605.png" class="w-100" alt="Mais de 300 mudas são entregues a estudantes da rede municipal de Urubici ">
2879						</figure>
2880						<span></span>
2881						<h2>Mais de 300 mudas são entregues a estudantes da rede municipal de Urubici </h2>
2882						<p>Ação realizada em parceria com a Klabin envolveu estudantes do 4º e 5º ano </p>
2883						<div>LER A NOTÍCIA +</div>
2884					</article>
2885				</a>
2886					</div>
2887	</header>
2888	<main class="p-0 row m-0 align-items-center ">
2889		<div class="col-lg-3 offset-lg-1 position-absolute">
2890			<h2>
2891				Últimas <br>
2892				notícias
2893			</h2>
2894		</div>
2895		<img src="https://www.urubici.sc.gov.br/images/ultima-noticia-azul.webp" class="w-100 p-0" alt="Notícias Home Urubici">
2896	</main>
2897</section>
2898<!-- \\ ================================================================= // -->
2899
2900
2901
2902
2903
2904
2905
2906
2907
2908
2909
2910
2911
2912<!-- // ======================= | ACESSO RÁPIDO | ======================= \\ -->
2913<style>
2914    .acesso-rapido-home{
2915    	display: flex;
2916    	flex-wrap: wrap;
2917    	justify-content: center;
2918    	background: #D6D6D6;
2919    	padding: 1rem 0rem 1rem 0rem;
2920    	align-items: center;
2921    }
2922    .acesso-rapido-home *:not(img.position-absolute){
2923    	z-index: 2;
2924    }
2925    .acesso-rapido-home main a{
2926    	display: flex;
2927    	justify-content: center;
2928    	align-items: center;
2929    }
2930    .acesso-rapido-home main a article{
2931    	display: flex;
2932    	justify-content: center;
2933    	align-items: center;
2934    	background: white;
2935    	width: 100%;
2936    	padding: 2rem;
2937    	transition: 0.3s;
2938        height: 100%;
2939    }
2940
2941    .acesso-rapido-home main a.destaque article{    	
2942    	background: #004a9d;
2943    }
2944    .acesso-rapido-home main a.destaque article h2{    	
2945    	color: white;
2946    }
2947    .acesso-rapido-home main a.destaque article img{    	
2948    	filter: brightness(0) invert(100%);
2949    }
2950
2951
2952    .acesso-rapido-home main a article:hover *{
2953    	color: white;
2954    	transition: 0.3s;
2955    }
2956
2957    .acesso-rapido-home main a article:hover img{
2958    	filter: grayscale(100%) brightness(10.0) invert(1);
2959    	transition: 0.3s;
2960    }
2961    .acesso-rapido-home main a article:hover{
2962    	background: #FBB611;
2963    	transform: scale(1.05);
2964    	transition: 0.3s;
2965    }
2966
2967    .acesso-rapido-home header h2{
2968    	color: #434343;
2969    	font-size: 2rem;
2970    }
2971
2972
2973    .acesso-rapido-home main a img{
2974    	width: 45px;
2975    	height: auto;
2976    	margin-right: 1rem;
2977    	transition: 0.3s;
2978    }
2979    .acesso-rapido-home main a h2{
2980    	font-size: 1rem;
2981    	color: black;
2982    	margin: 0 !important;
2983    	font-family: 'Gotham-Light';
2984    	transition: 0.3s;
2985    }
2986    .acesso-rapido-home main a h2 span{
2987    	font-family: 'Gotham-Bold';
2988    	display: block;
2989    	width: 100%;
2990    }
2991    .acesso-rapido-home img.position-absolute{
2992    	display: none;
2993    	position: absolute;
2994    	right: 0;
2995    	width: 25%;
2996    	max-height: 500px;
2997    	object-fit: cover;
2998    	object-position: center;
2999    }
3000
3001
3002
3003
3004
3005 
3006    .acesso-rapido-home header,
3007    .acesso-rapido-home main{
3008        z-index: 2;
3009    }
3010    .acesso-rapido-home .carousel-indicators{
3011        display: none;
3012        position: inherit;
3013    }
3014    
3015    .carousel-indicators [data-bs-target]{
3016        height: 1px !important;
3017        width: 21px !important;
3018        border-radius: 200px !important;
3019        background: black !important;
3020    }
3021
3022
3023
3024    .acesso-rapido-home img.position-absolute{
3025    	display: none;
3026    	position: absolute;
3027    	right: 0;
3028    	width: 25%;
3029    	max-height: 500px;
3030    	object-fit: cover;
3031    	object-position: center;
3032    }
3033    
3034    /* \\ ===================================================== // */
3035
3036    /* // ============================================================= | 576 PX | ============================================================= \\ */
3037    @media (min-width: 576px) {
3038    }
3039    /* \\ ====================================================================================================================================== // */
3040
3041
3042    /* // ============================================================= | 768 PX | ============================================================= \\ */
3043    @media (min-width: 768px) {
3044        
3045    }
3046    /* \\ ====================================================================================================================================== // */
3047
3048
3049    /* // ============================================================= | 992 PX | ============================================================= \\ */
3050    @media (min-width: 992px) {
3051        /* // ================= | NOSSOS acesso_rapidoS | =============== \\ */
3052        .acesso-rapido-home .carousel-control-prev-icon,
3053        .acesso-rapido-home .carousel-control-next-icon{
3054            background: black;
3055            border-radius: 150px;
3056            color: white;
3057            display: flex;
3058            justify-content: center;
3059            align-items: center;
3060        }
3061
3062
3063
3064        .acesso-rapido-home main a h2{
3065            font-size: 1vw;
3066        }
3067
3068        .acesso-rapido-home img.position-absolute{
3069        	display: block;
3070        }
3071
3072
3073        .acesso-rapido-home{
3074            padding-bottom: 40px !important;
3075        }
3076        .acesso-rapido-home header h2 {
3077            font-size: 3vw;
3078        }
3079      
3080        .acesso-rapido-home .carousel-control-prev,
3081        .acesso-rapido-home .carousel-control-next{
3082            /*display: none;*/
3083        }
3084
3085        .acesso-rapido-home .carousel-indicators{
3086            display: none;
3087            position: inherit;
3088            display: flex;
3089            margin-top: 35px;
3090        }
3091        
3092        /* \\ ===================================================== // */
3093    }
3094    /* \\ ====================================================================================================================================== // */
3095
3096
3097    /* // ============================================================= | 1200PX | ============================================================= \\ */
3098    @media (min-width: 1200px) {
3099        
3100    }
3101    /* \\ ====================================================================================================================================== // */
3102
3103
3104    /* // ============================================================= | 1400PX | ============================================================= \\ */
3105    @media (min-width: 1400px) {
3106         
3107
3108
3109    }
3110    /* \\ ====================================================================================================================================== // */
3111
3112    /* // ============================================================= | 1600PX | ============================================================= \\ */
3113    @media (min-width: 1600px) {
3114       
3115
3116
3117
3118         
3119    }
3120    /* \\ ====================================================================================================================================== // */
3121    }
3122    
3123    
3124</style>
3125<section class="row m-0 p-0 py-5 acesso-rapido-home justify-content-center">
3126    <header class="row m-0 col-lg-11 col-xxl-10 p-0">
3127        <h2>ACESSO RÁPIDO</h2>
3128    </header>
3129    <main class="row m-0 col-lg-11 col-xxl-10 p-0">
3130        <div id="nossos-acesso_rapido" class="carousel slide" data-bs-ride="carousel" data-bs-interval="7000">
3131            
3132            <div class="carousel-inner">
3133                                <div class="carousel-item active">
3134                        <section class="row m-0">
3135                                                           <a 
3136                                	href="https://www.urubici.sc.gov.br/noticias" 
3137                            		class="col-sm-6 col-md-4 col-lg-3 px-3 p-2 p-sm-2 p-lg-1 "
3138                        		>
3139                    				<article>
3140                    					<img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1742995102819.webp" height="100px" alt="Notícias">
3141                    					<h2>Notícias</h2>
3142                    				</article>
3143                    			</a>
3144                                                    </section>
3145                    </div>
3146                                    <div class="carousel-item ">
3147                        <section class="row m-0">
3148                                                           <a 
3149                                	href="https://www.urubici.sc.gov.br/urubici-sem-papel" 
3150                            		class="col-sm-6 col-md-4 col-lg-3 px-3 p-2 p-sm-2 p-lg-1 "
3151                        		>
3152                    				<article>
3153                    					<img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1784831000616.png" height="100px" alt="Urubici [SEM PAPEL]">
3154                    					<h2>Urubici <span>SEM PAPEL</span></h2>
3155                    				</article>
3156                    			</a>
3157                                                    </section>
3158                    </div>
3159                                    <div class="carousel-item ">
3160                        <section class="row m-0">
3161                                                           <a 
3162                                	href="https://transparencia.betha.cloud/#/fEgnF_fyV_aofUpNQIKV9Q==" 
3163                            		class="col-sm-6 col-md-4 col-lg-3 px-3 p-2 p-sm-2 p-lg-1 destaque"
3164                        		>
3165                    				<article>
3166                    					<img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642525022616.png" height="100px" alt="Portal Transparência Prefeitura [Municipal de Urubici]">
3167                    					<h2>Portal Transparência Prefeitura <span>Municipal de Urubici</span></h2>
3168                    				</article>
3169                    			</a>
3170                                                    </section>
3171                    </div>
3172                                    <div class="carousel-item ">
3173                        <section class="row m-0">
3174                                                           <a 
3175                                	href="https://www.urubici.sc.gov.br/urubici-redes-sociais" 
3176                            		class="col-sm-6 col-md-4 col-lg-3 px-3 p-2 p-sm-2 p-lg-1 "
3177                        		>
3178                    				<article>
3179                    					<img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1742991614948.webp" height="100px" alt="Nossas Redes Sociais">
3180                    					<h2>Nossas Redes Sociais</h2>
3181                    				</article>
3182                    			</a>
3183                                                    </section>
3184                    </div>
3185                                    <div class="carousel-item ">
3186                        <section class="row m-0">
3187                                                           <a 
3188                                	href="https://www.urubici.sc.gov.br/concursos" 
3189                            		class="col-sm-6 col-md-4 col-lg-3 px-3 p-2 p-sm-2 p-lg-1 "
3190                        		>
3191                    				<article>
3192                    					<img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642525076780.png" height="100px" a
3192lt="[Concursos]">
3193                    					<h2><span>Concursos</span></h2>
3194                    				</article>
3195                    			</a>
3196                                                    </section>
3197                    </div>
3198                                    <div class="carousel-item ">
3199                        <section class="row m-0">
3200                                                           <a 
3201                                	href="https://www.urubici.sc.gov.br/licitacoes" 
3202                            		class="col-sm-6 col-md-4 col-lg-3 px-3 p-2 p-sm-2 p-lg-1 "
3203                        		>
3204                    				<article>
3205                    					<img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/164252505618.png" height="100px" alt="[Licitações]">
3206                    					<h2><span>Licitações</span></h2>
3207                    				</article>
3208                    			</a>
3209                                                    </section>
3210                    </div>
3211                                    <div class="carousel-item ">
3212                        <section class="row m-0">
3213                                                           <a 
3214                                	href="https://www.urubici.sc.gov.br/contas-publicas" 
3215                            		class="col-sm-6 col-md-4 col-lg-3 px-3 p-2 p-sm-2 p-lg-1 "
3216                        		>
3217                    				<article>
3218                    					<img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642524971189.png" height="100px" alt="Contas [Públicas]">
3219                    					<h2>Contas <span>Públicas</span></h2>
3220                    				</article>
3221                    			</a>
3222                                                    </section>
3223                    </div>
3224                                    <div class="carousel-item ">
3225                        <section class="row m-0">
3226                                                           <a 
3227                                	href="https://www.urubici.sc.gov.br/perguntas-frequentes" 
3228                            		class="col-sm-6 col-md-4 col-lg-3 px-3 p-2 p-sm-2 p-lg-1 "
3229                        		>
3230                    				<article>
3231                    					<img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642525011538.png" height="100px" alt="Perguntas [Frequentes]">
3232                    					<h2>Perguntas <span>Frequentes</span></h2>
3233                    				</article>
3234                    			</a>
3235                                                    </section>
3236                    </div>
3237                                    <div class="carousel-item ">
3238                        <section class="row m-0">
3239                                                           <a 
3240                                	href="https://www.urubici.sc.gov.br/acesso-a-informacao" 
3241                            		class="col-sm-6 col-md-4 col-lg-3 px-3 p-2 p-sm-2 p-lg-1 "
3242                        		>
3243                    				<article>
3244                    					<img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642524981140.png" height="100px" alt="Acesso à [informação]">
3245                    					<h2>Acesso à <span>informação</span></h2>
3246                    				</article>
3247                    			</a>
3248                                                    </section>
3249                    </div>
3250                                    <div class="carousel-item ">
3251                        <section class="row m-0">
3252                                                           <a 
3253                                	href="https://www.urubici.sc.gov.br/carta-de-servicos" 
3254                            		class="col-sm-6 col-md-4 col-lg-3 px-3 p-2 p-sm-2 p-lg-1 "
3255                        		>
3256                    				<article>
3257                    					<img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/164252466597.png" height="100px" alt="Carta de [Serviços]">
3258                    					<h2>Carta de <span>Serviços</span></h2>
3259                    				</article>
3260                    			</a>
3261                                                    </section>
3262                    </div>
3263                                    <div class="carousel-item ">
3264                        <section class="row m-0">
3265                                                           <a 
3266                                	href="https://www.urubici.sc.gov.br/diario-oficial" 
3267                            		class="col-sm-6 col-md-4 col-lg-3 px-3 p-2 p-sm-2 p-lg-1 "
3268                        		>
3269                    				<article>
3270                    					<img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642525032113.png" height="100px" alt="Diário [Oficial]">
3271                    					<h2>Diário <span>Oficial</span></h2>
3272                    				</article>
3273                    			</a>
3274                                                    </section>
3275                    </div>
3276                                    <div class="carousel-item ">
3277                        <section class="row m-0">
3278                                                           <a 
3279                                	href="https://e-gov.betha.com.br/transparencia/01037-132/main.faces" 
3280                            		class="col-sm-6 col-md-4 col-lg-3 px-3 p-2 p-sm-2 p-lg-1 "
3281                        		>
3282                    				<article>
3283                    					<img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1643828454143.png" height="100px" alt="Portal Transparência [Órgãos Vinculados a Prefeitura]">
3284                    					<h2>Portal Transparência <span>Órgãos Vinculados a Prefeitura</span></h2>
3285                    				</article>
3286                    			</a>
3287                                                    </section>
3288                    </div>
3289                                    <div class="carousel-item ">
3290                        <section class="row m-0">
3291                                                           <a 
3292                                	href="https://leismunicipais.com.br/prefeitura/sc/urubici" 
3293                            		class="col-sm-6 col-md-4 col-lg-3 px-3 p-2 p-sm-2 p-lg-1 "
3294                        		>
3295                    				<article>
3296                    					<img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642524696446.png" height="100px" alt="Leis [Municipais]">
3297                    					<h2>Leis <span>Municipais</span></h2>
3298                    				</article>
3299                    			</a>
3300                                                    </section>
3301                    </div>
3302                                    <div class="carousel-item ">
3303                        <section class="row m-0">
3304                                                           <a 
3305                                	href="https://www.urubici.sc.gov.br/leis/8/legislacao" 
3306                            		class="col-sm-6 col-md-4 col-lg-3 px-3 p-2 p-sm-2 p-lg-1 "
3307                        		>
3308                    				<article>
3309                    					<img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642525041354.png" height="100px" alt="[Legislação]">
3310                    					<h2><span>Legislação</span></h2>
3311                    				</article>
3312                    			</a>
3313                                                    </section>
3314                    </div>
3315                                    <div class="carousel-item ">
3316                        <section class="row m-0">
3317                                                           <a 
3318                                	href="https://www.urubici.sc.gov.br/covid-19" 
3319                            		class="col-sm-6 col-md-4 col-lg-3 px-3 p-2 p-sm-2 p-lg-1 "
3320                        		>
3321                    				<article>
3322                    					<img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1742987929853.webp" height="100px" alt="Covid-19">
3323                    					<h2>Covid-19</h2>
3324                    				</article>
3325                    			</a>
3326                                                    </section>
3327                    </div>
3328                                
3329            </div>
3330            <div class="carousel-indicators">
3331                                    <button type="button" data-bs-target="#nossos-acesso_rapido" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
3332                                    <button type="button" data-bs-target="#nossos-acesso_rapido" data-bs-slide-to="1" class="" aria-current="true" aria-label="Slide 1"></button>
3333                                    <button type="button" data-bs-target="#nossos-acesso_rapido" data-bs-slide-to="2" class="" aria-current="true" aria-label="Slide 1"></button>
3334                                    <button type="button" data-bs-target="#nossos-acesso_rapido" data-bs-slide-to="3" class="" aria-current="true" aria-label="Slide 1"></button>
3335                                    <button type="button" data-bs-target="#nossos-acesso_rapido" data-bs-slide-to="4" class="" aria-current="true" aria-label="Slide 1"></button>
3336                                    <button type="button" data-bs-target="#nossos-acesso_rapido" data-bs-slide-to="5" class="" aria-current="true" aria-label="Slide 1"></button>
3337                                    <button type="button" data-bs-target="#nossos-acesso_rapido" data-bs-slide-to="6" class="" aria-current="true" aria-label="Slide 1"></button>
3338                                    <button type="button" data-bs-target="#nossos-acesso_rapido" data-bs-slide-to="7" class="" aria-current="true" aria-label="Slide 1"></button>
3339                                    <button type="button" data-bs-target="#nossos-acesso_rapido" data-bs-slide-to="8" class="" aria-current="true" aria-label="Slide 1"></button>
3340                                    <button type="button" data-bs-target="#nossos-acesso_rapido" data-bs-slide-to="9" class="" aria-current="true" aria-label="Slide 1"></button>
3341                                    <button type="button" data-bs-target="#nossos-acesso_rapido" data-bs-slide-to="10" class="" aria-current="true" aria-label="Slide 1"></button>
3342                                    <button type="button" data-bs-target="#nossos-acesso_rapido" data-bs-slide-to="11" class="" aria-current="true" aria-label="Slide 1"></button>
3343                                    <button type="button" data-bs-target="#nossos-acesso_rapido" data-bs-slide-to="12" class="" aria-current="true" aria-label="Slide 1"></button>
3344                                    <button type="button" data-bs-target="#nossos-acesso_rapido" data-bs-slide-to="13" class="" aria-current="true" aria-label="Slide 1"></button>
3345                                    <button type="button" data-bs-target="#nossos-acesso_rapido" data-bs-slide-to="14" class="" aria-current="true" aria-label="Slide 1"></button>
3346                            </div>
3347
3348            <button class="carousel-control-prev d-lg-none" type="button" data-bs-target="#nossos-acesso_rapido"  data-bs-slide="prev">
3349                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
3350                <span class="visually-hidden">Previous</span>
3351            </button>
3352            <button class="carousel-control-next d-lg-none" type="button" data-bs-target="#nossos-acesso_rapido"  data-bs-slide="next">
3353                <span class="carousel-control-next-icon" aria-hidden="true"></span>
3354                <span class="visually-hidden">Next</span>
3355            </button>
3356            
3357        </div>
3358    </main>
3359    
3359<script>
3360        $(document).ready(function(){
3361            //$(".acesso-rapido-home .carousel-item ").css("height", $("#nossos-acesso_rapido").outerHeight()+"px");
3362        });
3363    </script>
3363
3364	<img src="https://www.urubici.sc.gov.br/images/pontos-turisticos-urubici-sc.webp" class="position-absolute d-none" alt="Pontos Turísticos Urubici SC">
3365</section>
3366<!-- \\ ================================================================= // -->
3367
3368
3369
3370
3371
3372
3373
3374
3375
3376
3377
3378
3379<!-- // ===================== | URUBICI SEM PAPEL | ===================== \\ 
3380<section class="row m-0 py-5 justify-content-center" style="background: #D6D6D6;">
3381	<main class="row m-0 col-lg-11 col-xxl-10 p-0">
3382		<a href="https://www.urubici.sc.gov.br/urubici-sem-papel">
3383			<img src="https://www.urubici.sc.gov.br/images/urubici-sem-papel/banner-desktop.webp" class="w-100 d-none d-lg-block" alt="Urubici sem Papel">
3384			<img src="https://www.urubici.sc.gov.br/images/urubici-sem-papel/banner-mobile.webp"  class="w-100 d-lg-none"         alt="Urubici sem Papel">
3385		</a>
3386	</main>
3387</section>
3388 \\ ================================================================= // -->
3389
3390
3391
3392
3393
3394
3395
3396
3397
3398
3399
3400
3401
3402
3403
3404
3405
3406
3407<!-- // ======================= | MAIS NOTÍCIAS | ======================= \\ -->
3408<section class="row m-0 py-5 justify-content-center" style="background: #D6D6D6;">
3409	<main class="row m-0 col-lg-11 col-xxl-10 p-0">
3410		
3411		<h2 class="text-center">Leia um pouco Mais</h2>
3412		
3413<style>
3414    .noticia *{
3415        transition: 0.3s;
3416    }
3417    .noticia{
3418        background: white;
3419        border-radius: 12px;
3420        box-shadow: 0px 5px 15px -3px #ccc;
3421        transition: 0.3s;
3422    }
3423    .noticia:hover{
3424        background: #FF7800;
3425        transform: scale(1.02);
3426    }
3427    .noticia:hover img{
3428        transform: scale(1.1);   
3429    }
3430    .noticia:hover h3{
3431        color: black;
3432    }
3433    .noticia:hover *{
3434        color: white;
3435    }
3436    .noticia img{
3437        border-radius: 188px;  
3438        height: 175px; 
3439        width: 175px; 
3440        object-fit: cover;
3441        object-position: center;
3442    }
3443    .noticia figure{
3444        text-align: center;
3445        display: flex;
3446        align-items: center;
3447    }
3448    .noticia hgroup h3{
3449        font-size: 0.80rem;
3450        color: #FF7800;
3451        font-weight: 500;
3452        margin-bottom: 0;
3453        text-align: start;
3454    }
3455    .noticia hgroup h3 span{
3456        color: black;
3457        font-weight: 300;
3458    }
3459
3460    .noticia hgroup h2{
3461        font-size: 1.2rem;
3462        color: black;
3463        margin-bottom: 1rem;
3464        text-align: start;
3465    }
3466    .noticia hgroup h5{
3467        font-size: 0.80rem;
3468        color: #FF7800;
3469        margin-bottom: 0;
3470        font-family: 'Gotham-Bold';
3471    }
3472    .noticia hgroup h4{
3473        font-size: 0.80rem;
3474        color: black;
3475        margin-bottom: 0rem;
3476    }
3477
3478
3479    /* // ============================================================= | 992 PX | ============================================================= \\ */
3480    @media (min-width: 992px) {
3481        .container-mostrar-noticia.noticia-destaque-maior h2{
3482            font-size: 1.8rem;
3483        }
3484        .noticia:hover img{
3485            transform: scale(1.2);   
3486        }
3487    }
3488    /* \\ ====================================================================================================================================== // */
3489</style>
3490
3491
3492
3493 
3494<!-- // ===================== INC Q CONTÉM A APRESENTAÇÃO DE noticia ===================== \\ -->
3495<div id="controller-pagination" class="row col-12 w-100 m-0 p-0">
3496
3497            <a
3498         href="https://www.urubici.sc.gov.br/noticia/842/setembro-fica-marcado-pelo-primeiro-asfalto-na-area-rural-desfile-civico-e-cuidado-com-a-saude-mental"
3499         class="col-xl-6 row m-0 mb-3 p-0 ps-xl-0 p-xl-3">
3500            <article class="noticia row m-0 p-3 py-4 py-lg-3">
3501                <figure class="m-0 mb-3 mb-lg-0 col-lg-4 p-lg-0">
3502                    <img src="https://www.urubici.sc.gov.br/imagens_noticia/1790878168320.jpg" alt="Prefeitura de Urubici | Setembro fica marcado pelo primeiro asfalto na área rural, desfile cívico e cuidado com a saúde mental" title="Prefeitura de Urubici | Setembro fica marcado pelo primeiro asfalto na área rural, desfile cívico e cuidado com a saúde mental">
3503                </figure>  
3504                <hgroup class="col-lg-8 row m-0 p-0 p-lg-3 align-content-center">
3505                    <h3>Geral | 01/10/2026</h3>
3506                    <h2>Setembro fica marcado pelo primeiro asfalto na área rural, desfile cívico e cuidado com a saúde mental</h2>
3507                    <h4>Mês ainda teve a 10ª edição do Fenatruta, largada da Volta Ciclística de SC, entrega de 300 mudas e a passagem do CRAS Móvel por Águas Brancas e Brasília</h4>
3508                </hgroup>
3509            </article>
3510        </a>
3511            <a
3512         href="https://www.urubici.sc.gov.br/noticia/841/atleta-de-urubici-representa-brasil-no-campeonato-sul-americano-de-powerlifting"
3513         class="col-xl-6 row m-0 mb-3 p-0 ps-xl-0 p-xl-3">
3514            <article class="noticia row m-0 p-3 py-4 py-lg-3">
3515                <figure class="m-0 mb-3 mb-lg-0 col-lg-4 p-lg-0">
3516                    <img src="https://www.urubici.sc.gov.br/imagens_noticia/1790195027399.jpg" alt="Prefeitura de Urubici | Atleta de Urubici representa Brasil no Campeonato Sul-Americano de Powerlifting" title="Prefeitura de Urubici | Atleta de Urubici representa Brasil no Campeonato Sul-Americano de Powerlifting">
3517                </figure>  
3518                <hgroup class="col-lg-8 row m-0 p-0 p-lg-3 align-content-center">
3519                    <h3>ESPORTES | 23/09/2026</h3>
3520                    <h2>Atleta de Urubici representa Brasil no Campeonato Sul-Americano de Powerlifting</h2>
3521                    <h4>Gabriel Ghizoni embarca para o Chile nesta quarta-feira (23), onde disputa a competição na categoria Open até 66 kg</h4>
3522                </hgroup>
3523            </article>
3524        </a>
3525            <a
3526         href="https://www.urubici.sc.gov.br/noticia/840/mais-de-300-mudas-sao-entregues-a-estudantes-da-rede-municipal-de-urubici"
3527         class="col-xl-6 row m-0 mb-3 p-0 ps-xl-0 p-xl-3">
3528            <article class="noticia row m-0 p-3 py-4 py-lg-3">
3529                <figure class="m-0 mb-3 mb-lg-0 col-lg-4 p-lg-0">
3530                    <img src="https://www.urubici.sc.gov.br/imagens_noticia/1789147531605.png" alt="Prefeitura de Urubici | Mais de 300 mudas são entregues a estudantes da rede municipal de Urubici " title="Prefeitura de Urubici | Mais de 300 mudas são entregues a estudantes da rede municipal de Urubici ">
3531                </figure>  
3532                <hgroup class="col-lg-8 row m-0 p-0 p-lg-3 align-content-center">
3533                    <h3>EDUCAÇÃO  | 11/09/2026</h3>
3534                    <h2>Mais de 300 mudas são entregues a estudantes da rede municipal de Urubici </h2>
3535                    <h4>Ação realizada em parceria com a Klabin envolveu estudantes do 4º e 5º ano </h4>
3536                </hgroup>
3537            </article>
3538        </a>
3539            <a
3540         href="https://www.urubici.sc.gov.br/noticia/839/fenatruta-chega-a-10ª-edicao-e-destaca-sabores-e-cultura-em-urubici"
3541         class="col-xl-6 row m-0 mb-3 p-0 ps-xl-0 p-xl-3">
3542            <article class="noticia row m-0 p-3 py-4 py-lg-3">
3543                <figure class="m-0 mb-3 mb-lg-0 col-lg-4 p-lg-0">
3544                    <img src="https://www.urubici.sc.gov.br/imagens_noticia/1788464772863.jpg" alt="Prefeitura de Urubici | Fenatruta chega à 10ª edição e destaca sabores e cultura em Urubici" title="Prefeitura de Urubici | Fenatruta chega à 10ª edição e destaca sabores e cultura em Urubici">
3545                </figure>  
3546                <hgroup class="col-lg-8 row m-0 p-0 p-lg-3 align-content-center">
3547                    <h3>CULTURA | 03/09/2026</h3>
3548                    <h2>Fenatruta chega à 10ª edição e destaca sabores e cultura em Urubici</h2>
3549                    <h4>Festival Nacional da Truta acontece de 4 a 6 de setembro, no Salão da Igreja Matriz, com música, apresentações culturais, gastronomia e Feira da Cidade</h4>
3550                </hgroup>
3551            </article>
3552        </a>
3553            <a
3554         href="https://www.urubici.sc.gov.br/noticia/838/urubici-recebe-largada-da-volta-ciclistica-de-sc-nesta-sexta-feira-(4)"
3555         class="col-xl-6 row m-0 mb-3 p-0 ps-xl-0 p-xl-3">
3556            <article class="noticia row m-0 p-3 py-4 py-lg-3">
3557                <figure class="m-0 mb-3 mb-lg-0 col-lg-4 p-lg-0">
3558                    <img src="https://www.urubici.sc.gov.br/imagens_noticia/1788374417189.jpg" alt="Prefeitura de Urubici | Urubici recebe largada da Volta Ciclística de SC nesta sexta-feira (4)" title="Prefeitura de Urubici | Urubici recebe largada da Volta Ciclística de SC nesta sexta-feira (4)">
3559                </figure>  
3560                <hgroup class="col-lg-8 row m-0 p-0 p-lg-3 align-content-center">
3561                    <h3>ESPORTES | 02/09/2026</h3>
3562                    <h2>Urubici recebe largada da Volta Ciclística de SC nesta sexta-feira (4)</h2>
3563                    <h4>Etapa de 110 km parte do centro de Urubici e segue até o Mirante da Serra do Rio do Rastro, em Bom Jardim da Serra</h4>
3564                </hgroup>
3565            </article>
3566        </a>
3567            <a
3568         href="https://www.urubici.sc.gov.br/noticia/837/ideb-historico-protecao-as-mulheres-e-tradicao-tropeira-ganham-destaque-em-agosto"
3569         class="col-xl-6 row m-0 mb-3 p-0 ps-xl-0 p-xl-3">
3570            <article class="noticia row m-0 p-3 py-4 py-lg-3">
3571                <figure class="m-0 mb-3 mb-lg-0 col-lg-4 p-lg-0">
3572                    <img src="https://www.urubici.sc.gov.br/imagens_noticia/1788208227916.jpg" alt="Prefeitura de Urubici | Ideb histórico, proteção às mulheres e tradição tropeira ganham destaque em agosto" title="Prefeitura de Urubici | Ideb histórico, proteção às mulheres e tradição tropeira ganham destaque em agosto">
3573                </figure>  
3574                <hgroup class="col-lg-8 row m-0 p-0 p-lg-3 align-content-center">
3575                    <h3>Geral | 31/08/2026</h3>
3576                    <h2>Ideb histórico, proteção às mulheres e tradição tropeira ganham destaque em agosto</h2>
3577                    <h4>Mês também contou com campanha de multivacinação, ações de incentivo à amamentação, mutirão de castração e melhorias na sinalização de trânsito</h4>
3578                </hgroup>
3579            </article>
3580        </a>
3581            <a
3582         href="https://www.urubici.sc.gov.br/noticia/836/3ª-tropeada-da-tradicao-reune-cerca-de-350-tropeiros-pelas-ruas-de-urubici"
3583         class="col-xl-6 row m-0 mb-3 p-0 ps-xl-0 p-xl-3">
3584            <article class="noticia row m-0 p-3 py-4 py-lg-3">
3585                <figure class="m-0 mb-3 mb-lg-0 col-lg-4 p-lg-0">
3586                    <img src="https://www.urubici.sc.gov.br/imagens_noticia/1787588815516.png" alt="Prefeitura de Urubici | 3ª Tropeada da Tradição reúne cerca de 350 tropeiros pelas ruas de Urubici" title="Prefeitura de Urubici | 3ª Tropeada da Tradição reúne cerca de 350 tropeiros pelas ruas de Urubici">
3587                </figure>  
3588                <hgroup class="col-lg-8 row m-0 p-0 p-lg-3 align-content-center">
3589                    <h3>Geral | 24/08/2026</h3>
3590                    <h2>
35903ª Tropeada da Tradição reúne cerca de 350 tropeiros pelas ruas de Urubici</h2>
3591                    <h4>Evento realizado neste sábado (22) valorizou a cultura tropeira passando pela principal avenida do município</h4>
3592                </hgroup>
3593            </article>
3594        </a>
3595            <a
3596         href="https://www.urubici.sc.gov.br/noticia/835/mais-de-150-animais-sao-castrados-e-microchipados-em-mutirao-da-gebea"
3597         class="col-xl-6 row m-0 mb-3 p-0 ps-xl-0 p-xl-3">
3598            <article class="noticia row m-0 p-3 py-4 py-lg-3">
3599                <figure class="m-0 mb-3 mb-lg-0 col-lg-4 p-lg-0">
3600                    <img src="https://www.urubici.sc.gov.br/imagens_noticia/1786996325929.jpg" alt="Prefeitura de Urubici | Mais de 150 animais são castrados e microchipados em mutirão da Gebea" title="Prefeitura de Urubici | Mais de 150 animais são castrados e microchipados em mutirão da Gebea">
3601                </figure>  
3602                <hgroup class="col-lg-8 row m-0 p-0 p-lg-3 align-content-center">
3603                    <h3>AGRICULTURA E MEIO AMBIENTE | 17/08/2026</h3>
3604                    <h2>Mais de 150 animais são castrados e microchipados em mutirão da Gebea</h2>
3605                    <h4>Terceira edição do mutirão ocorreu nos dias 15 e 16 de agosto e ofereceu castração gratuita em parceria com o Governo do Estado</h4>
3606                </hgroup>
3607            </article>
3608        </a>
3609            <a
3610         href="https://www.urubici.sc.gov.br/noticia/834/prefeitura-de-urubici-promove-acoes-do-agosto-lilas-com-campanha-“voce-nao-esta-sozinha”"
3611         class="col-xl-6 row m-0 mb-3 p-0 ps-xl-0 p-xl-3">
3612            <article class="noticia row m-0 p-3 py-4 py-lg-3">
3613                <figure class="m-0 mb-3 mb-lg-0 col-lg-4 p-lg-0">
3614                    <img src="https://www.urubici.sc.gov.br/imagens_noticia/1786471710427.png" alt="Prefeitura de Urubici | Prefeitura de Urubici promove ações do Agosto Lilás com campanha “Você não está sozinha”" title="Prefeitura de Urubici | Prefeitura de Urubici promove ações do Agosto Lilás com campanha “Você não está sozinha”">
3615                </figure>  
3616                <hgroup class="col-lg-8 row m-0 p-0 p-lg-3 align-content-center">
3617                    <h3>ASSISTÊNCIA SOCIAL | 11/08/2026</h3>
3618                    <h2>Prefeitura de Urubici promove ações do Agosto Lilás com campanha “Você não está sozinha”</h2>
3619                    <h4>Programação inclui aulas de defesa pessoal, palestra sobre direitos garantidos pela Lei Maria da Penha e pedágio informativo</h4>
3620                </hgroup>
3621            </article>
3622        </a>
3623            <a
3624         href="https://www.urubici.sc.gov.br/noticia/833/educacao-de-urubici-alcanca-resultado-historico-no-ideb-com-nota-65"
3625         class="col-xl-6 row m-0 mb-3 p-0 ps-xl-0 p-xl-3">
3626            <article class="noticia row m-0 p-3 py-4 py-lg-3">
3627                <figure class="m-0 mb-3 mb-lg-0 col-lg-4 p-lg-0">
3628                    <img src="https://www.urubici.sc.gov.br/imagens_noticia/1786102043234.jpg" alt="Prefeitura de Urubici | Educação de Urubici alcança resultado histórico no Ideb com nota 6,5" title="Prefeitura de Urubici | Educação de Urubici alcança resultado histórico no Ideb com nota 6,5">
3629                </figure>  
3630                <hgroup class="col-lg-8 row m-0 p-0 p-lg-3 align-content-center">
3631                    <h3>EDUCAÇÃO  | 07/08/2026</h3>
3632                    <h2>Educação de Urubici alcança resultado histórico no Ideb com nota 6,5</h2>
3633                    <h4>O melhor resultado da história do município ganha destaque entre as redes municipais da Serra Catarinense. </h4>
3634                </hgroup>
3635            </article>
3636        </a>
3637    
3638</div>
3639<!-- \\ =================================================================================== // -->
3640
3641<!-- // =========================== FAZ O CONTROLE DA PAGINAÇÃO =========================== \\ -->
3642<style type="text/css">
3643    .actived_pagination{
3644        background: #FF7800;
3645        color: white !important;
3646    }
3647    .pagination a{
3648        border: none;
3649        background: white;
3650        cursor: pointer;
3651        color: #023994;
3652        font-weight: 700;
3653        border-radius: 4px;
3654        padding: 0.5rem 0.9rem 0.5rem 0.9rem;
3655        box-shadow: 0px 4px 5px 0px #ccc;
3656    }
3657    .page-item:first-child .page-link{
3658        border-top-left-radius: auto;
3659        border-bottom-left-radius: auto;
3660    }
3661    .pagination a.actived_pagination{
3662        background: #FF7800;
3663        color: white !important;
3664    }
3665
3666    .pagination a.actived_pagination:hover{
3667        background: #FF7800;
3668        color: white !important;
3669    }
3670
3671    .pagination li{
3672        padding: 0.2rem;
3673    }
3674
3675</style>
3676<!-- \\ =================================================================================== // -->
3677
3678
3679
3680<!-- // ============================= | =================================================== \\ -->
3681<!-- \\ =================================================================================== // -->
3682
3683
3684<script type="text/javascript">
3685$('html, body').animate({scrollTop:0}, 'medium'); //slow, medium, fast
3686// alert('30 , , ');
3687</script>
3687
3688
3689
3690
3691
3692<div id="texte"></div>
3693		<a href="https://www.urubici.sc.gov.br/noticias">
3694			<h6 class="text-center">
3695				<strong>+<u>Veja mais Notícias</u></strong>
3696			</h6>
3697		</a>
3698	</main>
3699</section>
3700<!-- \\ ================================================================= // -->
3701
3702
3703
3704
3705
3706
3707
3708
3709
3710
3711
3712
3713
3714
3715
3716
3717
3718<!-- // ==================== | HOME ACESSOS DIRETOS | =================== \\ -->
3719<style>
3720    /* // ================== | HOME ACESSOS DIRETOS | ========= \\ */
3721	.home-acessos-diretos{
3722		background: #D6D6D6;
3723		padding: 3rem 0rem 5rem 0rem;
3724		justify-content: center;
3725	}
3726	.home-acessos-diretos *{
3727		transition: 0.3s;
3728	}
3729	.home-acessos-diretos article h2{
3730		color: #434343;
3731		font-family: 'Archive';
3732		text-transform: uppercase;
3733		font-size: 2rem;
3734		text-align: center;
3735		margin-bottom: 2.5rem;
3736		font-weight: normal;
3737	}
3738	.home-acessos-diretos article{
3739		padding: 1rem;
3740	}
3741	.home-acessos-diretos article.licitacao a{
3742		padding: 1rem;
3743		background: white;
3744		display: flex;
3745		flex-wrap: wrap;
3746		justify-content: center;
3747		align-items: center;
3748		border-radius: 12px;
3749		margin-bottom: 1rem;
3750	}
3751	.home-acessos-diretos article.licitacao a:hover{
3752		background: #212121;
3753		transform: scale(1.03);
3754		transition: 0.3s;
3755	}
3756	.home-acessos-diretos article.licitacao a:hover *:not(span){
3757		color: #DFDFDF;
3758	}
3759	.home-acessos-diretos .licitacao a div{
3760		width: auto;
3761		padding: 0.4rem 2.8rem 0.4rem 2.8rem;
3762		text-transform: uppercase;
3763		font-family: 'Gotham-Bold';
3764		font-size: 1.2rem;
3765		border: 1px solid #707070;
3766		border-radius: 50px;
3767		margin-bottom: 1rem;
3768	}
3769	.home-acessos-diretos .licitacao h3{
3770		color: #3A3A3A;
3771		font-size: 0.90rem;
3772		display: flex;
3773		align-items: center;
3774		margin-bottom: 0;
3775		font-family: 'Gotham-Medium';
3776		justify-content: center;
3777	}
3778	.home-acessos-diretos .licitacao h3 i{
3779		color: #B7B7B7;
3780		font-size: 1.8rem;
3781		margin-right: 0.4rem;
3782	}
3783	.home-acessos-diretos hgroup h3.numero{
3784		width: 35%;
3785		display: block;
3786		text-align: center;
3787	}
3788	.home-acessos-diretos hgroup h3.numero span{
3789		display: block;
3790		color: #FF7800;
3791		font-family: 'Gotham-Bold';
3792		font-size: calc(100% + 0.3rem);
3793	}
3794	.home-acessos-diretos hgroup{
3795		width: 100%;
3796		display: flex;
3797		justify-content: space-between;
3798		margin-bottom: 1rem;
3799	}
3800	.home-acessos-diretos p{
3801		text-align: center;
3802	}
3803
3804	.home-acessos-diretos .publicacao-oficial section{ 
3805		padding: 2rem;
3806		background: white;
3807		border-radius: 12px;
3808	}
3809	.home-acessos-diretos .publicacao-oficial label{ 
3810		padding: 0rem 0rem 0.5rem 1rem;
3811		font-family: 'Gotham-Medium';
3812		text-transform: uppercase;
3813	}
3814	.home-acessos-diretos .publicacao-oficial select{ 
3815		height: 55px;
3816		border-radius: 8px;
3817		border: 1px solid #707070;
3818	}
3819
3820	.home-acessos-diretos .publicacao-oficial form:hover,
3821	.home-acessos-diretos .publicacao-oficial form:focus,
3822	.home-acessos-diretos .publicacao-oficial form:active{
3823		transform: scale(1.04);
3824	}
3825	.home-acessos-diretos .publicacao-oficial form:not(:last-child){ 
3826		margin-bottom: 1.5rem !important;
3827	}
3828	
3829
3830	.home-acessos-diretos .secretaria img{
3831		height: 180px;
3832		width: 180px;
3833		border-radius: 100%;
3834		object-fit: cover;
3835		object-position: center;
3836	}
3837
3838	.home-acessos-diretos .secretaria h3{
3839		font-size: 1.4rem;
3840		font-family: 'Gotham-Light';
3841		color: black;
3842		text-transform: uppercase;
3843		text-align: center;
3844		margin: 0;
3845	}
3846
3847	.home-acessos-diretos .secretaria h4{
3848		font-size: 1rem;
3849		font-family: 'Gotham-Medium';
3850		color: black;
3851		text-align: center;
3852		width: 100%;
3853	}
3854	.home-acessos-diretos .secretaria h3 span{
3855		font-family: 'Gotham-Bold';
3856		color: #FF7800;
3857		display: block;
3858	}
3859	.home-acessos-diretos .secretaria .linha-separatoria{
3860		height: 1px;
3861		width: 80%;
3862		background: rgb(255, 255, 255, 70%);
3863		margin: 1rem 0rem 1rem 0rem;
3864	}
3865
3866	.home-acessos-diretos .secretaria:hover{
3867		transform: scale(1.05);
3868	}
3869	.home-acessos-diretos .secretaria:hover img{
3870		border-radius: 8px;
3871	}
3872	.home-acessos-diretos .secretaria:hover a{
3873		color: black;
3874	}
3875	.home-acessos-diretos .secretaria a{
3876		font-size: 1.5rem;
3877		text-align: center;
3878		font-family: 'Gotham-Medium';
3879	}
3880
3881	.home-acessos-diretos .secretaria a i{
3882		color: #FF7800;
3883	}
3884	.home-acessos-diretos article{
3885		margin-bottom: 3rem;
3886	}
3887
3888	.home-acessos-diretos .secretaria .nome-secretaria{
3889		padding: 0.8rem;
3890		background: rgb(255, 255, 255, 60%);
3891		border-radius: 8px;
3892		margin-bottom: 1.5rem;
3893		font-size: 1.1rem;
3894		font-family: 'Gotham-Medium';
3895		box-shadow: 0px 5px 6px -5px #666;
3896	}
3897	.home-acessos-diretos .secretaria .nome-secretaria b{
3898		font-family: 'Gotham-Bold';
3899		color: #FF7800;
3900	}
3901	/* \\ ===================================================== // */
3902
3903
3904/* // ============================================================= | 576 PX | ============================================================= \\ */
3905@media (min-width: 576px) {
3906}
3907/* \\ ====================================================================================================================================== // */
3908
3909
3910/* // ============================================================= | 768 PX | ============================================================= \\ */
3911@media (min-width: 768px) {
3912    
3913}
3914/* \\ ====================================================================================================================================== // */
3915
3916
3917/* // ============================================================= | 992 PX | ============================================================= \\ */
3918@media (min-width: 992px) {
3919    .home-acessos-diretos article.licitacao a{
3920    	min-height: 200px;
3921    }
3922}
3923/* \\ ====================================================================================================================================== // */
3924
3925
3926/* // ============================================================= | 1200PX | ============================================================= \\ */
3927@media (min-width: 1200px) {
3928    .home-acessos-diretos article{
3929    	margin-bottom: 0;
3930    }
3931    
3932}
3933/* \\ ====================================================================================================================================== // */
3934
3935
3936/* // ============================================================= | 1400PX | ============================================================= \\ */
3937@media (min-width: 1400px) {
3938     
3939}
3940/* \\ ====================================================================================================================================== // */
3941
3942/* // ============================================================= | 1600PX | ============================================================= \\ */
3943@media (min-width: 1600px) {
3944     
3945}
3946/* \\ ====================================================================================================================================== // */
3947
3948
3949</style>
3950<section class="row m-0 home-acessos-diretos">
3951	<main class="row m-0 col-lg-11 col-xxl-10 p-0">
3952
3953		<!-- // ============== | LICITAÇÕES | ============== \\ -->
3954		<article class="col-lg-6 col-xl-4 licitacao">
3955			<h2>Licitações</h2>
3956							<a href="https://www.urubici.sc.gov.br/licitacao/1133/pregao-eletronico-n-1012026-contratacao-de-empresa-especializada-para-disponibilizacao-de-solucao-integrada-de-gestao-publica-municipal-em-ambiente-de-computacao-em-nuvem-(software-as-a-service-–-saas)-compreendendo-o-lice
3956nciamento-de-uso-de-sistema-informatizado-bem-como-os-servicos-de-implantacao-conversao-e-migracao-de-dados-parametrizacao-integracao-entre-modulos-treinamento-de-usuarios-suporte-tecnico-especializado-manutencao-corretiva-adaptativa-evolutiva-e-preventiva-atualizacoes-legais-e-tecnologicas-hospedagem-da-solucao-armazenamento-das-bases-de-dados-e-demais-servicos-necessarios-ao-pleno-funcionamento-da-plataforma">
3957					<hgroup>
3958						<h3></h3>
3959						<h3 class="numero">
3960							Nº do Edital
3961							<span>
3962								101/2026							</span>
3963						</h3>
3964					</hgroup>
3965					<div class="">
3966						Edital
3967					</div>
3968					<h3 class="w-100 text-center"><i class="fas fa-folder-open"></i> ABERTURA: 20/10/2026 ÀS 13H</h3>
3969				</a>
3970							<a href="https://www.urubici.sc.gov.br/licitacao/1130/pregao-eletronico-n-0982026-contratacao-de-empresa-especializada-para-o-fornecimento-na-modalidade-de-locacao-de-decoracao-natalina-tematica-e-iluminacao-decorativa-compreendendo-a-montagem-instalacao-manutencao-preventiva-e-corretiva-bem-como-a-desmontagem-e-retirada-dos-elementos-decorativos-destinados-a-ornamentacao-dos-espacos-publicos-do-municipio-de-urubicisc">
3971					<hgroup>
3972						<h3></h3>
3973						<h3 class="numero">
3974							Nº do Edital
3975							<span>
3976								098/2026							</span>
3977						</h3>
3978					</hgroup>
3979					<div class="">
3980						Edital
3981					</div>
3982					<h3 class="w-100 text-center"><i class="fas fa-folder-open"></i> ABERTURA: 19/10/2026 ÀS 13H</h3>
3983				</a>
3984							<a href="https://www.urubici.sc.gov.br/licitacao/1119/pregao-eletronico-n-0922026-contratacao-de-empresa-seguradora-devidamente-autorizada-pela-superintendencia-de-seguros-privados-–-susep-para-prestacao-de-servicos-de-seguro-veicular-destinado-a-frota-do-municipio-de-urubicisc-compreendendo-seguro-veicular-compreensivo-e-seguro-de-responsabilidade-civil-para-transporte-de-passageiros-–-rco-">
3985					<hgroup>
3986						<h3></h3>
3987						<h3 class="numero">
3988							Nº do Edital
3989							<span>
3990								092/2026							</span>
3991						</h3>
3992					</hgroup>
3993					<div class="">
3994						Edital
3995					</div>
3996					<h3 class="w-100 text-center"><i class="fas fa-folder-open"></i> ABERTURA: 15/10/2026 ÀS 13H</h3>
3997				</a>
3998					</article>
3999		<!-- \\ ============================================ // -->
4000
4001		<!-- // ========== | PUBLICAÇÃO OFICIAL | ========== \\ -->
4002		<article class="col-lg-6 col-xl-4 publicacao-oficial">
4003			<h2>Publicações Oficiais</h2>
4004			<p>
4005				Acesse as informações sobre o andamento de licitações e concursos, ou consulte as leis do município por meio dos campos abaixo.
4006			</p>
4007			<section>
4008				<!-- // ====== | LICITAÇÕES | ====== \\ -->
4009				<form id="form-licitacoes" action="https://www.urubici.sc.gov.br/licitacoes/1" method="get">
4010					<div class="form-group">
4011						<label>Licitações</label>					
4012						<select id="select-licitacoes" name="id_categoria" class="form-control">
4013							<option value="" disabled selected>CATEGORIAS</option>
4014															<option value="12">Adesão à Ata de Registro de Preços</option>
4015															<option value="1">Chamada Pública</option>
4016															<option value="2">Chamamento de Interessados</option>
4017															<option value="11">Concorrência Eletrônica</option>
4018															<option value="3">Concorrência Pública</option>
4019															<option value="4">Convite</option>
4020															<option value="5">Dispensa de Licitação</option>
4021															<option value="14">Fiscal de Contrato</option>
4022															<option value="6">Inexigibilidade</option>
4023															<option value="7">Leilão</option>
4024															<option value="13">Plano de Contratações Anual</option>
4025															<option value="8">Pregão Eletrônico</option>
4026															<option value="9">Pregão Presencial</option>
4027															<option value="10">Tomada de Preço</option>
4028													</select>
4029					</div>
4030				</form>
4031				<!-- \\ ============================ // -->
4032				<!-- // ====== | CONCURSOS | ======= \\ -->
4033				<form id="form-concursos" action="https://www.urubici.sc.gov.br/concursos/1" method="get">
4034					<div class="form-group">
4035						<label>Concursos</label>					
4036						<select id="select-concursos" name="id_categoria" class="form-control">
4037							<option value="" disabled selected>CATEGORIAS</option>
4038															<option value="6">Chamamento Público</option>
4039															<option value="1">Concurso</option>
4040															<option value="3">Convocação</option>
4041															<option value="4">Eleições Conselho Tutelar</option>
4042															<option value="5">Processo Seletivo</option>
4043													</select>
4044					</div>
4045				</form>
4046				<!-- \\ ============================ // -->
4047				<!-- // ========== | LEIS | ======== \\ -->
4048				<form id="form-leis" action="https://www.urubici.sc.gov.br/leis/1" method="get">
4049					<div class="form-group">
4050						<label>Leis</label>					
4051						<select id="select-leis" name="id_categoria" class="form-control">
4052							<option value="" disabled selected>CATEGORIAS</option>
4053															<option value="18"></option>
4054															<option value="12">Aditivos</option>
4055															<option value="11">Contratos e Convênios</option>
4056															<option value="7">Decretos</option>
4057															<option value="2">Estágio</option>
4058															<option value="8">Lei Orgânica</option>
4059															<option value="10">Leis</option>
4060															<option value="16">Leis e Anexos</option>
4061															<option value="19">LOA - Lei-ordinaria-2.877/2024 - EXERCÍCIO 2025</option>
4062															<option value="1">
4062Parcerias</option>
4063															<option value="3">Plano de Cargos e Carreiras</option>
4064															<option value="14">Plano Municipal de Educação</option>
4065															<option value="13">Plano Municipal de Saúde</option>
4066															<option value="9">Plano Plurianual</option>
4067															<option value="4">Portaria</option>
4068															<option value="15">RELATÓRIO DE GESTÃO MUNICIPAL</option>
4069															<option value="17">Relatório de Gestão Municipal - Março 2023-FMS</option>
4070															<option value="5">Resoluções</option>
4071													</select>
4072					</div>
4073				</form>
4074				<!-- \\ ============================ // -->
4075			</section>
4076		</article>
4077		<!-- \\ ============================================ // -->
4078
4079		<!-- // ============== | SECRETARIAS | ============= \\ -->
4080		<article class="col-lg-6 col-xl-4 secretaria">
4081			<h2>Secretarias</h2> 
4082
4083			<div id="slideshow-secretara-home" class="carousel slide" data-interval="6000" data-bs-ride="carousel">
4084			    <div class="carousel-inner">
4085			    		
4086
4087			    </div>
4088			    <a class="carousel-control-prev" href="#slideshow-secretara-home" role="button" data-bs-slide="prev">
4089			        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
4090			        <span class="sr-only">Previous</span>
4091			    </a>
4092			    <a class="carousel-control-next" href="#slideshow-secretara-home" role="button" data-bs-slide="next">
4093			        <span class="carousel-control-next-icon" aria-hidden="true"></span>
4094			        <span class="sr-only">Next</span>
4095			    </a>
4096			</div>
4097
4098		
4099		</article>
4100		<!-- \\ ============================================ // -->
4101
4102
4103		
4103<script>
4104			$(".home-acessos-diretos form select#select-licitacoes").change(function(){
4105				$("#form-licitacoes").submit();
4106			});
4107			$(".home-acessos-diretos form select#select-concursos").change(function(){
4108				$("#form-concursos").submit();
4109			});
4110			$(".home-acessos-diretos form select#select-leis").change(function(){
4111				$("#form-leis").submit();
4112			});
4113		</script>
4113
4114	</main>
4115</section>
4116<!-- \\ ================================================================= // -->
4117
4118
4119
4120
4121
4122
4123
4124
4125
4126
4127<!-- // ======================= | MULTIMIDIA | ========================== \\ -->
4128<style>
4129	.multimidia header{
4130		background-image: url('https://www.urubici.sc.gov.br/images/multimidia.webp');
4131		background-position: center;
4132		background-size: cover;
4133		min-height: 350px;
4134		padding-top: 2rem !important;
4135		padding-bottom: 2rem !important;
4136
4137	}
4138	.multimidia{
4139		background: #D6D6D6;
4140    	padding-bottom: 3rem !important;
4141	}
4142	.multimidia header h2{
4143		color: white;
4144		text-transform: uppercase;
4145		font-size: 2rem;
4146		text-align: center;
4147	}
4148	.multimidia header .conheca{
4149		color: white;
4150		text-transform: uppercase;
4151		font-size: 1.4rem;
4152	}
4153	.multimidia header iframe{
4154		height: initial;
4155		aspect-ratio: 16 / 10;
4156	}
4157
4158	.multimidia main p{
4159		font-family: 'Gotham-Book';
4160		font-size: 1rem;
4161	}
4162	.multimidia main a{
4163		color: #FF7800;
4164		font-weight: bold;
4165		font-size: 0.90rem;
4166		font-family: 'Gotham-Bold';
4167	}
4168
4169
4170
4171	/* // ============================================================= | 992 PX | ============================================================= \\ */
4172	@media (min-width: 992px) {
4173
4174		.multimidia header{
4175			min-height: 270px;
4176			padding-top: 0rem !important;
4177			padding-bottom: 0rem !important
4178		}
4179		.multimidia header h2{
4180			text-align: left;
4181		}
4182	    .multimidia{
4183	    	padding-bottom: 8.5vw !important;
4184	    }
4185	    .multimidia main p{
4186	    	font-size: 1.2vw;
4187	    }
4188	    .multimidia header h2{
4189			font-size: 3vw;
4190		}
4191		.multimidia header .conheca{
4192			color: white;
4193			text-transform: uppercase;
4194			font-size: 1.1rem;
4195			text-align: right;
4196		}
4197		.multimidia header iframe{
4198			height: initial;
4199			margin-bottom: -35% !important;
4200		}
4201
4202	}
4203	/* \\ ====================================================================================================================================== // */
4204
4205	/* // ============================================================ | 1400 PX | ============================================================= \\ */
4206	@media (min-width: 1400px) {
4207	  	.multimidia header{
4208	  		min-height: 350px;
4209
4210	  	}
4211		.multimidia header iframe{
4212			height: initial;
4213			margin-bottom: -32% !important;
4214		}
4215
4216	}
4217	/* \\ ====================================================================================================================================== // */
4218</style>
4219<section class="row m-0 multimidia p-0">
4220	<header class="row m-0 justify-content-center align-items-lg-end">
4221		<!-- 
4222		<div class="col-lg-3">
4223			<h2 class="mb-4">Multimídia</h2>
4224		</div>  -->
4225		<div class="col-lg-7">
4226			<h2 class="conheca">Conheça Urubici SC</h2>
4227			<iframe class="w-100" height="415" src="https://www.youtube.com/embed/xmdrqG7QciQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
4228		</div>
4229	</header>
4230	<!-- 
4231	<main class="row m-0 justify-content-center">
4232		<div class="col-lg-3 py-4">
4233			<p>
4234				Acesse as informações sobre o andamento de licitações e concursos, ou consulte as leis do município por meio dos campos abaixo.
4235			</p>
4236			<a href="https://www.urubici.sc.gov.br/galeria-de-videos">
4237				VER TODOS OS VÍDEOS +
4238			</a>
4239		</div>
4240		<div class="col-lg-7">
4241			
4242		</div>
4243	</main> -->
4244</section>
4245<!-- \\ ================================================================= // -->
4246
4247
4248
4249
4250
4251
4252
4253
4254
4255
4256
4257<!-- // ======================= | SALVE A TERRA | ======================= \\ -->
4258
4259<style>
4260
4261	html,body,main#main_supreme{
4262		overflow-x: hidden;
4263	}
4264	.salve-a-terra{
4265		display: flex;
4266		justify-content: center;
4267		background: #D6D6D6;
4268		padding: 2rem 0rem 1rem 0rem;
4269	}
4270	.salve-a-terra main{
4271		position: relative;
4272		display: flex;
4273		align-items: center;
4274	}
4275	.salve-a-terra p{
4276		text-align: center;
4277		font-size: 2rem;
4278		font-family: 'Gotham-Light';
4279	}
4280
4281	.salve-a-terra div{
4282		display: flex;
4283		align-items: center;
4284		justify-content: center;
4285	}
4286	.salve-a-terra *:not(.tomate-esquerdo){
4287		z-index: 2;
4288	}
4289	.salve-a-terra .tomate-esquerdo{
4290		position: absolute;
4291		left: -8%;
4292		width: 23%;
4293		opacity: 0.5;
4294	}
4295	.salve-a-terra .tomate-direito{
4296		position: absolute;
4297		right: -8%;
4298		width: 17%;
4299		opacity: 0.5;
4300	}
4301	/* // ============================================================= | 992 PX | ============================================================= \\ */
4302	@media (min-width: 992px) {
4303
4304		.salve-a-terra .tomate-esquerdo{
4305			position: absolute;
4306			left: -20%;
4307			width: 20%;
4308			opacity: 1;
4309		}
4310		.salve-a-terra .tomate-direito{
4311			position: absolute;
4312			right: -17%;
4313			width: 13%;
4314			opacity: 1;
4315		}
4316		.salve-a-terra{
4317			padding: 4vw 0rem 4vw 0rem;
4318		}
4319	    .salve-a-terra p{
4320	    	font-size: 1.7vw;
4321	    }
4322	}
4323	/* \\ ====================================================================================================================================== // */
4324</style>
4325<section class="salve-a-terra">
4326	<main class="col-lg-11 col-xl-10 row m-0">
4327		<div class="col-lg-6 mb-3 mb-lg-0">
4328			<p>
4329				Salve a Terra das Hortaliças,<br>
4330				Do colono de mãos calejadas,<br>
4331				Dos riachos, pinheiros, treliças,<br>
4332				Minuano, manhãs congeladas.
4333			</p>
4334		</div>
4335		<div class="col-lg-6 mb-4 mb-lg-0">
4336			<div id="cont_8d338b2329fcecec4b502b700092afb7">
4336<script type="text/javascript" async src="https://www.tempo.com/wid_loader/8d338b2329fcecec4b502b700092afb7"></script>
4336</div>
4337		</div>
4338
4339		<!-- 
4340		<img src="https://www.urubici.sc.gov.br/images/tomate-direita.webp" class="tomate-esquerdo" alt="Salve a Terra das Hortaliças - Urubici">
4341		<img src="https://www.urubici.sc.gov.br/images/tomate-esquerda.webp" class="tomate-direito" alt="Dos riachos, pinheiros, treliças, Minuano, manhãs congeladas - Urubici">  -->
4342	</main>
4343</section>
4344<!-- \\ ================================================================= // -->
4345
4346
4347
4348
4349
4350
4351
4352<style type="text/css">
4353	   
4354
4355
4356	 
4357
4358    footer#footer_supreme .estudio-rodape img {
4359    	width: 130px;
4360    }
4361
4362 
4363
4364    footer#footer_supreme .estudio-rodape .d-flex {
4365    	flex-wrap: wrap;
4366    }
4367
4368    footer#footer_supreme .estudio-rodape h2,
4369    footer#footer_supreme .estudio-rodape a {
4370    	font-size: 0.80rem;
4371    	font-weight: 300;
4372    	color: white;
4373    	font-family: 'Gotham-Book';
4374    }
4375
4376    footer#footer_supreme .estudio-rodape figure {
4377    	width: 100%;
4378    }
4379
4380
4381	/* // ============================================================= | 992 PX | ============================================================= \\ */
4382    @media (min-width: 992px) {
4383       
4384  
4385	    footer#footer_supreme .estudio-rodape figure {
4386	    	width: auto;
4387	    }
4388	    footer#footer_supreme .links-acesso *{
4389	    	text-align: start;
4390	    }
4391
4392	    footer#footer_supreme .estudio-rodape h2,
4393	    footer#footer_supreme .estudio-rodape a {
4394	    	font-size: 1rem;
4395	    }
4396
4397
4398	    footer#footer_supreme .estudio-rodape .d-flex {
4399	    	flex-wrap: nowrap;
4400	    }
4401	  
4402
4403	    footer#footer_supreme nav ul li{
4404	    	text-align: left;
4405	    }
4406	    
4407
4408    }
4409
4410
4411
4412
4413    footer#footer_supreme .linha-separatoria{
4414    	height: 1px;
4415    	opacity: 0.8;
4416    	background: #FF7800;
4417    	width: 100%;
4418    }
4419    footer#footer_supreme{
4420    	background: #004a9d;
4421    }
4422
4423
4424    footer#footer_supreme .informacoes h2{
4425    	color: white;
4426    	font-size: 1.4rem;
4427    }
4428
4429    footer#footer_supreme nav a{
4430    	color: #9F9F9F;
4431    	width: 100%;
4432    	font-family: 'Gotham-Light';
4433    }
4434
4435    footer#footer_supreme nav span{
4436    	font-family: 'Gotham-Bold';
4437    	width: 100%;
4438    	display: block;
4439    }
4440    footer#footer_supreme .numero{
4441    	font-size: 1.4rem;
4442    	font-family: 'Gotham-Bold';
4443    }
4444    footer#footer_supreme nav p{
4445    	color: #9F9F9F;
4446    	width: 100%;
4447    	font-family: 'Gotham-Light';
4448    }
4449    footer#footer_supreme form p{
4450    	color: #9F9F9F;
4451    	font-size: 1rem;
4452    }
4453    footer#footer_supreme .form-control{
4454    	background: transparent;
4455    	border: 1px solid #9F9F9F;
4456    	box-shadow: none !important;
4457    	padding: 0.75rem;
4458    }
4459    /* \\ ====================================================================================================================================== // */
4460</style>
4461
4462</main>
4463<footer id="footer_supreme" class="row p-0 mr-0 me-0 justify-content-center">
4464	<!-- // ================= | CONTAINER FOOTER | ================= \\--> 
4465	<div class="col-lg-11 row m-0">
4466
4467		<!-- // ======= | INFORMAÇÕES | ======= \\ -->
4468		<div class="row m-0 p-0 py-4 py-xl-5 informacoes">
4469			<a href="https://www.urubici.sc.gov.br/" class="col-lg-2 row m-0 p-0 justify-content-center mb-4 mb-lg-0">
4470				<figure class="col-5 col-sm-2 col-lg-12 p-0">
4471					<img src="https://www.urubici.sc.gov.br/images/logo-pref-urubici1.webp" alt="Logo Simples - Urubici" class="w-100 p-0">
4472				</figure>
4473			</a>
4474			<form action="https://www.urubici.sc.gov.br/core/form-newsletter.php" method="post" class="col-lg-4 px-lg-4 px-xxl-5 row m-0 mb-4 mb-lg-0">
4475				<div class="row m-0 align-content-start justify-content-lg-end">
4476					<h2 class="p-0">NEWSLETTER</h2>
4477					<p class="p-0">
4478						Acesse as informações sobre o andamento de licitações.
4479					</p>
4480					<input type="text" name="nome" placeholder="Nome" required minlength="5" maxlength="25" class="form-control mb-3">
4481					<input type="email" name="email" placeholder="E-Mail" required minlength="5" maxlength="35" class="form-control mb-3">
4482					<button class="btn btn-primary w-auto px-4 py-3">ENVIAR</button>
4483				</div>
4484			</form>
4485			<nav class="col-sm-6 col-lg-3 row m-0 px-lg-4 px-xxl-5 mb-4 mb-lg-0">
4486				<h2>OUTRAS ÁREAS</h2>
4487				<a href="https://www.urubici.sc.gov.br/contas-publicas">Transparência</a>
4488				<a href="https://www.urubici.sc.gov.br/leis/12/aditivos">Legislação</a>
4489				<a href="https://www.urubici.sc.gov.br/turismos">Turismo</a>
4490				<a href="https://www.urubici.sc.gov.br/noticias">Notícias</a>
4491				<a href="https://www.urubici.sc.gov.br/galeria-de-fotos">Galeria de Fotos</a>
4492				<a href="https://www.urubici.sc.gov.br/galeria-de-videos">Galeria de Vídeos</a>
4493				<a href="https://www.urubici.sc.gov.br/eventos">Agenda de Eventos</a>
4494			</nav>
4495			<nav class="col-sm-6 col-lg-3 px-lg-4 px-xxl-5 row m-0 align-content-start mb-4 mb-lg-0">
4496				<h2>
4496ENDEREÇO</h2>
4497				<a href="" class="endereco">
4498					Praça Francisco Pereira
4499					Souza, 53, Centro
4500					<span>CEP: 88650-000</span>
4501				</a>
4502				<a href="mailto:[email protected]" class="endereco mb-3">
4503					[email protected]
4504				</a>
4505				<a href="tel:4931911609" class="numero mb-3">
4506					+55 (49) 3191-3069
4507				</a>
4508				<p>
4509					Segunda a sexta <br>
4510					12:00h às 18:00h
4511				</p>
4512			</nav>
4513		</div>
4514		<!-- \\ =============================== // -->
4515			
4516		<div class="linha-separatoria"></div>	 
4517		<!-- // ======= | ESTÚDIO SUL | ======= \\ -->
4518		<div class="row m-0 p-0 justify-content-center justify-content-lg-between py-3 py-xxl-4 estudio-rodape">
4519			<div class="col-11 row m-0 p-0 justify-content-center">
4520				<div class="col-12 col-lg row m-0 align-content-center mb-3 mb-lg-0 p-0">
4521					<h2 class="w-100 text-center text-lg-start m-0 p-0">
4522						PREFEITURA DE URUBICI. TODOS OS DIREITOS RESERVADOS.
4523					</h2>
4524				</div>
4525				<a href="https://www.estudiosul.com.br" target="_blank" class="col-10 col-md-3 col-lg-5 col-xxl-4 d-flex justify-content-center justify-content-lg-end text-end">
4526					<figure class="mt-1 mt-lg-0 m-0 text-center">
4527						<img src="https://www.urubici.sc.gov.br/images/logo-estudio.webp" alt="Prefeitura de Urubici - Estúdio Sul">
4528					</figure>
4529				</a>
4530			</div>
4531		</div>
4532		<!-- \\ =============================== // -->
4533	</div>
4534</footer>
4535 
4536
4537
4538    <!-- // ================================= | SCRIPTS ================================= \\ -->
4539
4540    <!-- // ============ | V LIBRAS | ==================== \\ -->
4541    <div vw class="enabled">
4542        <div vw-access-button class="active"></div>
4543        <div vw-plugin-wrapper>
4544            <div class="vw-plugin-top-wrapper"></div>
4545        </div>
4546    </div>
4547    
4547<script src="https://vlibras.gov.br/app/vlibras-plugin.js"></script>
4547
4548    
4548<script>
4549        new window.VLibras.Widget('https://vlibras.gov.br/app');
4550    </script>
4550
4551    <!-- \\ ============================================== // -->
4552
4553
4554    <style type="text/css">
4555        body .uwy.userway_p1 .userway_buttons_wrapper{
4556            top: 35% !important;
4557        }
4558    </style>
4559    
4559<script>
4560      (function(d){
4561        var s = d.createElement("script");
4562        s.setAttribute("data-account", "SEU_ID_AQUI"); // precisa se cadastrar no site
4563        s.src="https://cdn.userway.org/widget.js";
4564        (d.body || d.head).appendChild(s);
4565      })(document)
4566    </script>
4566
4567
4568
4569
4570
4571    <!-- // ============ | CONFIG ESTADO | =============== \\ -->
4572    
4572<script>
4573        $("form [name='id_estado']").change(function(){
4574            
4575            
4576            var pagina_escolhida = $(this).data("contador");
4577            $.ajax({
4578              type: "POST",
4579              url:"https://www.urubici.sc.gov.br/pages/ouvidoria.php",
4580              data: {
4581                'id_estado': $(this).val()
4582              },
4583              success:function(result){
4584                $(".cidade").html(result);       
4585
4586              }
4587            });
4588
4589            $(".paginacao-lei").removeClass("actived_pagination");
4590            $(this).addClass("actived_pagination");
4591            
4592        });
4593    </script>
4593
4594    <!-- \\ ============================================== // -->
4595
4596
4597
4598
4599    <!-- // ============ | Google Analytics | ============ \\ -->
4600            <!-- Global site tag (gtag.js) - Google Analytics -->
4601<script async src=\\\\\\\"https://www.googletagmanager.com/gtag/js?id=UA-221605643-1\\\\\\\"></script>
vendor: 2 bytes, line 4601
4601
4602<script>
4603  window.dataLayer = window.dataLayer || [];
4604  function gtag(){dataLayer.push(arguments);}
4605  gtag(\\\\\\\'js\\\\\\\', new Date());
4606
4607  gtag(\\\\\\\'config\\\\\\\', \\\\\\\'UA-221605643-1\\\\\\\');
4608</script>
4608
4609        <!-- \\ ============================================== // -->
4610
4611    
4611<script type="text/javascript">
4612        document.cookie = 'screen_width='+screen.width+';path=/';
4613        document.cookie = 'screen_height='+screen.height+';path=/';
4614    </script>
4614
4615
4616      
4616<script type='text/javascript'>window.location.href = "";</script>
4616
4617  
4618    
4618<script type="text/javascript">
4619        $('a[href^="#"]').on('click', function (e) {
4620            e.preventDefault();
4621            var id = $(this).attr('href'),
4622                targetOffset = $(id).offset().top;
4623
4624            $('html, body').animate({
4625                scrollTop: targetOffset - 200
4626            }, 100);
4627        });
4628    </script>
4628
4629
4630
4631    <!-- // ======= | TIRAR DRAGGABLE DAS IMG'S | ======== \\ -->
4632    
4632<script>
4633        $(document).ready(function(){
4634            $("img").attr('draggable', false)
4635        });
4636    </script>
4636
4637    <!-- \\ ============================================== // -->
4638
4639    <!-- // = | FANCY BOX (GALERIA FLUTUANTE AO CLICAR | = \\ -->
4640    
4640<script src="https://www.urubici.sc.gov.br/js/jquery.fancybox.min.js"></script>
4640
4641    <!-- \\ ============================================== // -->
4642
4643    <!-- // =========== | DEPENDECIAS BOOSTRAP | ========= \\ -->
4644    
4644<script src="https://www.urubici.sc.gov.br/js/bootstrap.min.js"></script>
4644
4645    <!-- \\ ============================================== // -->
4646
4647    <!-- // ==== | FLICKITY - ROLAGEM DOS ELEMENTS | ===== \\ -->
4648    
4648<script src="https://www.urubici.sc.gov.br/js/flickity.pkgd.min.js"></script>
4648
4649    <!-- \\ ============================================== // -->
4650
4651    <!-- // ===== | SWEET ALERT - ALERTAS BONITOS | ====== \\ -->
4652    
4652<script src="https://www.urubici.sc.gov.br/js/[email protected]"></script>
4652
4653    <!-- \\ ============================================== // -->
4654
4655    <!-- // ============ | AO CLICAR CTRL Ç | ============ \\ -->
4656    
4656<script>
4657        contador = 1;
4658        $(document).on('keydown', function(e) {
4659            var key = e.key;
4660            if(
4661                e.ctrlKey == true && key == 'ç'
4662            ){
4663                
4664                if(contador == 0){
4665                    $(".easter-egg-estudio").slideUp(300);
4666                    contador = 1;
4667                }else{
4668                    $(".easter-egg-estudio").slideDown(3000);
4669                    contador = 0;
4670                }
4671            }
4672        });
4673    </script>
4673
4674    <!-- \\ ============================================== // -->
4675
4676
4677</body>
4678
4679</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.