#header.fixo {
background: #0026084D;
}
#form::after {
background-color: #004810;
}
#header .wht {
fill: #ffffff;
}
#header .menu > li > a .titulo-subs {
color: #ffffff;
}
#header .menu li li a .titulo-subs {
color: #1a1a1a;
}
#form {
background-color: #002608;
;
}
#form .destaque {
display: none;
}
#form .container {
padding: 0px 1vw 3.6083vw 3.6875vw;
}
#verde {
height: 180px;
background-color: #002608;
;
width: 100%;
} #banner {
background-color: #002608;
background-image: url(//mistraltecnologia.com.br/wp-content/themes/mistral-tecnologia/tecnologia/lp/agronegocio/simbolo-mistral.webp);
background-repeat: no-repeat;
background-size: 22.968vw;
background-position: left;
padding: 11vw 0 10vw;
position: relative;
overflow-x: hidden;
}
#banner::before {
content: ' ';
display: block;
height: 873px;
max-height: 47.583vw;
width: 52.5%;
background-image: url(//mistraltecnologia.com.br/wp-content/themes/mistral-tecnologia/tecnologia/lp/agronegocio/banner-agro.webp);
background-repeat: no-repeat;
position: absolute;
right: 0;
top: -3px;
}
@media (min-width: 1921px) {
#banner::before {
content: ' ';
display: block;
height: 50vw;
width: 52.5%;
background-image: url(//mistraltecnologia.com.br/wp-content/themes/mistral-tecnologia/tecnologia/lp/agronegocio/banner-agro.webp);
background-repeat: no-repeat;
position: absolute;
background-size: cover;
right: 0;
top: -3px;
}
}
#banner .btn-contato {
color: var(--branco);
font-size: 0.7291vw;
background-color: var(--roxo);
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
display: block;
padding: 0.59895vw 1.1458vw;
font-weight: 700;
overflow: hidden;
position: relative;
transition: var(--transicao);
-webkit-transition: var(--transicao);
-moz-transition: var(--transicao);
-ms-transition: var(--transicao);
-o-transition: var(--transicao);
max-width: 294px;
}
#banner .btn-contato svg {
filter: brightness(10);
}
#banner .esq {
width: 45%;
position: relative;
padding-left: 82px;
}
#banner .esq::before {
content: ' ';
display: block;
width: 36.77083vw;
height: 40.72916vw;
background-image: url(//mistraltecnologia.com.br/wp-content/themes/mistral-tecnologia/tecnologia/lp/agronegocio/banner-imagem.webp);
position: absolute;
background-size: cover;
top: -6vw;
right: -26.1vw;
}
#banner .titulo {
color: var(--branco);
font-weight: 700;
font-size: 2.5vw;
line-height: 3vw;
}
#banner .titulo .destaque {
display: inline-block;
align-items: center;
background-color: #26276C;
padding: 0px 10px 10px 10px;
}
#banner .texto {
color: var(--branco);
font-size: 0.9375vw;
line-height: 1.4583vw;
letter-spacing: 0.01em;
max-width: 586px;
margin: 1.8vw 0;
}
#banner .container {
display: flex;
justify-content: space-between;
align-items: flex-start;
position: relative;
max-width: none;
}
#banner .dir {
width: 40%;
position: relative;
max-width: 524px;
padding-top: 13vw;
}
#banner .before-banner {
width: 43.7604vw;
height: 29.218vw;
position: absolute;
right: 0;
bottom: 5.7vw;
}
#banner .before-banner-mbl,
#banner .before-banner-mbl2 {
display: none;
}
#banner .box {
color: var(--branco);
width: calc(50% - 1.5625vw);
}
#banner .box .num {
font-weight: 800;
font-size: 2.6vw;
border-bottom: 0.94px solid #CDCDCD;
padding-bottom: 5px;
margin-bottom: 10px;
text-align: center;
}
#banner .box .num .mais {
color: #8303FF;
font-size: 1.354vw;
}
#banner .box .num .mais-2 {
color: #8303FF;
font-size: 1.354vw;
position: relative;
left: 14px;
}
#banner .box .num .menos {
font-size: 26px;
position: relative;
left: -10px;
color: #08A8F7;
}
#banner .box .num .apoio {
font-size: 1.25vw;
}
#banner .box .info {
text-align: center;
font-size: 17px;
}
#banner .blocos {
display: flex;
flex-wrap: wrap;
gap: 3.125vw;
margin-bottom: 30px;
position: relative;
z-index: 1;
}
#banner .totvs-mbl {
display: none;
}
#banner .social {
position: absolute;
margin-left: 87px;
bottom: 0;
}
#banner .social a {
margin-right: 5px;
}
#banner .social a:hover .quadrado {
fill: var(--roxo);
}
#banner .social a:hover svg path {
fill: var(--branco);
} #clientes {
background-color: #002608;
position: relative;
padding: 60px 0;
}
#clientes .container {
margin: 0 auto 60px;
position: relative;
}
#clientes .swiper .swiper-wrapper {
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
align-items: center;
}
#clientes .swiper .swiper-slide {
width: auto;
align-content: center;
background-color: #fff;
box-shadow: 0px 5px 10px 0px #00000040;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
transition: var(--transicao);
-webkit-transition: var(--transicao);
-moz-transition: var(--transicao);
-ms-transition: var(--transicao);
-o-transition: var(--transicao);
padding: 5px 15px;
box-sizing: border-box;
}
#clientes .swiper .swiper-slide img {
display: block;
transition: var(--transicao);
max-width: 200px;
}
#clientes .swiper {
width: 1810px;
max-width: 90%;
padding: 20px 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#clientes .shadow {
position: absolute;
left: 0;
width: 45%;
top: 0;
height: 100%;
background: #FAFBFF;
background: linear-gradient(90deg, rgba(0, 38, 8, 1) 0%, rgba(140, 18, 18, 0) 100%);
z-index: 2;
}
#clientes .shadow2 {
position: absolute;
right: 0;
width: 45%;
top: 0;
height: 100%;
background: #FAFBFF;
background: linear-gradient(270deg, rgba(0, 38, 8, 1)0%, rgba(140, 18, 18, 0) 100%);
z-index: 2;
}
#clientes .titulo {
font-weight: 300;
font-size: 1.875vw;
line-height: 2.5vw;
text-align: center;
margin-bottom: 15px;
color: var(--branco);
}
#clientes .titulo span {
font-weight: 700;
}
#clientes .depois {
width: 4.427vw;
height: 5.156vw;
position: absolute;
top: 20px;
right: 14vw;
} #empresas-agro {
background-color: #002608;
padding: 4vw 0 5vw;
}
#empresas-agro .titulo-bloco {
text-align: center;
margin-bottom: 3vw;
}
#empresas-agro .titulo-bloco h2 {
color: var(--branco);
font-size: 2.625rem;
font-weight: 300;
line-height: 3.6rem;
}
#empresas-agro .titulo-bloco h2 strong {
font-weight: 700;
}
#empresas-agro .logos {
display: flex;
flex-wrap: wrap;
gap: 1.0416vw;
justify-content: center;
}
#empresas-agro .logo-item {
width: 200px;
height: 100px;
background-color: rgba(255, 255, 255, 0.15);
border-radius: 15px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.13);
} #quebra-agro {
background-color: #ffffff;
box-shadow: inset 0 1px 13px 2px black;
padding: 76px 0;
text-align: center;
}
#quebra-agro .container {
max-width: 1138px;
}
#quebra-agro .texto-destaque {
color: #8303ff;
font-size: 1.875rem;
font-weight: 700;
line-height: 3rem;
}
#quebra-agro .subtitulo {
color: #26276c;
font-size: 1.875rem;
font-weight: 300;
line-height: 3rem;
margin-bottom: 2vw;
}
#quebra-agro .btn-contato {
background-color: #8303ff;
color: var(--branco);
font-size: 14px;
font-weight: 700;
border-radius: 10px;
padding: 0.875rem 1.25rem;
display: inline-flex;
align-items: center;
justify-content: space-between;
gap: 12px;
transition: var(--transicao);
}
#quebra-agro .btn-contato:hover {
background-color: #6a00cc;
} #riscos-agro {
background-color: #002608;
padding: 140px 0;
}
#riscos-agro .container {
position: relative;
}
#riscos-agro .titulo-bloco {
text-align: center;
margin-bottom: 3.5vw;
margin-left: auto;
margin-right: auto;
}
#riscos-agro .titulo-bloco h2 {
color: var(--branco);
font-size: 2.25rem;
font-weight: 300;
line-height: 3.6rem;
margin-bottom: 1vw;
}
#riscos-agro .titulo-bloco h2 strong {
font-weight: 700;
}
#riscos-agro .titulo-bloco .subtitulo {
color: var(--branco);
font-size: 16px;
line-height: 30px;
font-weight: 400;
max-width: 668px;
margin: auto;
}
#riscos-agro .titulo-bloco .subtitulo span {
display: block;
font-size: 30px;
font-weight: 700;
}
#riscos-agro .cards-grid {
display: flex;
flex-wrap: wrap;
gap: 1.5625vw;
justify-content: center;
position: relative;
}
#servicos-agro .cards-grid .card-servico .numero {
position: absolute;
right: 50px;
top: 40px;
}
#servicos-agro .depois-2 {
width: 4.427vw;
height: 5.156vw;
position: absolute;
bottom: 14%;
right: 200px;
}
#riscos-agro .card-risco {
width: calc(33.333% - 1.0416vw);
background-color: #fdfdfd;
border: 1px solid #edeff7;
border-radius: 10px;
padding: 2.5rem 2.25rem;
display: flex;
flex-direction: column;
align-items: center;
gap: 1.1979vw;
text-align: center;
}
#riscos-agro .card-risco {
border: 2px solid transparent;
transition: border-color 0.3s ease;
}
#riscos-agro .card-risco:hover {
border-color: #8303FF;
;
}
#riscos-agro .card-risco:hover h3 {
color: #8303FF;
;
transition: color 0.3s ease;
}
#riscos-agro .card-risco:hover .icone-wrap svg path,
#riscos-agro .card-risco:hover .icone-wrap svg circle,
#riscos-agro .card-risco:hover .icone-wrap svg rect,
#riscos-agro .card-risco:hover .icone-wrap svg line,
#riscos-agro .card-risco:hover .icone-wrap svg polyline {
stroke: #8303FF;
;
transition: stroke 0.3s ease;
}
#riscos-agro .card-risco:hover .icone-wrap {
border-color: #8303FF;
;
transition: border-color 0.3s ease;
}
#riscos-agro .card-risco.destaque {
border-color: #8303ff;
border-width: 2px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
}
#riscos-agro .icone-wrap {
width: 52px;
height: 52px;
border-radius: 10px;
border: 1px solid #5b4545;
background-color: transparent;
display: flex;
align-items: center;
justify-content: center;
}
#riscos-agro .icone-box {
width: 52px;
height: 52px;
border-radius: 10px;
border: 1px solid #5b4545;
background-color: transparent;
}
#riscos-agro .card-risco h3 {
color: #5b4545;
font-size: 1.75rem;
font-weight: 400;
line-height: 2.25rem;
}
#riscos-agro .card-risco.destaque h3 {
color: #8303ff;
}
#riscos-agro .card-risco p {
color: #5B4545;
font-size: 14px;
line-height: 20px;
font-weight: 500;
width: 342px;
max-width: 100%;
}
#riscos-agro .frase-cta {
color: var(--branco);
font-size: 1.875rem;
line-height: 3.25rem;
font-weight: 300;
text-align: center;
margin: 3vw auto 1.5vw;
max-width: 828px;
}
#riscos-agro .frase-cta strong {
font-weight: 700;
}
#riscos-agro .btn-contato {
background-color: #8303ff;
color: var(--branco);
font-size: 14px;
font-weight: 700;
border-radius: 10px;
padding: 0.9375rem 1.25rem;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
width: fit-content;
margin: 0 auto;
transition: var(--transicao);
}
#riscos-agro .btn-contato:hover {
background-color: #6a00cc;
}
#riscos-agro .depois {
width: 4.427vw;
height: 5.156vw;
position: absolute;
top: 0px;
right: -50px;
} #servicos-agro {
background-color: #ffffff;
box-shadow: inset 0 1px 13px 2px black;
position: relative;
}
#servicos-agro .container {
margin-left: auto;
margin-right: auto;
position: relative;
padding: 100px 0;
}
#servicos-agro::before {
content: " ";
display: block;
width: 17.2395vw;
height: 22.4479vw;
background-image: url(//mistraltecnologia.com.br/wp-content/themes/mistral-tecnologia/tecnologia/lp/agronegocio/linha-verde.webp);
background-size: cover;
position: absolute;
top: 22vw;
left: 0px;
}
#servicos-agro .titulo-bloco {
text-align: center;
margin-bottom: 107px;
max-width: 791px;
margin-left: auto;
margin-right: auto;
}
#servicos-agro .titulo {
font-weight: 300;
font-size: 1.875vw;
line-height: 2.5vw;
text-align: center;
margin-bottom: 90px;
}
#servicos-agro .subtitulo {
font-weight: 300;
font-size: 1.575vw;
line-height: 2vw;
text-align: center;
margin-bottom: 20px;
margin-top: 90px;
}
#servicos-agro .titulo .block,
#servicos-agro .subtitulo .block {
font-weight: 700;
color: var(--preto);
display: block
}
#servicos-agro .titulo-bloco h2 strong {
font-weight: 700;
}
#servicos-agro .titulo-bloco .subtitulo {
color: #000000;
font-size: 1.875rem;
font-weight: 300;
}
#servicos-agro .depois {
width: 4.427vw;
height: 5.156vw;
position: absolute;
top: 130px;
right: 191px;
}
#servicos-agro .antes {
width: 4.427vw;
height: 5.156vw;
position: absolute;
top: 60px;
left: 191px;
}
#servicos-agro .titulo-bloco .subtitulo strong {
font-weight: 700;
}
#servicos-agro .cards-grid {
display: flex;
flex-wrap: wrap;
gap: 1.5625vw;
row-gap: 67px;
justify-content: center;
margin-bottom: 2.0833vw;
}
#servicos-agro .card-servico {
width: calc(33.333% - 1.0416vw);
height: 307px;
background-color: #edeff7;
border: 1px solid #d7d7d7;
border-radius: 10px;
padding: 40px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
display: flex;
flex-direction: column;
gap: 1vw;
position: relative;
}
#servicos-agro .card-servico h3 {
color: #8303ff;
font-size: 1.75rem;
font-weight: 400;
line-height: 2.25rem;
}
#servicos-agro .card-servico p {
color: #000000;
font-size: 14px;
line-height: 20px;
font-weight: 500;
flex: 1;
}
#servicos-agro .card-servico .btn-contato {
background-color: #8303ff;
color: var(--branco);
font-size: 14px;
font-weight: 700;
border-radius: 10px;
padding: 12.5px 30px;
display: flex;
justify-content: space-between;
align-items: center;
width: 315px;
transition: var(--transicao);
text-align: center;
position: absolute;
bottom: -17px;
left: 50%;
border: 1px solid #1E1E24;
transform: translatex(-50%);
max-width: 80%;
}
#servicos-agro .card-servico .btn-contato:hover {
background-color: #6a00cc;
}
#servicos-agro .cta-centro {
text-align: center;
}
#servicos-agro .cta-centro .btn-contato {
background-color: #8303ff;
color: var(--branco);
font-size: 14px;
font-weight: 700;
border-radius: 10px;
padding: 0.75rem 22px;
display: inline-flex;
align-items: center;
justify-content: space-between;
gap: 12px;
transition: var(--transicao);
}
#servicos-agro .cta-centro .btn-contato:hover {
background-color: #6a00cc;
} #depoimentos {
padding: 9.375vw;
position: relative;
background-color: #002608;
}
#depoimentos .container {
height: 451px;
position: relative;
display: flex;
justify-content: space-between;
}
#depoimentos .container::after {
content: url(//mistraltecnologia.com.br/wp-content/themes/mistral-tecnologia/tecnologia/lp/agronegocio/triangulos-lp.png);
position: absolute;
top: -40px;
right: -5vw;
}
#depoimentos .container::before {
content: ' ';
display: block;
background-color: #004810;
width: 68.5%;
height: calc(100% + 58px);
position: absolute;
left: 0;
top: -58px;
border-radius: 60px 10px 10px 10px;
-webkit-border-radius: 60px 10px 10px 10px;
-moz-border-radius: 60px 10px 10px 10px;
-ms-border-radius: 60px 10px 10px 10px;
-o-border-radius: 60px 10px 10px 10px;
background-image: url(//mistraltecnologia.com.br/wp-content/themes/mistral-tecnologia/tecnologia/home/circulo-depo.png);
background-repeat: no-repeat;
background-position: right top;
}
#depoimentos .esq {
position: relative;
width: 28%;
padding-left: 2.9vw;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;
}
#depoimentos .titulo {
color: var(--branco);
font-weight: 200;
font-size: 1.875vw;
line-height: 2.396vw;
text-align: right;
margin-bottom: 1.5vw;
}
#depoimentos .texto-desc {
color: var(--branco);
font-weight: 400;
font-size: 0.833vw;
line-height: 1.354vw;
text-align: right;
}
#depoimentos .swiper-button-next:after,
#depoimentos .swiper-button-prev:after {
filter: grayscale(1) brightness(10);
-webkit-filter: grayscale(1) brightness(10);
}
#depoimentos .dir {
width: 67.5%;
background-color: var(--branco);
position: relative;
padding: 5.8333vw 6.27vw 4.791vw;
border-radius: 10px 10px 0 0;
box-shadow: 10px 10px 10px 0px #0000000D;
backdrop-filter: blur(10px);
}
#depoimentos .dir::before {
content: ' ';
display: block;
width: 100%;
height: 58px;
background-color: var(--roxo);
position: absolute;
left: 0;
bottom: -58px;
border-radius: 0 0 60px 10px;
box-shadow: 10px 10px 10px 0px #0000000D;
}
#depoimentos .navigation {
position: relative;
width: 86px;
height: 30px;
margin-top: 40px;
margin-right: -18px;
}
#depoimentos .texto {
font-weight: 500;
font-size: 1.25vw;
line-height: 1.875vw;
margin-bottom: 2vw;
}
#depoimentos .dados-depo {
font-weight: 700;
font-size: 18px;
}
#depoimentos .dados-depo span {
font-size: 16px;
font-weight: 500;
display: block;
}
#depoimentos .foto-depoimento {
width: 93px;
height: 93px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
object-fit: cover;
}
#depoimentos .logo-empresa {
width: 100px;
height: auto;
}
#depoimentos .bottom {
display: flex;
justify-content: space-between;
align-items: center;
}
#depoimentos .bottom .esquerda {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
}
#depoimentos .antes {
position: absolute;
top: 5vw;
left: 4vw;
}
#depoimentos .depois {
position: absolute;
top: 10vw;
right: 4vw;
} #sistema {
position: relative;
padding: 5vw 0;
padding-bottom: 270px;
background: #002608;
}
#sistema .box a {
margin-top: 28px;
position: absolute;
}
#sistema::before {
content: ' ';
display: block;
height: calc(100% - 10vw);
width: 86.5%;
background-color: #1E1E24;
border-radius: 0 30px 30px 0;
-webkit-border-radius: 0 30px 30px 0;
-moz-border-radius: 0 30px 30px 0;
-ms-border-radius: 0 30px 30px 0;
-o-border-radius: 0 30px 30px 0;
position: absolute;
top: 5vw;
left: 0;
box-shadow: 0px 10px 10px 10px #0000001A;
background-image: url(//mistraltecnologia.com.br/wp-content/themes/mistral-tecnologia/tecnologia/home/sistemas-bg.webp);
background-repeat: no-repeat;
background-position: left bottom;
}
#sistema .container {
position: relative;
z-index: 1;
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 0 4.7916vw;
}
#sistema .container::after {
content: url(//mistraltecnologia.com.br/wp-content/themes/mistral-tecnologia/tecnologia/lp/agronegocio/triangulos-lp.png);
position: absolute;
top: 9px;
right: -5vw;
}
#sistema .container::before {
content: url(//mistraltecnologia.com.br/wp-content/themes/mistral-tecnologia/tecnologia/lp/agronegocio/triangulos-lp.png);
position: absolute;
bottom: 9px;
right: -5vw;
}
#sistema .esq {
width: 39.2%;
background-color: var(--branco);
padding: 3.125vw 2.93vw;
position: relative;
}
#sistema .esq::before {
content: ' ';
display: block;
width: 100%;
height: 752px;
position: absolute;
top: -1.5vw;
left: 0;
background-color: var(--branco);
z-index: -1;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
box-shadow: 0px -5px 10px 0px #00000026;
}
#sistema .esq::after {
content: url(//mistraltecnologia.com.br/wp-content/themes/mistral-tecnologia/tecnologia/triangulos.png);
position: absolute;
bottom: -85%;
right: 2.291vw;
}
#sistema .titulo {
font-weight: 800;
font-size: 1.6666vw;
line-height: 2.083333vw;
margin-top: 20px;
}
#sistema .texto {
font-weight: 500;
font-size: 0.833vw;
line-height: 1.3541vw;
color: #171C24;
margin-top: 20px;
}
#sistema .dir {
width: 54%;
color: var(--branco);
padding: 4.27vw 0;
}
#sistema .tit {
font-weight: 700;
font-size: 0.833vw;
line-height: 1.3541vw;
margin: 6px 0;
}
#sistema .info {
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #B5B5B5;
}
#sistema .blocos {
display: flex;
flex-wrap: wrap;
gap: 3.125vw;
row-gap: 2.5vw;
}
#sistema .box {
width: calc(50% - 1.5625vw);
} #vantagens-agro {
background-color: #ffffff;
box-shadow: inset 0 1px 13px 2px black;
padding: 95px 0;
}
#vantagens-agro .container {
width: 1499px;
max-width: 90%;
position: relative;
}
#vantagens-agro .titulo-bloco {
text-align: center;
margin-bottom: 3.5vw;
max-width: 1097px;
margin-left: auto;
margin-right: auto;
}
#vantagens-agro .titulo-bloco h2 {
color: #000000;
font-size: 2.425rem;
font-weight: 300;
line-height: 3rem;
margin-bottom: 1vw;
}
#vantagens-agro .titulo-bloco h2 strong {
font-weight: 700;
}
#vantagens-agro .titulo-bloco .subtitulo {
color: #171c24;
font-size: 16px;
line-height: 20px;
width: 879px;
margin: auto;
max-width: 90%;
}
#vantagens-agro .cards-grid {
display: flex;
flex-wrap: wrap;
gap: 30px;
justify-content: center;
margin-bottom: 2.0833vw;
}
#vantagens-agro .card-vantagem {
width: 435px;
background-color: #f5ffed;
border: 1px solid #edeff7;
border-radius: 10px;
padding: 40px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
display: flex;
flex-direction: column;
align-items: center;
gap: 1.1979vw;
text-align: center;
}
#vantagens-agro .icone-wrap {
display: grid;
position: relative;
}
#vantagens-agro .icone-box {
width: 52px;
height: 52px;
border-radius: 10px;
background-color: transparent;
border: 1px solid #8303ff;
}
#vantagens-agro .icone-box.roxo {
border-color: #8303ff;
}
#vantagens-agro .card-vantagem h3 {
color: #8303ff;
font-size: 1.75rem;
font-weight: 400;
line-height: 2.25rem;
}
#vantagens-agro .card-vantagem p {
color: #000000;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}
#vantagens-agro .frase-cta {
color: #000000;
font-size: 1.875rem;
font-weight: 300;
text-align: center;
margin: 10px auto 15px;
max-width: 800px;
}
#vantagens-agro .frase-cta strong {
font-weight: 700;
}
#vantagens-agro .cta-centro {
text-align: center;
}
#vantagens-agro .cta-centro .btn-contato {
background-color: #8303ff;
color: var(--branco);
font-size: 14px;
font-weight: 700;
border-radius: 10px;
padding: 0.75rem 22px;
display: inline-flex;
align-items: center;
justify-content: space-between;
gap: 12px;
transition: var(--transicao);
}
#vantagens-agro .cta-centro .btn-contato:hover {
background-color: #6a00cc;
}
#vantagens-agro .container::after {
content: url(//mistraltecnologia.com.br/wp-content/themes/mistral-tecnologia/tecnologia/triangulos.png);
position: absolute;
transform: rotate(90deg);
top: 434px;
right: -5vw;
}
#vantagens-agro .depois {
width: 4.427vw;
height: 5.156vw;
position: absolute;
top: 30px;
right: 0;
}
#vantagens-agro .antes {
width: 4.427vw;
height: 5.156vw;
position: absolute;
top: -20px;
left: 0;
} #faq-agro {
background-color: #fafbff;
padding: 100px 0;
}
#faq-agro h2 {
color: #000000;
font-size: 36px;
font-weight: 700;
line-height: 42px;
margin-bottom: 2.5rem;
}
#faq-agro h2 .roxo {
color: #8303ff;
}
#faq-agro .faq-lista {}
#faq-agro .faq-item {
border-top: 1px solid #9E9E9E49;
}
#faq-agro .faq-item:first-child {
border-top: none !important;
}
#faq-agro .faq-item:last-child {
border-bottom: none;
}
#faq-agro .faq-pergunta {
display: flex;
justify-content: space-between;
align-items: center;
padding: 30px 0;
cursor: pointer;
}
#faq-agro .faq-pergunta p {
color: #1e1e24;
font-size: 18px;
font-weight: 400;
line-height: normal;
}
#faq-agro .faq-toggle {
display: block;
width: 16px;
height: auto;
flex-shrink: 0;
margin-left: 20px;
transition: transform 0.3s ease;
}
#faq-agro .faq-item.aberto .faq-toggle {
transform: rotate(180deg);
}
#faq-agro .faq-resposta {
display: none;
padding-bottom: 1.875rem;
color: #555;
font-size: 18px;
line-height: 1.938rem;
}
#faq-agro .faq-item.aberto .faq-resposta {
display: block;
} #contato-agro .formulario {
display: none;
position: fixed;
inset: 0;
z-index: 9999;
align-items: center;
justify-content: flex-end;
}
#contato-agro .formulario.formulario-ativo {
display: flex;
}
#contato-agro .oveerlayy {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.6);
}
#contato-agro .dir {
position: relative;
background-color: #002608;
width: 480px;
max-width: 100%;
height: 100vh;
overflow-y: auto;
padding: 2.5rem 26px;
}
#contato-agro .fechar {
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
} @media screen and (max-width: 1700px) {
#banner::before {
top: -18px;
}
}
@media screen and (max-width: 1600px) {
#banner .box .num {
font-size: 2.1vw;
}
#banner .esq,
#banner .social {
padding-left: 0;
margin-left: 0;
}
#banner .box .info {
text-align: center;
font-size: 12px;
}
#banner .dir {
max-width: 374px;
}
#banner .btn-contato,
#solucoes .btn {
font-size: 14px;
}
#sistema::before {
width: 90.5%;
}
#banner::before {
width: 57%;
}
#solucoes .antes {
width: 4%;
top: 8%;
left: -3%;
}
#sistema::before {
width: 90.5%;
}
}
@media screen and (max-width: 1440px) {
#servicos-agro .card-servico h3 {
font-size: 26px;
}
#banner .before-banner {
bottom: 1.7vw;
}
#banner .texto,
#sistema .texto {
font-size: 14px;
line-height: 22px;
}
#banner .btn-contato,
#solucoes .btn {
font-size: 13px;
padding: 10px 15px;
}
#banner {
padding: 11vw 0 7vw;
}
#banner::before {
max-height: 45.583vw;
width: 59%;
top: -14px
}
#depoimentos .container::after {
right: -4%;
}
#depoimentos .antes {
top: 4vw;
left: 3vw;
}
#depoimentos .depois {
top: 13vw;
right: 3vw;
}
#depoimentos .dir {
padding: 6.8333vw 6.27vw 5.791vw;
}
#sistema .texto {
font-size: 14px;
line-height: 22px;
}
#sistema .tit {
font-size: 15px;
line-height: 23px;
}
#sistema::before {
width: 95%;
}
#clientes-carrossel .titulo {
font-size: 28px;
line-height: 34px;
}
#clientes .titulo {
font-size: 28px;
line-height: 32px;
}
}
@media screen and (max-width: 1366px) {
#banner .before-banner {
width: 44.7604vw;
height: 30.218vw;
}
#servicos-agro .card-servico h3 {
font-size: 22px;
line-height: 27px;
}
#clientes-carrossel .depois {
right: 0;
}
}
@media screen and (max-width: 1200px) {
#servicos-agro .depois-2 {
display: none;
}
#banner .before-banner {
bottom: 3vw;
}
#servicos-agro .titulo {
font-size: 30px;
line-height: 35px;
}
#servicos-agro .subtitulo {
font-size: 26px;
line-height: 30px;
}
#servicos-agro .depois {
right: 0;
}
#servicos-agro .antes {
left: 0;
}
#depoimentos .texto-desc {
font-size: 14px;
line-height: 20px;
text-align: left;
padding-right: 40px;
}
}
@media (max-width: 1024px) {
#depoimentos .container {
height: auto;
}
#verde {
height: 60px;
}
#vantagens-agro .cards-grid {
gap: 10px;
}
#riscos-agro .titulo-bloco .subtitulo span {
font-size: 22px;
}
#riscos-agro .depois,
#clientes-carrossel .depois,
#vantagens-agro .depois,
#servicos-agro::before {
display: none;
}
#clientes-carrossel .swiper-slide img {
height: 40px;
}
#banner .titulo {
font-size: 33px;
line-height: 42px;
}
#banner .texto {
font-size: 18px;
line-height: 28px;
margin: 20px 0;
}
#banner .esq {
order: 1;
width: 100%;
}
#banner .social {
order: 2;
position: relative;
display: flex;
justify-content: flex-end;
width: 100%;
left: auto;
padding: 30px 0;
}
#banner .dir {
order: 3;
width: 100%;
max-width: 100%;
padding-top: 150px;
margin-top: 80px;
margin-left: 40px;
display: flex;
flex-direction: column;
align-items: flex-end;
}
#banner .dir::after {
content: ' ';
display: block;
height: 100%;
width: calc(100% + 12%);
position: absolute;
left: -6%;
bottom: 0;
}
#banner .before-banner {
display: none;
}
#banner .before-banner-mbl {
display: block;
width: 76.5104vw;
height: 71.463vw;
position: absolute;
bottom: -8vw;
right: calc(-5% - 9vw);
z-index: 1;
}
#clientes .depois {
display: none;
}
#banner .container {
flex-direction: column;
}
#banner {
padding: 150px 0 80px;
}
#banner .blocos {
gap: 30px;
flex-direction: column;
align-items: flex-end;
padding-right: 40px;
z-index: 1;
}
#banner .totvs-mbl {
display: block;
width: 280px;
}
#banner .totvs-dsk {
display: none;
}
#banner::before {
display: none;
}
#banner .esq::before {
width: 55.77083vw;
height: 61.72916vw;
top: auto;
bottom: calc(-100% - 44vw);
right: auto;
left: -17vw;
z-index: 1;
}
#banner .dir img {
position: relative;
z-index: 1;
}
#banner .box .num {
font-size: 36px;
}
#banner .box .num .apoio {
font-size: 24px;
}
#banner .box {
width: 100%;
}
#banner .box .num .mais {
font-size: 26px;
}
#banner-agro .titulo {
font-size: 2.5rem;
line-height: 3.125rem;
}
#banner-agro .tag {
font-size: 0.75rem;
}
#banner-agro .texto {
font-size: 0.875rem;
line-height: 1.375rem;
}
#banner-agro .box .num {
font-size: 1.75rem;
}
#banner-agro .box .num .mais {
font-size: 1.25rem;
}
#banner-agro .box .num .apoio {
font-size: 1rem;
}
#empresas-agro .titulo-bloco h2 {
font-size: 1.75rem;
line-height: 2.375rem;
}
#quebra-agro .texto-destaque {
font-size: 1.375rem;
line-height: 1.875rem;
}
#quebra-agro .subtitulo {
font-size: 20px;
line-height: 1.625rem;
}
#riscos-agro .titulo-bloco h2 {
font-size: 1.75rem;
line-height: 2.375rem;
}
#riscos-agro .card-risco h3 {
font-size: 1.25rem;
line-height: 1.625rem;
}
#riscos-agro .frase-cta {
font-size: 1.25rem;
}
#servicos-agro .titulo-bloco h2 {
font-size: 1.75rem;
line-height: 2.375rem;
}
#servicos-agro .card-servico h3 {
font-size: 1.25rem;
line-height: 1.625rem;
}
#vantagens-agro .titulo-bloco h2 {
font-size: 1.75rem;
line-height: 2.375rem;
}
#vantagens-agro .card-vantagem h3 {
font-size: 1.25rem;
line-height: 1.625rem;
}
#faq-agro h2 {
font-size: 1.75rem;
line-height: 2.375rem;
}
#faq-agro .faq-toggle {
font-size: 1.375rem;
}
#riscos-agro .card-risco,
#servicos-agro .card-servico,
#vantagens-agro .card-vantagem {
width: calc(50% - 0.78125vw);
}
#servicos-agro .titulo {
font-size: 26px;
line-height: 30px;
}
#servicos-agro .subtitulo .block {
display: inline;
}
#depoimentos .titulo {
font-size: 28px;
line-height: 36px;
}
#depoimentos .container::after {
right: -6%;
}
#depoimentos .container {
flex-direction: column;
}
#depoimentos .esq {
width: 100%;
align-items: flex-start;
margin-bottom: 30px;
}
#depoimentos .navigation {
margin-top: 20px;
margin-right: 0;
margin-left: -18px;
}
#depoimentos .container::before {
width: 100%;
}
#depoimentos {
padding: 80px 0;
}
#depoimentos .dir {
width: 95%;
padding: 40px 45px;
}
#depoimentos .texto {
font-size: 16px;
line-height: 28px;
margin-bottom: 30px;
}
#depoimentos .antes,
#depoimentos .depois {
scale: 0.8;
}
#depoimentos .antes {
top: 15px;
left: 15px;
}
#depoimentos .depois {
top: auto;
bottom: 15px;
right: 15px;
}
#depoimentos .dir::before {
height: 40px;
bottom: -40px;
}
#depoimentos .dados-depo {
font-size: 16px;
}
#depoimentos .dados-depo span {
font-size: 14px;
}
#depoimentos .foto-depoimento {
width: 65px;
height: 65px;
}
#depoimentos .logo-empresa {
width: 80px;
}
#diferenciais-agro .item-diferencial {
width: 100%;
}
#riscos-agro {
padding: 60px 0;
}
#servicos-agro .titulo {
margin-bottom: 40px;
}
#vantagens-agro .frase-cta {
margin: 40px auto 30px;
}
#sistema .container {
padding: 0;
flex-direction: column;
}
#sistema .esq {
width: 95%;
padding: 40px 30px;
}
#sistema .esq::before {
height: calc(100% + 50px);
top: -20px;
}
#sistema .titulo {
font-size: 28px;
line-height: 36px;
}
#sistema .texto {
font-size: 16px;
line-height: 24px;
}
#sistema .container::after,
#sistema .container::before {
right: -6%;
}
#sistema .dir {
width: 95%;
padding: 100px 0 60px;
}
#sistema {
padding: 120px 0 80px;
}
#sistema .esq::after {
display: none;
}
#faq-agro {
padding: 60px 0;
}
}
@media screen and (max-width: 820px) {
#banner .esq::before {
bottom: calc(-100% - 36vw);
}
#banner .before-banner-mbl {
height: 81.463vw;
right: calc(-5% - 5vw);
bottom: -3vw;
}
#banner .totvs-mbl {
width: 31vw;
}
#banner .box {
width: 73%;
}
#servicos-agro .depois {
display: none;
}
#servicos-agro .antes {
display: none;
}
#banner .dir {
width: 92%;
}
}
@media (max-width: 768px) {
#banner .before-banner-mbl {
bottom: 8vw;
}
#vantagens-agro .cards-grid {
gap: 30px;
}
#banner-agro {
padding: 120px 0 40px;
}
#banner-agro .container {
flex-direction: column;
}
#banner-agro .esq,
#banner-agro .dir {
width: 100%;
}
#banner-agro .titulo {
font-size: 26px;
line-height: 2.5rem;
}
#banner-agro .tag {
font-size: 0.75rem;
}
#banner-agro .texto {
font-size: 0.875rem;
line-height: 1.375rem;
}
#banner-agro .box .num {
font-size: 22px;
}
#banner-agro .box .num .mais {
font-size: 20px;
}
#banner-agro .box .num .apoio {
font-size: 0.875rem;
}
#empresas-agro .logos {
gap: 10px;
}
#empresas-agro .logo-item {
width: 140px;
height: 70px;
}
#empresas-agro .titulo-bloco h2 {
font-size: 22px;
line-height: 26px;
}
#quebra-agro .texto-destaque {
font-size: 1.25rem;
line-height: 1.75rem;
}
#quebra-agro .subtitulo {
font-size: 1rem;
line-height: 22px;
}
#riscos-agro .card-risco,
#servicos-agro .card-servico,
#vantagens-agro .card-vantagem {
width: 100%;
}
#riscos-agro .titulo-bloco h2 {
font-size: 26px;
line-height: 33px;
margin-bottom: 16px;
}
#riscos-agro .card-risco h3 {
font-size: 20px;
line-height: 22px;
}
#riscos-agro .titulo-bloco .subtitulo span {
font-size: 22px;
margin-top: 32px;
}
#riscos-agro .titulo-bloco .subtitulo {
line-height: 24px;
}
#riscos-agro .frase-cta {
font-size: 20px;
line-height: 26px;
}
#servicos-agro .titulo-bloco h2 {
font-size: 22px;
line-height: 26px;
}
#servicos-agro .card-servico h3 {
font-size: 22px;
line-height: 22px;
margin-bottom: 10px;
}
#depoimentos-agro .container {
flex-direction: column;
}
#depoimentos-agro .esq,
#depoimentos-agro .dir {
width: 100%;
}
#depoimentos-agro .esq h2 {
font-size: 22px;
line-height: 26px;
}
#depoimentos-agro .texto-dep {
font-size: 0.9375rem;
line-height: 22px;
}
#diferenciais-agro {
margin: 20px;
border-radius: 20px;
}
#diferenciais-agro .container {
flex-direction: column;
}
#diferenciais-agro .esq,
#diferenciais-agro .dir {
width: 100%;
}
#diferenciais-agro .item-diferencial {
width: 100%;
}
#diferenciais-agro .esq h2 {
font-size: 1.375rem;
line-height: 1.875rem;
}
#vantagens-agro .titulo-bloco h2 {
font-size: 30px;
line-height: 34px;
margin-bottom: 15px;
}
#vantagens-agro .card-vantagem h3 {
font-size: 20px;
line-height: 22px;
}
#vantagens-agro .frase-cta {
font-size: 20px;
}
#faq-agro h2 {
font-size: 22px;
line-height: 26px;
}
#faq-agro .faq-pergunta p {
font-size: 0.9375rem;
}
#faq-agro .faq-resposta {
font-size: 0.875rem;
line-height: 1.375rem;
}
#vantagens-agro .titulo-bloco .subtitulo {
font-size: 16px;
line-height: 20px;
}
#riscos-agro .cards-grid {
gap: 30px;
}
}
@media screen and (max-width: 620px) {
#banner .blocos {
padding-right: 10px;
}
#banner .before-banner-mbl {
bottom: 2vw;
}
#banner .before-banner-mbl {
height: 98.463vw;
width: 84.5104vw;
}
#banner .esq::before {
width: 62.77083vw;
height: 69.72916vw;
bottom: calc(-100% - 38vw);
}
#banner .dir {
margin-left: 0px;
}
#depoimentos .titulo,
#sistema .titulo {
font-size: 26px;
line-height: 34px;
}
#depoimentos .container::after,
#sistema .container::after,
#sistema .container::before {
right: -7%;
scale: 0.8;
}
#depoimentos .titulo {
max-width: 90%;
text-align: left;
}
#depoimentos .bottom {
align-items: flex-start;
flex-direction: column;
gap: 15px;
}
#depoimentos .texto {
font-size: 14px;
line-height: 22px;
}
#depoimentos .dir {
padding: 40px 24px 40px 36px;
}
#depoimentos .dados-depo {
font-size: 14px;
}
#depoimentos .dados-depo span {
font-size: 13px;
}
#sistema .texto {
font-size: 14px;
line-height: 22px;
}
#sistema .esq::after {
bottom: -10px;
right: 30px;
}
#sistema .box {
width: 100%;
}
#sistema .blocos {
row-gap: 40px;
}
#sistema .dir {
padding: 100px 0 10px;
}
}
@media screen and (max-width: 560px) {
#banner .esq::before {
bottom: calc(-100% - 22vw);
}
#banner .before-banner-mbl {
display: none;
}
#banner .before-banner-mbl2 {
display: block;
width: 92vw;
height: 128.2vw;
position: absolute;
bottom: -3vw;
right: 0;
z-index: 1;
}
#banner .dir img {
z-index: 2;
}
#banner .box {
width: 60%;
}
#depoimentos .container::after,
#sistema .container::after,
#sistema .container::before {
display: none;
}
}
@media screen and (max-width: 475px) {
#banner .before-banner-mbl2 {
bottom: 8vw;
}
}
@media screen and (max-width: 450px) {
#banner .esq::before {
bottom: calc(-100% - 0vw);
}
#banner .dir {
margin-top: 30px;
}
#banner .before-banner-mbl2 {
width: 93vw;
height: 142.2vw;
bottom: 0vw;
}
#banner .totvs-mbl {
width: 42vw;
}
#banner .box .num {
font-size: 30px;
}
}
@media screen and (max-width: 390px) {
#banner .esq::before {
bottom: calc(-100% - -23vw);
}
#banner .before-banner-mbl2 {
height: 158.2vw;
}
#banner .dir {
width: 100%;
}
}
@media screen and (max-width: 360px) {
#banner .esq::before {
bottom: calc(-100% - -34vw);
}
#banner .before-banner-mbl2 {
height: 165.2vw;
}
#banner .totvs-mbl {
width: 52vw;
}
#banner .before-banner-mbl2 {
bottom: 13vw;
}
}
@media screen and (max-width: 330px) {
#banner .esq::before {
bottom: calc(-100% - -39vw);
width: 78.77083vw;
height: 86.72916vw;
left: -30vw;
}
#banner .before-banner-mbl2 {
width: 94vw;
height: 183.2vw;
}
#banner .before-banner-mbl2 {
bottom: 0vw;
width: 92vw;
height: 189.2vw;
}
#banner .esq::before {
width: 83.77083vw;
height: 90.72916vw;
}
}
@media screen and (max-width: 315px) {
}