/* Estilo */ /* Claro */ .estilo1{--corBtn: #FFFFFF; --corBtnTexto: #231f20; --corBtnHover: #231f20; --corBtnTextoHover: #FFFFFF; --corTextoContatoHover: #231f20; --inverteBox:invert(0);} /* Escuro */ .estilo2{--corBtn: #171415; --corBtnTexto: #ACACAC; --corBtnHover: #2c292a; --corBtnTextoHover: #ACACAC; --corTextoContatoHover: #ACACAC; --inverteBox:invert(0.9);} /* Contraste */ .estilo3{--corBtn: #000000; --corBtnTexto: #FFFFFF; --corBtnHover: #FFFFFF; --corBtnTextoHover: #000000; --corTextoContatoHover: #41A1BF; --inverteBox:invert(1) brightness(1.5);} /* Box Topo */ ._1000 .boxTopo{width: 100%;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='832' height='378' fill='none' viewBox='0 0 832 378'%3E%3Cg fill='%23231f20' opacity='.06'%3E%3Cpath d='M212.746 84.094a486.003 486.003 0 0 0-136.15 663.791 486 486 0 0 0 181.77 167.509 486 486 0 0 0 240.656 56.432A486.003 486.003 0 0 0 972 486.596l-50.496-.061a435.506 435.506 0 0 1-639.487 384.244A435.5 435.5 0 0 1 51.15 509.864a435.5 435.5 0 0 1 189.987-384.011z' style='fill:%23231f20;fill:color(display-p3 .1373 .1216 .1255);fill-opacity:1'/%3E%3Cpath d='M805.193 334.997a353.108 353.108 0 1 0-602.901 361.232l41.144-30.488a301.88 301.88 0 0 1-53.519-238.725 301.9 301.9 0 0 1 140.917-199.991 301.9 301.9 0 0 1 242.813-29.924 301.9 301.9 0 0 1 185.257 159.794z' style='fill:%23231f20;fill:color(display-p3 .1373 .1216 .1255);fill-opacity:1'/%3E%3Cpath d='M267.68 486A218.32 218.32 0 1 0 486 267.68v51.19c33.055 0 65.368 9.802 92.852 28.167a167.125 167.125 0 0 1 71.067 171.568 167.14 167.14 0 0 1-45.74 85.574A167.133 167.133 0 0 1 318.87 486z' style='fill:%23231f20;fill:color(display-p3 .1373 .1216 .1255);fill-opacity:1'/%3E%3C/g%3E%3C/svg%3E") no-repeat right bottom var(--corTopo);border-bottom: 1px solid var(--corBordaTopo);background-size: 972px 384px;background-position-x: calc(100% + 73px);} ._1000 body.estilo2 .boxTopo{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='832' height='378' fill='none' viewBox='0 0 832 378'%3E%3Cg fill='%23D7D7D7' opacity='.06'%3E%3Cpath d='M212.746 84.094a486.003 486.003 0 0 0-136.15 663.791 486 486 0 0 0 181.77 167.509 486 486 0 0 0 240.656 56.432A486.003 486.003 0 0 0 972 486.596l-50.496-.061a435.506 435.506 0 0 1-639.487 384.244A435.5 435.5 0 0 1 51.15 509.864a435.5 435.5 0 0 1 189.987-384.011z' style='fill:%23D7D7D7;fill:%23D7D7D7;fill-opacity:1'/%3E%3Cpath d='M805.193 334.997a353.108 353.108 0 1 0-602.901 361.232l41.144-30.488a301.88 301.88 0 0 1-53.519-238.725 301.9 301.9 0 0 1 140.917-199.991 301.9 301.9 0 0 1 242.813-29.924 301.9 301.9 0 0 1 185.257 159.794z' style='fill:%23D7D7D7;fill:%23D7D7D7;fill-opacity:1'/%3E%3Cpath d='M267.68 486A218.32 218.32 0 1 0 486 267.68v51.19c33.055 0 65.368 9.802 92.852 28.167a167.125 167.125 0 0 1 71.067 171.568 167.14 167.14 0 0 1-45.74 85.574A167.133 167.133 0 0 1 318.87 486z' style='fill:%23D7D7D7;fill:%23D7D7D7;fill-opacity:1'/%3E%3C/g%3E%3C/svg%3E") no-repeat right bottom var(--corTopo);background-size: 972px 384px;background-position-x: calc(100% + 73px);} ._1000 body.estilo3 .boxTopo{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='832' height='378' fill='none' viewBox='0 0 832 378'%3E%3Cg fill='%23FFF' opacity='.06'%3E%3Cpath d='M212.746 84.094a486.003 486.003 0 0 0-136.15 663.791 486 486 0 0 0 181.77 167.509 486 486 0 0 0 240.656 56.432A486.003 486.003 0 0 0 972 486.596l-50.496-.061a435.506 435.506 0 0 1-639.487 384.244A435.5 435.5 0 0 1 51.15 509.864a435.5 435.5 0 0 1 189.987-384.011z' style='fill:%23FFF;fill:%23FFF;fill-opacity:1'/%3E%3Cpath d='M805.193 334.997a353.108 353.108 0 1 0-602.901 361.232l41.144-30.488a301.88 301.88 0 0 1-53.519-238.725 301.9 301.9 0 0 1 140.917-199.991 301.9 301.9 0 0 1 242.813-29.924 301.9 301.9 0 0 1 185.257 159.794z' style='fill:%23FFF;fill:%23FFF;fill-opacity:1'/%3E%3Cpath d='M267.68 486A218.32 218.32 0 1 0 486 267.68v51.19c33.055 0 65.368 9.802 92.852 28.167a167.125 167.125 0 0 1 71.067 171.568 167.14 167.14 0 0 1-45.74 85.574A167.133 167.133 0 0 1 318.87 486z' style='fill:%23FFF;fill:%23FFF;fill-opacity:1'/%3E%3C/g%3E%3C/svg%3E") no-repeat right bottom var(--corTopo);background-size: 972px 384px;background-position-x: calc(100% + 73px);} .boxTopo .centro{width: 100%;max-width: 1428px;padding: 184px 20px 115px;margin: 0px auto;} .boxTopo .centro h2{font: 700 56px/52px "Crimson Pro";letter-spacing: -0.02em;color: var(--corTextoPrincipal);margin-bottom: 16px;} .boxTopo .centro p{width: 100%;max-width: 666px;font-size: 17px;font-weight: 400;line-height: 28px;letter-spacing: -0.01em;color: var(--corTextoPrincipal);} /* Box Contatos */ .boxContatos{/* background: #FFF; */} .boxContatos .centro{width: 100%;max-width: 1428px;padding: 1px 20px 195px;margin: 0px auto 0px;} .boxContatos .centro nav{width: calc(100% + 40px);margin: -47px -20px 85px;} .boxContatos .centro nav ul{display: flex;gap: 8px;overflow-x: auto;scrollbar-width: thin;padding: 0px 20px;} .boxContatos .centro nav ul li.ativo a{background: var(--corBtnHover) !important;pointer-events: none;/* color: #fff; */} .boxContatos .centro nav ul li.ativo a b{color: var(--corBtnTextoHover) !important;} .boxContatos .centro nav ul li{width: max-content;} .boxContatos .centro nav ul li a:link, .boxContatos .centro nav ul li a:active, .boxContatos .centro nav ul li a:visited{display: block;width: max-content;background: var(--corBtn);outline: 1px solid var(--corBordaTopo);outline-offset: -1px;border-radius: 20px 20px 0px 0px;padding: 14px 25px 22px;transition: all 0.5s ease;} .boxContatos .centro nav ul li a b{display: block;font-size: 16px;font-weight: 700;line-height: 20px;letter-spacing: -0.02em;color: var(--corBtnTexto);transition: all 0.5s ease;} /* Hover */ ._1000 .boxContatos .centro nav ul li a:hover{background: var(--corBtnHover);} ._1000 .boxContatos .centro nav ul li a:hover b{color: var(--corBtnTextoHover);} .boxContatos .centro div.conteudoFormulario{display: flex;gap: 20px;} .boxContatos .centro div.conteudoFormulario div.conteudo{display: flex;flex-direction: column;justify-content: space-between;width: 100%;max-width: 328px;} .boxContatos .centro div.conteudoFormulario div.conteudo div.conteudoFlutuante{position: sticky;top: 104px;} .boxContatos .centro div.conteudoFormulario div.conteudo:has(div.bannerContato) div.conteudoFlutuante{padding-bottom: 181px;} .boxContatos .centro div.conteudoFormulario div.conteudo div.conteudoFlutuante h2{font: 600 36px/40px "Crimson Pro";letter-spacing: -0.03em;color: var(--corTextoPrincipal);} .boxContatos .centro div.conteudoFormulario div.conteudo div.conteudoFlutuante h2::after{content: "";display: block;width: calc(100% + 20px);height: 2px;background: var(--corBordaForm1);margin: 20px 0px;} .boxContatos .centro div.conteudoFormulario div.conteudo div.conteudoFlutuante p{width: 100%;max-width: 293px;font-size: 16px;font-weight: 400;line-height: 26px;letter-spacing: -0.01em;color: var(--corTextoPrincipal);opacity: 80%;} .boxContatos .centro div.conteudoFormulario div.conteudo div.conteudoFlutuante p b{display: inline;font-weight: 700;color: var(--corTextoBold);} /* Contato Distribuidora */ .boxContatos .centro div.conteudoFormulario div.conteudo div.bannerContato{width: calc(100% + 20px);background: var(--corBannerForm);padding: 23px 35px 22px;margin: auto 0px 0px 0px;} .boxContatos .centro div.conteudoFormulario div.conteudo div.bannerContato span{display: block;font-size: 15px;font-weight: 400;line-height: 22px;letter-spacing: -0.01em;color: var(--corTextoBannerForm);margin-bottom: 8px;} .boxContatos .centro div.conteudoFormulario div.conteudo div.bannerContato span b{display: block; font-weight: 700;color: var(--corTextoBold);} .boxContatos .centro div.conteudoFormulario div.conteudo div.bannerContato a:link, .boxContatos .centro div.conteudoFormulario div.conteudo div.bannerContato a:active, .boxContatos .centro div.conteudoFormulario div.conteudo div.bannerContato a:visited{width: max-content; display: flex;align-items: center;gap: 8px;padding: 4px 10px;margin: 0px 0px 4px -10px;position: relative;transition: all 0.5s ease;} .boxContatos .centro div.conteudoFormulario div.conteudo div.bannerContato a::before{content: ""; width: 17px; min-width: 17px; height: 12px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='12' fill='none' viewBox='0 0 17 12'%3E%3Cpath fill='%23231f20' d='M10.735 12 9.23 10.51l3.495-3.462H0V4.952h12.737L9.242 1.49 10.747 0 17 6z' opacity='1' style='fill:%23231f20;fill:color(display-p3 .1373 .1216 .1255);fill-opacity:1'/%3E%3C/svg%3E") no-repeat; opacity: 24%; transition: all 0.5s ease;} body.estilo2 .boxContatos .centro div.conteudoFormulario div.conteudo div.bannerContato a::before{content: "";background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='12' fill='none' viewBox='0 0 17 12'%3E%3Cpath fill='%23ACACAC' d='M10.735 12 9.23 10.51l3.495-3.462H0V4.952h12.737L9.242 1.49 10.747 0 17 6z' opacity='1' style='fill:%23ACACAC;fill:%23ACACAC;fill-opacity:1'/%3E%3C/svg%3E") no-repeat;opacity: 34%;} body.estilo3 .boxContatos .centro div.conteudoFormulario div.conteudo div.bannerContato a::before{content: "";background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='12' fill='none' viewBox='0 0 17 12'%3E%3Cpath fill='%2341A1BF' d='M10.735 12 9.23 10.51l3.495-3.462H0V4.952h12.737L9.242 1.49 10.747 0 17 6z' opacity='1' style='fill:%2341A1BF;fill:%2341A1BF;fill-opacity:1'/%3E%3C/svg%3E") no-repeat;opacity: 80%;} .boxContatos .centro div.conteudoFormulario div.conteudo div.bannerContato a::after{content: "";width: calc(100% - 45px);height: 2px;background: transparent;position: absolute;bottom: 0px;left: 35px;transition: all 0.5s ease;} .boxContatos .centro div.conteudoFormulario div.conteudo div.bannerContato a b{display: block;font-size: 15px;font-weight: 700;line-height: 20px;color: var(--corTextoBannerForm);transition: all 0.5s ease;} /* Hover */ .boxContatos .centro div.conteudoFormulario div.conteudo div.bannerContato a:hover{} .boxContatos .centro div.conteudoFormulario div.conteudo div.bannerContato a:hover::before{content: "";opacity: 1 !important;} .boxContatos .centro div.conteudoFormulario div.conteudo div.bannerContato a:hover::after{content: "";background: var(--corTextoContatoHover);} .boxContatos .centro div.conteudoFormulario div.conteudo div.bannerContato a:hover b{ color: var(--corTextoContatoHover); } /* Formulario no ESTILO */ /* form{width: 100%;max-width: 1038px;border: 2px solid #231F201F;padding: 34px 20px 78px;} form fieldset{width: 100%;max-width: 904px;margin: 0px auto;} form fieldset legend{font-size: 16px;font-weight: 500;font-style: italic;line-height: 28px;letter-spacing: -0.01em;color: #231f2099;margin-bottom: 24px;} form fieldset div.formGrupo{display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 16px 24px;} form fieldset div.formGrupo div.formCampo{} form fieldset div.formGrupo div.formCampo.campoAssunto{width: calc((90% / 2) - 12px);} form fieldset div.formGrupo div.formCampo.campoPedido{width: calc((70% / 2) - 12px);} form fieldset div.formGrupo div.formCampo.campoNome{width: calc((100% / 2) - 12px);} form fieldset div.formGrupo div.formCampo.campoDocumento{width: calc((56% / 2) - 12px);} form fieldset div.formGrupo div.formCampo.campoEmail{width: calc((96% / 2) - 12px);} form fieldset div.formGrupo div.formCampo.campoTelefone{width: calc((56% / 2) - 12px);} form fieldset div.formGrupo div.formCampo.campoCidade{width: calc((100% / 3) - 16px);} form fieldset div.formGrupo div.formCampo.campoEstado{width: calc((100% / 3) - 16px);} form fieldset div.formGrupo div.formCampo.campoPais{width: calc((100% / 3) - 16px);} form fieldset div.formGrupo div.formCampo.campoProjeto{width: 88%;} form fieldset div.formGrupo div.formCampo.campoTituloProjeto{width: calc((90% / 2) - 12px);} form fieldset div.formGrupo div.formCampo.campoAuditoria{} form fieldset div.formGrupo div.formCampo.campoDireitos{width: 100%;max-width: 450px;min-width: 450px;} form fieldset div.formGrupo div.formCampo.campoAutoria{width: 32%;} form fieldset div.formGrupo div.formCampo.campoIdioma{width: calc((66% / 2) - 12px);} form fieldset div.formGrupo div.formCampo.campoLaudas{width: 94%;} form fieldset div.formGrupo div.formCampo.campoResumo{width: 100%;} form fieldset div.formGrupo div.formCampo.campoJustificativa{width: 100%;} form fieldset div.formGrupo div.formCampo.campoArquivo{} form fieldset div.formGrupo div.formCampo.campoPrazoResposta{width: 40%;} form fieldset div.formGrupo div.formCampo.campoQualPrazoResposta{width: 32%;} form fieldset div.formGrupo div.formCampo.campoEdital{width: 40%;} form fieldset div.formGrupo div.formCampo.campoQualEdital{width: 32%;} form fieldset div.formGrupo div.formCampo.campoPrazoPublicacao{width: 40%;} form fieldset div.formGrupo div.formCampo.campoQualPrazoPublicacao{width: 32%;} form fieldset div.formGrupo div.formCampo.campoMensagem{width: 100%;} form fieldset div.formGrupo div.formCampo.campoRazaoSocial{width: calc((100% / 2) - 12px);} form fieldset div.formGrupo div.formCampo.campoCnpj{width: calc((66% / 2) - 12px);} form fieldset div.formGrupo div.formCampo label{width: max-content;display: block;font-size: 15px;font-weight: 700;letter-spacing: -0.01em;line-height: 24px;} form fieldset div.formGrupo div.formCampo label b{font-weight: 500;} form fieldset div.formGrupo div.formCampo input, form fieldset div.formGrupo div.formCampo select, form fieldset div.formGrupo div.formCampo textarea{width: 100%;display: block;background: #EBEBEB;font-size: 16px;font-weight: 500;line-height: 24px;letter-spacing: -0.02em;color: #231F20;padding: 14px 20px;transition: all 0.5s ease;} form fieldset div.formGrupo div.formCampo select{-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' viewBox='0 0 12 8'%3E%3Cpath fill='%23464646' d='m6 8 6-8H0z' style='fill:%23464646;fill:color(display-p3 .274 .274 .274);fill-opacity:1'/%3E%3C/svg%3E") center right no-repeat #EBEBEB;background-position-x: calc(100% - 20px);} form fieldset div.formGrupo div.formCampo textarea{height: 100%;max-height: 136px;outline: 2px solid #00000000; resize: none;} form fieldset div.formGrupo div.formCampo input::placeholder{font-size: 16px;font-weight: 500;line-height: 24px;letter-spacing: -0.02em;color: #231F20B8; transition: all 0.5s ease;} */ /* Hover / Focus form fieldset div.formGrupo div.formCampo input:hover, form fieldset div.formGrupo div.formCampo select:hover, form fieldset div.formGrupo div.formCampo textarea:hover{outline-color: #00000052;} form fieldset div.formGrupo div.formCampo input:focus, form fieldset div.formGrupo div.formCampo select:focus, form fieldset div.formGrupo div.formCampo textarea:focus{outline-color: #00000052;} form fieldset div.formGrupo div.formCampo input:hover::placeholder{color: #231F20;} form fieldset div.formGrupo div.formCampo select:hover, form fieldset div.formGrupo div.formCampo select:focus{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' viewBox='0 0 12 8'%3E%3Cpath fill='%23fff' d='m6 8 6-8H0z' style='fill:%23fff;fill-opacity:1'/%3E%3C/svg%3E") center right no-repeat #231f20;background-position-x: calc(100% - 20px);color: #ffffffb8;} form fieldset div.formGrupo div.formCampo select option{display: block; font-size: 15px; font-weight: 500; line-height: 24px; letter-spacing: -0.01em; color: #231f20; background: #FFF;transition: all 0.5s ease;} form fieldset div.formGrupo div.formCampo select option:first-of-type{color: #231f20!important;} form fieldset div.formGrupo div.formCampo select option::before{content: ""; width: 100%; height: 100%; background: transparent; position: absolute; top: 0px; left: 0px;} /* Hover form fieldset div.formGrupo div.formCampo select option:hover::before{content: "";background: #231f20;} form fieldset div.formGrupo hr.formDivisor{width: 100%; height: 2px; background: #EBEBEB;margin: 16px 0px 12px;} */ /* Campo Nota form fieldset div.formGrupo div.formCampo.campoNota{display: flex; align-items: flex-end; gap: 24px;} form fieldset div.formGrupo div.formCampo.campoNota div.campoWrapper{width: 100%;} form fieldset div.formGrupo div.formCampo.campoNota span.formNota{width: 100%; max-width: 374px; display: block; font-size: 14px; font-weight: 500; font-style: italic; line-height: 18px; letter-spacing: -0.01em; color: #231f2099;} */ /* Campo Radio form fieldset div.formGrupo div.formCampo.campoRadio{width: 40%;} form fieldset div.formGrupo div.formCampo.campoRadio span.labelFake{display: block;font-size: 15px;font-weight: 700;line-height: 24px;margin-bottom: 12px;} form fieldset div.formGrupo div.formCampo.campoRadio div.radioGrupo{display: flex;gap: 40px;} form fieldset div.formGrupo div.formCampo.campoRadio div.radioGrupo label{display: flex;align-items: center;gap: 8px;font-size: 16px;font-weight: 500;line-height: 20px;color: #231f20b8;letter-spacing: -0.02em;} form fieldset div.formGrupo div.formCampo.campoRadio div.radioGrupo label input{width: 20px;min-width: 20px;height: 20px;background: #EBEBEB;outline: initial;border-radius: 100%;transition: all 0.5s ease;} */ /* Upload Container form fieldset div.formGrupo div.formCampo.campoArquivo{width: 100%;} form fieldset div.formGrupo div.formCampo.campoArquivo div.campoWrapper{} form fieldset div.formGrupo div.formCampo.campoArquivo div.campoWrapper label{} form fieldset div.formGrupo div.formCampo.campoArquivo div.campoWrapper div.uploadContainer{position: relative;display: flex;align-items: center;background-color: #EBEBEB;padding: 6px 24px 6px 6px;min-height: 50px;box-sizing: border-box;cursor: pointer;} form fieldset div.formGrupo div.formCampo.campoArquivo div.campoWrapper div.uploadContainer input{padding: 0px;} form fieldset div.formGrupo div.formCampo.campoArquivo div.campoWrapper div.uploadContainer input[type="file"]{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;z-index: 2;} form fieldset div.formGrupo div.formCampo.campoArquivo div.campoWrapper div.uploadContainer span.btnUpload{display: flex;align-items: center;gap: 8px;font-size: 14px;font-weight: 700;line-height: 16px;color: #231F20;background-color: #ffffff;padding: 10px 20px 10px 16px;pointer-events: none;z-index: 1;} form fieldset div.formGrupo div.formCampo.campoArquivo div.campoWrapper div.uploadContainer span.btnUpload::before{content: ""; width: 18px; min-width: 18px; height: 16px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' fill='none' viewBox='0 0 18 16'%3E%3Cg fill='%23000' opacity='.32'%3E%3Cpath d='M9.016 8 9.058 8l.048.005.012.002.059.01.038.01q.015.004.031.009a.8.8 0 0 1 .33.196l3.273 3.2c.32.313.32.82 0 1.132a.83.83 0 0 1-1.157 0l-1.876-1.834V15.2a.81.81 0 0 1-.818.8.81.81 0 0 1-.819-.8v-4.47l-1.876 1.835a.83.83 0 0 1-1.157 0 .79.79 0 0 1 0-1.131l3.273-3.2a1 1 0 0 1 .12-.098l.034-.02a.8.8 0 0 1 .308-.11h.014q.023-.004.048-.005L8.982 8h.033' style='fill:%23000;fill-opacity:1'/%3E%3Cpath d='M6.028.02a6.7 6.7 0 0 1 2.91.423 6.56 6.56 0 0 1 2.428 1.626c.531.565.952 1.22 1.245 1.929h.888a4.57 4.57 0 0 1 2.682.866 4.4 4.4 0 0 1 1.625 2.257 4.3 4.3 0 0 1-.07 2.76A4.4 4.4 0 0 1 16 12.058a.83.83 0 0 1-1.135-.221.79.79 0 0 1 .226-1.11c.51-.333.898-.82 1.105-1.385a2.74 2.74 0 0 0 .045-1.756 2.8 2.8 0 0 0-1.035-1.437 2.9 2.9 0 0 0-1.707-.551h-1.465a.82.82 0 0 1-.783-.571 4.8 4.8 0 0 0-1.09-1.875 4.9 4.9 0 0 0-1.82-1.22 5.01 5.01 0 0 0-4.287.332c-.642.37-1.19.878-1.6 1.485a4.702 4.702 0 0 0-.565 4.168 4.8 4.8 0 0 0 1.148 1.842.79.79 0 0 1-.011 1.131.83.83 0 0 1-1.158-.013A6.4 6.4 0 0 1 .335 8.423a6.3 6.3 0 0 1-.278-2.864 6.3 6.3 0 0 1 1.032-2.693A6.5 6.5 0 0 1 3.224.886 6.65 6.65 0 0 1 6.028.02' style='fill:%23000;fill-opacity:1'/%3E%3C/g%3E%3C/svg%3E") no-repeat;} form fieldset button{display: block;font-size: 16px;font-weight: 800;line-height: 16px;color: #FFF;background: #231F20;outline: 2px solid transparent; outline-offset: -2px; border-radius: 1px;padding: 16px 24px;margin-top: 16px;cursor: pointer;transition: all 0.5s ease;} Hover form fieldset button:hover{color: #231F20; background: #FFF; outline: 2px solid #231F20; outline-color: #231F20;} */ /* Mensagem de Retorno do Formulário */ .boxContatos .centro div.conteudoFormulario form fieldset div.msgRetorno{display: none;} .boxContatos .centro div.conteudoFormulario form fieldset div.msgRetorno.ativo.erro{display: block;font-size: 14px;font-weight: 500;line-height: 20px;letter-spacing: -0.01em;color: #C0392B;margin-top: 16px;} .boxContatos .centro div.conteudoFormulario form fieldset div.msgRetorno.ativo.sucesso{width: 100%;display: flex;align-items: center;justify-content: space-between;gap: 24px;background: #FAFAFA;border: 1px solid #231F201F;border-radius: 4px;padding: 32px 40px;filter: var(--inverteBox);} .boxContatos .centro div.conteudoFormulario form fieldset div.msgRetorno.ativo.sucesso span.msgConteudo strong{display: block;font: 600 36px/40px "Crimson Pro";letter-spacing: -0.02em;color: #231F20;margin-bottom: 9px;} .boxContatos .centro div.conteudoFormulario form fieldset div.msgRetorno.ativo.sucesso span.msgConteudo p{font-size: 16px;font-weight: 400;line-height: 26px;letter-spacing: -0.01em;color: #231F20;opacity: 80%;} .boxContatos .centro div.conteudoFormulario form fieldset div.msgRetorno.ativo.sucesso span.msgIcone{width: 115px;min-width: 115px;height: 70px;} .boxContatos .centro div.conteudoFormulario form fieldset div.msgRetorno.ativo.sucesso span.msgIcone svg{display: block;width: 100%;height: 100%;} /* MOBILE */ /* Box Topo */ ._320 .boxTopo{width: 100%;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='832' height='378' fill='none' viewBox='0 0 832 378'%3E%3Cg fill='%23231f20' opacity='.06'%3E%3Cpath d='M212.746 84.094a486.003 486.003 0 0 0-136.15 663.791 486 486 0 0 0 181.77 167.509 486 486 0 0 0 240.656 56.432A486.003 486.003 0 0 0 972 486.596l-50.496-.061a435.506 435.506 0 0 1-639.487 384.244A435.5 435.5 0 0 1 51.15 509.864a435.5 435.5 0 0 1 189.987-384.011z' style='fill:%23231f20;fill:color(display-p3 .1373 .1216 .1255);fill-opacity:1'/%3E%3Cpath d='M805.193 334.997a353.108 353.108 0 1 0-602.901 361.232l41.144-30.488a301.88 301.88 0 0 1-53.519-238.725 301.9 301.9 0 0 1 140.917-199.991 301.9 301.9 0 0 1 242.813-29.924 301.9 301.9 0 0 1 185.257 159.794z' style='fill:%23231f20;fill:color(display-p3 .1373 .1216 .1255);fill-opacity:1'/%3E%3Cpath d='M267.68 486A218.32 218.32 0 1 0 486 267.68v51.19c33.055 0 65.368 9.802 92.852 28.167a167.125 167.125 0 0 1 71.067 171.568 167.14 167.14 0 0 1-45.74 85.574A167.133 167.133 0 0 1 318.87 486z' style='fill:%23231f20;fill:color(display-p3 .1373 .1216 .1255);fill-opacity:1'/%3E%3C/g%3E%3C/svg%3E") no-repeat left top var(--corTopo);border-bottom: 1px solid var(--corBordaTopo);} ._320 body.estilo2 .boxTopo{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='832' height='378' fill='none' viewBox='0 0 832 378'%3E%3Cg fill='%23D7D7D7' opacity='.04'%3E%3Cpath d='M212.746 84.094a486.003 486.003 0 0 0-136.15 663.791 486 486 0 0 0 181.77 167.509 486 486 0 0 0 240.656 56.432A486.003 486.003 0 0 0 972 486.596l-50.496-.061a435.506 435.506 0 0 1-639.487 384.244A435.5 435.5 0 0 1 51.15 509.864a435.5 435.5 0 0 1 189.987-384.011z' style='fill:%23D7D7D7;fill:%23D7D7D7;fill-opacity:1'/%3E%3Cpath d='M805.193 334.997a353.108 353.108 0 1 0-602.901 361.232l41.144-30.488a301.88 301.88 0 0 1-53.519-238.725 301.9 301.9 0 0 1 140.917-199.991 301.9 301.9 0 0 1 242.813-29.924 301.9 301.9 0 0 1 185.257 159.794z' style='fill:%23D7D7D7;fill:%23D7D7D7;fill-opacity:1'/%3E%3Cpath d='M267.68 486A218.32 218.32 0 1 0 486 267.68v51.19c33.055 0 65.368 9.802 92.852 28.167a167.125 167.125 0 0 1 71.067 171.568 167.14 167.14 0 0 1-45.74 85.574A167.133 167.133 0 0 1 318.87 486z' style='fill:%23D7D7D7;fill:%23D7D7D7;fill-opacity:1'/%3E%3C/g%3E%3C/svg%3E") no-repeat left top var(--corTopo);} ._320 body.estilo3 .boxTopo{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='832' height='378' fill='none' viewBox='0 0 832 378'%3E%3Cg fill='%23FFF' opacity='.06'%3E%3Cpath d='M212.746 84.094a486.003 486.003 0 0 0-136.15 663.791 486 486 0 0 0 181.77 167.509 486 486 0 0 0 240.656 56.432A486.003 486.003 0 0 0 972 486.596l-50.496-.061a435.506 435.506 0 0 1-639.487 384.244A435.5 435.5 0 0 1 51.15 509.864a435.5 435.5 0 0 1 189.987-384.011z' style='fill:%23FFF;fill:%23FFF;fill-opacity:1'/%3E%3Cpath d='M805.193 334.997a353.108 353.108 0 1 0-602.901 361.232l41.144-30.488a301.88 301.88 0 0 1-53.519-238.725 301.9 301.9 0 0 1 140.917-199.991 301.9 301.9 0 0 1 242.813-29.924 301.9 301.9 0 0 1 185.257 159.794z' style='fill:%23FFF;fill:%23FFF;fill-opacity:1'/%3E%3Cpath d='M267.68 486A218.32 218.32 0 1 0 486 267.68v51.19c33.055 0 65.368 9.802 92.852 28.167a167.125 167.125 0 0 1 71.067 171.568 167.14 167.14 0 0 1-45.74 85.574A167.133 167.133 0 0 1 318.87 486z' style='fill:%23FFF;fill:%23FFF;fill-opacity:1'/%3E%3C/g%3E%3C/svg%3E") no-repeat left top var(--corTopo);} ._320 .boxTopo .centro{padding: 102px 20px 76px;} ._320 .boxTopo .centro h2{font-size: 32px;line-height: 34px;margin-bottom: 12px;} ._320 .boxTopo .centro p{font-size: 15px;line-height: 25px;} /* Box Contatos */ ._320 .boxContatos{} ._320 .boxContatos .centro{padding: 1px 20px 40px;} ._320 .boxContatos .centro nav{width: calc(100% + 40px);margin: -37px -20px 20px;} ._320 .boxContatos .centro nav ul{width: 100%; gap: 6px;overflow-x: auto;scrollbar-width: none;padding: 0px 20px;scroll-behavior: smooth;position: relative;} ._320 .boxContatos .centro nav ul li{} ._320 .boxContatos .centro nav ul li a:link, ._320 .boxContatos .centro nav ul li a:active, ._320 .boxContatos .centro nav ul li a:visited{width: max-content;border-radius: 14px 14px 0px 0px;padding: 10px 20px 16px;} .boxContatos .centro nav ul li a b{font-size: 14px;line-height: 20px;} /* Hover */ ._320 .boxContatos .centro nav ul li a:hover{} ._320 .boxContatos .centro nav ul li a:hover b{} ._320 .boxContatos .centro div.conteudoFormulario{flex-direction: column;} ._320 .boxContatos .centro div.conteudoFormulario div.conteudo{max-width: initial;} ._320 .boxContatos .centro div.conteudoFormulario div.conteudo div.conteudoFlutuante{max-width: initial;position: initial;} ._320 .boxContatos .centro div.conteudoFormulario div.conteudo:has(div.bannerContato) div.conteudoFlutuante{padding-bottom: 20px} ._320 .boxContatos .centro div.conteudoFormulario div.conteudo div.conteudoFlutuante h2{font-size: 26px;line-height: 32px;} ._320 .boxContatos .centro div.conteudoFormulario div.conteudo div.conteudoFlutuante h2::after{width: 100%;margin: 10px 0px;} ._320 .boxContatos .centro div.conteudoFormulario div.conteudo div.conteudoFlutuante p{max-width: initial;font-size: 14px;line-height: 20px;} ._320 .boxContatos .centro div.conteudoFormulario div.conteudo div.conteudoFlutuante p b{} /* Contato Distribuidora */ ._320 .boxContatos .centro div.conteudoFormulario div.conteudo div.bannerContato{width: 100%;padding: 20px 20px 12px;} ._320 .boxContatos .centro div.conteudoFormulario div.conteudo div.bannerContato span{} ._320 .boxContatos .centro div.conteudoFormulario div.conteudo div.bannerContato span b{display: inline-block;} ._320 .boxContatos .centro div.conteudoFormulario div.conteudo div.bannerContato a:link, ._320 .boxContatos .centro div.conteudoFormulario div.conteudo div.bannerContato a:active, ._320 .boxContatos .centro div.conteudoFormulario div.conteudo div.bannerContato a:visited{} ._320 .boxContatos .centro div.conteudoFormulario div.conteudo div.bannerContato a::before{} ._320 .boxContatos .centro div.conteudoFormulario div.conteudo div.bannerContato a::after{} ._320 .boxContatos .centro div.conteudoFormulario div.conteudo div.bannerContato a b{} /* Mensagem de Retorno do Formulário */ ._320 .boxContatos .centro div.conteudoFormulario form fieldset div.msgRetorno.ativo.sucesso{flex-direction: column;align-items: flex-start;gap: 16px;padding: 24px 20px;} ._320 .boxContatos .centro div.conteudoFormulario form fieldset div.msgRetorno.ativo.sucesso span.msgConteudo strong{font-size: 20px;line-height: 26px;} ._320 .boxContatos .centro div.conteudoFormulario form fieldset div.msgRetorno.ativo.sucesso span.msgConteudo p{font-size: 14px;line-height: 22px;} ._320 .boxContatos .centro div.conteudoFormulario form fieldset div.msgRetorno.ativo.sucesso span.msgIcone{} /* ._320 form{padding: 20px;} ._320 form fieldset{} ._320 form fieldset legend{font-size: 14px;line-height: 22px;margin-bottom: 16px;} ._320 form fieldset div.formGrupo{} ._320 form fieldset div.formGrupo div.formCampo{flex-direction: column;gap: 8px;width: 100%;min-width: initial;} ._320 form fieldset div.formGrupo div.formCampo.campoNome{} ._320 form fieldset div.formGrupo div.formCampo.campoEmail{} ._320 form fieldset div.formGrupo div.formCampo.campoTelefone{} ._320 form fieldset div.formGrupo div.formCampo.campoCidade{} ._320 form fieldset div.formGrupo div.formCampo.campoEstado{} ._320 form fieldset div.formGrupo div.formCampo.campoTitulo{} ._320 form fieldset div.formGrupo div.formCampo.campoCategoria{} ._320 form fieldset div.formGrupo div.formCampo.campoSinopse{} ._320 form fieldset div.formGrupo div.formCampo.campoMensagem{} ._320 form fieldset div.formGrupo div.formCampo label, ._320 form fieldset div.formGrupo div.formCampo.campoRadio span.labelFake{font-size: 14px;line-height: 18px;margin-bottom: 6px;} ._320 form fieldset div.formGrupo div.formCampo input, ._320 form fieldset div.formGrupo div.formCampo select, ._320 form fieldset div.formGrupo div.formCampo textarea{padding: 10px 20px;font-size: 14px;} ._320 form fieldset div.formGrupo div.formCampo select{} ._320 form fieldset div.formGrupo div.formCampo textarea{} ._320 form fieldset div.formGrupo div.formCampo input::placeholder{} */ /* Hover ._320 form fieldset div.formGrupo div.formCampo input:hover, ._320 form fieldset div.formGrupo div.formCampo select:hover, ._320 form fieldset div.formGrupo div.formCampo textarea:hover{} ._320 form fieldset div.formGrupo div.formCampo input:hover::placeholder{} */ /* Form Divisor form fieldset div.formGrupo hr.formDivisor{margin: 4px 0px 4px;} */ /* Radio Grupo ._320 form fieldset div.formGrupo div.formCampo.campoRadio div.radioGrupo{flex-wrap: wrap; gap: 10px;} ._320 form fieldset div.formGrupo div.formCampo.campoRadio div.radioGrupo label{font-size: 14px;} ._320 form fieldset div.formGrupo div.formCampo.campoRadio div.radioGrupo label input{width: 18px; min-width: 18px; height: 18px;} */ /* Form Nota ._320 form fieldset div.formGrupo div.formCampo.campoNota span.formNota{font-size: 12px; line-height: 16px;} ._320 form fieldset button{padding: 14px 20px;} */