#header .btn-contato {
background-color: var(--branco);
color: #26276C;
}
#header .btn-contato svg {
filter: none;
-webkit-filter: none;
}
#header #menu-header li>a {
color: var(--branco);
}
#menu-header .submenu-wrapper .sub-menu li a .titulo-subs {
color: #000;
}
#header .login svg,
#header.fixo .login svg {
filter: brightness(10);
-webkit-filter: brightness(10);
}
#header.fixo {
background: #000000ad;
}
#header .logo svg .wht {
fill: #ffffff;
}
#faixa-black {
display: none;
}
#banner {
background: #000000;
background: linear-gradient(125deg, rgba(0, 0, 0, 1) 56%, rgba(255, 255, 255, 0) 56%);
padding: 11vw 0 2px;
position: relative;
overflow-x: hidden;
}
#banner::before {
content: ' ';
display: block;
height: 760px;
max-height: 39.583vw;
width: 47%;
background-color: #000;
clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
position: absolute;
right: 0;
top: 0;
}
#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;
}
#banner .esq::before {
content: ' ';
display: block;
width: 36.77083vw;
height: 40.72916vw;
background-image: url(//mistraltecnologia.com.br/wp-content/themes/mistral-tecnologia/tecnologia/home/banner-imagem-bf.webp);
position: absolute;
background-size: cover;
top: -6vw;
right: -25vw;
}
#banner .titulo {
color: var(--branco);
font-weight: 700;
font-size: 2.933vw;
line-height: 3.258vw;
padding-top: 1.5vw;
}
#banner .titulo .font-size {
font-size: 2.033vw;
line-height: 2.58vw !important;
}
#banner .texto {
color: var(--branco);
font-size: 0.9375vw;
line-height: 1.4583vw;
letter-spacing: 0.01em;
max-width: 386px;
margin: 1.2vw 0 0.8vw;
}
#banner .v2 .texto {
max-width: 565px;
}
#banner .obs {
color: var(--branco);
font-size: 13px;
line-height: 20px;
opacity: 0.7;
}
#banner span {
color: #08A8F7;
}
#banner .container {
display: flex;
justify-content: space-between;
align-items: flex-start;
position: relative;
}
#banner .dir {
width: 40%;
position: relative;
max-width: 374px;
padding-top: 13vw;
}
#banner .before-banner {
width: 43.7604vw;
height: 29.218vw;
position: absolute;
right: 0;
bottom: 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: 1.875vw;
border-bottom: 0.94px solid #CDCDCD;
padding-bottom: 5px;
margin-bottom: 10px;
text-align: center;
}
#banner .box .num .mais {
color: #08A8F7;
font-size: 1.354vw;
}
#banner .box .num .apoio {
font-size: 1.25vw;
color: var(--branco) !important;
}
#banner .numero {
color: var(--branco);
}
#banner .box .info {
text-align: center;
font-size: 14px;
}
#banner .blocos {
display: flex;
flex-wrap: wrap;
gap: 3.125vw;
margin-bottom: 30px;
position: relative;
z-index: 1;
}
#banner .totvs-mbl {
display: none;
}
@media screen and (min-width: 1921px) {
#banner::before {
height: 43vw;
}
}
@media screen and (max-width: 1600px) {
#banner::before {
width: 49%;
}
#banner .esq::before {
width: 40.77083vw;
height: 44.52916vw;
top: -5vw;
}
}
@media screen and (max-width: 1440px) {
#banner .texto {
font-size: 14px;
line-height: 22px;
}
#banner::before {
max-height: 42.583vw;
width: 49%;
}
}
@media screen and (max-width: 1366px) {
#banner .dir {
padding-top: 12.2vw;
}
}
@media screen and (max-width: 1200px) {
#banner .dir {
padding-top: 8.5vw;
}
}
@media screen and (max-width: 1024px) {
#banner .titulo,
#banner .titulo .font-size {
font-size: 33px;
line-height: 42px;
}
#banner .texto {
font-size: 18px;
line-height: 28px;
margin: 20px 0;
}
#banner .esq {
order: 1;
width: 100%;
padding-bottom: 30px;
}
#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;
display: flex;
flex-direction: column;
align-items: flex-end;
}
#banner .dir::after {
background: linear-gradient(0deg, rgba(255, 255, 255, 1) 14%, rgba(0, 0, 0, 1) 20%);
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: 73.5104vw;
height: 73.463vw;
position: absolute;
bottom: 6vw;
right: calc(-5% - 9vw);
z-index: 1;
}
#banner .container {
flex-direction: column;
}
#banner {
padding: 150px 0 0px;
background: #000000;
}
#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 {
max-height: 100px;
width: 100%;
clip-path: none;
top: auto;
bottom: 0;
background: #fff;
z-index: 1;
}
#banner .esq::before {
width: 66.77083vw;
height: 73.72916vw;
top: auto;
bottom: calc(-100% - 57vw);
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;
}
}
@media screen and (max-width: 820px) {
#banner .esq::before {
bottom: calc(-100% - 49vw);
}
#banner .before-banner-mbl {
height: 81.463vw;
right: calc(-5% - 5vw);
bottom: 19.5vw;
}
#banner .totvs-mbl {
width: 31vw;
}
}
@media screen and (max-width: 620px) {
#banner .titulo .font-size {
font-size: 28px;
line-height: 36px;
}
#banner .blocos {
padding-right: 10px;
}
#banner .before-banner-mbl {
height: 98.463vw;
width: 84.5104vw;
bottom: 13vw;
}
#banner .esq::before {
width: 72.77083vw;
height: 80.72916vw;
bottom: calc(-100% - 54vw);
}
}
@media screen and (max-width: 560px) {
#banner .esq::before {
bottom: calc(-100% - 50vw);
}
#banner .before-banner-mbl {
display: none;
}
#banner .before-banner-mbl2 {
display: block;
width: 92vw;
height: 128.2vw;
position: absolute;
bottom: 6vw;
right: 0;
z-index: 1;
}
#banner .dir img {
z-index: 2;
}
}
@media screen and (max-width: 450px) {
#banner .esq::before {
bottom: calc(-100% - 31vw);
}
#banner .esq.v2::before {
bottom: calc(-100% - 11vw);
}
#banner .dir {
margin-top: 30px;
}
#banner .before-banner-mbl2 {
width: 99vw;
height: 142.2vw;
bottom: 20vw;
}
#banner .totvs-mbl {
width: 42vw;
}
}
@media screen and (max-width: 380px) {
#banner .esq::before {
bottom: calc(-100% - 23vw);
}
#banner .before-banner-mbl2 {
height: 158.2vw;
}
#banner .esq.v2::before {
bottom: calc(-91% - 0vw);
}
}
@media screen and (max-width: 360px) {
#banner .esq::before {
bottom: calc(-100% - 15vw);
}
#banner .esq.v2::before {
bottom: calc(-76% - 0vw);
}
#banner .before-banner-mbl2 {
height: 165.2vw;
}
#banner .totvs-mbl {
width: 52vw;
}
}
@media screen and (max-width: 330px) {
#banner .esq::before {
bottom: calc(-100% - -10vw);
left: -30vw;
}
#banner .before-banner-mbl2 {
width: 113vw;
height: 183.2vw;
}
}
#combos {
padding: 6vw 0;
}
#combos .btn {
color: var(--branco);
font-size: 0.7291vw;
background-color: #08A8F7;
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);
position: absolute;
width: calc(100% - 5.729vw);
left: 2.8645vw;
bottom: -19px;
cursor: pointer;
}
#combos .btn.animacao-btn::before,
#combos .btn.animacao-btn::after {
background: var(--roxo);
}
#combos .btn.animacao-btn span {
justify-content: space-between;
}
#combos .box .tit {
font-weight: 600;
font-size: 1.354vw;
line-height: 1.875vw;
text-align: center;
color: #08A8F7;
}
#combos .box .de {
font-weight: 300;
font-size: 1.094vw;
line-height: 1.354vw;
color: var(--branco);
margin: 15px 0;
position: relative;
}
#combos .box .de::before {
content: '';
display: block;
width: 100%;
height: 1px;
background-color: #FF3838;
position: absolute;
transform: rotate(10deg);
top: 12px;
left: 0;
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-o-transform: rotate(10deg);
}
#combos .box .de::after {
content: '';
display: block;
width: 100%;
height: 1px;
background-color: #FF3838;
position: absolute;
transform: rotate(-10deg);
top: 12px;
left: 0;
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
}
#combos .box .por {
font-weight: 500;
font-size: 2.708vw;
text-align: center;
color: #FAFBFF;
}
#combos .box {
background-color: #1E1E24;
border: 1px solid #08A8F7;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
padding: 1.8645vw 0.8645vw 3.3333vw;
width: calc(33.33% - 18.66666px);
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
transition: var(--transicao);
-webkit-transition: var(--transicao);
-moz-transition: var(--transicao);
-ms-transition: var(--transicao);
-o-transition: var(--transicao);
box-shadow: 0px 5px 10px 0px #00000040;
}
#combos .boxes {
display: flex;
gap: 28px;
row-gap: 60px;
flex-wrap: wrap;
}
#combos .desconto {
font-weight: 600;
font-size: 1.25vw;
color: var(--branco);
background-color: #8303FF;
position: absolute;
top: 31px;
right: -42px;
transform: rotate(45deg);
padding: 5px 40px;
clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
}
@media screen and (max-width: 1440px) {
#combos .desconto {
top: 26px;
right: -37px;
}
#combos .btn {
font-size: 14px;
}
#combos .box .de {
font-size: 1.294vw;
}
#combos .box .de::before,
#combos .box .de::after {
top: 10px;
}
}
@media screen and (max-width: 1280px) {
#combos .desconto {
top: 25px;
right: -33px;
}
#combos .box .de::before,
#combos .box .de::after {
top: 8px;
}
}
@media screen and (max-width: 1024px) {
#combos {
padding: 100px 0;
overflow: hidden;
}
#combos .box {
width: 100%;
max-width: 450px;
padding: 20px 20px 50px;
}
#combos .boxes {
flex-wrap: nowrap;
justify-content: center;
flex-direction: column;
align-items: center;
}
#combos .box .tit {
font-size: 24px;
line-height: 28px;
}
#combos .box .de {
font-size: 18px;
line-height: 18px;
}
#combos .box .por {
font-size: 42px;
}
#combos .btn {
padding: 10px 15px;
}
#combos .desconto {
top: 25px;
right: -38px;
font-size: 18px;
}
}
@media screen and (max-width: 600px) {
#combos .box .tit {
font-size: 20px;
line-height: 24px;
}
#combos .box .de {
font-size: 16px;
line-height: 16px;
}
#combos .box .por {
font-size: 34px;
}
#combos .desconto {
top: 11px;
right: -26px;
font-size: 12px;
padding: 5px 21px;
clip-path: polygon(25% 0%, 74% 0%, 100% 100%, 0% 100%);
}
}
#conteudo {
padding: 6vw 0;
}
#conteudo .titulo {
font-weight: 700;
font-size: 50px;
line-height: 57px;
color: #8303FF;
}
#conteudo .texto,
#conteudo li {
font-weight: 500;
font-size: 16px;
line-height: 26px;
color: #000;
}
#conteudo ul {
list-style: disc;
padding-left: 23px;
margin-bottom: 15px;
}
#conteudo .tit {
font-weight: 700;
font-size: 20px;
line-height: 26px;
color: #08A8F7;
margin: 10px 0;
}
#conteudo .infos {
font-weight: 500;
font-size: 14px;
line-height: 24px;
color: #171C24;
opacity: 0.74;
}
#conteudo .btn-decrement,
#conteudo .btn-increment {
cursor: pointer;
}
#conteudo .esq {
width: 50%;
}
#conteudo .dir {
margin-right: 3%;
width: 427px;
position: sticky;
top: 100px;
}
#conteudo .dir .box {
background-color: #EDEFF7;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
display: flex;
flex-direction: column;
align-items: center;
box-shadow: 0px 5px 10px 0px #00000040;
padding: 1.719vw 1.719vw 2.604vw;
position: relative;
}
#conteudo .container {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
#conteudo .header {
background-color: #26276C;
color: var(--branco);
font-weight: 700;
font-size: 19px;
line-height: 26px;
text-transform: uppercase;
text-align: center;
padding: 18px 5px;
width: 100%;
border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-ms-border-radius: 10px 10px 0 0;
-o-border-radius: 10px 10px 0 0;
}
#conteudo .dir .de {
font-weight: 300;
font-size: 22px;
line-height: 22px;
color: var(--preto);
margin: 0 0 10px;
position: relative;
}
#conteudo .dir .de::before {
content: '';
display: block;
width: 100%;
height: 1px;
background-color: #FF3838;
position: absolute;
transform: rotate(10deg);
top: 12px;
left: 0;
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-o-transform: rotate(10deg);
}
#conteudo .dir .de::after {
content: '';
display: block;
width: 100%;
height: 1px;
background-color: #FF3838;
position: absolute;
transform: rotate(-10deg);
top: 12px;
left: 0;
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
}
#conteudo .dir .para {
font-weight: 300;
font-size: 48px;
text-align: center;
color: #000;
}
#conteudo .dir .para b {
font-weight: 700;
font-size: 57px;
}
#conteudo .dir .roxo {
color: #8303FF;
font-weight: 400;
font-size: 16px;
}
#conteudo .dir .cinza {
font-weight: 300;
font-size: 12px;
line-height: 20px;
color: #0000006B;
}
#conteudo .dir .flex {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
margin-top: 10px;
}
#conteudo .dir .botoes {
display: flex;
align-items: center;
gap: 11px;
user-select: none;
}
#conteudo .btn {
color: var(--branco);
font-size: 16px;
background-color: #08A8F7;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
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);
position: absolute;
width: calc(100% - 5.729vw);
left: 2.8645vw;
bottom: -19px;
cursor: pointer;
text-align: center;
}
#conteudo .btn:hover {
background-color: var(--roxo);
}
#conteudo .obs {
font-weight: 300;
font-size: 12px;
line-height: 20px;
text-align: center;
margin-top: 32px;
color: #0000006B;
}
#conteudo .desconto {
font-weight: 600;
font-size: 20.47px;
color: var(--branco);
position: absolute;
transform: rotate(13deg);
top: 10px;
right: 11px;
}
#conteudo .desconto span {
font-weight: 600;
font-size: 15.05px;
}
#conteudo .desconto p {
position: absolute;
text-align: center;
top: 11px;
}
@media screen and (max-width: 1366px) {
#conteudo .dir .para b {
font-size: 52px;
}
#conteudo .dir .para {
font-size: 40px;
}
#conteudo .dir .de {
font-size: 20px;
line-height: 20px;
}
#conteudo .dir .roxo {
font-size: 14px;
}
#conteudo .dir .cinza {
font-size: 11px;
}
#conteudo .header {
font-size: 18px;
}
#conteudo .dir {
width: 380px;
}
#conteudo .btn {
font-size: 14px;
padding: 9px 5px;
}
#conteudo .desconto svg {
width: 68px;
height: 68px;
}
#conteudo .desconto {
font-size: 16.47px;
}
#conteudo .desconto span {
font-size: 13.05px;
}
#conteudo .desconto p {
top: 12px;
}
}
@media screen and (max-width: 1024px) {
#conteudo .dir {
position: relative;
top: 0;
margin: 0 auto;
}
#conteudo .esq {
width: 100%;
}
#conteudo .container {
align-items: center;
flex-direction: column-reverse;
gap: 40px;
}
#conteudo {
padding: 90px 0;
}
#conteudo .titulo {
font-size: 42px;
}
#conteudo .dir .box {
padding: 20px 20px 50px;
}
}
@media screen and (max-width: 600px) {
#conteudo .titulo {
font-size: 38px;
line-height: 48px;
}
#conteudo .texto,
#conteudo li {
font-size: 15px;
line-height: 25px;
}
#conteudo .infos {
font-size: 13px;
}
#conteudo .dir {
max-width: 380px;
width: 100%;
}
#conteudo .header {
font-size: 16px;
}
#conteudo .dir .para {
font-size: 34px;
}
#conteudo .dir .para b {
font-size: 44px;
}
#conteudo .dir .de {
font-size: 18px;
line-height: 23px;
}
#conteudo .desconto {
top: 0;
right: 0;
scale: 0.9;
}
#conteudo .dir .flex {
flex-direction: column;
gap: 6px;
}
}
.contato-rodape {
display: none;
}
#contato .container {
width: 90%;
max-width: 1470px;
z-index: 1;
position: relative;
color: var(--branco);
display: flex;
align-items: flex-end;
justify-content: space-between;
padding: 219px 0vw 174px 0vw;
gap: 7vw;
}
#contato .container::after {
content: url(//mistraltecnologia.com.br/wp-content/themes/mistral-tecnologia/tecnologia/triangulos.png);
transform: rotate(90deg);
position: absolute;
top: 59%;
left: -9vw;
}
#contato .esq {
width: 43%;
color: #ffff;
}
#contato .titulo {
font-size: 3.65vw;
font-weight: 700;
line-height: 3.65vw;
color: #000;
}
#contato .texto {
font-weight: 500;
font-size: 0.833vw;
line-height: 1.2541vw;
margin-top: 33px;
color: #000;
}
#contato .destaque {
font-weight: 700;
font-size: 0.9375vw;
line-height: 1.3541vw;
color: #000;
text-align: center;
}
#contato .destaque b {
color: #08A8F7;
}
#contato .dir {
width: 650px;
background-color: var(--branco);
padding: 3.02083vw 3.02083vw 2.083vw;
box-shadow: 0px 0px 10px 0px #00000033;
border-radius: 20px 20px 0 0;
-webkit-border-radius: 20px 20px 0 0;
-moz-border-radius: 20px 20px 0 0;
-ms-border-radius: 20px 20px 0 0;
-o-border-radius: 20px 20px 0 0;
position: relative;
}
* #contato .dir::before {
content: ' ';
display: block;
width: 100%;
height: 58px;
background-color: var(--roxo);
position: absolute;
left: 0;
bottom: -58px;
border-radius: 0 0 20px 20px;
box-shadow: 10px 10px 10px 0px #0000000D;
-webkit-border-radius: 0 0 20px 20px;
-moz-border-radius: 0 0 20px 20px;
-ms-border-radius: 0 0 20px 20px;
-o-border-radius: 0 0 20px 20px;
}
#contato .dir .box-input {
margin-bottom: 10px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
align-items: center;
display: flex;
gap: 9px;
width: 100%;
}
#contato .dir .dupla {
display: flex;
justify-content: space-between;
gap: 12px;
}
#contato .dir .box-input::before {
content: ' ';
display: block;
width: 99%;
height: 1px;
background-color: var(--preto);
position: absolute;
bottom: 0;
left: 0.5%;
z-index: 1;
}
#contato .dir .box-input input,
#contato .dir .box-input select,
#contato .dir .box-input textarea {
width: 100%;
background-color: var(--branco);
height: 50px;
border: 1px solid #DBDBDB;
color: var(--preto);
border-radius: 5px;
font-size: 14px;
padding-left: 15px;
-webkit-transition: .2s all ease-in-out;
-o-transition: .2s all ease-in-out;
transition: .2s all ease-in-out;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
#contato .dir .box-input .inpt-telefone {
padding-left: 45px;
}
#contato .dir .box-input .ddi {
z-index: 1;
position: absolute;
top: 16px;
left: 15px;
font-weight: 300;
color: var(--preto);
font-size: 14px;
}
#contato .dir .box-input .label-form {
background-color: var(--branco);
z-index: 2;
color: var(--preto);
position: absolute;
top: 16px;
left: 15px;
font-size: 14px;
font-weight: 600;
-webkit-transition: .2s all ease-in-out;
-o-transition: .2s all ease-in-out;
transition: .2s all ease-in-out;
}
#contato .dir .box-input .label-form.subir {
font-size: 11px;
background-color: var(--roxo);
padding: 2.5px 4px 3px;
color: var(--branco);
left: 12px;
top: -9px;
z-index: 1;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
#contato .dir .box-input textarea {
resize: none;
height: 97px;
padding-top: 12px;
}
#contato .dir .box-input.box-check {
margin-top: 15px;
margin-bottom: 10px;
}
#contato .dir .box-input.box-check::before {
content: none;
}
#contato .dir #sobre-chk {
accent-color: var(--roxo);
border: none;
cursor: pointer;
line-height: 0;
margin: 0;
width: 12px;
height: 12px;
}
#contato .dir .autorizo {
font-size: 12px;
text-align: left;
flex: 1;
color: var(--preto);
}
#contato .dir .obrigatorio {
font-size: 12px;
margin-top: 15px;
opacity: .9;
color: var(--preto);
text-align: center;
font-weight: 600;
}
#contato .dir .enviar {
border: none;
font-size: 16px;
font-weight: 700;
padding: 17px 1%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
text-align: center;
display: block;
color: var(--branco);
background-color: var(--roxo);
position: relative;
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
cursor: pointer;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
overflow: hidden;
}
#contato .dir .enviar svg {
position: relative;
z-index: 2;
}
#contato .formulario {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #00000099;
z-index: 999;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 100px;
}
#contato .formulario.form2 {
padding-top: 0px;
align-items: center;
}
#contato .formulario.formulario-ativo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#contato .formulario .oveerlayy {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
#contato .formulario .fechar {
display: block;
width: 32px;
height: 32px;
border: 2px solid var(--roxo);
border-radius: 35px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
background-color: #000000db;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: -15px;
right: -15px;
cursor: pointer;
}
.blocked {
overflow: hidden;
}
@media screen and (max-width: 1440px) {
#contato .texto {
font-size: 14px;
line-height: 22px;
}
#contato .destaque {
font-size: 16px;
line-height: 24px;
}
}
@media screen and (max-width: 1024px) {
#contato .container {
flex-direction: column;
gap: 60px;
align-items: center;
padding: 150px 0vw 140px 0vw;
}
#contato .titulo {
font-size: 38px;
line-height: 42px;
margin-bottom: 40px;
}
#contato .esq {
padding: 60px 0 0 10px;
width: 100%;
}
#contato .texto {
font-size: 16px;
line-height: 24px;
}
#contato .destaque {
font-size: 18px;
line-height: 26px;
}
#contato .dir {
margin-top: 0;
width: 100%;
max-width: 600px;
padding: 40px 30px;
margin: 0 auto;
}
#contato .dir::before {
height: 40px;
bottom: -40px;
}
#contato .dir .dupla {
flex-direction: column;
gap: 0px;
}
}
@media screen and (max-width: 600px) {
#contato .dir {
padding: 35px 20px;
width: 90%;
}
#contato .container::after {
content: none;
}
#contato .titulo {
font-size: 6.35vw;
line-height: 10vw;
}
}
@media screen and (max-width: 460px) {
#contato .titulo {
font-size: 30px;
line-height: 10vw;
}
#contato .dir .enviar {
font-size: 14px;
padding: 14px 1%;
gap: 10px;
}
}