/* Theme Name: Divi Child Description: Divi Author: Agência Javali Author URI: https://agenciajavali.com.br/ Template: Divi Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /*COMEÇO RESET*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing : 0; } caption, th, td { text-align : left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: """"; } /*FIM RESET*/ ::-moz-selection { color : #fff; background: #1497A6; } ::selection { color : #fff; background: #1497A6; } * { -moz-box-sizing : border-box; -webkit-box-sizing: border-box; box-sizing : border-box; } html, body { font-size : 16px; line-height : 1.1; width : 100%; scroll-behavior : smooth; -moz-box-sizing : border-box; -webkit-box-sizing: border-box; box-sizing : border-box; overflow-x: hidden; } body { overflow-x: hidden; position : relative; } img { outline: 1px solid transparent; } a { text-decoration: none !important; } h1 { font-size: 36px; } h2 { font-size: 32px; } h3 { font-size: 28px; } h4 { font-size: 24px; } h5 { font-size: 20px; } h6 { font-size: 18px; } strong { font-weight: 700; } #main-content { background-color: transparent; z-index: 2; position: relative; } #et_top_search { display: none; } .mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a { color: #1497A6; } header#main-header { background: #EFF5FB; border: 1px solid #DDDDDD; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.04) !important; #et-top-navigation { #top-menu-nav { #top-menu { li { a { font-style: normal; font-weight: 500; font-size: 16px; line-height: 120%; text-transform: capitalize; color: #414141; } } li.contatomenu { a { padding: 5px 30px; border-radius: 200px; color: #1497A6; border: 2px solid #1497A6; &:hover { background-color: #1497A6; color: #fff; } } } li.current-menu-item { a { color: #1497A6; } } } } } } .banner { h2 { font-style: normal; font-weight: 500; font-size: 24px; line-height: 142%; color: #E9EEF2; } h4 { font-style: normal; font-weight: 400; font-size: 12px; line-height: 142%; letter-spacing: 0.2em; text-transform: uppercase; color: #E9EEF2; margin-bottom: 20px; } .et_pb_slide_description { padding: 0 15px !important; text-align: left; max-width: 100%; margin: 0 auto 0 0; } } .intro { .texto { h3 { font-style: normal; font-weight: 500; font-size: 28px; line-height: 118%; color: #414141; margin-bottom: 20px; } p { font-style: normal; font-weight: 300; font-size: 16px; line-height: 150%; color: #7B7B7B; margin-bottom: 30px; } a { display: inline-block; font-style: normal; font-weight: 500; font-size: 16px; line-height: 150%; color: #1497A6; padding: 10px 30px; border: 2px solid #1497A6; transition: all 0.3s; &:hover { background-color: #1497A6; color: #fff; } } } .bloco { .et_pb_text_inner { display: flex; flex-wrap: wrap; column-gap: 4%; row-gap: 20px; h3 { width: 48%; aspect-ratio: 1/1; background-color: #1497A6; display: flex; align-items: flex-end; padding: 10px; font-style: normal; font-weight: 500; font-size: 18px; line-height: 120%; text-transform: uppercase; color: #E9EEF2; } p { img { width: 100%; display: block; } } p:nth-child(2) { width: 48%; img { aspect-ratio: 1/1; } } p:nth-child(3) { width: 100%; } } } } .nossaeq { .texto { h3 { font-style: normal; font-weight: 700; font-size: 38px; line-height: 118%; color: #E9EEF2; margin-bottom: 20px; } p { font-style: normal; font-weight: 300; font-size: 16px; line-height: 148%; color: #E9EEF2; margin-bottom: 20px; } a { display: inline-block; font-style: normal; font-weight: 500; font-size: 16px; line-height: 150%; color: #fff; padding: 10px 30px; border: 2px solid #fff; transition: all 0.3s; &:hover { background-color: #fff; color: #1497A6; } } } .et_pb_column.et-last-child { display: flex; .et_pb_image { width: 50%; } } .col1 { margin: 0; padding: 0 30px; } .et_pb_image_wrap { img { aspect-ratio: 1/1; object-fit: cover; display: block; width: 100%; } } } .geral { .texto { h4 { font-style: normal; font-weight: 700; font-size: 40px; line-height: 118%; color: #414141; } p { font-style: normal; font-weight: 300; font-size: 16px; line-height: 150%; color: #7B7B7B; margin-bottom: 0; } a { width: 100%; display: inline-block; text-align: center; font-style: normal; font-weight: 500; font-size: 16px; line-height: 150%; color: #1497A6; padding: 10px 30px; border: 2px solid #1497A6; transition: all 0.3s; &:hover { background-color: #1497A6; color: #fff; } } } .bloco { display: flex; flex-wrap: wrap; justify-content: center; column-gap: calc(4% / 3); row-gap: 25px; .ind { width: 100%; a > div { padding: 10px; background-color: #fff; display: flex; align-items: center; transition: all 0.3s; p { margin: 0 20px; font-style: normal; font-weight: 700; font-size: 16px; line-height: 118%; color: #6D6D6D; transition: all 0.3s; width: 165px; min-height: 56px; display: flex; align-items: center; } svg:nth-child(1) { width: 36px; height: 36px; rect { transition: all 0.3s; } path { transition: all 0.3s; } } svg:nth-child(3) { width: 12px; height: 22px; path { transition: all 0.3s; } } &:hover { background-color: #1497A6; p { color: #fff; } svg:nth-child(3) { path { fill: #fff; } } } } } } .frase { margin-top: 75px; p { font-style: normal; font-weight: 500; font-size: 16px; line-height: 142%; text-align: center; color: #6D6D6D; margin-bottom: 30px; strong { font-weight: 700; } } a { display: inline-block; font-style: normal; font-weight: 500; font-size: 16px; line-height: 150%; color: #1497A6; padding: 10px 30px; border: 2px solid #1497A6; transition: all 0.3s; &:hover { background-color: #1497A6; color: #fff; } } } } .omzbl { .texto { h4 { font-style: normal; font-weight: 500; font-size: 16px; line-height: 150%; color: #1497A6; margin-bottom: 20px; } h2 { font-style: normal; font-weight: 500; font-size: 24px; line-height: 118%; color: #414141; margin-bottom: 20px; strong { font-style: normal; font-weight: 700; font-size: 24px; line-height: 118%; color: #1497A6; } } p { font-style: normal; font-weight: 300; font-size: 16px; line-height: 140%; text-align: justify; color: #7B7B7B; margin-bottom: 20px; } } } .sobrelinks { .texto { h3 { font-style: normal; font-weight: 500; font-size: 24px; line-height: 118%; color: #FFFFFF; margin-bottom: 20px; } p { font-style: normal; font-weight: 300; font-size: 16px; line-height: 150%; color: #FFFFFF; } } } .area { .texto { h4 { font-style: normal; font-weight: 500; font-size: 18px; line-height: 150%; color: #1497A6; } h1 { font-style: normal; font-weight: 500; font-size: 32px; line-height: 118%; color: #414141; } p { font-style: normal; font-weight: 300; font-size: 16px; line-height: 150%; text-align: justify; color: #7B7B7B; margin-bottom: 20px; } } .vinculados { h3 { font-style: normal; font-weight: 700; font-size: 30px; line-height: 104%; color: #1497A6; margin-bottom: 20px; } .bloco { display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 20px; .ind { width: 49%; a > div { aspect-ratio: 1/1; background-position: center; background-size: cover; position: relative; .nome { background: linear-gradient(to bottom, rgba(41,41,41,0) 0%,rgba(41,41,41,0) 50%,rgba(41,41,41,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ width: 100%; height: 100%; display: flex; justify-content: flex-end; flex-direction: column; padding: 15px; h2 { font-style: normal; font-weight: 700; font-size: 18px; line-height: 104%; color: #FFFFFF; margin-bottom: 5px; strong { display: block; color: #1497A6; } } p { font-style: normal; font-weight: 500; font-size: 12px; line-height: 104%; color: #FFFFFF; } } } } } } } .profissionais { .texto { h1 { font-style: normal; font-weight: 500; font-size: 32px; line-height: 118%; color: #414141; } p { font-style: normal; font-weight: 300; font-size: 16px; line-height: 150%; text-align: justify; color: #7B7B7B; margin-bottom: 20px; } } .bloco { display: flex; flex-wrap: wrap; column-gap: calc(4% / 3); row-gap: 20px; .ind { width: 48%; a > div { aspect-ratio: 1/1.1; background-position: center; background-size: cover; position: relative; .nome { background: linear-gradient(to bottom, rgba(41,41,41,0) 0%,rgba(41,41,41,0) 50%,rgba(41,41,41,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ width: 100%; height: 100%; display: flex; justify-content: flex-end; flex-direction: column; padding: 10px; h2 { font-style: normal; font-weight: 700; font-size: 12px; line-height: 104%; color: #FFFFFF; margin-bottom: 10px; strong { display: block; color: #1497A6; } } p { font-style: normal; font-weight: 500; font-size: 12px; line-height: 104%; color: #FFFFFF; display: flex; align-items: center; svg { margin-left: 10px; } } } } } } } .perfil { .perfiltopo { h1 { font-style: normal; font-weight: 700; font-size: 32px; line-height: 104%; color: #414141; margin-top: 30px; margin-bottom: 10px; strong { display: block; color: #1497A6; } } h4 { font-style: normal; font-weight: 500; font-size: 18px; line-height: 150%; color: #1497A6; margin-bottom: 0; } hr { width: 100%; height: 1px; border: 0; background-color: #CECECE; margin: 20px 0; } h5 { font-style: normal; font-weight: 500; font-size: 18px; line-height: 150%; color: #414141; margin-bottom: 10px; } p { font-style: normal; font-weight: 300; font-size: 16px; line-height: 150%; text-align: justify; color: #7B7B7B; margin-bottom: 20px; } .perfilareas { display: flex; flex-wrap: wrap; column-gap: calc(4% / 2); row-gap: 15px; margin-bottom: 50px; a { min-width: 32%; font-style: normal; font-weight: 500; font-size: 14px; line-height: 150%; text-align: center; color: #414141; border-radius: 200px; background-color: #D9D9D9; padding: 5px; transition: all 0.3s; &:hover { background-color: #1497A6; color: #fff; } } } .et_pb_image_wrap { img { aspect-ratio: 1/1; object-fit: cover; display: block; object-position: top center; } } } .curriculo { h3 { font-style: normal; font-weight: 700; font-size: 24px; line-height: 104%; color: #1497A6; margin-bottom: 20px; } hr { width: 100%; height: 1px; border: 0; background-color: #CECECE; margin: 20px 0; } ul { list-style: none; padding-left: 20px; li { font-style: normal; font-weight: 300; font-size: 16px; line-height: 150%; text-align: justify; color: #7B7B7B; position: relative; margin-bottom: 5px; &:before { content: url('https://mzbl.adv.br/wp-content/uploads/2025/02/Vector.png'); position: absolute; left: -20px; top: 2px; } } } } .perfilcomp { display: flex; justify-content: flex-end; align-items: center; margin-top: -10px; p { font-style: normal; font-weight: 500; font-size: 15px; line-height: 150%; color: #414141; margin-bottom: 0; margin-right: 10px; } svg { margin-left: 10px; width: 20px; height: 20px; path { transition: all 0.3s; } &:hover { path { fill: #414141; } } } button { padding: 0; background-color: transparent; border: 0; } } } footer { position: relative; z-index: 3; margin-top: -100px; .et_pb_section { background-color: transparent; } .news { .texto { h4 { font-style: normal; font-weight: 400; font-size: 24px; line-height: 125%; color: #E9EEF2; } a { width: 100%; text-align: center; display: inline-block; font-style: normal; font-weight: 500; font-size: 16px; line-height: 150%; color: #1497A6; background-color: #fff; padding: 10px 30px; border: 2px solid #1497A6; transition: all 0.3s; &:hover { background-color: #1497A6; color: #fff; } } } .texto.botaonews { p { width: 100%; text-align: center; display: inline-block; font-style: normal; font-weight: 500; font-size: 16px; line-height: 150%; color: #fff; padding: 10px 30px; border: 2px solid #fff; transition: all 0.3s; &:hover { background-color: #fff; color: #1497A6; } } } } .rodapeb { text-align: right; .menurodape { .et_pb_text_inner { display: flex; justify-content: flex-end; flex-direction: column; column-gap: 20px; align-items: center; a { font-style: normal; font-weight: 500; font-size: 16px; line-height: 150%; text-transform: capitalize; color: #6D6D6D; transition: all 0.3s; &:hover { color: #1497A6; } } } } .rodapec { display: flex; justify-content: center; column-gap: 20px; .et_pb_text_inner { display: flex; justify-content: flex-end; align-items: center; flex-direction: column; flex-wrap: wrap; column-gap: 20px; p { width: 100%; font-style: normal; font-weight: 300; font-size: 14px; line-height: 140%; text-align: center; color: #7B7B7B; } a { font-weight: 300; font-size: 14px; line-height: 140%; text-align: right; color: #7B7B7B; } p:nth-child(2) { line-height: 200%; } } } .rodaped { display: inline-block; vertical-align: middle; margin-bottom: 0; margin-right: 20px; .et_pb_text_inner { display: flex; justify-content: flex-end; flex-direction: column; column-gap: 20px; flex-wrap: wrap; a { font-style: normal; font-weight: 500; font-size: 14px; line-height: 150%; color: #1497A6; transition: all 0.3s; &:hover { color: #7B7B7B; } } } } .et_pb_icon { display: inline-block; vertical-align: middle; margin-bottom: 0; margin-left: 10px; } } .copy { p { font-style: normal; font-weight: 400; font-size: 14px; line-height: 27px; color: #656565; } } } .conteudo { .titulo { h1 { font-style: normal; font-weight: 500; font-size: 40px; line-height: 118%; color: #414141; margin-bottom: 0; } } .listaposts { h4 { font-style: normal; font-weight: 500; font-size: 30px; line-height: 118%; color: #414141; margin-bottom: 20px; } .bloco { display: flex; flex-wrap: wrap; column-gap: calc(4% / 2); row-gap: 50px; .ind.indmaior { position: relative; width: 100%; .texto { position: absolute; left: 0; bottom: 0; width: 100%; padding: 40px 20px; h5 { font-style: normal; font-weight: 400; font-size: 12px; line-height: 142%; letter-spacing: 0.2em; text-transform: uppercase; color: #E9EEF2; margin-bottom: 10px; } h1 { font-style: normal; font-weight: 500; font-size: 24px; line-height: 142%; color: #E9EEF2; margin-bottom: 30px; } a { font-style: normal; font-weight: 500; font-size: 16px; line-height: 100%; color: #FFFFFF; margin-bottom: 0; padding: 10px 20px; border: 2px solid #FFFFFF; position: relative; transition: all 0.3s; &:hover { border-color: #1497A6; background-color: #1497A6; } } } img { width: 100%; aspect-ratio: 1/1.5; object-fit: cover; } } .ind.indmenor { width: 100%; .texto { h5 { font-style: normal; font-weight: 400; font-size: 12px; line-height: 142%; letter-spacing: 0.2em; text-transform: uppercase; color: #6D6D6D; margin-bottom: 10px; } h1 { font-style: normal; font-weight: 500; font-size: 20px; line-height: 142%; color: #6D6D6D; margin-bottom: 10px; } span { font-style: normal; font-weight: 500; font-size: 16px; line-height: 150%; color: #1497A6; } } img { width: 100%; margin-bottom: 10px; aspect-ratio: 1/0.7; object-fit: cover; } } } } .carregarmais { text-align: center; margin-top: 100px; button { font-style: normal; font-weight: 500; font-size: 16px; line-height: 100%; color: #1497A6; margin-bottom: 0; padding: 10px 20px; border: 2px solid #1497A6; background-color: transparent; position: relative; transition: all 0.3s; &:hover { border-color: #1497A6; background-color: #1497A6; color: #fff; } } } .posts { .posttopo { background-position: center; background-size: cover; position: relative; margin-bottom: 50px; .overlay { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; .texto { width: 90%; z-index: 2; text-align: center; padding: 50px 0; h5 { font-style: normal; font-weight: 400; font-size: 12px; line-height: 142%; letter-spacing: 0.2em; text-transform: uppercase; color: #E9EEF2; margin-bottom: 10px; } h1 { font-style: normal; font-weight: 500; font-size: 24px; line-height: 142%; color: #E9EEF2; margin-bottom: 10px; } span { font-style: normal; font-weight: 400; font-size: 12px; line-height: 142%; text-align: center; letter-spacing: 0.2em; text-transform: uppercase; color: #E9EEF2; display: flex; justify-content: center; align-items: center; svg { margin-right: 10px; } } } } } .posttexto { margin-bottom: 100px; p { font-style: normal; font-weight: 300; font-size: 16px; line-height: 150%; text-align: justify; color: #7B7B7B; margin-bottom: 20px; } } } } .contatos { .titulo { h1 { font-style: normal; font-weight: 500; font-size: 40px; line-height: 118%; color: #414141; margin-bottom: 0; } } .bloco { .texto { p { font-style: normal; font-weight: 300; font-size: 16px; line-height: 134%; color: #7B7B7B; margin-bottom: 20px; a { font-style: normal; font-weight: 500; font-size: 16px; line-height: 100%; color: #1497A6; margin-bottom: 0; padding: 10px 20px; border: 2px solid #1497A6; background-color: transparent; position: relative; transition: all 0.3s; display: inline-block; &:hover { border-color: #1497A6; background-color: #1497A6; color: #fff; } } } h6 { font-style: normal; font-weight: 300; font-size: 16px; line-height: 134%; color: #7B7B7B; margin-bottom: 20px; padding-left: 30px; } h6:nth-of-type(1) { position: relative; &:before { content: url('https://mzbl.adv.br/wp-content/uploads/2025/04/solar_phone-outline.png'); position: absolute; left: 0; top: 2px; } } h6:nth-of-type(2) { position: relative; &:before { content: url('https://mzbl.adv.br/wp-content/uploads/2025/04/formkit_email.png'); position: absolute; left: 0; top: 2px; } } h6:nth-of-type(3) { position: relative; &:before { content: url('https://mzbl.adv.br/wp-content/uploads/2025/04/Vector.png'); position: absolute; left: 0; top: 2px; } } } .form { p { font-style: normal; font-weight: 300; font-size: 13px; line-height: 134%; color: #7B7B7B; margin-bottom: 10px; width: 100%; } p:nth-last-of-type(1) { text-align: center; position: relative; .wpcf7-spinner { margin: 0; position: absolute; right: 0; } } input[type=text], input[type=email], input[type=tel], textarea { font-style: normal; font-weight: 300; font-size: 16px; line-height: 22px; color: #A8A8A8; width: 100%; border: 0; background-color: #F4F4F4; padding: 10px 20px; &::placeholder { font-style: normal; font-weight: 300; font-size: 16px; line-height: 22px; color: #A8A8A8; } } input[type=submit] { font-style: normal; font-weight: 500; font-size: 16px; line-height: 100%; color: #1497A6; margin-bottom: 0; padding: 10px 20px; border: 2px solid #1497A6; background-color: transparent; position: relative; transition: all 0.3s; display: inline-block; &:hover { border-color: #1497A6; background-color: #1497A6; color: #fff; } } } .form.formcontato { form { display: flex; flex-wrap: wrap; column-gap: 2%; } p:nth-of-type(1), p:nth-of-type(2) { width: 49%; } } } } .outrasareas { .bloco { margin-top: 30px; padding: 10px; background-color: #1497A6; .ind { a { > div { display: flex; align-items: center; border-bottom: 1px solid #30B9C8; padding: 5px 0; p { font-style: normal; font-weight: 500; font-size: 16px; line-height: 120%; color: #FFFFFF; } svg { margin-right: 20px; transition: all 0.3s; } } &:hover { > div { svg { margin-right: 10px; } } } } } div:nth-last-of-type(1) { a > div { border-bottom: 0; } } } } .profissionaisareas { h3 { font-style: normal; font-weight: 700; font-size: 30px; line-height: 104%; color: #1497A6; margin-bottom: 30px; } .bloco { display: flex; flex-wrap: wrap; column-gap: calc(4% / 3); row-gap: 30px; .ind { width: 100%; a { display: flex; align-items: center; img { width: 120px; aspect-ratio: 1/1; object-fit: cover; object-position: top center; display: block; margin-right: 10px; } .nome { h2 { font-style: normal; font-weight: 700; font-size: 16px; line-height: 104%; color: #414141; margin-bottom: 0; strong { display: block; color: #1497A6; } } } } } } } .conteudohome { h4 { font-style: normal; font-weight: 700; font-size: 40px; line-height: 118%; color: #414141; } .bloghomemaior { position: relative; .data { position: absolute; top: 0; right: 0; background-color: #1497A6; display: flex; align-items: center; padding: 10px; svg { margin-right: 5px; } p { font-style: normal; font-weight: 500; font-size: 16px; line-height: 142%; color: #E9EEF2; margin-bottom: 0; } } img { width: 100%; aspect-ratio: 1/1; object-fit: cover; display: block; } .texto { position: absolute; left: 20px; bottom: 20px; z-index: 2; max-width: 90%; h5 { font-style: normal; font-weight: 400; font-size: 11px; line-height: 142%; letter-spacing: 0.2em; text-transform: uppercase; color: #E9EEF2; margin-bottom: 10px; } h1 { font-style: normal; font-weight: 500; font-size: 16px; line-height: 142%; color: #E9EEF2 } } } .bloghomemenor { display: flex; flex-direction: column; justify-content: space-between; .ind { width: 100%; a > div { position: relative; background-color: #FFFFFF; padding: 50px 20px 20px 20px; margin-bottom: 20px; .data { position: absolute; top: 0; right: 0; background-color: #1497A6; display: flex; align-items: center; padding: 10px; svg { margin-right: 5px; } p { font-style: normal; font-weight: 500; font-size: 16px; line-height: 142%; color: #E9EEF2; margin-bottom: 0; } } .texto { max-width: 100%; h5 { font-style: normal; font-weight: 400; font-size: 11px; line-height: 142%; letter-spacing: 0.2em; text-transform: uppercase; color: #6D6D6D; margin-bottom: 10px; } h1 { font-style: normal; font-weight: 500; font-size: 16px; line-height: 142%; color: #6D6D6D } } } } } } .newsform { position: fixed; z-index: 1001; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: none; align-items: center; justify-content: center; .centralizaform { padding: 20px; background-color: #fff; position: relative; img { max-width: 150px; margin-bottom: 20px; } p { font-style: normal; font-weight: 300; font-size: 16px; line-height: 134%; color: #7B7B7B; margin-bottom: 10px; width: 100%; } form { input[type=text], input[type=email], input[type=tel], textarea { font-style: normal; font-weight: 300; font-size: 16px; line-height: 22px; color: #A8A8A8; width: 100%; border: 0; background-color: #F4F4F4; padding: 10px 20px; &::placeholder { font-style: normal; font-weight: 300; font-size: 16px; line-height: 22px; color: #A8A8A8; } } input[type=submit] { font-style: normal; font-weight: 500; font-size: 16px; line-height: 100%; color: #1497A6; margin-bottom: 0; padding: 10px 20px; border: 2px solid #1497A6; background-color: transparent; position: relative; transition: all 0.3s; display: inline-block; &:hover { border-color: #1497A6; background-color: #1497A6; color: #fff; } } } .closenews { background-color: #1497A6; border: 0; position: absolute; right: 0; top: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; } } } @media (max-width: 767.9px) and (orientation: portrait) {} @media (max-width: 767.9px) {} /* Small devices (smartphones, 480px ld or 320px pt and up) */ @media (max-width: 575px) and (orientation: landscape) {} @media (min-width: 321px) and (orientation: portrait) {} @media (min-width: 360px) and (orientation: portrait) {} @media (min-width: 375px) and (orientation: portrait) { .profissionais .bloco .ind a > div .nome h2 { font-style: normal; font-weight: 700; font-size: 16px; line-height: 104%; color: #FFFFFF; margin-bottom: 10px; } } @media (min-width: 390px) and (orientation: portrait) {} @media (min-width: 412px) and (orientation: portrait) {} @media (min-width: 576px) and (orientation: landscape) {} /* Small devices (tablets pt, 768px and up) */ @media (min-width: 768px) { .conteudo .listaposts .bloco .ind.indmaior img { width: 100%; aspect-ratio: 1/0.8; -o-object-fit: cover; object-fit: cover; } .conteudo .listaposts .bloco .ind.indmaior .texto h1 { font-style: normal; font-weight: 500; font-size: 36px; line-height: 142%; color: #E9EEF2; margin-bottom: 30px; } .conteudo .listaposts .bloco .ind.indmaior .texto { position: absolute; left: 40px; bottom: 60px; width: 85%; padding: 0; } .conteudo .listaposts .bloco .ind.indmenor { width: 32%; } .conteudo .posts .posttopo .overlay .texto h1 { font-style: normal; font-weight: 500; font-size: 36px; line-height: 142%; color: #E9EEF2; margin-bottom: 10px; } .conteudo .posts .posttopo .overlay .texto { width: 95%; z-index: 2; text-align: center; padding: 50px 0; } .profissionaisareas .bloco .ind { width: 48%; } .area .texto h1 { font-style: normal; font-weight: 500; font-size: 48px; line-height: 118%; color: #414141; } .perfil .curriculo h3 { font-style: normal; font-weight: 700; font-size: 30px; line-height: 104%; color: #1497A6; margin-bottom: 20px; } .perfil .perfiltopo h1 { font-style: normal; font-weight: 700; font-size: 48px; line-height: 104%; color: #414141; margin-top: 30px; margin-bottom: 10px; } .profissionais .bloco .ind a > div .nome p { font-style: normal; font-weight: 500; font-size: 12px; line-height: 104%; color: #FFFFFF; display: flex; align-items: center; } .profissionais .bloco .ind a > div .nome h2 { font-style: normal; font-weight: 700; font-size: 18px; line-height: 104%; color: #FFFFFF; margin-bottom: 10px; } .profissionais .bloco .ind a > div .nome { background: linear-gradient(to bottom, rgba(41, 41, 41, 0) 0%, rgba(41, 41, 41, 0) 50%, rgba(41, 41, 41, 0.8) 100%); width: 100%; height: 100%; display: flex; justify-content: flex-end; flex-direction: column; padding: 15px; } .profissionais .bloco .ind { width: 32%; } .profissionais .texto h1 { font-style: normal; font-weight: 500; font-size: 48px; line-height: 118%; color: #414141; } .sobrelinks .texto h3 { font-style: normal; font-weight: 500; font-size: 36px; line-height: 118%; color: #FFFFFF; margin-bottom: 20px; } .omzbl .texto h2 strong { font-style: normal; font-weight: 700; font-size: 32px; line-height: 118%; color: #1497A6; } .omzbl .texto h2 { font-style: normal; font-weight: 500; font-size: 32px; line-height: 118%; color: #414141; margin-bottom: 20px; } footer .rodapeb .rodaped .et_pb_text_inner { display: flex; justify-content: flex-end; -moz-column-gap: 20px; column-gap: 20px; flex-wrap: nowrap; flex-direction: row; } footer .rodapeb .rodapec { display: flex; justify-content: flex-end; -moz-column-gap: 20px; column-gap: 20px; } footer .rodapeb .rodapec .et_pb_text_inner p { width: 210px; font-style: normal; font-weight: 300; font-size: 14px; line-height: 140%; text-align: right; color: #7B7B7B; } footer .rodapeb .rodapec .et_pb_text_inner { display: flex; justify-content: flex-end; flex-direction: row; flex-wrap: nowrap; -moz-column-gap: 20px; column-gap: 20px; } footer .rodapeb .menurodape .et_pb_text_inner a { font-style: normal; font-weight: 500; font-size: 16px; line-height: 120%; text-transform: capitalize; color: #6D6D6D; transition: all 0.3s; } footer .rodapeb .menurodape .et_pb_text_inner { display: flex; justify-content: flex-end; flex-direction: row; -moz-column-gap: 20px; column-gap: 20px; } footer .news .texto h4 { font-style: normal; font-weight: 400; font-size: 24px; line-height: 125%; color: #E9EEF2; } footer .et_pb_image_0_tb_footer img { max-width: 40%; } .conteudohome .bloghomemenor { display: flex; flex-direction: column; justify-content: space-between; height: 510px; } .conteudohome .bloghomemenor .ind a > div .texto { max-width: 80%; } .conteudohome .bloghomemenor .ind a > div { position: relative; background-color: #FFFFFF; padding: 30px; margin-bottom: 0; } .conteudohome .bloghomemenor .ind a > div .texto h5 { font-style: normal; font-weight: 400; font-size: 12px; line-height: 142%; letter-spacing: 0.2em; text-transform: uppercase; color: #6D6D6D; margin-bottom: 10px; } .conteudohome .bloghomemenor .ind a > div .texto h1 { font-style: normal; font-weight: 500; font-size: 20px; line-height: 142%; color: #6D6D6D; } .conteudohome .bloghomemaior img { width: 100%; aspect-ratio: 1/0.76; -o-object-fit: cover; object-fit: cover; display: block; } .conteudohome .bloghomemaior .texto h5 { font-style: normal; font-weight: 400; font-size: 12px; line-height: 142%; letter-spacing: 0.2em; text-transform: uppercase; color: #E9EEF2; margin-bottom: 10px; } .conteudohome .bloghomemaior .texto h1 { font-style: normal; font-weight: 500; font-size: 20px; line-height: 142%; color: #E9EEF2; } .conteudohome .bloghomemaior .texto { position: absolute; left: 50px; bottom: 30px; z-index: 2; max-width: 65%; } .geral .texto h4 { font-style: normal; font-weight: 700; font-size: 32px; line-height: 118%; color: #414141; } .geral .frase p { font-style: normal; font-weight: 500; font-size: 24px; line-height: 142%; text-align: center; color: #6D6D6D; margin-bottom: 30px; } .geral .bloco .ind { width: 32%; } .nossaeq .col1 { margin: 0 50px 0 calc((100% - 600px) / 2); padding: 0; } .intro .texto { margin-left: 20px; } .intro .texto h3 { font-style: normal; font-weight: 500; font-size: 32px; line-height: 118%; color: #414141; margin-bottom: 20px; } .intro .bloco .et_pb_text_inner h3 { width: 48%; aspect-ratio: 1/1; background-color: #1497A6; display: flex; align-items: flex-end; padding: 10px; font-style: normal; font-weight: 500; font-size: 22px; line-height: 120%; text-transform: uppercase; color: #E9EEF2; } .banner h2 { font-style: normal; font-weight: 500; font-size: 36px; line-height: 142%; color: #E9EEF2; } } @media (min-width: 768px) and (orientation: landscape) {} @media (min-width: 981px) { .conteudo .posts .posttopo .overlay .texto { width: 70%; z-index: 2; text-align: center; padding: 50px 0; } .conteudo .listaposts .bloco .ind.indmaior .texto { position: absolute; left: 100px; bottom: 60px; width: 60%; padding: 0; } .conteudo .listaposts .bloco .ind.indmaior img { width: 100%; aspect-ratio: unset; -o-object-fit: cover; object-fit: cover; } .profissionaisareas .bloco .ind { width: 32%; } .profissionais .texto h1 { font-style: normal; font-weight: 500; font-size: 36px; line-height: 118%; color: #414141; } .profissionais .bloco .ind a > div .nome h2 { font-style: normal; font-weight: 700; font-size: 22px; line-height: 104%; color: #FFFFFF; margin-bottom: 10px; } .omzbl .texto h2 strong { font-style: normal; font-weight: 700; font-size: 40px; line-height: 118%; color: #1497A6; } .mzbl .texto h2 .o{ font-style: normal; font-weight: 500; font-size: 40px; line-height: 118%; color: #414141; margin-bottom: 20px; } footer .et_pb_image_0_tb_footer img { max-width: 100%; } .conteudohome .bloghomemenor { display: flex; flex-direction: column; justify-content: space-between; height: 580px; } .conteudohome .bloghomemaior img { width: 100%; aspect-ratio: 1/1.5; -o-object-fit: cover; object-fit: cover; display: block; } .nossaeq .col1 { margin: 0 50px 0 calc((100% - 981px) / 2); padding: 0; } .intro .texto { margin-left: 0; } } @media (min-width: 981px) and (orientation: portrait) {} /* Large devices (large desktops, 1200px and up) */ @media all and (min-width: 1200px) { .profissionais .texto h1 { font-style: normal; font-weight: 500; font-size: 48px; line-height: 118%; color: #414141; } .conteudo .listaposts .bloco .ind.indmaior img { width: 100%; aspect-ratio: unset; -o-object-fit: cover; object-fit: cover; } .conteudo .listaposts .bloco .ind.indmaior .texto h1 { font-style: normal; font-weight: 500; font-size: 36px; line-height: 142%; color: #E9EEF2; margin-bottom: 30px; } .conteudo .listaposts .bloco .ind.indmaior .texto { position: absolute; left: 100px; bottom: 60px; width: 60%; padding: 0; } .conteudo .listaposts .bloco .ind.indmenor { width: 32%; } .conteudo .posts .posttopo .overlay .texto h1 { font-style: normal; font-weight: 500; font-size: 36px; line-height: 142%; color: #E9EEF2; margin-bottom: 10px; } .conteudo .posts .posttopo .overlay .texto { width: 70%; z-index: 2; text-align: center; padding: 50px 0; } .profissionaisareas .bloco .ind { width: 24%; } .area .texto h1 { font-style: normal; font-weight: 500; font-size: 48px; line-height: 118%; color: #414141; } .perfil .curriculo h3 { font-style: normal; font-weight: 700; font-size: 30px; line-height: 104%; color: #1497A6; margin-bottom: 20px; } .perfil .perfiltopo h1 { font-style: normal; font-weight: 700; font-size: 48px; line-height: 104%; color: #414141; margin-top: 30px; margin-bottom: 10px; } .profissionais .bloco .ind a > div .nome p { font-style: normal; font-weight: 500; font-size: 12px; line-height: 104%; color: #FFFFFF; display: flex; align-items: center; } .profissionais .bloco .ind a > div .nome { background: linear-gradient(to bottom, rgba(41, 41, 41, 0) 0%, rgba(41, 41, 41, 0) 50%, rgba(41, 41, 41, 0.8) 100%); width: 100%; height: 100%; display: flex; justify-content: flex-end; flex-direction: column; padding: 15px; } .profissionais .bloco .ind { width: 24%; } .profissionais .texto h1 { font-style: normal; font-weight: 500; font-size: 48px; line-height: 118%; color: #414141; } .sobrelinks .texto h3 { font-style: normal; font-weight: 500; font-size: 36px; line-height: 118%; color: #FFFFFF; margin-bottom: 20px; } .omzbl .texto h2 strong { font-style: normal; font-weight: 700; font-size: 40px; line-height: 118%; color: #1497A6; } .omzbl .texto h2 { font-style: normal; font-weight: 500; font-size: 40px; line-height: 118%; color: #414141; margin-bottom: 20px; } footer .rodapeb .rodaped .et_pb_text_inner { display: flex; justify-content: flex-end; -moz-column-gap: 20px; column-gap: 20px; flex-wrap: nowrap; flex-direction: row; } footer .rodapeb .rodapec { display: flex; justify-content: flex-end; -moz-column-gap: 20px; column-gap: 20px; } footer .rodapeb .rodapec .et_pb_text_inner p { width: 210px; font-style: normal; font-weight: 300; font-size: 14px; line-height: 140%; text-align: right; color: #7B7B7B; } footer .rodapeb .rodapec .et_pb_text_inner { display: flex; justify-content: flex-end; flex-direction: row; flex-wrap: nowrap; -moz-column-gap: 20px; column-gap: 20px; } footer .rodapeb .menurodape .et_pb_text_inner a { font-style: normal; font-weight: 500; font-size: 16px; line-height: 120%; text-transform: capitalize; color: #6D6D6D; transition: all 0.3s; } footer .rodapeb .menurodape .et_pb_text_inner { display: flex; justify-content: flex-end; flex-direction: row; -moz-column-gap: 20px; column-gap: 20px; } footer .news .texto h4 { font-style: normal; font-weight: 400; font-size: 38px; line-height: 125%; color: #E9EEF2; } .conteudohome .bloghomemenor { display: flex; flex-direction: column; justify-content: space-between; height: 510px; } .conteudohome .bloghomemenor .ind a > div .texto { max-width: 80%; } .conteudohome .bloghomemenor .ind a > div { position: relative; background-color: #FFFFFF; padding: 30px; margin-bottom: 0; } .conteudohome .bloghomemenor .ind a > div .texto h5 { font-style: normal; font-weight: 400; font-size: 12px; line-height: 142%; letter-spacing: 0.2em; text-transform: uppercase; color: #6D6D6D; margin-bottom: 10px; } .conteudohome .bloghomemenor .ind a > div .texto h1 { font-style: normal; font-weight: 500; font-size: 20px; line-height: 142%; color: #6D6D6D; } .conteudohome .bloghomemaior img { width: 100%; aspect-ratio: 1/1; -o-object-fit: cover; object-fit: cover; display: block; } .conteudohome .bloghomemaior .texto h5 { font-style: normal; font-weight: 400; font-size: 12px; line-height: 142%; letter-spacing: 0.2em; text-transform: uppercase; color: #E9EEF2; margin-bottom: 10px; } .conteudohome .bloghomemaior .texto h1 { font-style: normal; font-weight: 500; font-size: 20px; line-height: 142%; color: #E9EEF2; } .conteudohome .bloghomemaior .texto { position: absolute; left: 50px; bottom: 30px; z-index: 2; max-width: 65%; } .geral .frase p { font-style: normal; font-weight: 500; font-size: 24px; line-height: 142%; text-align: center; color: #6D6D6D; margin-bottom: 30px; } .geral .bloco .ind { width: 24%; } .geral .texto h4 { font-style: normal; font-weight: 700; font-size: 40px; line-height: 118%; color: #414141; } .nossaeq .col1 { margin: 0 50px 0 calc((100% - 1080px) / 2); padding: 0; } .intro .texto h3 { font-style: normal; font-weight: 500; font-size: 48px; line-height: 118%; color: #414141; margin-bottom: 20px; } .intro .bloco .et_pb_text_inner h3 { width: 48%; aspect-ratio: 1/1; background-color: #1497A6; display: flex; align-items: flex-end; padding: 10px; font-style: normal; font-weight: 500; font-size: 32px; line-height: 120%; text-transform: uppercase; color: #E9EEF2; } .banner h2 { font-style: normal; font-weight: 500; font-size: 36px; line-height: 142%; color: #E9EEF2; } .banner .et_pb_slide_description { padding: 20% 0 0 0 !important; text-align: left; max-width: 50%; margin: 0 auto 0 0; } #logo { max-height: 80%; } } @media all and (min-width: 1366px) {} @media all and (min-width: 1440px) {} @media all and (min-width: 1920px) {} @media all and (min-width: 2560px) {} .embed-video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin: 0 0 10px 0; clear: both; iframe, object, embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } }