PageSourceSearch

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

html urubici.sc.gov.br collected 2026-10-02 19:43:06 UTC 108,199 bytes, 3,401 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>Historia-do-municipio</title>
26    <meta name="url"         content="www.urubici.sc.gov.br/historia-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/historia-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/historia-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>História 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
2749
2750<!-- // =================== | HISTÓRIA DO MUNICÍPIO | ===================== \\ -->
2751<section class="container-internas">
2752	<main>
2753		<a href="https://www.urubici.sc.gov.br/images/container-internas/historia-do-municipio/historia-do-municipio-de-urubici.webp" class="mb-4" data-fancybox="h-municipio">
2754			<img src="https://www.urubici.sc.gov.br/images/container-internas/historia-do-municipio/historia-do-municipio-de-urubici.webp" alt="História do Município, venha conhecer Urubici!" class="w-100">
2755		</a>
2756		<p>
2757			Por marcar a história de várias civilizações, Urubici exibe, até hoje, a passagem de seus primeiros habitantes. São sinais registrados em pedras há pelo menos 40 séculos, comparável às inscrições encontradas em alguns outros pontos do litoral catarinense. Segundo historiadores, o ano de 1711 é data base para Urubici, quando dom João V ordena que os jesuítas procurem minas e catequizem índios até o rio Caçadores. Com essa missão, os padres José Mascarenhas e Luís de Albuquerque traçam marcos na região - marcos do Maranhão até Laguna, a considerada "região do ouro". O primeiro marco foi colocado no Morro Pelado (comando indígena), o segundo no Morro da Mala (onde moravam os padres) e o terceiro no Morro do Panelão (onde ficavam as tropas que c
2757arregariam o ouro). Conta-se que grande porção do ouro foi enterrada nas rochas pelos jesuítas. Os índios, na maioria tupi-guarani, foram catequizados em grupos e já eram remanescentes de outras regiões.
2758		</p>
2759		<p>
2760			Conta-se que existem mapas em originais e cópias, nunca vistos. Urubici registrava um pinheiral espantoso, um "mar de pinheiros", e em outras regiões, não em todas, alguns banhados, com sumidouros de animais e pessoas não orientadas. Alguns índios já conheciam missionários e orientavam jesuítas pelas andanças Padre Luís relata que, ao fincar uma grande cruz no dia 1 março, ela mergulhou no pântano, mais de um metro, sem nenhuma força . Em cada marco, foi plantada uma cruz jesuítica, com ramos amarrados na altura de Cristo. Nos anais do livro 12 Jesuítas no Estado de Santa Catarina (Biblioteca dos Jesuítas do Rio de Janeiro), além desse relatório, existe o seguinte:
2761		</p>
2762		<p>
2763			“ Os jesuítas (que na opinião de muitos eram homens comuns com vestes de padres) levavam pessoas em cargueiros para acamparem e ficarem acampadas nas regiões por onde andavam. No planalto, acamparam doze homens com cavalos, fora os dois padres que comandavam a pesquisa. Balaios cheios de artefatos indígenas eram levados continuamente de volta à missão no Morro do Pelado de onde eram levados para o Rio. Com eles, ia um bugreiro, Samuel Kupll, que preparava o chão da missão e fazia o marco; Manuel Sampaio que era cuidador de tropas; os guapos que a cavalo iam pela região, com Liro Santo, Caetano Matoso e outros. ”
2764			O município era habitado por índios xoclengues quando os primeiros colonizadores de origem europeia, vindos de Tubarão, São Joaquim e Bom Jesus, chegaram na região. Os novos habitantes logo expulsaram os índios, cujos vestígios ainda podem ser encontrados as e inscrições rupestres espalhadas por todo o território. De 1903 a 1911, imigrantes agricultores e madeireiros fixam-se na região.
2765		</p>
2766		<p>
2767			Em 1924, sabendo da fertilidade no solo do vale do rio Canoas, chegaram, à região, imigrantes italianos, alemães e letões, que tornaram, a agricultura e pecuária, as principais atividades econômicas da região.
2768		</p>
2769		<p>
2770			Fonte: Wikipédia
2771		</p>
2772
2773		<div class="row m-0 p-0">
2774			<a class="col-sm-6 p-0 pe-sm-2 mb-3 mb-lg-0" href="https://www.urubici.sc.gov.br/images/container-internas/historia-do-municipio/historia-do-municipio-de-urubici-galeria-1.webp" data-fancybox="gallery">
2775				<img class="w-100" src="https://www.urubici.sc.gov.br/images/container-internas/historia-do-municipio/historia-do-municipio-de-urubici-galeria-1.webp" alt="Historia do municipio  de Urubici Galeria 1">
2776			</a>
2777			<a class="col-sm-6 p-0 ps-sm-2" href="https://www.urubici.sc.gov.br/images/container-internas/historia-do-municipio/historia-do-municipio-de-urubici-galeria-2.webp" data-fancybox="gallery">
2778				<img class="w-100" src="https://www.urubici.sc.gov.br/images/container-internas/historia-do-municipio/historia-do-municipio-de-urubici-galeria-2.webp" alt="Historia do municipio  de Urubici Galeria 2">
2779			</a>
2780		</div>
2781
2782		<!-- // =================== | HISTÓRIA DO MUNICÍPIO | ===================== \\ -->
2783<!-- \\ =================================================================== // -->
2784	</main>
2785	<footer class="container-menu-lateral">
2786		
2787<style>
2788    #acesso_rapido_menu_lateral article{
2789        border: 1px solid black;
2790        border-radius: 4px;
2791        padding: 1rem;
2792        display: flex;
2793        flex-wrap: nowrap;
2794        align-items: center;
2795        transition: 0.3s;
2796    }
2797
2798    #acesso_rapido_menu_lateral a:hover article{
2799        background: #FBB611;
2800        transition: 0.3s;
2801        transform: scale(1.02);
2802    }
2803    #acesso_rapido_menu_lateral a:hover img{
2804        filter: grayscale(100%) invert(1);
2805        transition: 0.3s;
2806    }
2807    #acesso_rapido_menu_lateral a:hover *{
2808        color: white;
2809        transition: 0.3s;
2810    }
2811    #acesso_rapido_menu_lateral article img{
2812        width: 40px;
2813        height: auto;
2814        margin-right: 0.7rem;
2815    }
2816    #acesso_rapido_menu_lateral article h2{
2817        font-size: 1rem;
2818        font-family: 'Gotham-Book';
2819        font-weight: normal;
2820        margin:0;
2821    }
2822    #acesso_rapido_menu_lateral article h2 span{
2823        font-family: 'Gotham-Bold';
2824        font-weight: normal;
2825    }
2826    #acesso_rapido_menu_lateral h2 button{
2827        height: 15px;
2828        width: 15px;
2829        position: initial;
2830        color: black;
2831        display: flex;
2832        align-content: center;
2833        margin: 0rem 0.5rem 0rem 0.5rem;
2834    }
2835    
2836</style>
2837
2838
2839<div id="acesso_rapido_menu_lateral" class="carousel slide mb-4" data-bs-ride="carousel" data-bs-interval="7000">
2840    <h2 class="titulo-menu-lateral">
2841        Acesso Rápido
2842        <button class="carousel-control-prev" type="button" data-bs-target="#acesso_rapido_menu_lateral" data-bs-slide="prev">
2843            <i class="fa fa-chevron-left"></i>
2844        </button>
2845        <button class="carousel-control-next" type="button" data-bs-target="#acesso_rapido_menu_lateral" data-bs-slide="next">
2846            <i class="fa fa-chevron-right"></i>
2847        </button>
2848    </h2>
2849    <div class="carousel-inner">
2850                <div class="carousel-item active">
2851                <section class="row m-0">
2852                                           <a href="https://www.urubici.sc.gov.br/noticias"  class="px-0 p-2 p-sm-2 p-lg-1">
2853                            <article>
2854                                <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1742995102819.webp" height="100px" alt="Notícias">
2855                                <h2>Notícias</h2>
2856                            </article>
2857                        </a>
2858                                    </section>
2859            </div>
2860                    <div class="carousel-item ">
2861                <section class="row m-0">
2862                                           <a href="https://www.urubici.sc.gov.br/urubici-sem-papel"  class="px-0 p-2 p-sm-2 p-lg-1">
2863                            <article>
2864                                <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1784831000616.png" height="100px" alt="Urubici [SEM PAPEL]">
2865                                <h2>Urubici <span>SEM PAPEL</span></h2>
2866                            </article>
2867                        </a>
2868                                    </section>
2869            </div>
2870                    <div class="carousel-item ">
2871                <section class="row m-0">
2872                                           <a href="https://transparencia.betha.cloud/#/fEgnF_fyV_aofUpNQIKV9Q==" target="_blank" class="px-0 p-2 p-sm-2 p-lg-1">
2873                            <article>
2874                                <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642525022616.png" height="100px" alt="Portal Transparência Prefeitura [Municipal de Urubici]">
2875                                <h2>Portal Transparência Prefeitura <span>Municipal de Urubici</span></h2>
2876                            </article>
2877                        </a>
2878                                    </section>
2879            </div>
2880                    <div class="carousel-item ">
2881                <section class="row m-0">
2882                                           <a href="https://www.urubici.sc.gov.br/urubici-redes-sociais"  class="px-0 p-2 p-sm-2 p-lg-1">
2883                            <article>
2884                                <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1742991614948.webp" height="100px" alt="Nossas Redes Sociais">
2885                                <h2>Nossas Redes Sociais</h2>
2886                            </article>
2887                        </a>
2888                                    </section>
2889            </div>
2890                    <div class="carousel-item ">
2891                <section class="row m-0">
2892                                           <a href="https://www.urubici.sc.gov.br/concursos"  class="px-0 p-2 p-sm-2 p-lg-1">
2893                            <article>
2894                                <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642525076780.png" height="100px" alt="[Concursos]">
2895                                <h2><span>Concursos</span></h2>
2896                            </article>
2897                        </a>
2898                                    </section>
2899            </div>
2900                    <div class="carousel-item ">
2901                <section class="row m-0">
2902                                           <a href="https://www.urubici.sc.gov.br/licitacoes"  class="px-0 p-2 p-sm-2 p-lg-1">
2903                            <article>
2904                                <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/164252505618.png" height="100px" alt="[Licitações]">
2905                                <h2><span>Licitações</span></h2>
2906                            </article>
2907                        </a>
2908                                    </section>
2909            </div>
2910                    <div class="carousel-item ">
2911                <section class="row m-0">
2912                                           <a href="https://www.urubici.sc.gov.br/contas-publicas"  class="px-0 p-2 p-sm-2 p-lg-1">
2913                            <article>
2914                                <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642524971189.png" height="100px" alt="Contas [Públicas]">
2915                                <h2>Contas <span>Públicas</span></h2>
2916                            </article>
2917                        </a>
2918                                    </section>
2919            </div>
2920                    <div class="carousel-item ">
2921                <section class="row m-0">
2922                                           <a href="https://www.urubici.sc.gov.br/perguntas-frequentes"  class="px-0 p-2 p-sm-2 p-lg-1">
2923                            <article>
2924                                <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642525011538.png" height="100px" alt="Perguntas [Frequentes]">
2925                                <h2>Perguntas <span>Frequentes</span></h2>
2926                            </article>
2927                        </a>
2928                                    </section>
2929            </div>
2930                    <div class="carousel-item ">
2931                <section class="row m-0">
2932                                           <a href="https://www.urubici.sc.gov.br/acesso-a-informacao"  class="px-0 p-2 p-sm-2 p-lg-1">
2933                            <article>
2934                                <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642524981140.png" height="100px" alt="Acesso à [informação]">
2935                                <h2>
2935Acesso à <span>informação</span></h2>
2936                            </article>
2937                        </a>
2938                                    </section>
2939            </div>
2940                    <div class="carousel-item ">
2941                <section class="row m-0">
2942                                           <a href="https://www.urubici.sc.gov.br/carta-de-servicos" target="_blank" class="px-0 p-2 p-sm-2 p-lg-1">
2943                            <article>
2944                                <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/164252466597.png" height="100px" alt="Carta de [Serviços]">
2945                                <h2>Carta de <span>Serviços</span></h2>
2946                            </article>
2947                        </a>
2948                                    </section>
2949            </div>
2950                    <div class="carousel-item ">
2951                <section class="row m-0">
2952                                           <a href="https://www.urubici.sc.gov.br/diario-oficial"  class="px-0 p-2 p-sm-2 p-lg-1">
2953                            <article>
2954                                <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642525032113.png" height="100px" alt="Diário [Oficial]">
2955                                <h2>Diário <span>Oficial</span></h2>
2956                            </article>
2957                        </a>
2958                                    </section>
2959            </div>
2960                    <div class="carousel-item ">
2961                <section class="row m-0">
2962                                           <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">
2963                            <article>
2964                                <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1643828454143.png" height="100px" alt="Portal Transparência [Órgãos Vinculados a Prefeitura]">
2965                                <h2>Portal Transparência <span>Órgãos Vinculados a Prefeitura</span></h2>
2966                            </article>
2967                        </a>
2968                                    </section>
2969            </div>
2970                    <div class="carousel-item ">
2971                <section class="row m-0">
2972                                           <a href="https://leismunicipais.com.br/prefeitura/sc/urubici" target="_blank" class="px-0 p-2 p-sm-2 p-lg-1">
2973                            <article>
2974                                <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642524696446.png" height="100px" alt="Leis [Municipais]">
2975                                <h2>Leis <span>Municipais</span></h2>
2976                            </article>
2977                        </a>
2978                                    </section>
2979            </div>
2980                    <div class="carousel-item ">
2981                <section class="row m-0">
2982                                           <a href="https://www.urubici.sc.gov.br/leis/8/legislacao"  class="px-0 p-2 p-sm-2 p-lg-1">
2983                            <article>
2984                                <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642525041354.png" height="100px" alt="[Legislação]">
2985                                <h2><span>Legislação</span></h2>
2986                            </article>
2987                        </a>
2988                                    </section>
2989            </div>
2990                    <div class="carousel-item ">
2991                <section class="row m-0">
2992                                           <a href="https://www.urubici.sc.gov.br/covid-19"  class="px-0 p-2 p-sm-2 p-lg-1">
2993                            <article>
2994                                <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1742987929853.webp" height="100px" alt="Covid-19">
2995                                <h2>Covid-19</h2>
2996                            </article>
2997                        </a>
2998                                    </section>
2999            </div>
3000                
3001    </div>
3002    
3003    
3004</div><style>
3005    
3006    .menu-de-includes-secretaria *{
3007        transition: 0.3s;
3008    }
3009    .menu-de-includes-secretaria{
3010        width: 100%;
3011        display: flex;
3012        flex-wrap: wrap;
3013        align-content: flex-start;
3014    }
3015    .menu-de-includes-secretaria a{
3016        width: 100%;
3017        margin-bottom: 1rem;
3018    }
3019    .menu-de-includes-secretaria hgroup h2{
3020        font-size: 1.2rem;
3021        margin-bottom: 0;
3022        text-align: left;
3023        font-family: 'Gotham-Bold';
3024    }
3025    .menu-de-includes-secretaria hgroup h3{
3026        font-size: 0.80rem;
3027        margin-bottom: 0;
3028        text-align: left;
3029        font-family: 'Gotham-Bold';
3030    }
3031    .menu-de-includes-secretaria hgroup h3 span{
3032        font-family: 'Gotham-Light';
3033    }
3034    
3035    .menu-de-includes-secretaria a:hover{
3036        color: black;
3037        transform: scale(1.04);
3038    }
3039    
3040</style>
3041
3042<div class="menu-de-includes-secretaria mb-4">
3043    <h2 class="titulo-menu-lateral">
3044        Secretarias
3045    </h2>
3046      
3047        <a href="https://www.urubici.sc.gov.br/secretaria/46/secretaria-de-obras-e-defesa-civil">
3048            <hgroup>
3049                <h2>SECRETARIA DE OBRAS E DEFESA CIVIL</h2>
3050                                <h3>Fone: <span>+55 49 3191-3050 (Secretaria)</span></h3>
3051            </hgroup>
3052        </a>
3053      
3054        <a href="https://www.urubici.sc.gov.br/secretaria/57/conselho-municipal-da-saude">
3055            <hgroup>
3056                <h2>CONSELHO MUNICIPAL DA SAÚDE</h2>
3057                                <h3>Fone: <span>49 3191-3060</span></h3>
3058            </hgroup>
3059        </a>
3060      
3061        <a href="https://www.urubici.sc.gov.br/secretaria/55/secretaria-de-agricultura">
3062            <hgroup>
3063                <h2>SECRETARIA DE AGRICULTURA</h2>
3064                                <h3>Fone: <span>+55 49 3191-3020</span></h3>
3065            </hgroup>
3066        </a>
3067        <a href="https://www.urubici.sc.gov.br/telefones-e-enderecos" class="link-menu-lateral">
3068        Ver todas as Secretarias
3069    </a>
3070</div>	</footer>
3071</section>
3072<!-- \\ =================================================================== // -->
3073
3074
3075
3076<style type="text/css">
3077	   
3078
3079
3080	 
3081
3082    footer#footer_supreme .estudio-rodape img {
3083    	width: 130px;
3084    }
3085
3086 
3087
3088    footer#footer_supreme .estudio-rodape .d-flex {
3089    	flex-wrap: wrap;
3090    }
3091
3092    footer#footer_supreme .estudio-rodape h2,
3093    footer#footer_supreme .estudio-rodape a {
3094    	font-size: 0.80rem;
3095    	font-weight: 300;
3096    	color: white;
3097    	font-family: 'Gotham-Book';
3098    }
3099
3100    footer#footer_supreme .estudio-rodape figure {
3101    	width: 100%;
3102    }
3103
3104
3105	/* // ============================================================= | 992 PX | ============================================================= \\ */
3106    @media (min-width: 992px) {
3107       
3108  
3109	    footer#footer_supreme .estudio-rodape figure {
3110	    	width: auto;
3111	    }
3112	    footer#footer_supreme .links-acesso *{
3113	    	text-align: start;
3114	    }
3115
3116	    footer#footer_supreme .estudio-rodape h2,
3117	    footer#footer_supreme .estudio-rodape a {
3118	    	font-size: 1rem;
3119	    }
3120
3121
3122	    footer#footer_supreme .estudio-rodape .d-flex {
3123	    	flex-wrap: nowrap;
3124	    }
3125	  
3126
3127	    footer#footer_supreme nav ul li{
3128	    	text-align: left;
3129	    }
3130	    
3131
3132    }
3133
3134
3135
3136
3137    footer#footer_supreme .linha-separatoria{
3138    	height: 1px;
3139    	opacity: 0.8;
3140    	background: #FF7800;
3141    	width: 100%;
3142    }
3143    footer#footer_supreme{
3144    	background: #004a9d;
3145    }
3146
3147
3148    footer#footer_supreme .informacoes h2{
3149    	color: white;
3150    	font-size: 1.4rem;
3151    }
3152
3153    footer#footer_supreme nav a{
3154    	color: #9F9F9F;
3155    	width: 100%;
3156    	font-family: 'Gotham-Light';
3157    }
3158
3159    footer#footer_supreme nav span{
3160    	font-family: 'Gotham-Bold';
3161    	width: 100%;
3162    	display: block;
3163    }
3164    footer#footer_supreme .numero{
3165    	font-size: 1.4rem;
3166    	font-family: 'Gotham-Bold';
3167    }
3168    footer#footer_supreme nav p{
3169    	color: #9F9F9F;
3170    	width: 100%;
3171    	font-family: 'Gotham-Light';
3172    }
3173    footer#footer_supreme form p{
3174    	color: #9F9F9F;
3175    	font-size: 1rem;
3176    }
3177    footer#footer_supreme .form-control{
3178    	background: transparent;
3179    	border: 1px solid #9F9F9F;
3180    	box-shadow: none !important;
3181    	padding: 0.75rem;
3182    }
3183    /* \\ ====================================================================================================================================== // */
3184</style>
3185
3186</main>
3187<footer id="footer_supreme" class="row p-0 mr-0 me-0 justify-content-center">
3188	<!-- // ================= | CONTAINER FOOTER | ================= \\--> 
3189	<div class="col-lg-11 row m-0">
3190
3191		<!-- // ======= | INFORMAÇÕES | ======= \\ -->
3192		<div class="row m-0 p-0 py-4 py-xl-5 informacoes">
3193			<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">
3194				<figure class="col-5 col-sm-2 col-lg-12 p-0">
3195					<img src="https://www.urubici.sc.gov.br/images/logo-pref-urubici1.webp" alt="Logo Simples - Urubici" class="w-100 p-0">
3196				</figure>
3197			</a>
3198			<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">
3199				<div class="row m-0 align-content-start justify-content-lg-end">
3200					<h2 class="p-0">NEWSLETTER</h2>
3201					<p class="p-0">
3202						Acesse as informações sobre o andamento de licitações.
3203					</p>
3204					<input type="text" name="nome" placeholder="Nome" required minlength="5" maxlength="25" class="form-control mb-3">
3205					<input type="email" name="email" placeholder="E-Mail" required minlength="5" maxlength="35" class="form-control mb-3">
3206					<button class="btn btn-primary w-auto px-4 py-3">ENVIAR</button>
3207				</div>
3208			</form>
3209			<nav class="col-sm-6 col-lg-3 row m-0 px-lg-4 px-xxl-5 mb-4 mb-lg-0">
3210				<h2>OUTRAS ÁREAS</h2>
3211				<a href="https://www.urubici.sc.gov.br/contas-publicas">Transparência</a>
3212				<a href="https://www.urubici.sc.gov.br/leis/12/aditivos">Legislação</a>
3213				<a href="https://www.urubici.sc.gov.br/turismos">Turismo</a>
3214				<a href="https://www.urubici.sc.gov.br/noticias">Notícias</a>
3215				<a href="https://www.urubici.sc.gov.br/galeria-de-fotos">Galeria de Fotos</a>
3216				<a href="https://www.urubici.sc.gov.br/galeria-de-videos">Galeria de Vídeos</a>
3217				<a href="https://www.urubici.sc.gov.br/eventos">Agenda de Eventos</a>
3218			</nav>
3219			<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">
3220				<h2>ENDEREÇO</h2>
3221				<a href="" class="endereco">
3222					Praça Francisco Pereira
3223					Souza, 53, Centro
3224					<span>CEP: 88650-000</span>
3225				</a>
3226				<a href="mailto:[email protected]" class="endereco mb-3">
3227					[email protected]
3228				</a>
3229				<a href="tel:4931911609" class="numero mb-3">
3230					+55 (49) 3191-3069
3231				</a>
3232				<p>
3233					Segunda a sexta <br>
3234					12:00h às 18:00h
3235				</p>
3236			</nav>
3237		</div>
3238		<!-- \\ =============================== // -->
3239			
3240		<div class="linha-separatoria"></div>	 
3241		<!-- // ======= | ESTÚDIO SUL | ======= \\ -->
3242		<div class="row m-0 p-0 justify-content-center justify-content-lg-between py-3 py-xxl-4 estudio-rodape">
3243			<div class="col-11 row m-0 p-0 justify-content-center">
3244				<div class="col-12 col-lg row m-0 align-content-center mb-3 mb-lg-0 p-0">
3245					<h2 class="w-100 text-center text-lg-start m-0 p-0">
3246						PREFEITURA DE URUBICI. TODOS OS DIREITOS RESERVADOS.
3247					</h2>
3248				</div>
3249				<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">
3250					<figure class="mt-1 mt-lg-0 m-0 text-center">
3251						<img src="https://www.urubici.sc.gov.br/images/logo-estudio.webp" alt="Prefeitura de Urubici - Estúdio Sul">
3252					</figure>
3253				</a>
3254			</div>
3255		</div>
3256		<!-- \\ =============================== // -->
3257	</div>
3258</footer>
3259 
3260    <!-- // ================================= | SCRIPTS ================================= \\ -->
3261
3262    <!-- // ============ | V LIBRAS | ==================== \\ -->
3263    <div vw class="enabled">
3264        <div vw-access-button class="active"></div>
3265        <div vw-plugin-wrapper>
3266            <div class="vw-plugin-top-wrapper"></div>
3267        </div>
3268    </div>
3269    
3269<script src="https://vlibras.gov.br/app/vlibras-plugin.js"></script>
3269
3270    
3270<script>
3271        new window.VLibras.Widget('https://vlibras.gov.br/app');
3272    </script>
3272
3273    <!-- \\ ============================================== // -->
3274
3275
3276    <style type="text/css">
3277        body .uwy.userway_p1 .userway_buttons_wrapper{
3278            top: 35% !important;
3279        }
3280    </style>
3281    
3281<script>
3282      (function(d){
3283        var s = d.createElement("script");
3284        s.setAttribute("data-account", "SEU_ID_AQUI"); // precisa se cadastrar no site
3285        s.src="https://cdn.userway.org/widget.js";
3286        (d.body || d.head).appendChild(s);
3287      })(document)
3288    </script>
3288
3289
3290
3291
3292
3293    <!-- // ============ | CONFIG ESTADO | =============== \\ -->
3294    
3294<script>
3295        $("form [name='id_estado']").change(function(){
3296            
3297            
3298            var pagina_escolhida = $(this).data("contador");
3299            $.ajax({
3300              type: "POST",
3301              url:"https://www.urubici.sc.gov.br/pages/ouvidoria.php",
3302              data: {
3303                'id_estado': $(this).val()
3304              },
3305              success:function(result){
3306                $(".cidade").html(result);       
3307
3308              }
3309            });
3310
3311            $(".paginacao-lei").removeClass("actived_pagination");
3312            $(this).addClass("actived_pagination");
3313            
3314        });
3315    </script>
3315
3316    <!-- \\ ============================================== // -->
3317
3318
3319
3320
3321    <!-- // ============ | Google Analytics | ============ \\ -->
3322            <!-- Global site tag (gtag.js) - Google Analytics -->
3323<script async src=\\\\\\\"https://www.googletagmanager.com/gtag/js?id=UA-221605643-1\\\\\\\"></script>
vendor: 2 bytes, line 3323
3323
3324<script>
3325  window.dataLayer = window.dataLayer || [];
3326  function gtag(){dataLayer.push(arguments);}
3327  gtag(\\\\\\\'js\\\\\\\', new Date());
3328
3329  gtag(\\\\\\\'config\\\\\\\', \\\\\\\'UA-221605643-1\\\\\\\');
3330</script>
3330
3331        <!-- \\ ============================================== // -->
3332
3333    
3333<script type="text/javascript">
3334        document.cookie = 'screen_width='+screen.width+';path=/';
3335        document.cookie = 'screen_height='+screen.height+';path=/';
3336    </script>
3336
3337
3338      
3338<script type='text/javascript'>window.location.href = "";</script>
3338
3339  
3340    
3340<script type="text/javascript">
3341        $('a[href^="#"]').on('click', function (e) {
3342            e.preventDefault();
3343            var id = $(this).attr('href'),
3344                targetOffset = $(id).offset().top;
3345
3346            $('html, body').animate({
3347                scrollTop: targetOffset - 200
3348            }, 100);
3349        });
3350    </script>
3350
3351
3352
3353    <!-- // ======= | TIRAR DRAGGABLE DAS IMG'S | ======== \\ -->
3354    
3354<script>
3355        $(document).ready(function(){
3356            $("img").attr('draggable', false)
3357        });
3358    </script>
3358
3359    <!-- \\ ============================================== // -->
3360
3361    <!-- // = | FANCY BOX (GALERIA FLUTUANTE AO CLICAR | = \\ -->
3362    
3362<script src="https://www.urubici.sc.gov.br/js/jquery.fancybox.min.js"></script>
3362
3363    <!-- \\ ============================================== // -->
3364
3365    <!-- // =========== | DEPENDECIAS BOOSTRAP | ========= \\ -->
3366    
3366<script src="https://www.urubici.sc.gov.br/js/bootstrap.min.js"></script>
3366
3367    <!-- \\ ============================================== // -->
3368
3369    <!-- // ==== | FLICKITY - ROLAGEM DOS ELEMENTS | ===== \\ -->
3370    
3370<script src="https://www.urubici.sc.gov.br/js/flickity.pkgd.min.js"></script>
3370
3371    <!-- \\ ============================================== // -->
3372
3373    <!-- // ===== | SWEET ALERT - ALERTAS BONITOS | ====== \\ -->
3374    
3374<script src="https://www.urubici.sc.gov.br/js/[email protected]"></script>
3374
3375    <!-- \\ ============================================== // -->
3376
3377    <!-- // ============ | AO CLICAR CTRL Ç | ============ \\ -->
3378    
3378<script>
3379        contador = 1;
3380        $(document).on('keydown', function(e) {
3381            var key = e.key;
3382            if(
3383                e.ctrlKey == true && key == 'ç'
3384            ){
3385                
3386                if(contador == 0){
3387                    $(".easter-egg-estudio").slideUp(300);
3388                    contador = 1;
3389                }else{
3390                    $(".easter-egg-estudio").slideDown(3000);
3391                    contador = 0;
3392                }
3393            }
3394        });
3395    </script>
3395
3396    <!-- \\ ============================================== // -->
3397
3398
3399</body>
3400
3401</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.