body, html {
overflow-x: hidden;
}
body {
font-family: "Figtree", sans-serif !important;
}
html {
scroll-behavior: smooth; 
scroll-padding-top: 80px;
}
#header {
position: fixed;
width: 100%;
z-index: 999;
background-image: none;
background-color: #001A32;
height: 125px;
transition: background-color 0.4s ease, box-shadow 0.4s ease;
}
#header.nav-fixed {
background-color: #fff;
box-shadow: 0px 4px 8px rgba(37, 57, 83, 0.2);
}
#header.nav-fixed .principal li a {
color: #000;
}
#header.nav-fixed .btn-2 {
color: #000;
border: 1px solid #000;
}
.navbar-brand img {
height: 45px;
margin-right: 20px;
}
.principal li a {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: -0.004em;
color: #FFFFFF;
transition: color 0.4s ease;
}
.hero-home {
background-color: #001A32;
height: 900px;
position: relative;
padding-top: 220px;
overflow: hidden;
}
.hero-home::before {
background: linear-gradient(0deg, #001a32d4 27.34%, rgb(0 0 0 / 0%) 98.49%);
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
content: '';
display: block;
height: 30%;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: 3;
}
.titulo-1 {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 75px;
line-height: 70px;
letter-spacing: -0.05em;
color: #FFFFFF;
}
.texto-1 {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 26px;
letter-spacing: -0.004em;
color: #FFFFFF;
}
.btn-1 {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 24px;
letter-spacing: -0.004em;
color: #1D1F1E;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 24px;
gap: 10px;
background: #FCB523;
border-radius: 200px;
width: max-content;
}
.btn-2 {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 24px;
letter-spacing: -0.004em;
color: #fff;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 24px;
gap: 10px;
background: transparent;
border-radius: 200px;
border: 1px solid #fff;
width: max-content;
}
.btn-2:hover {
background: #FCB523;
color: #1D1F1E;
border: 1px solid #FCB523;
}
.btn-3 {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 24px;
letter-spacing: -0.004em;
color: #FFFFFF;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 24px;
gap: 10px;
background: #001A32;
border-radius: 200px;
width: max-content;
}
.flutua-1 {
width: 312px;
height: 390px;
object-fit: cover;
border-radius: 16px;
position: absolute;
z-index: 2;
left: -20px;
top: 220px;
}
.flutua-2 {
width: 330px;
height: 270px;
object-fit: cover;
border-radius: 16px;
position: absolute;
z-index: 2;
right: -20px;
top: 180px;
}
.flutua-3 {
width: 490px;
height: 350px;
object-fit: cover;
border-radius: 16px;
position: absolute;
z-index: 2;
left: 100px;
bottom: -180px;
}
.flutua-4 {
width: 312px;
height: 390px;
object-fit: cover;
border-radius: 16px;
position: absolute;
z-index: 2;
right: 50px;
bottom: -100px;
}
.titulo-2 {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 59.8687px;
line-height: 66px;
letter-spacing: -0.03em;
color: #1D1F1E;
}
.texto-2 {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 17.3813px;
line-height: 25px;
letter-spacing: -0.004em;
color: #646A69;
}
.home-2 {
padding-top: 100px;
padding-bottom: 100px;
}
.card-solucao {
width: 100%;
height: 350px;
background-repeat: no-repeat;
background-size: cover;
border-radius: 16px;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: end;
padding: 25px;
}
.card-solucao::before {
background: linear-gradient(0deg, #001a32d4 27.34%, rgb(0 0 0 / 0%) 98.49%);
content: '';
display: block;
height: 70%;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
border-radius: 16px;
}
.card-solucao h3 {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 22.911px;
line-height: 22px;
display: flex;
align-items: center;
text-align: center;
letter-spacing: -0.03em;
color: #fff;
}
.owl-solucoes.owl-theme .owl-nav [class*=owl-] {
color: #000;
font-size: 30px;
margin: 0px;
width: 46px;
background: transparent;
display: inline-block;
cursor: pointer;
transition: 0.3s ease-in-out;
height: 46px;
line-height: 15px;
border-radius: 0;
}
.owl-solucoes button.owl-next, .owl-solucoes button.owl-prev {
position: relative;
bottom: -20px;
}
.owl-solucoes button.owl-prev {
left: -10px;
}
.owl-solucoes button.owl-next {
right: 0;
}
.owl-solucoes.owl-theme .owl-nav {
display: flex !important;
justify-content: center;
}
.home-3 {
padding-top: 80px;
background-color: #FFF7ED;
padding-bottom: 110px;
}
.full-left {
width: 100%;
}
.lista-numeros {
list-style: none;
margin: 0px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.lista-numeros span {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 48px;
line-height: 60px;
letter-spacing: -0.03em;
color: #1D1F1E;
display: block;
}
.lista-numeros small {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 26px;
letter-spacing: -0.004em;
color: #646A69;
}
.home-4 {
background-color: #001A32;
padding-top: 100px;
padding-bottom: 120px;
}
.blog-card1 {
background-color: #FFFFFF;
border-radius: 16px;
display: block;
}
.blog-card1 h3 {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 28.7354px;
line-height: 36px;
letter-spacing: -0.01em;
color: #1D1F1E;
height: 110px;
}
.blog-card1 p {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 12.1855px;
line-height: 18px;
letter-spacing: -0.004em;
color: #646A69;
}
.blog-card1 div span {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 12.5717px;
line-height: 18px;
letter-spacing: -0.004em;
color: #1D1F1E;
}
.blog-card1 .user {
width: 35px;
height: 35px;
object-fit: cover;
border-radius: 100%;
}
.blog-card1 .blog-cont {
padding: 20px;
}
.blog-card1 .meta {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
}
.blog-card1 .capa {
width: 100%;
height: 350px;
object-fit: cover;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
}
.blog-card2 {
background-color: #FFFFFF;
border-radius: 16px;
display: block;
}
.blog-card2 h3 {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 21px;
line-height: 27px;
letter-spacing: -0.01em;
color: #1D1F1E;
height: 100px;
}
.blog-card2 p {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 12.1855px;
line-height: 18px;
letter-spacing: -0.004em;
color: #646A69;
}
.blog-card2 div span {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 12.5717px;
line-height: 18px;
letter-spacing: -0.004em;
color: #1D1F1E;
}
.blog-card2 .user {
width: 35px;
height: 35px;
object-fit: cover;
border-radius: 100%;
}
.blog-card2 .blog-cont {
padding: 20px;
}
.blog-card2 .meta {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
}
.blog-card2 .capa {
width: 100%;
height: 213px;
object-fit: cover;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
}
.blog-card3 {
background-color: #FFFFFF;
border-radius: 16px;
box-shadow: 0px 16.0944px 16.0944px -8.04722px rgba(54, 74, 54, 0.06), 0px 0.670602px 1.3412px rgba(87, 92, 86, 0.16), 0px 0px 0px 0.670602px rgba(18, 105, 63, 0.08);
display: block;
}
.blog-card3 h3 {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 21px;
line-height: 28px;
letter-spacing: -0.01em;
color: #1D1F1E;
height: 100px;
}
.blog-card3 p {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 12.1855px;
line-height: 18px;
letter-spacing: -0.004em;
color: #646A69;
}
.blog-card3 div span {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 12.5717px;
line-height: 18px;
letter-spacing: -0.004em;
color: #1D1F1E;
}
.blog-card3 .user {
width: 35px;
height: 35px;
object-fit: cover;
border-radius: 100%;
}
.blog-card3 .blog-cont {
padding: 20px;
}
.blog-card3 .meta {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
}
.blog-card3 .capa {
width: 100%;
height: 350px;
object-fit: cover;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
}
.prefooter {
background: linear-gradient(to right, #001A32 0%, #001A32 76%, #FFF7ED 60%, #FFF7ED 100%);
}
.news input {
border-radius: 200px;
border: none;
height: 50px;
width: 100%;
padding: 10px;
}
.news button {
border: none;
flex-shrink: 0;
}
.news {
display: flex;
align-items: center;
gap: 20px;
}
.footer-img {
margin-bottom: -50px;
margin-top: -70px;
}
#footer {
background-position: left bottom;
background-repeat: no-repeat;
background-size: cover;
padding-top: 150px;
padding-bottom: 70px;
}
.titulo-f {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: -0.004em;
color: #1D1F1E;
display: block;
margin-bottom: 15px;
}
.footmenu {
display: flex;
flex-direction: column;
padding: 0px;
margin: 0px;
list-style: none;
gap: 20px;
}
.footmenu span {
background-color: #022C22;
padding: 5px;
border-radius: 6px;
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.02em;
font-feature-settings: 'ss01' on;
color: #FFFFFF;
}
.footmenu li a {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: -0.004em;
color: #646A69;
}
.logo-foot {
height: 60px;
margin-bottom: 15px;
}
.redes {
display: flex;
flex-direction: column;
padding: 0px;
margin: 0px;
list-style: none;
gap: 15px;
}
.redes li a {
background-color: #fff;
padding: 5px;
border-radius: 90px;
height: 50px;
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 14.5px;
line-height: 22px;
letter-spacing: -0.004em;
color: #1D1F1E;
margin-right: 15px;
width: 240px;
}
.redes li a i {
color: #FCB523;
font-size: 22px;
background-color: #001A32;
display: flex;
width: 43px;
height: 43px;
justify-content: center;
align-items: center;
border-radius: 100%;
flex-shrink: 0;
}
.ass-p {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px;
text-align: center;
letter-spacing: -0.004em;
color: #646A69;
margin-bottom: 0px;
}
.ass-p a {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px;
text-align: center;
letter-spacing: -0.004em;
color: #646A69;
margin-bottom: 0px;
text-decoration: underline;
}
.hero-interno {
height: 340px;
margin-top: 125px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.hero-interno h1 {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 85px;
line-height: 90px;
text-align: center;
letter-spacing: -0.05em;
color: #FFFFFF;
}
.contato-interna {
padding-bottom: 70px;
padding-top: 70px;
}
.titulo-3 {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 50px;
line-height: 53px;
color: #1D1F1E;
}
.contatos-desc h3 {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 36px;
letter-spacing: -0.01em;
color: #302B2B;
}
.contatos-desc p {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 24px;
letter-spacing: -0.004em;
color: #302B2B;
}
.contatos-desc {
width: 50%;
}
.form-1 {
background: rgba(255, 255, 255, 0.8);
box-shadow: 0px 17.0356px 22.7141px -8.51778px rgba(54, 74, 54, 0.24), 0px 0.709815px 1.41963px rgba(167, 185, 164, 0.16), 0px 0px 0px 0.709815px rgba(18, 105, 63, 0.08);
border-radius: 11.357px;
padding: 30px;
}
.form-1 label {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 9.93741px;
line-height: 14px;
letter-spacing: -0.004em;
color: #1D1F1E;
display: block;
margin-bottom: 5px;
}
.form-1 input {
height: 35px;
background: #FFFFFF;
box-shadow: 0px 0.709815px 1.41963px rgba(2, 44, 34, 0.08), 0px 0px 0px 0.709815px rgba(2, 44, 34, 0.13);
border-radius: 4.25889px;
border: none;
display: block;
width: 100%;
}
.form-1 textarea {
height: 85px;
background: #FFFFFF;
box-shadow: 0px 0.709815px 1.41963px rgba(2, 44, 34, 0.08), 0px 0px 0px 0.709815px rgba(2, 44, 34, 0.13);
border-radius: 4.25889px;
border: none;
display: block;
width: 100%;
}
.form-1 button {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 11.357px;
line-height: 17px;
letter-spacing: -0.004em;
color: #FFFFFF;
background: #013565;
border-radius: 141.963px;
border: none;
height: 35px;
display: block;
width: 100%;
}
.trabalhe {
background-color: #FFF7ED;
padding-top: 70px;
}
.cases-interno {
padding-top: 80px;
padding-bottom: 80px;
}
.pre-body {
background-color: #FFF7ED;
padding-top: 40px;
padding-bottom: 40px;
}
.pre-body h2 {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 50px;
line-height: 68px;
letter-spacing: -0.03em;
color: #1D1F1E;
}
.pre-body p {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 32px;
letter-spacing: -0.01em;
color: #1D1F1E;
}
.estacoes-lista {
padding-top: 80px;
padding-bottom: 80px
}
.box-produto-base {
background-color: #FFF7ED;
border-top: 4px solid #FCB523;
}
.box-produto-base div {
padding: 25px;
text-align: center;
}
.box-produto-base img {
height: 300px;
width: 100%;
}
.box-produto-base h3 {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 29.5366px;
line-height: 40px;
text-align: center;
letter-spacing: -0.01em;
color: #101010;
height: 85px;
}
.box-produto-base a {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 13.6662px;
line-height: 18px;
letter-spacing: -0.004em;
color: #1D1F1E;
border: 1px solid #001A32;
border-radius: 151.847px;
padding: 12px 60px;
display: inline-block;
}
.tag-hero {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 18px;
text-align: center;
letter-spacing: -0.05em;
color: #FFFFFF;
background: #077C48;
border-radius: 56px;
padding: 5px 25px;
display: inline-block;
}
.listagem-detalhe-interna {
background-color: #FFF7ED;
padding-top: 60px;
padding-bottom: 90px;
}
.box-listagem h3 {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 19.8744px;
line-height: 30px;
letter-spacing: -0.01em;
color: #1D1F1E;
}
.box-listagem p {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 13.2496px;
line-height: 20px;
letter-spacing: -0.004em;
color: #646A69;
opacity: 0.8;
}
.flutua-cta {
position: absolute;
left: 0;
top: 0;
}
.box-produto-desc {
background-color: #FFF7ED;
padding: 20px;
text-align: center;
height: 500px;
}
.box-produto-desc img {
width: 100%;
height: 190px;
object-fit: contain;
margin-bottom: 20px;
}
.box-produto-desc h3 {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 22.917px;
line-height: 31px;
text-align: center;
letter-spacing: -0.01em;
color: #101010;
}
.box-produto-desc p {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 13.2496px;
line-height: 20px;
text-align: center;
letter-spacing: -0.004em;
color: #000000;
opacity: 0.8;
}
.accordion {
--bs-accordion-bg: transparent;
}
.accordion-header {
background: #FFFFFF;
box-shadow: 0px 24px 24px -12px rgba(54, 74, 54, 0.06), 0px 1px 2px rgba(87, 92, 86, 0.16), 0px 0px 0px 1px rgba(18, 105, 63, 0.08);
border-radius: 10px;
}
.accordion-item {
border: none !important;
}
.accordion-button:focus {
box-shadow: none;
}
.accordion-button:not(.collapsed) {
background-color: #FFF7ED;
border-top-left-radius: 10px !important;
border-top-right-radius: 10px !important;
font-family: 'Figtree';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 24px;
letter-spacing: -0.004em;
color: #1D1F1E;
border: 3px solid #077C48;
border-bottom: none;
}
.accordion-body {
background-color: #FFF7ED;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 26px;
letter-spacing: -0.004em;
color: #1D1F1E;
border: 3px solid #077C48;
border-top: none;
}
.accordion-button {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 24px;
letter-spacing: -0.004em;
color: #1D1F1E;
}
.accordion-button:after {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5.7002V18.3002' stroke='%231D1F1E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.7002 12H18.3002' stroke='%231D1F1E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.accordion-button:not(.collapsed):after {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='3' fill='%23077C48'/%3E%3Cline x1='6' y1='11' x2='17' y2='11' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.box-time {	
height: 430px;
border-radius: 16px;
position: relative;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: end;
}
.box-time div {
padding: 16px;
background: #FFFFFF;
border-radius: 8px;
}
.box-time h3 {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: -0.004em;
color: #1D1F1E;
}
.box-time p {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.004em;
color: #646A69;
margin-bottom: 0px;
}
.box-servicos {
background: #FFF7ED;
border-radius: 14.3947px;
padding: 25px;
padding-top: 60px;
border-top: 4px solid #FCB523;
}
.box-servicos h3 {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 21.5921px;
line-height: 32px;
letter-spacing: -0.01em;
color: #1D1F1E;
}
.box-servicos p {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 16.1941px;
line-height: 23px;
letter-spacing: -0.004em;
color: #1D1F1E;
}
.box-servicos a {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 16.1941px;
line-height: 22px;
letter-spacing: -0.004em;
color: #1D1F1E;
border: 0.899671px solid #001A32;
border-radius: 179.934px;
display: block;
padding: 15px;
text-align: center;
margin-top: 35px;
}
.owl-time.owl-theme .owl-nav [class*=owl-] {
color: #000;
font-size: 30px;
margin: 0px;
width: 46px;
background: transparent;
display: inline-block;
cursor: pointer;
transition: 0.3s ease-in-out;
height: 46px;
line-height: 15px;
border-radius: 0;
}
.owl-time button.owl-next, .owl-time button.owl-prev {
position: relative;
bottom: -20px;
}
.owl-time button.owl-prev {
left: -10px;
}
.owl-time button.owl-next {
right: 0;
}
.owl-time.owl-theme .owl-nav {
display: flex !important;
justify-content: end;
position: absolute;
top: -150px;
right: 10%;
}
.hero-post {
margin-top: 125px;
padding-top: 40px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.blog-btn-1 {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 24px;
color: #FFFFFF;
}
.tag-blog {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.004em;
color: #1D1F1E;
background-color: #FFFFFF;
padding: 5px 10px;
border-radius: 20px;
display: inline-block;
margin-bottom: 30px;
}
.hero-post h1 {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 50px;
line-height: 68px;
letter-spacing: -0.03em;
color: #FFFFFF;
}
.meta-blog {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.004em;
color: #FFFFFF;
}
.autor-post {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.004em;
color: rgba(255, 255, 255, 0.8);
}
.autor-post b {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.004em;
color: #fff;
}
.capa-autor {
width: 50px;
height: 50px;
border-radius: 100%;
object-fit: cover;
flex-shrink: 0;
}
.blog-cover {
width: 100%;
height: 530px;
object-fit: cover;
border-radius: 25px;
margin-bottom: -180px;
}
.compartilhar {
display: flex;
flex-direction: column;
list-style: none;
padding: 0px;
margin: 0px;
text-align: center;
gap: 10px;
}
.compartilhar li {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.004em;
color: rgba(255, 255, 255, 0.8);
}
.compartilhar li a {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 19px;
line-height: 20px;
letter-spacing: -0.004em;
color: rgba(255, 255, 255, 0.8);
}
.compartilhar.cinza li {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.004em;
color: #646A69;
}
.compartilhar.cinza li a {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 19px;
line-height: 20px;
letter-spacing: -0.004em;
color: #646A69;
}
.corpo-artigo {
padding-top: 300px;
padding-bottom: 40px;
}
.conteudo-inner p {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 26px;
letter-spacing: -0.004em;
color: #1D1F1E;
}
.conteudo-inner {
font-family: 'Figtree';
color: #1D1F1E;
}
.conteudo-inner li {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 34px;
letter-spacing: -0.01em;
color: #1D1F1E;
margin-top: 20px;
}
.conteudo-inner blockquote p {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 36px;
letter-spacing: -0.01em;
color: #0B0840;
}
.conteudo-inner .wp-block-media-text__content p {
font-size: 16px;
line-height: 18px;
margin-bottom: 0;
}
.conteudo-inner .wp-block-quote {
border-color: #D9DEDD;
}
.captura-email-box {
background-color: #001A32;
padding: 30px;
border-radius: 16px;
margin-bottom: 40px;
margin-top: 40px;
}
.captura-email-box label {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 32px;
line-height: 40px;
letter-spacing: -0.01em;
color: #FFFFFF;
margin-bottom: 20px;
}
.rodape-artigo {
padding-bottom: 50px;
}
.box-autor {
background-color: #FFF7ED;
padding: 30px;
border-radius: 16px;
display: flex;
flex-direction: row;
gap: 20px;
}
.box-autor h3 {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 24px;
letter-spacing: -0.004em;
color: #1D1F1E;
margin-bottom: 0;
}
.box-autor span {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: -0.004em;
color: #646A69;
display: block;
margin-bottom: 20px;
}
.box-autor p {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 26px;
letter-spacing: -0.004em;
color: #1D1F1E;
}
.rede-autor{
font-size: 20px;
color: #646A69;
}
.titulo-mais {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.004em;
color: #1D1F1E;
padding-bottom: 10px;
display: block;
border-bottom: 2px solid #D9DEDD;
margin-bottom: 50px;
margin-top: 40px;
}
.destaques-blog {
background-color: #FFF7ED;
padding-bottom: 200px;
margin-bottom: -100px;
padding-top: 100px;
}
.destaques-blog h2 {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 62px;
line-height: 68px;
letter-spacing: -0.03em;
color: #1D1F1E;
}
.destaques-blog h2 {
font-size: 32px;
line-height: 45px;
}
.destaques-blog {
background-color: #FFF7ED;
padding-bottom: 200px;
margin-bottom: -100px;
padding-top: 50px;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
color: #fff;
}
.nav-link:focus, .nav-link:hover {
color: #fff;
}
.dropdown-item {
color: #000 !important;
}
#footer .menu-item a[aria-current=page] {
color: #646A69;
font-weight: bold;
}
.nav-link:focus, .nav-link:hover {
color: #646A69;
font-weight: bold;
}
.principal .nav-link:focus, .principal .nav-link:hover {
color: #fff;
font-weight: 500;
}
.dropdown-item.active, .dropdown-item:active {
background-color: #FCB523;
}
.box-servicos span {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 60px;
line-height: 32px;
letter-spacing: -0.01em;
color: #1D1F1E;
} #procytek-calculadora {
--procytek-azul: #013565;
--procytek-azul-escuro: #001A32;
--procytek-azul-claro: #2B5E96;
--procytek-amarelo: #FCB523;
--procytek-amarelo-escuro: #E0A018;
--procytek-verde: #077C48;
--procytek-verde-escuro: #055A33;
--procytek-cinza: #4D4D4D;
--procytek-cinza-claro: #F6F8FA;
--procytek-borda: #E5E9EE;
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
} #procytek-calculadora .procytek-tag {
background: rgba(252, 181, 35, 0.15);
color: var(--procytek-amarelo-escuro);
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
padding: 6px 14px;
}
#procytek-calculadora .procytek-opt-tag {
background: rgba(252, 181, 35, 0.18);
color: var(--procytek-amarelo-escuro);
font-size: 10px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
vertical-align: middle;
} #procytek-calculadora .procytek-step-num {
width: 32px;
height: 32px;
min-width: 32px;
border-radius: 50%;
background: linear-gradient(135deg, var(--procytek-azul) 0%, var(--procytek-azul-claro) 100%);
color: #fff;
display: grid;
place-items: center;
font-weight: 700;
font-size: 14px;
} #procytek-calculadora .procytek-btn-warning {
background: linear-gradient(135deg, var(--procytek-amarelo) 0%, var(--procytek-amarelo-escuro) 100%);
color: var(--procytek-azul-escuro);
border: none;
box-shadow: 0 8px 24px rgba(252, 181, 35, 0.35);
transition: transform 0.2s, box-shadow 0.2s;
}
#procytek-calculadora .procytek-btn-warning:hover {
color: var(--procytek-azul-escuro);
transform: translateY(-2px);
box-shadow: 0 14px 32px rgba(252, 181, 35, 0.45);
}
#procytek-calculadora .procytek-btn-primary {
background: var(--procytek-azul);
color: #fff;
border: none;
}
#procytek-calculadora .procytek-btn-primary:hover {
background: var(--procytek-azul-escuro);
color: #fff;
}
#procytek-calculadora .procytek-btn-whatsapp {
background: #25D366;
color: #fff;
border: none;
}
#procytek-calculadora .procytek-btn-whatsapp:hover {
background: #1ebd5a;
color: #fff;
} #procytek-calculadora .procytek-modal-icon,
.modal .procytek-modal-icon {
width: 64px;
height: 64px;
border-radius: 16px;
background: linear-gradient(135deg, var(--procytek-verde) 0%, var(--procytek-azul) 100%);
display: grid;
place-items: center;
color: #fff;
} #procytek-calculadora .procytek-savings-big {
font-size: 56px;
font-weight: 900;
line-height: 1;
letter-spacing: -2px;
background: linear-gradient(135deg, var(--procytek-verde) 0%, var(--procytek-amarelo-escuro) 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
#procytek-calculadora .procytek-cell.atual { background: #F9FAFB; }
#procytek-calculadora .procytek-cell.novo { background: #F0FBF5; }
#procytek-calculadora .procytek-compare-label {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 6px;
}
#procytek-calculadora .procytek-cell.atual .procytek-compare-label { color: #99A1AF; }
#procytek-calculadora .procytek-cell.novo .procytek-compare-label { color: var(--procytek-verde-escuro); }
#procytek-calculadora .procytek-compare-value {
font-size: 20px;
font-weight: 800;
letter-spacing: -0.5px;
}
#procytek-calculadora .procytek-compare-unit {
font-size: 12px;
font-weight: 500;
color: var(--procytek-cinza);
} #procytek-calculadora .procytek-jartest-wrap {
background: linear-gradient(180deg, #F0F8FA 0%, #DEF0F3 100%);
overflow: hidden;
}
#procytek-calculadora .procytek-jartest-wrap::before {
content: 'JAR TEST AO VIVO';
position: absolute;
top: 16px;
right: 16px;
background: rgba(1, 53, 101, 0.1);
color: var(--procytek-azul);
padding: 4px 10px;
border-radius: 100px;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
}
#procytek-calculadora .procytek-legend-dot {
width: 12px;
height: 12px;
border-radius: 50%;
display: inline-block;
}
#procytek-calculadora .procytek-label-pipeta {
font-family: 'Montserrat', sans-serif;
font-size: 9px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.5px;
} .procytek-led-pulse { animation: procytekLed 1.2s ease-in-out infinite; }
@keyframes procytekLed {
0%, 100% { opacity: 1; }
50% { opacity: 0.4; }
}
.procytek-knob-spin { transform-origin: 141px 322px; animation: procytekKnobSpin 4s linear infinite; }
@keyframes procytekKnobSpin { to { transform: rotate(360deg); } }
.procytek-impeller-group {
transform-origin: 270px 395px;
animation: procytekStir 12s linear infinite;
}
@keyframes procytekStir {
0%   { transform: rotate(0deg); }
25%  { transform: rotate(720deg); }
50%  { transform: rotate(900deg); }
55%  { transform: rotate(920deg); }
100% { transform: rotate(920deg); }
}
.procytek-drop-procytrat { opacity: 0; animation: procytekDropPT 12s linear infinite; }
@keyframes procytekDropPT {
0%, 4%   { opacity: 0; transform: translateY(0); }
5%       { opacity: 1; transform: translateY(0); }
14%      { opacity: 1; transform: translateY(55px); }
15%, 100% { opacity: 0; transform: translateY(55px); }
}
.procytek-drop-procyfloc { opacity: 0; animation: procytekDropPF 12s linear infinite; }
@keyframes procytekDropPF {
0%, 28%  { opacity: 0; transform: translateY(0); }
29%      { opacity: 1; transform: translateY(0); }
38%      { opacity: 1; transform: translateY(55px); }
39%, 100% { opacity: 0; transform: translateY(55px); }
}
.procytek-particles-disperse { animation: procytekParticles 12s ease-in-out infinite; }
@keyframes procytekParticles {
0%, 30% { opacity: 1; }
50%     { opacity: 0.4; }
100%    { opacity: 0; }
}
.procytek-floc-micro { opacity: 0; animation: procytekMicroFloc 12s ease-in-out infinite; }
@keyframes procytekMicroFloc {
0%, 15%  { opacity: 0; transform: translateY(0) scale(0.6); }
25%      { opacity: 0.9; transform: translateY(0) scale(1); }
50%      { opacity: 0.5; transform: translateY(20px) scale(1.1); }
60%, 100% { opacity: 0; transform: translateY(40px) scale(1.2); }
}
.procytek-floc-macro { opacity: 0; animation: procytekMacroFloc 12s ease-in-out infinite; }
@keyframes procytekMacroFloc {
0%, 40%  { opacity: 0; transform: translateY(-20px) scale(0.6); }
55%      { opacity: 0.95; transform: translateY(0) scale(1); }
85%      { opacity: 0.85; transform: translateY(60px) scale(1.05); }
95%      { opacity: 0; transform: translateY(80px) scale(1.1); }
100%     { opacity: 0; transform: translateY(80px) scale(1.1); }
}
.procytek-layer-dirty { animation: procytekLayerDirty 12s ease-in-out infinite; }
@keyframes procytekLayerDirty {
0%, 50% { opacity: 1; }
85%, 100% { opacity: 0; }
}
.procytek-layer-clean { opacity: 0; animation: procytekLayerClean 12s ease-in-out infinite; }
@keyframes procytekLayerClean {
0%, 60% { opacity: 0; }
85%, 100% { opacity: 1; }
}
.procytek-layer-sludge {
transform-origin: 270px 428px;
transform: scaleY(0);
animation: procytekLayerSludge 12s ease-in-out infinite;
}
@keyframes procytekLayerSludge {
0%, 60%   { transform: scaleY(0); }
90%, 100% { transform: scaleY(1); }
} @media (max-width: 575.98px) {
#procytek-calculadora .procytek-savings-big { font-size: 44px; }
#procytek-calculadora .card.p-4.p-md-5 { padding: 1.5rem !important; }
}
.card__calc {
border: 1px solid #E5E9EE;
box-shadow: 0px 8px 24px rgba(0, 26, 50, 0.1);
border-radius: 24px;
}
@media (max-width: 767px) {
.blog-card2 .capa {
height: 140px;
}	
.hero-post {
margin-top: 90px;
}	
.hero-post h1 {
font-size: 35px;
line-height: 40px;
}	
.blog-cover {
width: 100%;
height: 330px;
}	
.corpo-artigo {
padding-top: 240px;
padding-bottom: 40px;
}	
.compartilhar {
flex-direction: row;
}	
.conteudo-inner li {
font-size: 16px;
line-height: 24px;
}	
.wp-block-media-text.is-stacked-on-mobile {
display: flex;
}	
.flutua-cta {
position: relative;
margin-bottom: 20px;
}	
.pre-body h2 {
font-size: 35px;
line-height: 42px;
}
.hero-interno {
height: 240px;
margin-top: 90px;
}	
.hero-home {
background-color: #001A32;
height: 600px;
position: relative;
padding-top: 190px;
overflow: hidden;
}	
.hero-interno h1 {
font-size: 35px;
line-height: 42px;
}
.titulo-3 {
font-size: 30px;
line-height: 33px;
}	
.contatos-desc {
width: 100%;
}	
.titulo-1 {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 44px;
letter-spacing: -0.05em;
color: #FFFFFF;
}	
.texto-1 {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 13px;
letter-spacing: -0.004em;
color: #FFFFFF;
}	
.flutua-1 {
width: 90px;
height: 100px;
object-fit: cover;
border-radius: 16px;
position: absolute;
z-index: 2;
left: -40px;
top: 160px;
}	
.flutua-2 {
width: 120px;
height: 90px;
object-fit: cover;
border-radius: 16px;
position: absolute;
z-index: 2;
right: -30px;
top: 100px;
}
.flutua-3 {
width: 194px;
height: 142px;
object-fit: cover;
border-radius: 16px;
position: absolute;
z-index: 2;
left: -20px;
bottom: -10px;
}
.flutua-4 {
width: 125px;
height: 157px;
object-fit: cover;
border-radius: 16px;
position: absolute;
z-index: 2;
right: -20px;
bottom: 23px;
}	
#header {
height: 90px;
}
.navbar-brand img {
margin: auto;
}	
.navbar-toggler {
background-color: transparent;
border: none;
color: #fff;
font-size: 26px;
position: absolute;
left: 10px;
}
#header.nav-fixed .navbar-toggler {
color: #000;
}
.navbar, .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
justify-content: center;
}
#navbar {
background-color: #fff;
position: absolute;
top: 90px;
left: 0px;
width: 100%;
padding-bottom: 30px;
}	
.principal li a {
color: #000;
text-align: center;
border-bottom: 1px solid #001A32;
padding-top: 20px;
padding-bottom: 20px;
}
.principal li a:hover {
color: #fff;
background-color: #001A32;
}	
.navbar-toggler:focus {
box-shadow: none;
}
#header.nav-fixed .principal li a:hover {
color: #fff;
}	
.btn-1, .btn-2 {
padding: 10px 24px;
margin: auto;
font-size: 15px;
}	
.btn-topo {
display: flex;
justify-content: center;
padding-bottom: 20px;
padding-top: 20px;
align-items: center;
}	
.btn-topo .btn-2 {
color: #000;
border: 1px solid #000;
}	
.titulo-2 {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 47px;
letter-spacing: -0.03em;
color: #1D1F1E;
}
.card-solucao {
height: 270px;
padding: 10px;
}
.card-solucao h3 {
font-size: 14px;
line-height: 17px;
}
.lista-numeros span {
font-size: 40px;
line-height: 60px;
}	
.lista-numeros {
text-align: center;
padding: 0;
gap: 25px;
}	
.home-3 {
padding-bottom: 0;
}	
.full-left {
margin-top: 40px;
}
.home-4 {
padding-top: 50px;
padding-bottom: 20px;
}	
.blog-card1 .capa, .blog-card3 .capa  {
height: 230px;
}	
.blog-card1 h3, .blog-card2 h3, .blog-card3 h3  {
height: auto;
font-size: 18px;
line-height: 23px;
}
.prefooter {
background: #001A32;
}	
.footer-img {
margin-bottom: -60px;
margin-top: 40px;
}
.news {
flex-direction: column;
}	
#footer {
background-position: right;
}
.titulo-f::after {
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\f078";
margin-left: 8px;
transition: transform 0.3s ease;
display: inline-block;
}
.titulo-f.active::after {
transform: rotate(180deg);
}	
}