1<!DOCTYPE html> 2<html lang="pt-BR"> 3<!DOCTYPE html> 4<html lang="pt-BR"> 5<head> 6 7<meta charset="UTF-8"> 8<meta name="viewport" content="width=device-width, initial-scale=1.0"> 9<title>Prefeitura de Blumenau</title> 10<meta name="description" content="Portal de notÃcias e serviços da Prefeitura Municipal de Blumenau"> 11 <meta name="keywords" content="blumenau, portal de blumenau, site de blumenau, website de blumenau, oktoberfest, sommerfest, prefeito napoleao bernardes, enchente em blumenau, cheias em santa catarina, polo industrial em santa catarina"> 12<link rel="stylesheet" href="/eficiente/sites/blumenau/stylesheet/main.css"> 13<link rel="stylesheet" href="/eficiente/sites/blumenau/stylesheet/mobile.css"> 14<link rel="stylesheet" href="/eficiente/sites/blumenau/stylesheet/responsivo.css">
15<script src="/eficiente/sites/blumenau/javascript/socials.js" defer></script>
15
16<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" 17 integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" 18 crossorigin="anonymous" referrerpolicy="no-referrer"></script>
18 19<link rel="preconnect" href="https://fonts.googleapis.com"> 20<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 21<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" 22 rel="stylesheet"> 23<!-- Favicon padrão --> 24<link rel="icon" href="/eficiente/sites/blumenau/favicon.ico"> 25 26<!-- PNG --> 27<link rel="icon" type="image/png" sizes="32x32" href="/eficiente/sites/blumenau/favicon-32x32.png"> 28<link rel="icon" type="image/png" sizes="16x16" href="/eficiente/sites/blumenau/favicon-16x16.png"> 29 30<!-- Apple --> 31<link rel="apple-touch-icon" sizes="180x180" href="/eficiente/sites/blumenau/apple-touch-icon.png"> 32 33<!-- Android/PWA --> 34<link rel="manifest" href="/eficiente/sites/blumenau/site.webmanifest"> 35 36 37<meta property="og:title" content="Prefeitura de Blumenau" /> 38<meta property="og:type" content="website" /> 39<meta property="og:image" content="/eficiente/repositorio/imagens/logos/282.png" /> 40<meta property="og:url" content="/eficiente/sites/blumenau" /> 41<meta property="og:description" 42 content="Portal de notÃcias e serviços da Prefeitura Municipal de Blumenau" />
43<script> 44 jQuery(document).ready(function ($) { 45 gtag("event", "page_view", { 46 page_path: window.location.pathname, 47 }); 48 }); 49</script>
49 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> 50</head> 51 52 53<body style="margin:0; padding:0; background-color:#ffffff; width:100%; overflow-x:hidden;"> 54 55 <div class="lp-header"> 56 <div class="lp-inner"> 57 <div class="lp-header-logo"> 58 <img src="/eficiente/repositorio/landing-pages/161402.png" alt="Logo Prefeitura de Blumenau"> 59 </div> 60 <div class="lp-header-menu-wrapper" style="position: relative;"> 61 <div class="lp-header-menu" role="button" aria-label="Abrir menu" aria-expanded="false" style="cursor: pointer;"> 62 <div style="display:flex;flex-direction:column;gap: 13px;width: 50px;"> 63 <div style="width:100%;height:5px;background:white;"></div> 64 <div style="width:100%;height:5px;background:white;"></div> 65 <div style="width:100%;height:5px;background:white;"></div> 66 </div> 67 </div> 68 69 <!-- Desktop Tooltip Menu --> 70 <div class="lp-desktop-menu-tooltip" id="lpDesktopMenuTooltip"> 71 <div class="lp-tooltip-arrow"></div> 72 <div class="lp-tooltip-header"> 73 <span class="lp-tooltip-title">Menu</span> 74 <button type="button" class="lp-tooltip-close" aria-label="Fechar menu">×</button> 75 </div> 76 <div class="lp-tooltip-body"> 77 <div class="lp-menu-item"> 78 <div class="lp-menu-row"> 79 <a href="/eficiente/sites/blumenau/" class="lp-menu-link">InÃcio</a> 80 </div> 81 </div> 82 <div class="lp-menu-item "> 83 <div class="lp-menu-row"> 84 <a href="/eficiente/sites/blumenau/secao/conheca-blumenau" class="lp-menu-link" 85 target="_self"> 86 Blumenau </a> 87 </div> 88 89 </div> 90 <div class="lp-menu-item has-submenu"> 91 <div class="lp-menu-row"> 92 <a href="/eficiente/sites/blumenau/secao/contatos" class="lp-menu-link" 93 target="_self"> 94 Contatos </a> 95 <button type="button" class="lp-submenu-toggle" aria-label="Expandir submenu Contatos"> 96 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> 97 <polyline points="6 9 12 15 18 9"></polyline> 98 </svg> 99 </button> 100 </div> 101 102 <div class="lp-submenu-dropdown"> 103 <a href="/eficiente/sites/blumenau/secao/faleconosco" class="lp-submenu-link level-title" 104 target="_self"> 105 Fale com a Prefeitura </a> 106 <a href="/eficiente/sites/blumenau/secao/ouvidoria" class="lp-submenu-link level-title" 107 target="_self"> 108 Ouvidoria </a> 109 <a href="/eficiente/sites/blumenau/secao/unidades" class="lp-submenu-link level-title" 110 target="_self"> 111 Unidades de atendimento </a> 112 <a href="/eficiente/sites/blumenau/secao/contatos" class="lp-submenu-link level-title" 113 target="_self"> 114 Telefones e endereços </a> 115 <a href="/eficiente/sites/blumenau/secao/servicos/11" class="lp-submenu-link level-title" 116 target="_self"> 117 Serviço de Informação ao Cidadão (SIC) </a> 118 <a href="/eficiente/sites/blumenau/secao/perguntas-frequentes" class="lp-submenu-link level-title" 119 target="_self"> 120 Perguntas frequentes </a> 121 <a href="https://defesacivil.blumenau.sc.gov.br/p/home" class="lp-submenu-link level-title" 122 target="_blank">
123 Defesa Civil </a> 124 <a href="/eficiente/sites/blumenau/secao/aplicativos" class="lp-submenu-link level-title" 125 target="_self"> 126 Aplicativos </a> 127 </div> 128 </div> 129 <div class="lp-menu-item has-submenu"> 130 <div class="lp-menu-row"> 131 <a href="/eficiente/sites/blumenau/secao/governo-prefeito" class="lp-menu-link" 132 target="_self"> 133 Governo </a> 134 <button type="button" class="lp-submenu-toggle" aria-label="Expandir submenu Governo"> 135 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> 136 <polyline points="6 9 12 15 18 9"></polyline> 137 </svg> 138 </button> 139 </div> 140 141 <div class="lp-submenu-dropdown"> 142 <a href="/eficiente/sites/blumenau/secao/governo-prefeito" class="lp-submenu-link level-title" 143 target="_self"> 144 Prefeito </a> 145 <a href="/eficiente/sites/blumenau/secao/vice-prefeita" class="lp-submenu-link level-title" 146 target="_self"> 147 Vice-Prefeita </a> 148 <a href="" class="lp-submenu-link level-title" 149 target="_self"> 150 Estrutura do governo </a> 151 <a href="/eficiente/sites/blumenau/secao/governo-orgaos" class="lp-submenu-link level-item" 152 target="_self"> 153 Ãrgãos do governo </a> 154 <a href="/eficiente/sites/blumenau/secao/governo-orgaos?tipos=8&query=&assuntos=&tags=" class="lp-submenu-link level-item" 155 target="_self"> 156 Secretarias </a> 157 <a href="/eficiente/sites/blumenau/secao/governo-orgaos?tipos=6&query=&assuntos=&tags=" class="lp-submenu-link level-item" 158 target="_self"> 159 Gabinetes </a> 160 <a href="/eficiente/sites/blumenau/secao/governo-orgaos?tipos=5&query=&assuntos=&tags=" class="lp-submenu-link level-item" 161 target="_self"> 162 Fundações </a> 163 <a href="/eficiente/sites/blumenau/secao/governo-orgaos?tipos=7&query=&assuntos=&tags=" class="lp-submenu-link level-item" 164 target="_self"> 165 Intendências </a> 166 <a href="/eficiente/sites/blumenau/secao/governo-orgaos?tipos=4&query=&assuntos=&tags=" class="lp-submenu-link level-item" 167 target="_self"> 168 Demais órgãos </a> 169 <a href="" class="lp-submenu-link level-title" 170 target="_self"> 171 Gestão municipal </a> 172 <a href="/eficiente/sites/blumenau/secao/administracao-municipal-lateral" class="lp-submenu-link level-item" 173 target="_self"> 174 Administração municipal </a> 175 <a href="/eficiente/sites/blumenau/secao/competencias-gapref" class="lp-submenu-link level-item" 176 target="_self"> 177 Competências das Unidades Administrativas </a> 178 <a href="/eficiente/sites/blumenau/secao/estrutura-administrativa-lateral" class="lp-submenu-link level-item" 179 target="_self"> 180 Estrutura administrativa </a> 181 <a href="https://transparencia.blumenau.sc.gov.br/conteudo/3710/1065?titulo=PLANOS+MUNICIPAIS" class="lp-submenu-link level-item" 182 target="_blank"> 183 Planos municipais </a> 184 <a href="/eficiente/sites/blumenau/secao/colegiado" class="lp-submenu-link level-item" 185 target="_self"> 186 Colegiado </a> 187 <a href="/eficiente/sites/blumenau/secao/audiencias-publicas" class="lp-submenu-link level-title" 188 target="_self"> 189 Audiências e consultas públicas </a> 190 <a href="/eficiente/sites/blumenau/secao/compliance-cgm" class="lp-submenu-link level-title" 191 target="_self"> 192 Integridade e compliance </a> 193 <a href="https://transparencia.blumenau.sc.gov.br/conteudo/3947/1065?titulo=Conselhos+Municipais" class="lp-submenu-link level-title" 194 target="_self"> 195 Conselhos municipais </a> 196 </div> 197 </div> 198 <div class="lp-menu-item has-submenu"> 199 <div class="lp-menu-row"> 200 <a href="/eficiente/sites/blumenau/secao/imprensa" class="lp-menu-link" 201 target="_self"> 202 Imprensa </a> 203 <button type="button" class="lp-submenu-toggle" aria-label="Expandir submenu Imprensa"> 204 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
204ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> 205 <polyline points="6 9 12 15 18 9"></polyline> 206 </svg> 207 </button> 208 </div> 209 210 <div class="lp-submenu-dropdown"> 211 <a href="/eficiente/sites/blumenau/secao/imprensa" class="lp-submenu-link level-title" 212 target="_self"> 213 Assessoria de Imprensa </a> 214 <a href="/eficiente/sites/blumenau/secao/multimidia" class="lp-submenu-link level-title" 215 target="_self"> 216 MultimÃdia </a> 217 <a href="/eficiente/sites/blumenau/secao/noticias" class="lp-submenu-link level-title" 218 target="_self"> 219 NotÃcias </a> 220 <a href="/eficiente/sites/blumenau/secao/publicacoes" class="lp-submenu-link level-title" 221 target="_self"> 222 Publicações </a> 223 <a href="/eficiente/sites/blumenau/#home-publicacoes-secao" class="lp-submenu-link level-title" 224 target="_self"> 225 Publicações Oficiais </a> 226 <a href="https://www.blumenau.sc.gov.br/secao/culturadofazer" class="lp-submenu-link level-title" 227 target="_blank"> 228 Cultura do Fazer </a> 229 </div> 230 </div> 231 <div class="lp-menu-item has-submenu"> 232 <div class="lp-menu-row"> 233 <a href="/eficiente/sites/blumenau/secao/servicos" class="lp-menu-link" 234 target="_self"> 235 Serviços </a> 236 <button type="button" class="lp-submenu-toggle" aria-label="Expandir submenu Serviços"> 237 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> 238 <polyline points="6 9 12 15 18 9"></polyline> 239 </svg> 240 </button> 241 </div> 242 243 <div class="lp-submenu-dropdown"> 244 <a href="" class="lp-submenu-link level-title" 245 target="_self"> 246 Por assunto </a> 247 <a href="/eficiente/sites/blumenau/secao/servicos?temas=25" class="lp-submenu-link level-item" 248 target="_self"> 249 Animal e proteção animal </a> 250 <a href="/eficiente/sites/blumenau/secao/servicos?temas=15" class="lp-submenu-link level-item" 251 target="_self"> 252 Assistência social, acessibilidade e inclusão </a> 253 <a href="/eficiente/sites/blumenau/secao/servicos?temas=12" class="lp-submenu-link level-item" 254 target="_self"> 255 Atendimento, emergências e ouvidoria </a> 256 <a href="/eficiente/sites/blumenau/secao/servicos?temas=5" class="lp-submenu-link level-item" 257 target="_self"> 258 Cultura e turismo </a> 259 <a href="/eficiente/sites/blumenau/secao/servicos?temas=2" class="lp-submenu-link level-item" 260 target="_self"> 261 Educação e esporte </a> 262 <a href="/eficiente/sites/blumenau/secao/servicos?temas=21" class="lp-submenu-link level-item" 263 target="_self"> 264 Empresas e negócios </a> 265 <a href="/eficiente/sites/blumenau/secao/servicos?temas=10" class="lp-submenu-link level-item" 266 target="_self"> 267 Fiscalização e licenças </a> 268 <a href="/eficiente/sites/blumenau/secao/servicos?temas=9" class="lp-submenu-link level-item" 269 target="_self"> 270 Habitação e imóveis </a> 271 <a href="/eficiente/sites/blumenau/secao/servicos?temas=13" class="lp-submenu-link level-item" 272 target="_self"> 273 Impostos, taxas e finanças </a> 274 <a href="/eficiente/sites/blumenau/secao/servicos?temas=14" class="lp-submenu-link level-item" 275 target="_self"> 276 Meio ambiente, água e esgoto </a> 277 <a href="/eficiente/sites/blumenau/secao/servicos?temas=1" class="lp-submenu-link level-item" 278 target="_self"> 279 Saúde e bem-estar </a> 280 <a href="/eficiente/sites/blumenau/secao/servicos?temas=30" class="lp-submenu-link level-item" 281 target="_self"> 282 Serviços ao servidor </a> 283 <a href="/eficiente/sites/blumenau/secao/servicos?temas=29" class="lp-submenu-link level-item" 284 target="_self"> 285 Serviços internos </a> 286 <a href="/eficiente/sites/blumenau/secao/servicos?temas=7" class="lp-submenu-link level-item" 287 target="_self"> 288 Serviços urbanos e obras públicas </a> 289 <a href="/eficiente/sites/blumenau/secao/servicos?temas=19" class="lp-submenu-link level-item" 290 target="_self"> 291 Transparência e participação social </a> 292 <a href="/eficiente/sites/blumenau/secao/servicos?temas=11" class="lp-submenu-link level-item" 293 target="_self"> 294 Transporte e mobilidade urbana </a> 295 <a href="/eficiente/sites/blumenau/secao/servicos" class="lp-submenu-link level-item" 296 target="_self"> 297 Outros </a> 298 <a href="" class="lp-submenu-link level-title" 299 target="_self"> 300 Por perfil </a> 301 <a href="/eficiente/sites/blumenau/secao/servicos?page=0&query=&perfis=1&temas=&tags=" class="lp-submenu-link level-item" 302 target="_self"> 303 Cidadão </a> 304 <a href="/eficiente/sites/blumenau/secao/servicos?page=0&query=&perfis=7&temas=&tags=" class="lp-submenu-link level-item" 305 target="_self"> 306 Empresa </a> 307 <a href="/eficiente/sites/blumenau/secao/servicos?page=0&query=&perfis=20&temas=&tags=" class="lp-submenu-link level-item" 308 target="_self"> 309 Servidor </a> 310 <a href="/eficiente/sites/blumenau/secao/servicos?perfis=25" class="lp-submenu-link level-item" 311 target="_self"> 312 Turista </a> 313 <a href="/eficiente/sites/blumenau/secao/servicos" class="lp-submenu-link level-title" 314 target="_self"> 315 Todos os serviços </a> 316 </div> 317 </div> 318 <div class="lp-menu-item "> 319 <div class="lp-menu-row"> 320 <a href="/eficiente/sites/blumenau/secao/transparencia" class="lp-menu-link" 321 target="_self"> 322 Transparência </a> 323 </div> 324 325 </div> 326 </div> 327 </div> 328 </div> 329 </div> 330 </div> 331 332 <div class="mobile-sidemenu" style="display:none;"> 333 <div class="mobile-sidemenu-header"> 334 <div>Menu</div> 335 <svg class="mobile-sidemenu-btn-close" xmlns="http://www.w3.org/2000/svg" width="35" height="35"
336 viewBox="0 0 35 35" fill="none" style="cursor: pointer;"> 337 <path d="M28.5 7.5L5 25.5M28.5 25.5L5 7.5" stroke="#293B49" stroke-width="3" stroke-linecap="round" 338 stroke-linejoin="round" /> 339 </svg> 340 </div> 341 <div class="mobile-sidemenu-body"> 342 <div class="mobile-nav-item"> 343 <div class="mobile-nav-row"> 344 <a href="/eficiente/sites/blumenau/" class="mobile-nav-link">InÃcio</a> 345 </div> 346 </div> 347 <div class="mobile-nav-item "> 348 <div class="mobile-nav-row"> 349 <a href="/eficiente/sites/blumenau/secao/conheca-blumenau" class="mobile-nav-link" 350 target="_self"> 351 Blumenau </a> 352 </div> 353 354 </div> 355 <div class="mobile-nav-item has-submenu"> 356 <div class="mobile-nav-row"> 357 <a href="/eficiente/sites/blumenau/secao/contatos" class="mobile-nav-link" 358 target="_self"> 359 Contatos </a> 360 <button type="button" class="mobile-nav-toggle" aria-label="Abrir submenu Contatos"> 361 <svg class="mobile-nav-arrow-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#293B49" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> 362 <polyline points="6 9 12 15 18 9"></polyline> 363 </svg> 364 </button> 365 </div> 366 367 <div class="mobile-submenu"> 368 <a href="/eficiente/sites/blumenau/secao/faleconosco" class="mobile-sublink level-title" 369 target="_self"> 370 Fale com a Prefeitura </a> 371 <a href="/eficiente/sites/blumenau/secao/ouvidoria" class="mobile-sublink level-title" 372 target="_self"> 373 Ouvidoria </a> 374 <a href="/eficiente/sites/blumenau/secao/unidades" class="mobile-sublink level-title" 375 target="_self"> 376 Unidades de atendimento </a> 377 <a href="/eficiente/sites/blumenau/secao/contatos" class="mobile-sublink level-title" 378 target="_self"> 379 Telefones e endereços </a> 380 <a href="/eficiente/sites/blumenau/secao/servicos/11" class="mobile-sublink level-title" 381 target="_self"> 382 Serviço de Informação ao Cidadão (SIC) </a> 383 <a href="/eficiente/sites/blumenau/secao/perguntas-frequentes" class="mobile-sublink level-title" 384 target="_self"> 385 Perguntas frequentes </a> 386 <a href="https://defesacivil.blumenau.sc.gov.br/p/home" class="mobile-sublink level-title" 387 target="_blank">
388 Defesa Civil </a> 389 <a href="/eficiente/sites/blumenau/secao/aplicativos" class="mobile-sublink level-title" 390 target="_self"> 391 Aplicativos </a> 392 </div> 393 </div> 394 <div class="mobile-nav-item has-submenu"> 395 <div class="mobile-nav-row"> 396 <a href="/eficiente/sites/blumenau/secao/governo-prefeito" class="mobile-nav-link" 397 target="_self"> 398 Governo </a> 399 <button type="button" class="mobile-nav-toggle" aria-label="Abrir submenu Governo"> 400 <svg class="mobile-nav-arrow-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#293B49" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> 401 <polyline points="6 9 12 15 18 9"></polyline> 402 </svg> 403 </button> 404 </div> 405 406 <div class="mobile-submenu"> 407 <a href="/eficiente/sites/blumenau/secao/governo-prefeito" class="mobile-sublink level-title" 408 target="_self"> 409 Prefeito </a> 410 <a href="/eficiente/sites/blumenau/secao/vice-prefeita" class="mobile-sublink level-title" 411 target="_self"> 412 Vice-Prefeita </a> 413 <a href="" class="mobile-sublink level-title" 414 target="_self"> 415 Estrutura do governo </a> 416 <a href="/eficiente/sites/blumenau/secao/governo-orgaos" class="mobile-sublink level-item" 417 target="_self"> 418 Ãrgãos do governo </a> 419 <a href="/eficiente/sites/blumenau/secao/governo-orgaos?tipos=8&query=&assuntos=&tags=" class="mobile-sublink level-item" 420 target="_self"> 421 Secretarias </a> 422 <a href="/eficiente/sites/blumenau/secao/governo-orgaos?tipos=6&query=&assuntos=&tags=" class="mobile-sublink level-item" 423 target="_self"> 424 Gabinetes </a> 425 <a href="/eficiente/sites/blumenau/secao/governo-orgaos?tipos=5&query=&assuntos=&tags=" class="mobile-sublink level-item" 426 target="_self"> 427 Fundações </a> 428 <a href="/eficiente/sites/blumenau/secao/governo-orgaos?tipos=7&query=&assuntos=&tags=" class="mobile-sublink level-item" 429 target="_self"> 430 Intendências </a> 431 <a href="/eficiente/sites/blumenau/secao/governo-orgaos?tipos=4&query=&assuntos=&tags=" class="mobile-sublink level-item" 432 target="_self"> 433 Demais órgãos </a> 434 <a href="" class="mobile-sublink level-title" 435 target="_self"> 436 Gestão municipal </a> 437 <a href="/eficiente/sites/blumenau/secao/administracao-municipal-lateral" class="mobile-sublink level-item" 438 target="_self"> 439 Administração municipal </a> 440 <a href="/eficiente/sites/blumenau/secao/competencias-gapref" class="mobile-sublink level-item" 441 target="_self"> 442 Competências das Unidades Administrativas </a> 443 <a href="/eficiente/sites/blumenau/secao/estrutura-administrativa-lateral" class="mobile-sublink level-item" 444 target="_self"> 445 Estrutura administrativa </a> 446 <a href="https://transparencia.blumenau.sc.gov.br/conteudo/3710/1065?titulo=PLANOS+MUNICIPAIS" class="mobile-sublink level-item" 447 target="_blank"> 448 Planos municipais </a> 449 <a href="/eficiente/sites/blumenau/secao/colegiado" class="mobile-sublink level-item" 450 target="_self"> 451 Colegiado </a> 452 <a href="/eficiente/sites/blumenau/secao/audiencias-publicas" class="mobile-sublink level-title" 453 target="_self"> 454 Audiências e consultas públicas </a> 455 <a href="/eficiente/sites/blumenau/secao/compliance-cgm" class="mobile-sublink level-title" 456 target="_self"> 457 Integridade e compliance </a> 458 <a href="https://transparencia.blumenau.sc.gov.br/conteudo/3947/1065?titulo=Conselhos+Municipais" class="mobile-sublink level-title" 459 target="_self"> 460 Conselhos municipais </a> 461 </div> 462 </div> 463 <div class="mobile-nav-item has-submenu"> 464 <div class="mobile-nav-row"> 465 <a href="/eficiente/sites/blumenau/secao/imprensa" class="mobile-nav-link" 466 target="_self"> 467 Imprensa </a> 468 <button type="button" class="mobile-nav-toggle" aria-label="Abrir submenu Imprensa"> 469 <svg class="mobile-nav-arrow-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#293B49" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> 470 <polyline points="6 9 12 15 18 9"></polyline> 471 </svg> 472 </button> 473 </div> 474 475 <div class="mobile-submenu"> 476 <a href="/eficiente/sites/blumenau/secao/imprensa" class="mobile-sublink level-title" 477 target="_self"> 478 Assessoria de Imprensa </a> 479 <a href="/eficiente/sites/blumenau/secao/multimidia" class="mobile-sublink level-title" 480 target="_self"> 481 MultimÃdia </a> 482 <a href="/eficiente/sites/blumenau/secao/noticias" class="mobile-sublink level-title" 483 target="_self"> 484 NotÃcias </a> 485 <a href="/eficiente/sites/blumenau/secao/publicacoes" class="mobile-sublink level-title" 486 target="_self"> 487 Publicações </a> 488 <a href="/eficiente/sites/blumenau/#home-publicacoes-secao" class="mobile-sublink level-title" 489 target="_self"> 490 Publicações Oficiais </a> 491 <a href="https://www.blumenau.sc.gov.br/secao/culturadofazer" class="mobile-sublink level-title" 492 target="_blank"> 493 Cultura do Fazer </a> 494 </div> 495 </div> 496 <div class="mobile-nav-item has-submenu"> 497 <div class="mobile-nav-row"> 498 <a href="/eficiente/sites/blumenau/secao/servicos" class="mobile-nav-link" 499 target="_self"> 500 Serviços </a> 501 <button type="button" class="mobile-nav-toggle" aria-label="Abrir submenu Serviços"> 502 <svg class="mobile-nav-arrow-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#293B49" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> 503 <polyline points="6 9 12 15 18 9"></polyline> 504 </svg> 505 </button> 506 </div> 507 508 <div class="mobile-submenu"> 509 <a href="" class="mobile-sublink level-title" 510 target="_self"> 511 Por assunto </a> 512 <a href="/eficiente/sites/blumenau/secao/servicos?temas=25" class="mobile-sublink level-item" 513 target="_self"> 514 Animal e proteção animal </a> 515 <a href="/eficiente/sites/blumenau/secao/servicos?temas=15" class="mobile-sublink level-item" 516 target="_self"> 517 Assistência social, acessibilidade e inclusão </a> 518 <a href="/eficiente/sites/blumenau/secao/servicos?temas=12" class="mobile-sublink level-item" 519 target="_self"> 520 Atendimento, emergências e ouvidoria </a> 521 <a href="/eficiente/sites/blumenau/secao/servicos?temas=5" class="mobile-sublink level-item" 522 target="_self"> 523 Cultura e turismo </a> 524 <a href="/eficiente/sites/blumenau/secao/servicos?temas=2" class="mobile-sublink level-item" 525 target="_self"> 526 Educação e esporte </a> 527 <a href="/eficiente/sites/blumenau/secao/servicos?temas=21" class="mobile-sublink level-item" 528 target="_self"> 529 Empresas e negócios </a> 530 <a href="/eficiente/sites/blumenau/secao/servicos?temas=10" class="mobile-sublink level-item" 531 target="_self"> 532 Fiscalização e licenças </a> 533 <a href="/eficiente/sites/blumenau/secao/servicos?temas=9" class="mobile-sublink level-item" 534 target="_self"> 535 Habitação e imóveis </a> 536
536 <a href="/eficiente/sites/blumenau/secao/servicos?temas=13" class="mobile-sublink level-item" 537 target="_self"> 538 Impostos, taxas e finanças </a> 539 <a href="/eficiente/sites/blumenau/secao/servicos?temas=14" class="mobile-sublink level-item" 540 target="_self"> 541 Meio ambiente, água e esgoto </a> 542 <a href="/eficiente/sites/blumenau/secao/servicos?temas=1" class="mobile-sublink level-item" 543 target="_self"> 544 Saúde e bem-estar </a> 545 <a href="/eficiente/sites/blumenau/secao/servicos?temas=30" class="mobile-sublink level-item" 546 target="_self"> 547 Serviços ao servidor </a> 548 <a href="/eficiente/sites/blumenau/secao/servicos?temas=29" class="mobile-sublink level-item" 549 target="_self"> 550 Serviços internos </a> 551 <a href="/eficiente/sites/blumenau/secao/servicos?temas=7" class="mobile-sublink level-item" 552 target="_self"> 553 Serviços urbanos e obras públicas </a> 554 <a href="/eficiente/sites/blumenau/secao/servicos?temas=19" class="mobile-sublink level-item" 555 target="_self"> 556 Transparência e participação social </a> 557 <a href="/eficiente/sites/blumenau/secao/servicos?temas=11" class="mobile-sublink level-item" 558 target="_self"> 559 Transporte e mobilidade urbana </a> 560 <a href="/eficiente/sites/blumenau/secao/servicos" class="mobile-sublink level-item" 561 target="_self"> 562 Outros </a> 563 <a href="" class="mobile-sublink level-title" 564 target="_self"> 565 Por perfil </a> 566 <a href="/eficiente/sites/blumenau/secao/servicos?page=0&query=&perfis=1&temas=&tags=" class="mobile-sublink level-item" 567 target="_self"> 568 Cidadão </a> 569 <a href="/eficiente/sites/blumenau/secao/servicos?page=0&query=&perfis=7&temas=&tags=" class="mobile-sublink level-item" 570 target="_self"> 571 Empresa </a> 572 <a href="/eficiente/sites/blumenau/secao/servicos?page=0&query=&perfis=20&temas=&tags=" class="mobile-sublink level-item" 573 target="_self"> 574 Servidor </a> 575 <a href="/eficiente/sites/blumenau/secao/servicos?perfis=25" class="mobile-sublink level-item" 576 target="_self"> 577 Turista </a> 578 <a href="/eficiente/sites/blumenau/secao/servicos" class="mobile-sublink level-title" 579 target="_self"> 580 Todos os serviços </a> 581 </div> 582 </div> 583 <div class="mobile-nav-item "> 584 <div class="mobile-nav-row"> 585 <a href="/eficiente/sites/blumenau/secao/transparencia" class="mobile-nav-link" 586 target="_self"> 587 Transparência </a> 588 </div> 589 590 </div> 591 </div> 592 </div> 593 594 <div class="lp-section-1" style="background: url('/eficiente/repositorio/landing-pages/161403.jpg');background-size:contain;background-repeat:repeat-x;"> 595 <div class="lp-inner"> 596 <img style="width:844px;height:179px;" src="/eficiente/repositorio/landing-pages/161401.png" alt="Seção 1"> 597 </div> 598 </div> 599 <div class="lp-section-2"> 600 <div class="lp-inner"> 601 <h4><span style="font-size: 50px;">Nossa essência</span></h4> 602<h4 style="margin-bottom:30px;"><span style="font-size: 50px;">transformada em uma marca.</span></h4> 603<div><span style="font-size: 30px;">Blumenau sempre foi feita por gente que faz. Que cria, constrói, cuida,</span></div> 604<p><span style="font-size: 30px;">transforma e segue em frente. Um jeito que atravessa gerações e faz parte da nossa história. Para entender como a própria cidade se enxerga, ouvimos a população. E a pesquisa confirmou aquilo que Blumenau demonstra todos os dias: o fazer é parte da nossa identidade. É dessa essência, construída por tantas mãos, que nasce a marca Blumenau: para representar nossa história, nosso orgulho e tudo o que ainda que remos fazer juntos.</span></p> 605<div style="margin-bottom:30px;"> </div> <iframe width="560" height="315" src="https://www.youtube.com/embed/JqaBHUmQMU0?si=4deQPfoQP8rWck60" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture;
605 web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> </div> 606 </div> 607 <div class="lp-section-3"> 608 <div class="lp-section-3-bg"> 609 <div class="lp-inner"> 610 <h4><span style="font-size: 50px;">A história da nossa cidade</span></h4> 611<h4 style="margin-bottom:30px;"><span style="font-size: 50px;">ganha uma nova forma.</span></h4> 612<p><span style="font-size: 30px;">Cada detalhe da nova marca de Blumenau tem um pouco da nossa cidade. O brasão, a arquitetura, a natureza e o trabalho ajudaram a construir uma identidade que une nossa história ao que ainda queremos construir. Uma marca feita para representar Blumenau de ontem, de hoje e de amanhã. Nova na forma. Nossa na essência.</span></p> 613<div style="margin-bottom:30px;"> </div> <div class="lp-flex-grid" data-count="6"> 614 <div style=" 615 background-color: #0c98f7; 616 background-image: url('/eficiente/repositorio/landing-pages/161399.png'); 617 background-size: auto; 618 background-position: center; 619 background-repeat: no-repeat; 620 "></div> 621 <div style=" 622 background-color: #00c565; 623 background-image: url('/eficiente/repositorio/landing-pages/161398.png'); 624 background-size: auto; 625 background-position: center; 626 background-repeat: no-repeat; 627 "></div> 628 <div style=" 629 background-color: #ffd379; 630 background-image: url('/eficiente/repositorio/landing-pages/161397.png'); 631 background-size: auto; 632 background-position: center; 633 background-repeat: no-repeat; 634 "></div> 635 <div style=" 636 background-color: #312b2b; 637 background-image: url('/eficiente/repositorio/landing-pages/161396.png'); 638 background-size: auto; 639 background-position: center; 640 background-repeat: no-repeat; 641 "></div> 642 <div style=" 643 background-color: #00c565; 644 background-image: url('/eficiente/repositorio/landing-pages/161395.png'); 645 background-size: auto; 646 background-position: center; 647 background-repeat: no-repeat; 648 "></div> 649 <div style=" 650 background-color: #ed482c; 651 background-image: url('/eficiente/repositorio/landing-pages/161394.png'); 652 background-size: auto; 653 background-position: center; 654 background-repeat: no-repeat; 655 "></div> 656 </div> 657 </div> 658 </div> 659 </div> 660 <div class="lp-section-4"> 661 <div class="lp-inner"> 662 <h4><span style="font-size: 50px;">Uma tipografia única</span></h4> 663<h4><span style="font-size: 50px;">e exclusiva como Blumenau.</span></h4> 664<div style="margin-bottom:30px;"> </div> <div class="spacer-secao4"></div> 665 <img style="width:100%;aspect-ratio:1006/186;height:max-content;" src="/eficiente/repositorio/landing-pages/161400.png" alt="Seção 4"> 666 <div class="spacer-secao4"></div> 667 <p><span style="font-size: 30px;">Desenhada letra por letra, a tipografia Blumenau carrega a cidade em seus traços. Os cortes geométricos resgatam a arquitetura enxaimel. As hastes fortes representam trabalho e construção. E seu desenho contemporâneo forma um skyline que une a histórica Vila Germânica à cidade que cresce e olha para o futuro.</span></p> 668<div style="margin-bottom:30px;"> </div> </div> 669 </div> 670 <div class="lp-section-5"> 671 <div class="lp-inner"> 672 <h4><span style="font-size: 50px;">Orgulho de Blumenau é para mostrar.</span></h4> 673<p><span style="font-size: 30px;">Nossa marca representa uma cidade inteira e todos que ajudam a construí-la. Por isso, ela também pode fazer parte do seu dia a dia. Use os adesivos, etiquetas e materiais da Cultura do Fazer no seu negócio, no seu carro ou onde quiser levar o seu orgulho por Blumenau.</span></p> 674<div style="margin-bottom:30px;"> </div> <div class="lp-mockups" style="height:680px;width:100%;"> 675 <div class="lp-caroussel-1" style="left: 0px;background:url('/eficiente/repositorio/landing-pages/161393.jpg');"></div> 676 </div> 677 <img class="btn-arrow-left" src="/eficiente/sites/blumenau/images/lp-arrow.png" alt="proximo"/> 678 <img class="btn-arrow-right" src="/eficiente/sites/blumenau/images/lp-arrow.png" alt="anterior"/> 679 </div> 680 </div> 681 <div class="lp-section-6"> 682 <div class="lp-inner"> 683 <div class="lp-left"> 684 <h4><span style="font-size: 50px;">Baixe os materiais </span><span style="font-size: 50px;">aqui</span><span style="font-size: 50px;">.</span></h4> <div class="lp-spacer"></div> 685 <div class="lp-download">
686 <span>Marcas e variações</span> 687 <a target="_blank" href="https://drive.google.com/drive/folders/1RZaB-XreYorL975JnrFs2u7HLzRyaTLt?usp=sharing">Download</a> 688 </div> 689 <div class="lp-download"> 690 <span>Assets da marca</span> 691 <a target="_blank" href="https://drive.google.com/drive/folders/1HL3PkA2bLREK29bAIYferdnMvLEmJMJr?usp=sharing">Download</a> 692 </div> 693 <div class="lp-download"> 694 <span>Manual de marca</span> 695 <a target="_blank" href="https://drive.google.com/file/d/1N9o3m_bVeRJU8mgxkYpThLoERG6DhFuM/view?usp=sharing">Download</a> 696 </div> 697 </div> 698 <div class="lp-right"> 699 <img src="/eficiente/repositorio/landing-pages/161392.png" alt="Seção 6" /> 700 </div> 701 </div> 702 </div> 703 704 <div class="lp-footer" style="background:url('/eficiente/repositorio/landing-pages/161391.png');"> 705 <div class="lp-inner"> 706 <img src="/eficiente/repositorio/landing-pages/161390.png" alt="Logo blumenau"> 707 <img src="/eficiente/repositorio/landing-pages/161389.png" alt="Logo prefeitura"> 708 </div> 709 </div> 710 711 <style> 712 @font-face { 713 font-family: 'formadjr'; 714 src: url('/eficiente/sites/blumenau/images/FormaDJRText-Regular-Testing.otf') format('opentype'); 715 font-weight: normal; 716 font-style: normal; 717 font-display: swap; 718 } 719 body, 720 body *{ 721 font-family:'formadjr'; 722 } 723 .lp-header{ 724 min-height: 100px; 725 padding: 29px 178px 31px; 726 position: relative; 727 z-index: 146; 728 background: #0095ff; 729 } 730 .lp-header .lp-inner{ 731 display: flex; 732 justify-content: space-between; 733 align-items: center; 734 } 735 .lp-inner{ 736 max-width:1008px; 737 margin: 0 auto; 738 } 739 .lp-header-menu-wrapper{ 740 position: relative; 741 } 742 .lp-header-menu,.lp-header-logo{ 743 height:max-content; 744 } 745 746 /* Desktop Tooltip Menu */ 747 .lp-desktop-menu-tooltip { 748 position: absolute; 749 top: calc(100% + 20px); 750 right: 0; 751 width: 320px; 752 background: #ffffff; 753 border-radius: 14px; 754 box-shadow: 0 14px 38px rgba(0, 36, 80, 0.18), 0 4px 12px rgba(0, 0, 0, 0.06); 755 border: 1px solid #e2e8f0; 756 z-index: 9999; 757 opacity: 0; 758 visibility: hidden; 759 pointer-events: none; 760 transform: translateY(-10px) scale(0.97); 761 transition: opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1), transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.2s; 762 } 763 764 .lp-desktop-menu-tooltip.active { 765 opacity: 1; 766 visibility: visible; 767 pointer-events: auto; 768 transform: translateY(0) scale(1); 769 } 770 771 .lp-tooltip-arrow { 772 position: absolute; 773 top: -7px; 774 right: 18px; 775 width: 14px; 776 height: 14px; 777 background: #ffffff; 778 transform: rotate(45deg); 779 border-top: 1px solid #e2e8f0; 780 border-left: 1px solid #e2e8f0; 781 z-index: 3; 782 } 783 784 .lp-tooltip-header { 785 display: flex; 786 justify-content: space-between; 787 align-items: center; 788 padding: 14px 18px; 789 background: #f8fafc; 790 border-bottom: 1px solid #edf2f7; 791 border-top-left-radius: 14px; 792 border-top-right-radius: 14px; 793 position: relative; 794 z-index: 4; 795 } 796 797 .lp-tooltip-title { 798 font-family: 'Montserrat', sans-serif; 799 font-size: 13px; 800 font-weight: 700; 801 color: #1e293b; 802 text-transform: uppercase; 803 letter-spacing: 0.5px; 804 } 805 806 .lp-tooltip-close { 807 background: none; 808 border: none; 809 font-size: 20px; 810 line-height: 1; 811 color: #64748b; 812 cursor: pointer; 813 padding: 0 4px; 814 transition: color 0.15s; 815 } 816 817 .lp-tooltip-close:hover { 818 color: #0f172a; 819 } 820 821 .lp-tooltip-body { 822 max-height: 440px; 823 overflow-y: auto; 824 padding: 6px 0; 825 position: relative; 826 z-index: 4; 827 } 828 829 .lp-tooltip-body::-webkit-scrollbar {
830 width: 6px; 831 } 832 833 .lp-tooltip-body::-webkit-scrollbar-track { 834 background: #f8fafc; 835 } 836 837 .lp-tooltip-body::-webkit-scrollbar-thumb { 838 background: #cbd5e1; 839 border-radius: 4px; 840 } 841 842 .lp-menu-item { 843 border-bottom: 1px solid #f1f5f9; 844 } 845 846 .lp-menu-item:last-child { 847 border-bottom: none; 848 } 849 850 .lp-menu-row { 851 display: flex; 852 align-items: center; 853 justify-content: space-between; 854 padding: 0 18px; 855 transition: background 0.15s ease; 856 } 857 858 .lp-menu-row:hover, .lp-menu-item.open > .lp-menu-row { 859 background: #f0f7ff; 860 } 861 862 .lp-menu-link { 863 font-family: 'Montserrat', sans-serif; 864 font-size: 14px; 865 font-weight: 600; 866 color: #293b49; 867 text-decoration: none; 868 flex-grow: 1; 869 padding: 10px 0; 870 transition: color 0.15s; 871 display: block; 872 } 873 874 .lp-menu-link:hover, .lp-menu-item.open > .lp-menu-row .lp-menu-link { 875 color: #0095ff; 876 } 877 878 .lp-submenu-toggle { 879 background: none; 880 border: none; 881 padding: 6px; 882 cursor: pointer; 883 color: #64748b; 884 display: flex; 885 align-items: center; 886 justify-content: center; 887 transition: transform 0.2s ease, color 0.15s; 888 } 889 890 .lp-submenu-toggle:hover { 891 color: #0095ff; 892 } 893 894 .lp-menu-item.open .lp-submenu-toggle { 895 transform: rotate(180deg); 896 color: #0095ff; 897 } 898 899 .lp-submenu-dropdown { 900 display: none; 901 background: #f8fafc; 902 padding: 8px 18px 12px 24px; 903 border-top: 1px solid #edf2f7; 904 } 905 906 .lp-submenu-link { 907 display: block; 908 font-family: 'Montserrat', sans-serif; 909 font-size: 13px; 910 color: #475569; 911 text-decoration: none; 912 padding: 5px 0; 913 transition: color 0.15s, transform 0.15s; 914 } 915 916 .lp-submenu-link:hover { 917 color: #0095ff; 918 transform: translateX(4px); 919 } 920 921 .lp-submenu-link.level-title { 922 font-weight: 700; 923 color: #1e293b; 924 margin-top: 4px; 925 } 926 927 .lp-submenu-link.level-item { 928 padding-left: 8px; 929 font-weight: 500; 930 } 931 932 @media (max-width: 768px) { 933 .lp-desktop-menu-tooltip { 934 display: none !important; 935 } 936 } 937 @media (min-width: 769px) { 938 .mobile-sidemenu { 939 display: none !important; 940 } 941 } 942 .lp-section-1{ 943 width: 100%; 944 height: 662px; 945 text-align: center; 946 position: relative; 947 display: flex; 948 background: #ffd379; 949 display:flex; 950 justify-content: center; 951 align-items: center; 952 } 953 .lp-section-2{ 954 padding: 111px; 955 } 956 .lp-section-2 iframe{ 957 width:100%; 958 aspect-ratio: 1008 / 568; 959 border-radius: 14px; 960 height: max-content; 961 } 962 .lp-section-3{ 963 background:#f7f4f2; 964 padding: 180px; 965 } 966 967 .lp-section-3 .lp-flex-grid{ 968 margin-top:120px; 969 display: flex; 970 justify-content: center; 971 align-items: center; 972 flex-wrap: wrap; 973 gap:16px; 974 } 975 976 .lp-section-3 .lp-flex-grid div{ 977 border-radius: 15px; 978 } 979 980 .lp-section-3 [data-count="1"] div:nth-child(1){ 981 width: 100%; 982 height: 496px; 983 } 984 985 .lp-section-3 [data-count="2"] div:nth-child(1){ 986 width: calc(50% - 8px); 987 height: 496px; 988 } 989 .lp-section-3 [data-count="2"] div:nth-child(2){ 990 width: calc(50% - 8px); 991 height: 496px; 992 } 993 994 .lp-section-3 .lp-flex-grid[data-count="3"] { 995 display: flex; 996 flex-direction: column; 997 flex-wrap: wrap; 998 height: 496px; 999 gap: 16px; 1000 } 1001 1002 .lp-section-3 .lp-flex-grid[data-count="3"] > div:nth-child(1) { 1003 width: calc(50% - 8px); 1004 height: 496px; 1005 background: green; 1006 } 1007 1008 .lp-section-3 .lp-flex-grid[data-count="3"] > div:nth-child(2), 1009 .lp-section-3 .lp-flex-grid[data-count="3"] > div:nth-child(3) { 1010 width: calc(50% - 8px); 1011 height: calc(50% - 8px); 1012 background: green; 1013 } 1014 1015 /* ========================= 1016 4 ITENS 1017 ========================= */ 1018 1019.lp-section-3 lp-flex-grid[data-count="4"] { 1020 display: grid; 1021 grid-template-columns: repeat(2, 1fr); 1022 grid-template-rows: 240px 240px 326px; 1023 gap: 16px; 1024} 1025 1026.lp-section-3 .lp-flex-grid[data-count="4"] > div:nth-child(1) { 1027 grid-column: 1; 1028 grid-row: 1 / 3; 1029 height: 496px; 1030} 1031 1032.lp-section-3 .lp-flex-grid[data-count="4"] > div:nth-child(2) { 1033 grid-column: 2; 1034 grid-row: 1; 1035 height: 240px; 1036} 1037 1038.lp-section-3 .lp-flex-grid[data-count="4"] > div:nth-child(3) { 1039 grid-column: 2; 1040 grid-row: 2; 1041 height: 240px; 1042} 1043 1044.lp-section-3 .lp-flex-grid[data-count="4"] > div:nth-child(4) { 1045 grid-column: 1 / 3; 1046 grid-row: 3; 1047 height: 326px; 1048} 1049 1050 1051/* ========================= 1052 5 ITENS 1053 ========================= */ 1054 1055.lp-section-3 .lp-flex-grid[data-count="5"] { 1056 display: grid; 1057 grid-template-columns: repeat(2, 1fr); 1058 grid-template-rows: 240px 240px 326px; 1059 gap: 16px; 1060} 1061 1062.lp-section-3 .lp-flex-grid[data-count="5"] > div:nth-child(1) { 1063 grid-column: 1; 1064 grid-row: 1 / 3; 1065 height: 496px; 1066} 1067 1068.lp-section-3 .lp-flex-grid[data-count="5"] > div:nth-child(2) { 1069 grid-column: 2; 1070 grid-row: 1; 1071 height: 240px; 1072} 1073 1074.lp-section-3 .lp-flex-grid[data-count="5"] > div:nth-child(3) { 1075 grid-column: 2; 1076 grid-row: 2; 1077 height: 240px; 1078} 1079 1080.lp-section-3 .lp-flex-grid[data-count="5"] > div:nth-child(4) { 1081 grid-column: 1; 1082 grid-row: 3; 1083 height: 326px; 1084} 1085 1086.lp-section-3 .lp-flex-grid[data-count="5"] > div:nth-child(5) { 1087 grid-column: 2; 1088 grid-row: 3; 1089 height: 326px; 1090} 1091 1092 1093/* ========================= 1094 6 ITENS 1095 ========================= */ 1096 1097.lp-section-3 .lp-flex-grid[data-count="6"] { 1098 display: grid; 1099 grid-template-columns: repeat(6, 1fr); 1100 grid-template-rows: 240px 240px 326px; 1101 gap: 16px; 1102} 1103 1104.lp-section-3 .lp-flex-grid[data-count="6"] > div:nth-child(1) { 1105 grid-column: 1 / 4; 1106 grid-row: 1 / 3; 1107 height: 496px; 1108} 1109 1110.lp-section-3 .lp-flex-grid[data-count="6"] > div:nth-child(2) { 1111 grid-column: 4 / 7; 1112 grid-row: 1; 1113 height: 240px; 1114} 1115 1116.lp-section-3 .lp-flex-grid[data-count="6"] > div:nth-child(3) { 1117 grid-column: 4 / 7; 1118 grid-row: 2; 1119 height: 240px; 1120} 1121 1122.lp-section-3 .lp-flex-grid[data-count="6"] > div:nth-child(4) { 1123 grid-column: 1 / 3; 1124 grid-row: 3; 1125 height: 326px; 1126} 1127 1128.lp-section-3 .lp-flex-grid[data-count="6"] > div:nth-child(5) { 1129 grid-column: 3 / 5; 1130 grid-row: 3; 1131 height: 326px; 1132} 1133 1134.lp-section-3 .lp-flex-grid[data-count="6"] > div:nth-child(6) { 1135 grid-column: 5 / 7; 1136 grid-row: 3; 1137 height: 326px; 1138} 1139.spacer-secao4{ 1140 height:50px; 1141} 1142.lp-section-4{ 1143 padding:80px; 1144} 1145.lp-section-5{ 1146 background:#f7f4f2; 1147 padding: 100px; 1148} 1149.lp-section-6{ 1150 padding: 80px; 1151} 1152.lp-section-6 .lp-inner{ 1153 display:flex; 1154 } 1155 1156.lp-section-6 .lp-left{ 1157 width: 55%; 1158 } 1159 1160 .lp-section-6 .lp-right{ 1161 width: 45%; 1162 display: flex; 1163 justify-content: center; 1164 align-items: center; 1165 padding-top:100px; 1166 } 1167 .lp-section-6 .lp-spacer{ 1168 height:30px; 1169 } 1170 .lp-section-6 .lp-download{ 1171 margin-top:25px; 1172 font-size: 30px; 1173 display:flex; 1174 flex-direction: column; 1175 gap:16px; 1176 font-weight:600; 1177 } 1178 .lp-section-6 .lp-download a{ 1179 font-weight:600; 1180 width:236px; 1181 height:75px; 1182 background:#00c565; 1183 color:black; 1184 border-radius:10px; 1185 padding:20px; 1186 text-decoration:none; 1187 display:flex; 1188 justify-content:center; 1189 align-items:center; 1190 } 1191.lp-footer{ 1192 height:513px; 1193} 1194.lp-footer .lp-inner{ 1195 display:flex; 1196 justify-content:center; 1197 align-items: center; 1198 gap: 60px; 1199 height: 100%; 1200 padding-top: 170px; 1201 } 1202.lp-mockups>
1202div{ 1203 width: 100%; 1204 height: 100%; 1205 background-repeat: repeat-x!important; 1206 background-size: auto 100%!important; 1207 position: absolute; 1208 transition: ease-in-out 0.1s; 1209} 1210.btn-arrow-left{ 1211 position:absolute; 1212 left:20px; 1213 margin-top: -360px; 1214 cursor: pointer; 1215} 1216.btn-arrow-right{ 1217position:absolute; 1218 right:20px; 1219 margin-top: -360px; 1220 cursor: pointer; 1221 transform: rotate(180deg); 1222} 1223 1224@media (max-width:1000px){ 1225 .lp-section-6 .lp-right{ 1226 display:none; 1227 } 1228 .lp-section-6 .lp-left{ 1229 width:100%; 1230 } 1231 .lp-section-1{ 1232 aspect-ratio: 1366 / 662; 1233 height: max-content; 1234 } 1235 .lp-section-1 img{ 1236 max-width: 65vw; 1237 height: max-content!important; 1238 object-fit: contain; 1239 } 1240 .lp-inner{ 1241 width: 100%!important; 1242 } 1243 .lp-header{ 1244 padding: 20px; 1245 display: flex; 1246 justify-content: center; 1247 align-items: center; 1248 } 1249 .lp-section-2, 1250 .lp-section-3, 1251 .lp-section-4, 1252 .lp-section-5, 1253 .lp-section-6 { 1254 padding: 33px; 1255 } 1256 .lp-inner h4 span { 1257 font-size: 30px !important; 1258 } 1259 .lp-inner span { 1260 font-size: 20px !important; 1261 } 1262} 1263 1264@media (max-width: 1000px) { 1265 .lp-mockups{ 1266 max-width: 100vw; 1267 aspect-ratio: 1.5 / 1; 1268 height: auto !important; 1269 position: relative; 1270 } 1271 .lp-caroussel-1{ 1272 max-width: 100vw; 1273 height: 100% !important; 1274 } 1275 .lp-flex-grid{ 1276 display: flex!important; 1277 flex-wrap: wrap; 1278 } 1279 .lp-flex-grid > div{ 1280 width: calc(50% - 8px)!important; 1281 height: auto!important; 1282 aspect-ratio: 1 / 1; 1283 } 1284 .btn-arrow-left, 1285 .btn-arrow-right{ 1286 height: 60px; 1287 margin-top: -118px; 1288 } 1289 .lp-download a{ 1290 padding: 10px !important; 1291 height: 51px !important; 1292 width: 170px !important; 1293 font-size: 22px !important; 1294 } 1295 .lp-download{ 1296 margin-top:5px!important; 1297 } 1298 .lp-header-menu>div{ 1299 gap: 5px!important; 1300 width: 38px!important; 1301 } 1302 .lp-header-menu>div>div{ 1303 height: 3px!important; 1304 } 1305 .lp-header{ 1306 padding: 20px 20px; 1307 height: max-content; 1308 min-height: max-content; 1309 } 1310 .lp-footer{ 1311 aspect-ratio: 1.3 / 1!important; 1312 height: max-content!important; 1313 min-height: max-content!important; 1314 background-size: auto 100%!important; 1315 } 1316 1317 .lp-footer .lp-inner{ 1318 gap:10px!important; 1319 padding-top: 80px!important; 1320 justify-content: space-between!important; 1321 padding-left: 40px!important; 1322 padding-right: 40px!important; 1323 } 1324 1325 .lp-footer .lp-inner img{ 1326 width: 30vw!important; 1327 height: auto!important; 1328 } 1329 .lp-flex-grid>div{ 1330 background-size: 50%!important; 1331 } 1332 1333} 1334.lp-caroussel-1{ 1335 max-height: 680px; 1336} 1337 </style> 1338 1339
1339<script> 1340 function isDesktop() { 1341 return window.innerWidth > 768; 1342 } 1343 1344 function toggleLandingMenu(e) { 1345 if (e) { 1346 e.preventDefault(); 1347 e.stopPropagation(); 1348 } 1349 if (isDesktop()) { 1350 var tooltip = document.getElementById('lpDesktopMenuTooltip'); 1351 if (tooltip) { 1352 tooltip.classList.toggle('active'); 1353 } 1354 } else { 1355 var sideMenu = document.querySelector('.mobile-sidemenu'); 1356 if (sideMenu) { 1357 sideMenu.classList.add('active'); 1358 } 1359 } 1360 } 1361 1362 function closeAllMenus() { 1363 var tooltip = document.getElementById('lpDesktopMenuTooltip'); 1364 if (tooltip) { 1365 tooltip.classList.remove('active'); 1366 } 1367 var sideMenu = document.querySelector('.mobile-sidemenu'); 1368 if (sideMenu) { 1369 sideMenu.classList.remove('active'); 1370 } 1371 } 1372 1373 document.addEventListener('DOMContentLoaded', function() { 1374 var menuBtn = document.querySelector('.lp-header-menu'); 1375 var closeBtn = document.querySelector('.mobile-sidemenu-btn-close'); 1376 var tooltipCloseBtn = document.querySelector('.lp-tooltip-close'); 1377 var tooltip = document.getElementById('lpDesktopMenuTooltip'); 1378 1379 if (menuBtn) { 1380 menuBtn.addEventListener('click', toggleLandingMenu); 1381 } 1382 1383 if (closeBtn) { 1384 closeBtn.addEventListener('click', function(e) { 1385 e.preventDefault(); 1386 closeAllMenus(); 1387 }); 1388 } 1389 1390 if (tooltipCloseBtn) { 1391 tooltipCloseBtn.addEventListener('click', function(e) { 1392 e.preventDefault(); 1393 closeAllMenus(); 1394 }); 1395 } 1396 1397 // Close tooltip on outside click 1398 document.addEventListener('click', function(e) { 1399 if (tooltip && tooltip.classList.contains('active')) { 1400 var wrapper = document.querySelector('.lp-header-menu-wrapper'); 1401 if (wrapper && !wrapper.contains(e.target)) { 1402 tooltip.classList.remove('active'); 1403 } 1404 } 1405 }); 1406 1407 document.addEventListener('keydown', function(e) { 1408 if (e.key === 'Escape' || e.keyCode === 27) { 1409 closeAllMenus(); 1410 } 1411 }); 1412 1413 if (window.jQuery) { 1414 jQuery(document).ready(function ($) { 1415 // Mobile submenu toggle 1416 $('.mobile-nav-toggle').on('click', function (e) { 1417 e.preventDefault(); 1418 e.stopPropagation(); 1419 var $item = $(this).closest('.mobile-nav-item'); 1420 var $submenu = $item.find('.mobile-submenu'); 1421 $submenu.stop(true, true).slideToggle(200); 1422 $item.toggleClass('open'); 1423 }); 1424 1425 // Desktop tooltip submenu toggle 1426 $('.lp-submenu-toggle').on('click', function (e) { 1427 e.preventDefault(); 1428 e.stopPropagation(); 1429 var $item = $(this).closest('.lp-menu-item'); 1430 var $submenu = $item.find('.lp-submenu-dropdown'); 1431 $submenu.stop(true, true).slideToggle(200); 1432 $item.toggleClass('open'); 1433 }); 1434 1435 // Links with hash or blank trigger toggle 1436 $('.lp-menu-item.has-submenu > .lp-menu-row > a.lp-menu-link').on('click', function (e) { 1437 var href = ($(this).attr('href') || '').trim(); 1438 if (!href || href === '#' || href === 'javascript:void(0)' || href === 'javascript:;' || href === 'javascript:void(0);') { 1439 e.preventDefault(); 1440 $(this).siblings('.lp-submenu-toggle').trigger('click'); 1441 } 1442 }); 1443 }); 1444 } 1445 }); 1446 1447 var caroussel1OffsetX = -360; 1448 1449 function UpdateCaroussel1(){ 1450 document.querySelector('.lp-caroussel-1').style.backgroundPositionX = caroussel1OffsetX+'px'; 1451 } 1452 1453 document.querySelector('.btn-arrow-left').addEventListener('click', function(){ 1454 caroussel1OffsetX += 360; 1455 UpdateCaroussel1(); 1456 }); 1457 document.querySelector('.btn-arrow-right').addEventListener('click', function(){ 1458 caroussel1OffsetX -= 360; 1459 UpdateCaroussel1(); 1460 }); 1461 1462 UpdateCaroussel1(); 1463 </script>
1463 1464 1465</body> 1466</html> 1467 1468</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.