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