PageSourceSearch

https://www.urubici.sc.gov.br/simbolos-do-municipio

html urubici.sc.gov.br collected 2026-10-02 19:43:08 UTC 107,745 bytes, 3,492 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>Simbolos-do-municipio</title>
26    <meta name="url"         content="www.urubici.sc.gov.br/simbolos-do-municipio"         />
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/simbolos-do-municipio"         />
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/simbolos-do-municipio">
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
2484
2485
2486<style>
2487  /* // ================== | HEADER INTERNAS | ============== \\ */
2488  .header-internas{
2489    height: 500px;
2490    background-size: cover;
2491    background-position: center;
2492    background-blend-mode: multiply;
2493    background-color: #737373;
2494    padding: 2rem;
2495    flex-wrap: wrap;
2496  }
2497  .header-internas header > h2{
2498    color: #FBB611;
2499    font-family: 'Gotham-Book', 'Montserrat', sans-serif;
2500    text-transform: uppercase;
2501    padding: 0;
2502    font-size: 1rem;
2503    font-weight: normal;
2504  }
2505  .header-internas h1{
2506    color: white;
2507    font-weight: normal;
2508    text-transform: uppercase;
2509    font-size: 2rem;
2510    margin-bottom: 1rem;
2511    padding: 0;
2512  }
2513  .header-internas header{
2514    display: flex;
2515    flex-wrap: wrap;
2516    align-items: end;
2517  }
2518  /* \\ ===================================================== // */
2519
2520  /* // ============================================================= | 576 PX | ============================================================= \\ */
2521  @media (min-width: 576px) {
2522  }
2523  /* \\ ====================================================================================================================================== // */
2524
2525
2526  /* // ============================================================= | 768 PX | ============================================================= \\ */
2527  @media (min-width: 768px) {
2528
2529  }
2530  /* \\ ====================================================================================================================================== // */
2531
2532
2533  /* // ============================================================= | 992 PX | ============================================================= \\ */
2534  @media (min-width: 992px) {
2535    .header-internas{
2536      padding: 3rem;
2537    }
2538    .header-internas h1{
2539      margin-bottom: 0rem;
2540    }
2541    .header-internas{
2542      display: flex;
2543      flex-wrap: nowrap;
2544      height: 400px;
2545    }
2546
2547    .header-internas h2{
2548      font-size: 1vw;
2549    }
2550    .header-internas h1{
2551      font-size: 2.8vw;
2552      line-height: 2.4vw;
2553      letter-spacing: -0.1vw;
2554    }
2555    .header-internas header{
2556      max-width: 65%;
2557    }
2558  }
2559  /* \\ ====================================================================================================================================== // */
2560
2561
2562  /* // ============================================================= | 1200PX | ============================================================= \\ */
2563  @media (min-width: 1200px) {
2564
2565  }
2566  /* \\ ====================================================================================================================================== // */
2567
2568
2569  /* // ============================================================= | 1400PX | ============================================================= \\ */
2570  @media (min-width: 1400px) {
2571   
2572  }
2573  /* \\ ====================================================================================================================================== // */
2574
2575  /* // ============================================================= | 1600PX | ============================================================= \\ */
2576  @media (min-width: 1600px) {
2577   
2578  }
2579  /* \\ ====================================================================================================================================== // */
2580</style>
2581<section class="d-flex m-0 header-internas align-content-center align-content-lg-end justify-content-lg-between" style="background-image: url('https://www.urubici.sc.gov.br/images/header-internas/topo-municipio.webp');">
2582  <header class="row m-0 align-content-end">
2583    <h2>INÍCIO  /  O Município</h2>
2584    <h1>Símbolos do Município</h1>
2585  </header>
2586  <style>
2587  /* // ================== | HEADER INTERNAS | ============== \\ */
2588  .busca-header{
2589    width: 100%;
2590    display: flex;
2591    align-content: flex-end;
2592    flex-wrap: wrap;
2593  }
2594  .busca-header form{
2595    background: white;
2596    border-radius: 12px;
2597    display: flex;
2598    flex-wrap: wrap;
2599    align-items: center;
2600    padding: 1.4rem;
2601    width: 100%;
2602    justify-content: center;
2603  }
2604  .busca-header h2{
2605    color: #FBB611;
2606    font-size: 1.5rem;
2607    font-weight: normal;    
2608  }
2609  .busca-header .separador{
2610    height: 35px;
2611    background: #928283;
2612    width: 1px;
2613    margin: 0rem 1rem 0rem 1rem;
2614    display: none;
2615  }
2616  .busca-header div{
2617    width: 100%;
2618    text-align: center;
2619    justify-content: center;
2620  }
2621  .busca-header input{
2622    width: 75%;
2623    border: 0;
2624    height: 45px;
2625  }
2626  .busca-header button{
2627    background: transparent;
2628    border: 0;
2629    box-shadow: 0;
2630    height: 45px;
2631    width: 45px;
2632    background: #FBB611;
2633    border-radius: 100px;
2634  }
2635  .busca-header nav ul{
2636    list-style: none;
2637    display: flex;
2638    flex-wrap: wrap;
2639    justify-content: space-between;
2640    padding: 0;
2641    margin-bottom: 0.4rem;
2642    padding: 0rem 0.5rem;
2643  }
2644  .busca-header nav a{
2645    font-size: 0.85rem;
2646    color: white;
2647    padding: 0rem 0.8rem;
2648    text-transform: uppercase;
2649    font-family: 'Gotham-Medium';
2650    transition: 0.3s;
2651  }
2652  .busca-header nav a:hover{
2653    transform: scale(1.05);
2654    transition: 0.3s;
2655  }
2656  .busca-header nav{
2657    width: 100%;
2658  }
2659  /* \\ ===================================================== // */
2660
2661  /* // ============================================================= | 576 PX | ============================================================= \\ */
2662  @media (min-width: 576px) {
2663  }
2664  /* \\ ====================================================================================================================================== // */
2665
2666
2667  /* // ============================================================= | 768 PX | ============================================================= \\ */
2668  @media (min-width: 768px) {
2669
2670  }
2671  /* \\ ====================================================================================================================================== // */
2672
2673
2674  /* // ============================================================= | 992 PX | ============================================================= \\ */
2675  @media (min-width: 992px) {
2676
2677    .busca-header .separador{
2678      display: block;
2679    }
2680    .busca-header h2{
2681      font-size: 1.5vw;
2682      margin: 0;
2683    }
2684    .busca-header form{
2685      padding: 1rem;
2686      flex-wrap: nowrap;
2687      justify-content: space-between;
2688    }
2689    .busca-header div{
2690      width: 40%;
2691    }
2692    .busca-header{
2693      justify-content: flex-end;
2694      width: 40%;
2695    }
2696    .busca-header input{
2697      width: 50%;
2698    }
2699    .busca-header nav ul{
2700      flex-wrap: nowrap;
2701    }
2702  }
2703  /* \\ ====================================================================================================================================== // */
2704
2705
2706  /* // ============================================================= | 1200PX | ============================================================= \\ */
2707  @media (min-width: 1200px) {
2708
2709  }
2710  /* \\ ====================================================================================================================================== // */
2711
2712
2713  /* // ============================================================= | 1400PX | ============================================================= \\ */
2714  @media (min-width: 1400px) {
2715   
2716  }
2717  /* \\ ====================================================================================================================================== // */
2718
2719  /* // ============================================================= | 1600PX | ============================================================= \\ */
2720  @media (min-width: 1600px) {
2721   
2722  }
2723  /* \\ ====================================================================================================================================== // */
2724
2725
2726
2727</style>
2728<section class="busca-header">
2729  <nav>
2730    <ul>
2731      <li><a href="https://www.urubici.sc.gov.br/acesso-a-informacao">Transparência</a></li>
2732      <li><a href="https://www.urubici.sc.gov.br/turismos">Turismo</a></li>
2733      <li><a href="https://www.urubici.sc.gov.br/ouvidoria">Ouvidoria</a></li>
2734      <li><a href="https://www.urubici.sc.gov.br/carta-de-servico/3/do-conselho-municipal-de-saude-e-assistencia-social">SUS</a></li>
2735    </ul>
2736  </nav>
2737  <form action="https://www.urubici.sc.gov.br/busca" method="get">
2738    <div>
2739      <h2>BUSCA RÁPIDA</h2>
2740    </div>
2741    <span class="separador"></span>
2742    <input type="search" placeholder="O Que você procura?" name="busca" required minlength="5" maxlength="25">
2743    <button>
2744      <i class="fa fa-search"></i>
2745    </button>
2746  </form>
2747</section></section>
2748<style>
2749.img-shadow {
2750  filter: brightness(0.8);
2751}
2752</style>
2753
2754<!-- // =================== | HISTÓRIA DO MUNICÍPIO | ===================== \\ -->
2755<section class="container-internas">
2756	<main>	
2757		<h2 class="mb-5">Brasão do Município</h2>
2758
2759		<p>
2760			Inspirado no brasão da bandeira do Município trazendo elementos que remetem às características de Urubici, dando enfoque para a agricultura e o turismo.
2761			Consulte abaixo a Lei de aprovação da Logomarca do Município de Urubici:
2762			<a href="https://leismunicipais.com.br/a/sc/u/urubici/lei-ordinaria/2021/239/2386/lei-ordinaria-n-2386-2021-aprova-a-logomarca-do-municipio-de-urubici?q=logo">
2763				<br>
2764				<b><u>Clique Aqui</u></b>
2765			</a>			
2766		</p>
2767
2768		
2769
2770
2771		<div class="col-lg-6 p-0 ps-lg-0 pe-lg-3">
2772			
2773			<h2>Hino do Município</h2>
2774
2775			<p>
2776				Hino de Urubici
2777			</p>
2778			 
2779			<p>
2780				Salve a Terra das Hortaliças,         <br>
2781				Do colono de mãos calejadas,          <br>
2782				Dos riachos, pinheiros, treliças,     <br>
2783				Minuano, manhãs congeladas.
2784			</p>
2785
2786			<p>
2787				Abençoada Estrela do Sul              <br>
2788				Tu és a Terra dos pinheirais,         <br>
2789				Tuas fazendas se vestem de azul,      <br>
2790				Tuas lavouras são colossais.
2791			</p>
2792
2793			<p>
2794				Urubici, Terra amada e querida,       <br>
2795				Que hoje brilha com grande valor,     <br>
2796				Nas tuas várzeas floresce a vida,     <br>
2797				Tua gente é um hino de amor.
2798			</p>
2799
2800			<p>
2801				Urubici do colono e o tropeiro,       <br>
2802				Do comércio e a indústria sem par;    <br>
2803				No turismo tu tens pioneiro,          <br>
2804				Todo mundo pra ver, estudar.
2805			</p>
2806
2807			<p>
2808				Nosso lema é o trabalho crescente,    <br>
2809				Progredir, expandir nosso sonho,      <br>
2810				Ver sorrir de feliz nossa gente,      <br>
2811				Neste vale de flores risonho.
2812			</p>
2813
2814			<p>
2815				A Esquina, o Traçado e a Praça        <br>
2816				Representam a força, o ideal;         <br>
2817				Hoje somos um povo a graça            <br>
2818				Transformou em um grupo leal.
2819			</p>
2820
2821			<p>
2822				Urubici, o teu vale florido           <br>
2823				Traz as cores do grande Brasil.       <br>
2824				Nos capões, o sabiá incontido         <br>
2825				Canta e voa por sobre o beril.
2826			</p>
2827
2828			<p>
2829				Somos filhos de raças de bravos,      <br>
2830				Nossos pais foram heróis nesta serra. <br>
2831				Somos livres, não temos escravos.     <br>
2832				Desejamos a paz sobre a Terra.
2833			</p>
2834
2835		</div>
2836		<div class="col-lg-6 p-0 pe-lg-0 ps-lg-3 row m-0 align-content-start">
2837			<a href="https://www.urubici.sc.gov.br/images/logo-pref-urubici1.webp" class="img-shadow mb-4 col-12" data-fancybox="gallery">
2838				<img src="https://www.urubici.sc.gov.br/images/logo-pref-urubici1.webp" class="w-100" alt="Urubici Simbolos">
2839			</a>		
2840			<a href="https://www.urubici.sc.gov.br/images/logo-pref-urubici1.webp" class="img-shadow mb-4 col-12" data-fancybox="gallery">
2841				<img src="https://www.urubici.sc.gov.br/images/logo-pref-urubici1.webp" class="w-100" alt="Urubici Simbolos">
2842			</a>		
2843
2844		</div>
2845
2846	
2847		<!-- // =================== | HISTÓRIA DO MUNICÍPIO | ===================== \\ -->
2848<section class="pagina-arquivo-download">
2849	<h2>Arquivos Para Download</h2>
2850
2851	<div class="row m-0 p-0">
2852					<a class="col-lg-6 mb-3 p-0 pe-lg-3 ps-lg-0" href="https://www.urubici.sc.gov.br/galeria_pagina_download/164339903819.pdf" target="_blank">
2853				<article>
2854					<img 
2855                        src="https://www.urubici.sc.gov.br/images/tipos-arquivo/pdf.webp"
2856                        alt="Logo Município de Urubici | pdf"
2857                        title="Logo Município de Urubici | pdf"
2858                    >
2859					<h2>Logo Município de Urubici</h2>
2860				</article>
2861			</a>
2862					<a class="col-lg-6 mb-3 p-0 pe-lg-3 ps-lg-0" href="https://www.urubici.sc.gov.br/galeria_pagina_download/1693857795364.pdf" target="_blank">
2863				<article>
2864					<img 
2865                        src="https://www.urubici.sc.gov.br/images/tipos-arquivo/pdf.webp"
2866                        alt="Brasão | pdf"
2867                        title="Brasão | pdf"
2868                    >
2869					<h2>Brasão</h2>
2870				</article>
2871			</a>
2872			</div>
2873</section>
2874<!-- \\ =================================================================== // -->
2875	</main>
2876	<footer class="container-menu-lateral">
2877		
2878<style>
2879    #acesso_rapido_menu_lateral article{
2880        border: 1px solid black;
2881        border-radius: 4px;
2882        padding: 1rem;
2883        display: flex;
2884        flex-wrap: nowrap;
2885        align-items: center;
2886        transition: 0.3s;
2887    }
2888
2889    #acesso_rapido_menu_lateral a:hover article{
2890        background: #FBB611;
2891        transition: 0.3s;
2892        transform: scale(1.02);
2893    }
2894    #acesso_rapido_menu_lateral a:hover img{
2895        filter: grayscale(100%) invert(1);
2896        transition: 0.3s;
2897    }
2898    #acesso_rapido_menu_lateral a:hover *{
2899        color: white;
2900        transition: 0.3s;
2901    }
2902    #acesso_rapido_menu_lateral article img{
2903        width: 40px;
2904        height: auto;
2905        margin-right: 0.7rem;
2906    }
2907    #acesso_rapido_menu_lateral article h2{
2908        font-size: 1rem;
2909        font-family: 'Gotham-Book';
2910        font-weight: normal;
2911        margin:0;
2912    }
2913    #acesso_rapido_menu_lateral article h2 span{
2914        font-family: 'Gotham-Bold';
2915        font-weight: normal;
2916    }
2917    #acesso_rapido_menu_lateral h2 button{
2918        height: 15px;
2919        width: 15px;
2920        position: initial;
2921        color: black;
2922        display: flex;
2923        align-content: center;
2924        margin: 0rem 0.5rem 0rem 0.5rem;
2925    }
2926    
2927</style>
2928
2929
2930<div id="acesso_rapido_menu_lateral" class="carousel slide mb-4" data-bs-ride="carousel" data-bs-interval="7000">
2931    <h2 class="titulo-menu-lateral">
2932        Acesso Rápido
2933        <button class="carousel-control-prev" type="button" data-bs-target="#acesso_rapido_menu_lateral" data-bs-slide="prev">
2934            <i class="fa fa-chevron-left"></i>
2935        </button>
2936        <button class="carousel-control-next" type="button" data-bs-target="#acesso_rapido_menu_lateral" data-bs-slide="next">
2937            <i class="fa fa-chevron-right"></i>
2938        </button>
2939    </h2>
2940    <div class="carousel-inner">
2941                <div class="carousel-item active">
2942                <section class="row m-0">
2943                                           <a href="https://www.urubici.sc.gov.br/noticias"  class="px-0 p-2 p-sm-2 p-lg-1">
2944                            <article>
2945                                <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1742995102819.webp" height="100px" alt="Notícias">
2946 
2946                               <h2>Notícias</h2>
2947                            </article>
2948                        </a>
2949                                    </section>
2950            </div>
2951                    <div class="carousel-item ">
2952                <section class="row m-0">
2953                                           <a href="https://www.urubici.sc.gov.br/urubici-sem-papel"  class="px-0 p-2 p-sm-2 p-lg-1">
2954                            <article>
2955                                <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1784831000616.png" height="100px" alt="Urubici [SEM PAPEL]">
2956                                <h2>Urubici <span>SEM PAPEL</span></h2>
2957                            </article>
2958                        </a>
2959                                    </section>
2960            </div>
2961                    <div class="carousel-item ">
2962                <section class="row m-0">
2963                                           <a href="https://transparencia.betha.cloud/#/fEgnF_fyV_aofUpNQIKV9Q==" target="_blank" class="px-0 p-2 p-sm-2 p-lg-1">
2964                            <article>
2965                                <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642525022616.png" height="100px" alt="Portal Transparência Prefeitura [Municipal de Urubici]">
2966                                <h2>Portal Transparência Prefeitura <span>Municipal de Urubici</span></h2>
2967                            </article>
2968                        </a>
2969                                    </section>
2970            </div>
2971                    <div class="carousel-item ">
2972                <section class="row m-0">
2973                                           <a href="https://www.urubici.sc.gov.br/urubici-redes-sociais"  class="px-0 p-2 p-sm-2 p-lg-1">
2974                            <article>
2975                                <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1742991614948.webp" height="100px" alt="Nossas Redes Sociais">
2976                                <h2>Nossas Redes Sociais</h2>
2977                            </article>
2978                        </a>
2979                                    </section>
2980            </div>
2981                    <div class="carousel-item ">
2982                <section class="row m-0">
2983                                           <a href="https://www.urubici.sc.gov.br/concursos"  class="px-0 p-2 p-sm-2 p-lg-1">
2984                            <article>
2985                                <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642525076780.png" height="100px" alt="[Concursos]">
2986                                <h2><span>Concursos</span></h2>
2987                            </article>
2988                        </a>
2989                                    </section>
2990            </div>
2991                    <div class="carousel-item ">
2992                <section class="row m-0">
2993                                           <a href="https://www.urubici.sc.gov.br/licitacoes"  class="px-0 p-2 p-sm-2 p-lg-1">
2994                            <article>
2995                                <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/164252505618.png" height="100px" alt="[Licitações]">
2996                                <h2><span>Licitações</span></h2>
2997                            </article>
2998                        </a>
2999                                    </section>
3000            </div>
3001                    <div class="carousel-item ">
3002                <section class="row m-0">
3003                                           <a href="https://www.urubici.sc.gov.br/contas-publicas"  class="px-0 p-2 p-sm-2 p-lg-1">
3004                            <article>
3005                                <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642524971189.png" height="100px" alt="Contas [Públicas]">
3006                                <h2>Contas <span>Públicas</span></h2>
3007                            </article>
3008                        </a>
3009                                    </section>
3010            </div>
3011                    <div class="carousel-item ">
3012                <section class="row m-0">
3013                                           <a href="https://www.urubici.sc.gov.br/perguntas-frequentes"  class="px-0 p-2 p-sm-2 p-lg-1">
3014                            <article>
3015                                <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642525011538.png" height="100px" alt="Perguntas [Frequentes]">
3016                                <h2>Perguntas <span>Frequentes</span></h2>
3017                            </article>
3018                        </a>
3019                                    </section>
3020            </div>
3021                    <div class="carousel-item ">
3022                <section class="row m-0">
3023                                           <a href="https://www.urubici.sc.gov.br/acesso-a-informacao"  class="px-0 p-2 p-sm-2 p-lg-1">
3024                            <article>
3025                                <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642524981140.png" height="100px" alt="Acesso à [informação]">
3026                                <h2>
3026Acesso à <span>informação</span></h2>
3027                            </article>
3028                        </a>
3029                                    </section>
3030            </div>
3031                    <div class="carousel-item ">
3032                <section class="row m-0">
3033                                           <a href="https://www.urubici.sc.gov.br/carta-de-servicos" target="_blank" class="px-0 p-2 p-sm-2 p-lg-1">
3034                            <article>
3035                                <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/164252466597.png" height="100px" alt="Carta de [Serviços]">
3036                                <h2>Carta de <span>Serviços</span></h2>
3037                            </article>
3038                        </a>
3039                                    </section>
3040            </div>
3041                    <div class="carousel-item ">
3042                <section class="row m-0">
3043                                           <a href="https://www.urubici.sc.gov.br/diario-oficial"  class="px-0 p-2 p-sm-2 p-lg-1">
3044                            <article>
3045                                <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642525032113.png" height="100px" alt="Diário [Oficial]">
3046                                <h2>Diário <span>Oficial</span></h2>
3047                            </article>
3048                        </a>
3049                                    </section>
3050            </div>
3051                    <div class="carousel-item ">
3052                <section class="row m-0">
3053                                           <a href="https://e-gov.betha.com.br/transparencia/01037-132/main.faces" target="_blank" class="px-0 p-2 p-sm-2 p-lg-1">
3054                            <article>
3055                                <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1643828454143.png" height="100px" alt="Portal Transparência [Órgãos Vinculados a Prefeitura]">
3056                                <h2>Portal Transparência <span>Órgãos Vinculados a Prefeitura</span></h2>
3057                            </article>
3058                        </a>
3059                                    </section>
3060            </div>
3061                    <div class="carousel-item ">
3062                <section class="row m-0">
3063                                           <a href="https://leismunicipais.com.br/prefeitura/sc/urubici" target="_blank" class="px-0 p-2 p-sm-2 p-lg-1">
3064                            <article>
3065                                <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642524696446.png" height="100px" alt="Leis [Municipais]">
3066                                <h2>Leis <span>Municipais</span></h2>
3067                            </article>
3068                        </a>
3069                                    </section>
3070            </div>
3071                    <div class="carousel-item ">
3072                <section class="row m-0">
3073                                           <a href="https://www.urubici.sc.gov.br/leis/8/legislacao"  class="px-0 p-2 p-sm-2 p-lg-1">
3074                            <article>
3075                                <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642525041354.png" height="100px" alt="[Legislação]">
3076                                <h2><span>Legislação</span></h2>
3077                            </article>
3078                        </a>
3079                                    </section>
3080            </div>
3081                    <div class="carousel-item ">
3082                <section class="row m-0">
3083                                           <a href="https://www.urubici.sc.gov.br/covid-19"  class="px-0 p-2 p-sm-2 p-lg-1">
3084                            <article>
3085                                <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1742987929853.webp" height="100px" alt="Covid-19">
3086                                <h2>Covid-19</h2>
3087                            </article>
3088                        </a>
3089                                    </section>
3090            </div>
3091                
3092    </div>
3093    
3094    
3095</div><style>
3096    
3097    .menu-de-includes-secretaria *{
3098        transition: 0.3s;
3099    }
3100    .menu-de-includes-secretaria{
3101        width: 100%;
3102        display: flex;
3103        flex-wrap: wrap;
3104        align-content: flex-start;
3105    }
3106    .menu-de-includes-secretaria a{
3107        width: 100%;
3108        margin-bottom: 1rem;
3109    }
3110    .menu-de-includes-secretaria hgroup h2{
3111        font-size: 1.2rem;
3112        margin-bottom: 0;
3113        text-align: left;
3114        font-family: 'Gotham-Bold';
3115    }
3116    .menu-de-includes-secretaria hgroup h3{
3117        font-size: 0.80rem;
3118        margin-bottom: 0;
3119        text-align: left;
3120        font-family: 'Gotham-Bold';
3121    }
3122    .menu-de-includes-secretaria hgroup h3 span{
3123        font-family: 'Gotham-Light';
3124    }
3125    
3126    .menu-de-includes-secretaria a:hover{
3127        color: black;
3128        transform: scale(1.04);
3129    }
3130    
3131</style>
3132
3133<div class="menu-de-includes-secretaria mb-4">
3134    <h2 class="titulo-menu-lateral">
3135        Secretarias
3136    </h2>
3137      
3138        <a href="https://www.urubici.sc.gov.br/secretaria/49/secretaria-de-saude">
3139            <hgroup>
3140                <h2>SECRETARIA DE SAÚDE</h2>
3141                                <h3>Fone: <span>+55 49 3191-3060</span></h3>
3142            </hgroup>
3143        </a>
3144      
3145        <a href="https://www.urubici.sc.gov.br/secretaria/57/conselho-municipal-da-saude">
3146            <hgroup>
3147                <h2>CONSELHO MUNICIPAL DA SAÚDE</h2>
3148                                <h3>Fone: <span>49 3191-3060</span></h3>
3149            </hgroup>
3150        </a>
3151      
3152        <a href="https://www.urubici.sc.gov.br/secretaria/55/secretaria-de-agricultura">
3153            <hgroup>
3154                <h2>SECRETARIA DE AGRICULTURA</h2>
3155                                <h3>Fone: <span>+55 49 3191-3020</span></h3>
3156            </hgroup>
3157        </a>
3158        <a href="https://www.urubici.sc.gov.br/telefones-e-enderecos" class="link-menu-lateral">
3159        Ver todas as Secretarias
3160    </a>
3161</div>	</footer>
3162</section>
3163<!-- \\ =================================================================== // -->
3164
3165
3166
3167<style type="text/css">
3168	   
3169
3170
3171	 
3172
3173    footer#footer_supreme .estudio-rodape img {
3174    	width: 130px;
3175    }
3176
3177 
3178
3179    footer#footer_supreme .estudio-rodape .d-flex {
3180    	flex-wrap: wrap;
3181    }
3182
3183    footer#footer_supreme .estudio-rodape h2,
3184    footer#footer_supreme .estudio-rodape a {
3185    	font-size: 0.80rem;
3186    	font-weight: 300;
3187    	color: white;
3188    	font-family: 'Gotham-Book';
3189    }
3190
3191    footer#footer_supreme .estudio-rodape figure {
3192    	width: 100%;
3193    }
3194
3195
3196	/* // ============================================================= | 992 PX | ============================================================= \\ */
3197    @media (min-width: 992px) {
3198       
3199  
3200	    footer#footer_supreme .estudio-rodape figure {
3201	    	width: auto;
3202	    }
3203	    footer#footer_supreme .links-acesso *{
3204	    	text-align: start;
3205	    }
3206
3207	    footer#footer_supreme .estudio-rodape h2,
3208	    footer#footer_supreme .estudio-rodape a {
3209	    	font-size: 1rem;
3210	    }
3211
3212
3213	    footer#footer_supreme .estudio-rodape .d-flex {
3214	    	flex-wrap: nowrap;
3215	    }
3216	  
3217
3218	    footer#footer_supreme nav ul li{
3219	    	text-align: left;
3220	    }
3221	    
3222
3223    }
3224
3225
3226
3227
3228    footer#footer_supreme .linha-separatoria{
3229    	height: 1px;
3230    	opacity: 0.8;
3231    	background: #FF7800;
3232    	width: 100%;
3233    }
3234    footer#footer_supreme{
3235    	background: #004a9d;
3236    }
3237
3238
3239    footer#footer_supreme .informacoes h2{
3240    	color: white;
3241    	font-size: 1.4rem;
3242    }
3243
3244    footer#footer_supreme nav a{
3245    	color: #9F9F9F;
3246    	width: 100%;
3247    	font-family: 'Gotham-Light';
3248    }
3249
3250    footer#footer_supreme nav span{
3251    	font-family: 'Gotham-Bold';
3252    	width: 100%;
3253    	display: block;
3254    }
3255    footer#footer_supreme .numero{
3256    	font-size: 1.4rem;
3257    	font-family: 'Gotham-Bold';
3258    }
3259    footer#footer_supreme nav p{
3260    	color: #9F9F9F;
3261    	width: 100%;
3262    	font-family: 'Gotham-Light';
3263    }
3264    footer#footer_supreme form p{
3265    	color: #9F9F9F;
3266    	font-size: 1rem;
3267    }
3268    footer#footer_supreme .form-control{
3269    	background: transparent;
3270    	border: 1px solid #9F9F9F;
3271    	box-shadow: none !important;
3272    	padding: 0.75rem;
3273    }
3274    /* \\ ====================================================================================================================================== // */
3275</style>
3276
3277</main>
3278<footer id="footer_supreme" class="row p-0 mr-0 me-0 justify-content-center">
3279	<!-- // ================= | CONTAINER FOOTER | ================= \\--> 
3280	<div class="col-lg-11 row m-0">
3281
3282		<!-- // ======= | INFORMAÇÕES | ======= \\ -->
3283		<div class="row m-0 p-0 py-4 py-xl-5 informacoes">
3284			<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">
3285				<figure class="col-5 col-sm-2 col-lg-12 p-0">
3286					<img src="https://www.urubici.sc.gov.br/images/logo-pref-urubici1.webp" alt="Logo Simples - Urubici" class="w-100 p-0">
3287				</figure>
3288			</a>
3289			<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">
3290				<div class="row m-0 align-content-start justify-content-lg-end">
3291					<h2 class="p-0">NEWSLETTER</h2>
3292					<p class="p-0">
3293						Acesse as informações sobre o andamento de licitações.
3294					</p>
3295					<input type="text" name="nome" placeholder="Nome" required minlength="5" maxlength="25" class="form-control mb-3">
3296					<input type="email" name="email" placeholder="E-Mail" required minlength="5" maxlength="35" class="form-control mb-3">
3297					<button class="btn btn-primary w-auto px-4 py-3">ENVIAR</button>
3298				</div>
3299			</form>
3300			<nav class="col-sm-6 col-lg-3 row m-0 px-lg-4 px-xxl-5 mb-4 mb-lg-0">
3301				<h2>OUTRAS ÁREAS</h2>
3302				<a href="https://www.urubici.sc.gov.br/contas-publicas">Transparência</a>
3303				<a href="https://www.urubici.sc.gov.br/leis/12/aditivos">Legislação</a>
3304				<a href="https://www.urubici.sc.gov.br/turismos">Turismo</a>
3305				<a href="https://www.urubici.sc.gov.br/noticias">Notícias</a>
3306				<a href="https://www.urubici.sc.gov.br/galeria-de-fotos">Galeria de Fotos</a>
3307				<a href="https://www.urubici.sc.gov.br/galeria-de-videos">Galeria de Vídeos</a>
3308				<a href="https://www.urubici.sc.gov.br/eventos">Agenda de Eventos</a>
3309			</nav>
3310			<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">
3311				<h2>ENDEREÇO</h2>
3312				<a href="" class="endereco">
3313					Praça Francisco Pereira
3314					Souza, 53, Centro
3315					<span>CEP: 88650-000</span>
3316				</a>
3317				<a href="mailto:[email protected]" class="endereco mb-3">
3318					[email protected]
3319				</a>
3320				<a href="tel:4931911609" class="numero mb-3">
3321					+55 (49) 3191-3069
3322				</a>
3323				<p>
3324					Segunda a sexta <br>
3325					12:00h às 18:00h
3326				</p>
3327			</nav>
3328		</div>
3329		<!-- \\ =============================== // -->
3330			
3331		<div class="linha-separatoria"></div>	 
3332		<!-- // ======= | ESTÚDIO SUL | ======= \\ -->
3333		<div class="row m-0 p-0 justify-content-center justify-content-lg-between py-3 py-xxl-4 estudio-rodape">
3334			<div class="col-11 row m-0 p-0 justify-content-center">
3335				<div class="col-12 col-lg row m-0 align-content-center mb-3 mb-lg-0 p-0">
3336					<h2 class="w-100 text-center text-lg-start m-0 p-0">
3337						PREFEITURA DE URUBICI. TODOS OS DIREITOS RESERVADOS.
3338					</h2>
3339				</div>
3340				<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">
3341					<figure class="mt-1 mt-lg-0 m-0 text-center">
3342						<img src="https://www.urubici.sc.gov.br/images/logo-estudio.webp" alt="Prefeitura de Urubici - Estúdio Sul">
3343					</figure>
3344				</a>
3345			</div>
3346		</div>
3347		<!-- \\ =============================== // -->
3348	</div>
3349</footer>
3350 
3351    <!-- // ================================= | SCRIPTS ================================= \\ -->
3352
3353    <!-- // ============ | V LIBRAS | ==================== \\ -->
3354    <div vw class="enabled">
3355        <div vw-access-button class="active"></div>
3356        <div vw-plugin-wrapper>
3357            <div class="vw-plugin-top-wrapper"></div>
3358        </div>
3359    </div>
3360    
3360<script src="https://vlibras.gov.br/app/vlibras-plugin.js"></script>
3360
3361    
3361<script>
3362        new window.VLibras.Widget('https://vlibras.gov.br/app');
3363    </script>
3363
3364    <!-- \\ ============================================== // -->
3365
3366
3367    <style type="text/css">
3368        body .uwy.userway_p1 .userway_buttons_wrapper{
3369            top: 35% !important;
3370        }
3371    </style>
3372    
3372<script>
3373      (function(d){
3374        var s = d.createElement("script");
3375        s.setAttribute("data-account", "SEU_ID_AQUI"); // precisa se cadastrar no site
3376        s.src="https://cdn.userway.org/widget.js";
3377        (d.body || d.head).appendChild(s);
3378      })(document)
3379    </script>
3379
3380
3381
3382
3383
3384    <!-- // ============ | CONFIG ESTADO | =============== \\ -->
3385    
3385<script>
3386        $("form [name='id_estado']").change(function(){
3387            
3388            
3389            var pagina_escolhida = $(this).data("contador");
3390            $.ajax({
3391              type: "POST",
3392              url:"https://www.urubici.sc.gov.br/pages/ouvidoria.php",
3393              data: {
3394                'id_estado': $(this).val()
3395              },
3396              success:function(result){
3397                $(".cidade").html(result);       
3398
3399              }
3400            });
3401
3402            $(".paginacao-lei").removeClass("actived_pagination");
3403            $(this).addClass("actived_pagination");
3404            
3405        });
3406    </script>
3406
3407    <!-- \\ ============================================== // -->
3408
3409
3410
3411
3412    <!-- // ============ | Google Analytics | ============ \\ -->
3413            <!-- Global site tag (gtag.js) - Google Analytics -->
3414<script async src=\\\\\\\"https://www.googletagmanager.com/gtag/js?id=UA-221605643-1\\\\\\\"></script>
vendor: 2 bytes, line 3414
3414
3415<script>
3416  window.dataLayer = window.dataLayer || [];
3417  function gtag(){dataLayer.push(arguments);}
3418  gtag(\\\\\\\'js\\\\\\\', new Date());
3419
3420  gtag(\\\\\\\'config\\\\\\\', \\\\\\\'UA-221605643-1\\\\\\\');
3421</script>
3421
3422        <!-- \\ ============================================== // -->
3423
3424    
3424<script type="text/javascript">
3425        document.cookie = 'screen_width='+screen.width+';path=/';
3426        document.cookie = 'screen_height='+screen.height+';path=/';
3427    </script>
3427
3428
3429      
3429<script type='text/javascript'>window.location.href = "";</script>
3429
3430  
3431    
3431<script type="text/javascript">
3432        $('a[href^="#"]').on('click', function (e) {
3433            e.preventDefault();
3434            var id = $(this).attr('href'),
3435                targetOffset = $(id).offset().top;
3436
3437            $('html, body').animate({
3438                scrollTop: targetOffset - 200
3439            }, 100);
3440        });
3441    </script>
3441
3442
3443
3444    <!-- // ======= | TIRAR DRAGGABLE DAS IMG'S | ======== \\ -->
3445    
3445<script>
3446        $(document).ready(function(){
3447            $("img").attr('draggable', false)
3448        });
3449    </script>
3449
3450    <!-- \\ ============================================== // -->
3451
3452    <!-- // = | FANCY BOX (GALERIA FLUTUANTE AO CLICAR | = \\ -->
3453    
3453<script src="https://www.urubici.sc.gov.br/js/jquery.fancybox.min.js"></script>
3453
3454    <!-- \\ ============================================== // -->
3455
3456    <!-- // =========== | DEPENDECIAS BOOSTRAP | ========= \\ -->
3457    
3457<script src="https://www.urubici.sc.gov.br/js/bootstrap.min.js"></script>
3457
3458    <!-- \\ ============================================== // -->
3459
3460    <!-- // ==== | FLICKITY - ROLAGEM DOS ELEMENTS | ===== \\ -->
3461    
3461<script src="https://www.urubici.sc.gov.br/js/flickity.pkgd.min.js"></script>
3461
3462    <!-- \\ ============================================== // -->
3463
3464    <!-- // ===== | SWEET ALERT - ALERTAS BONITOS | ====== \\ -->
3465    
3465<script src="https://www.urubici.sc.gov.br/js/[email protected]"></script>
3465
3466    <!-- \\ ============================================== // -->
3467
3468    <!-- // ============ | AO CLICAR CTRL Ç | ============ \\ -->
3469    
3469<script>
3470        contador = 1;
3471        $(document).on('keydown', function(e) {
3472            var key = e.key;
3473            if(
3474                e.ctrlKey == true && key == 'ç'
3475            ){
3476                
3477                if(contador == 0){
3478                    $(".easter-egg-estudio").slideUp(300);
3479                    contador = 1;
3480                }else{
3481                    $(".easter-egg-estudio").slideDown(3000);
3482                    contador = 0;
3483                }
3484            }
3485        });
3486    </script>
3486
3487    <!-- \\ ============================================== // -->
3488
3489
3490</body>
3491
3492</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.