/*#region Dobra 1*/
#html-628 .dobra-1 {
background: url(../Imagens/img-dobra-1.webp);
height: 1000px;
position: relative;
margin: auto;
background-position: center;
background-size: cover;
}
#html-628 .dobra-1 .conteudo {
padding: 74px 70px 70px 600px;
}
#html-628 .dobra-1 .conteudo-texto {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#html-628 .dobra-1 .texto-lancamento {
color: #76E425;
text-align: center;
font-size: 38px;
font-style: normal;
font-weight: 700;
}
#html-628 .dobra-img img {
margin: 0 auto;
width: 100%;
display: block;
}
#html-628 .dobra-1 .conteudo-texto .subtitulo {
font-size: 34px;
font-weight: 500;
text-align: center;
color: #FFFFFF;
letter-spacing: 3px;
font-weight: 700;
margin: 20px 0;
}
#html-628 .dobra-1 .img-titulo {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
#html-628 .dobra-1 .conteudo-texto .subtitulo-2 {
font-size: 28px;
font-weight: 500;
text-align: center;
color: #FFFFFF;
letter-spacing: 3px;
margin: 0 auto;
max-width: 420px;
}
#html-628 .dobra-1 .conteudo-texto .texto-1 {
font-size: 33px;
font-weight: 400;
color: #FFFFFF;
line-height: 1.1;
text-align: center;
margin: 37px 0 50px;
max-width: 620px;
}
#html-628 .dobra-1 .conteudo-texto .texto-1 span {
color: #76E425;
font-weight: 700;
}
#html-628 .dobra-1 .selo-dobra {
position: absolute;
bottom: 200px;
right: 14%;
width: 210px;
}
.bounce {
-webkit-animation: bounce 2s;
animation: bounce 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes bounce {
0%, 25%, 50%, 75%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
60% {
-webkit-transform: translateY(-12px);
transform: translateY(-12px);
}
}
@keyframes bounce {
0%, 25%, 50%, 75%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
60% {
-webkit-transform: translateY(-12px);
transform: translateY(-12px);
}
}
/*#endregion Dobra 1*/
/*#region Dobra 2*/
#html-628 .dobra-2 {
padding: 40px 20px;
}
#html-628 .dobra-2 .conteudo {
max-width: 1200px;
margin: 0 auto;
}
#html-628 .dobra-2 .texto-1 {
color: #222;
text-align: center;
font-size: 45px;
font-style: normal;
font-weight: 700;
line-height: 109.5%;
}
#html-628 .dobra-2 .texto-2 {
color: #222;
font-size: 36px;
max-width: 1000px;
margin: 20px auto 0;
font-style: normal;
font-weight: 400;
text-align: center;
line-height: 109.5%;
}
/*#endregion Dobra 2*/
/*#region Dobra 3*/
#html-628 .dobra-3 {
background: #76E425;
position: relative;
margin-top: 60px;
}
#html-628 .dobra-3 .conteudo {
display: flex;
align-items: center;
}
#html-628 .dobra-3 .coluna-1 {
background: url('../Imagens/w5-bg-2.webp') no-repeat;
background-size: cover;
width: 50vw;
height: 190px;
margin: -75px 0 -55px;
display: flex;
align-items: center;
}
#html-628 .dobra-3 .titulo-1 {
font-size: 42px;
font-weight: 500;
color: #222222;
line-height: 1;
max-width: 445px;
margin: 0 128px 0 auto;
}
#html-628 .dobra-3 .titulo-1 strong {
font-weight: bold;
}
#html-628 .dobra-3 .titulo-2 {
font-size: 42px;
font-weight: 700;
color: #222222;
line-height: 1.5;
padding: 40px 0;
margin-bottom: 0;
}
#html-628 .dobra-3 .titulo-2 span {
font-weight: 800;
text-decoration-line: underline;
color: #222222;
cursor: pointer;
}
/*#endregion Dobra 3*/
/*#region Dobra 4*/
#html-628 .dobra-4 {
height: 855px;
}
#html-628 .dobra-4 .arrayImgs {
width: 900px;
object-fit: cover;
height: 1000px;
position: absolute;
margin-top: -37px;
left: 14%;
}
#html-628 .dobra-4 .conteudo {
display: flex;
align-items: start;
justify-content: center;
position: relative;
}
#html-628 .dobra-4 .conteudo-texto {
padding-top: 60px;
width: 910px;
}
#html-628 .dobra-4 .titulo-1 {
font-size: 42px;
font-weight: 800;
text-align: right;
margin-bottom: 22px;
color: #222222;
line-height: 1.1;
}
#html-628 .dobra-4 .titulo-1 span {
display: block;
}
#html-628 .dobra-4 .texto-1 {
font-size: 26px;
font-weight: 500;
text-align: right;
margin-bottom: 30px;
line-height: 1.1;
max-width: 395px;
color: #222222;
margin: 0 0 0 auto;
}
#html-628 .dobra-4 .conteudo-2 {
position: relative;
}
#html-628 .dobra-4 .cores {
padding-top: 65px;
width: 910px;
margin: 0 auto;
display: block;
text-align: right;
height: 180px;
display: flex;
justify-content: end;
align-items: center;
}
#html-628 .dobra-4 .bloco-bg-cores {
width: 57vw;
height: 180px;
border-top: 3px solid #76e425;
border-bottom: 3px solid #76e425;
position: absolute;
margin: 0 0 0 auto;
right: 0;
display: block;
margin: -3px auto 0 -136px;
z-index: -1;
}
#html-628 .dobra-4 .bg-3 {
width: 54vw;
display: none;
height: 180px;
}
#html-628 .dobra-4 .conteudo-cores {
display: flex;
align-items: center;
justify-content: center;
gap: 25px;
}
#html-628 .dobra-4 .texto-cores {
font-size: 23px;
max-width: 200px;
text-align: right;
font-weight: 700;
line-height: 1.3;
letter-spacing: 2.5px;
color: #222222;
margin-left: 140px;
}
#html-628 .dobra-4 .circulos {
display: flex;
flex-direction: column;
gap: 5px;
}
#html-628 .dobra-4 .circulo {
content: '';
border-radius: 50%;
width: 28px;
height: 28px;
border: 1px solid #C6C6C6;
}
#html-628 .dobra-4 .circulo.circulo-branco {
background: #FFFFFF;
}
#html-628 .dobra-4 .circulo.circulo-cinza {
background: #A7A3A3;
}
/*#endregion Dobra 4*/
/*#region Dobra 5*/
#html-628 .dobra-5 {
background: #fff;
padding: 80px 20px;
overflow-x: hidden;
}
#html-628 .dobra-5 .content-container .bloco-titulo .titulo-1 {
font-size: 48px;
line-height: 1;
font-weight: 800;
color: #222222;
text-align: center;
text-transform: uppercase;
margin-bottom: 30px;
}
#html-628 .dobra-5 .content-container .bloco-titulo img {
display: block;
margin: 0 auto 40px;
width: 580px;
}
#html-628 .dobra-5 .content-container .container-img img {
width: 1200px;
display: block;
margin: 0 auto;
}
/*MOBILE*/
/*#region mobile*/
#html-628 .dobra-5 .conteudo-mobile {
padding: 30px 0 60px;
display: none;
}
#html-628 .dobra-5 .img-w5 {
margin: 18%;
}
#html-628 .dobra-5 .conteudo-mobile .conteudo {
display: grid;
grid-template-columns: 1fr 1fr;
max-width: 460px;
padding: 0 10px;
grid-column-gap: 0;
justify-items: center;
}
#html-628 .dobra-5 .conteudo-mobile .bloco {
display: flex;
align-items: center;
margin-bottom: 25px;
max-width: 100%;
min-width: 200px;
justify-content: flex-start;
}
#html-628 .dobra-5 .conteudo-mobile span {
color: #222222;
background: #7AE000;
margin-right: 7px;
font-size: 16px;
font-weight: 700;
border-radius: 30px;
text-align: center;
height: 27px;
width: 27px;
line-height: 1.7;
}
#html-628 .dobra-5 .conteudo-mobile .texto-1 {
font-size: 17px;
font-weight: 700;
max-width: 150px;
margin-bottom: 0;
color: #222222;
line-height: 1.1;
text-transform: uppercase;
}
/*#endregion mobile*/
/*#endregion Dobra 5*/
/*#region Dobra 6*/
#html-628 .dobra-6 {
background: #222222;
padding: 30px 0;
}
#html-628 .dobra-6 .coluna-1 .img-2-dobra6 {
position: absolute;
max-width: 460px;
vertical-align: middle;
top: -57px;
display: block;
}
#html-628 .dobra-6 .coluna-1 .img-mobile-dobra6 {
display: none;
}
#html-628 .dobra-6 .content-container {
display: grid;
grid-template-columns: 460px 1fr;
height: 510px;
grid-column-gap: 22px;
}
#html-628 .dobra-6 .coluna-1 {
position: relative;
}
#html-628 .dobra-6 .coluna-2 {
display: grid;
grid-template-columns: 1fr 1fr;
justify-content: center;
align-items: center;
gap: 20px;
padding: 40px;
}
#html-628 .dobra-6 .bloco {
display: flex;
align-items: center;
}
#html-628 .dobra-6 .bloco-5 {
grid-area: 3/2;
}
#html-628 .dobra-6 .icon {
margin: 0;
width: 40px;
}
#html-628 .dobra-6 .bloco-1 .icon {
width: 60px;
margin-right: 20px;
margin-bottom: 10px;
}
#html-628 .dobra-6 .bloco-2 .icon {
width: 30px;
margin-right: 20px;
margin-bottom: 10px;
}
#html-628 .dobra-6 .bloco-3 .icon {
width: 40px;
margin-right: 20px;
margin-bottom: 10px;
}
#html-628 .dobra-6 .bloco-4 .icon {
width: 30px;
margin-right: 20px;
margin-bottom: 10px;
}
#html-628 .dobra-6 .bloco-5 .icon {
width: 50px;
margin-right: 20px;
margin-bottom: 10px;
}
#html-628 .dobra-6 .bloco-texto {
font-size: 17px;
font-weight: 700;
margin: 0;
margin-right: 7px;
color: #FFFFFF;
line-height: 1.1;
text-transform: uppercase;
}
/*#endregion Dobra 6*/
/*#region DOBRA 7*/
#html-628 .dobra-7 {
background: #404040;
padding: 60px 0;
}
#html-628 .dobra-7 .content-container {
display: flex;
justify-content: center;
max-width: 1200px;
margin: 0 auto;
gap: 50px;
position: relative;
}
#html-628 .dobra-7 .borda-topo {
border-top: 7px solid #76E425;
max-width: 75px;
}
#html-628 .dobra-7 .content-container .titulo-1 {
color: #ffffff;
font-size: 52px;
font-style: normal;
font-weight: 700;
margin-bottom: 10px;
}
#html-628 .dobra-7 .content-container .subtitulo {
color: #E2E1E5;
font-size: 19px;
font-style: normal;
font-weight: 700;
margin-bottom: 20px;
}
#html-628 .dobra-7 .content-container .texto-1 {
margin-bottom: 20px;
}
#html-628 .dobra-7 .content-container .texto-2 {
margin-bottom: 18px;
}
#html-628 .dobra-7 .content-container .img-container {
flex-shrink: 0;
max-width: 50%;
height: auto;
}
#html-628 .dobra-7 .content-container .textos-container {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
#html-628 .dobra-7 .content-container .texto-1,
#html-628 .dobra-7 .content-container .texto-2 {
flex-shrink: 0;
color: #FFFFFF;
font-size: 16px;
font-style: normal;
max-width: 695px;
font-weight: 500;
}
#html-628 .dobra-7 .content-container .texto-destaque {
color: #76E425;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 1;
margin-bottom: 18px;
}
#html-628 .dobra-7 .content-container .texto-destaque span {
color: #FFFFFF;
line-height: 1;
display: block;
}
/*#endregion DOBRA 7*/
/*#region Dobra 8*/
#html-628 .dobra-8 {
background: #F4F4F4;
padding: 70px 0;
}
#html-628 .dobra-8 p {
color: #222;
margin-bottom: 20px;
max-width: 1500px;
font-weight: 500;
font-size: 18px;
}
#html-628 .dobra-8 img {
width: 120px;
}
/*#endregion Dobra 8*/
/*#region Dobra 9*/
#html-628 .dobra-9 .conteudo {
background: linear-gradient(180deg, rgba(118, 228, 37, 0.7) -2.97%, rgba(118, 228, 37, 0.7) 85.69%), url('../Imagens/background-final-w5.webp') no-repeat;
background-size: cover;
background-position: center;
height: 650px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
#html-628 .dobra-9 .titulo-1 {
font-size: 42px;
font-weight: 800;
line-height: 1.1;
letter-spacing: 2.5px;
text-align: center;
color: #222222;
text-transform: uppercase;
padding-bottom: 30px;
}
#html-628 .dobra-9 .borda {
border-top: 6px solid #222222;
width: 490px;
}
/*#endregion Dobra 9*/
/*#region modal captura*/
#modal-captacaoW5 .modal-content {
background: #E2E1E5;
padding-bottom: 15px;
}
#modal-captacaoW5 .conteudo-texto {
display: flex;
align-items: center;
flex-direction: column;
}
#modal-captacaoW5 .titulo-1 {
line-height: 1;
font-size: 40px;
color: #4B9A13;
letter-spacing: -1px;
font-weight: 700;
text-align: center;
max-width: 600px;
margin: 0 auto 15px;
}
#modal-captacaoW5 .sub-titulo {
line-height: 1;
font-size: 28px;
color: #404040;
font-weight: 700;
text-align: center;
margin: 0 auto 25px;
}
#modal-captacaoW5 label {
color: black;
font-weight: 500;
font-size: 17px;
padding-top: 15px;
}
#modal-captacaoW5 .conteudo {
padding: 0 30px;
}
#modal-captacaoW5 .conteudo-1 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
#modal-captacaoW5 .bloco-3 {
width: 100%;
}
#modal-captacaoW5 .form-control {
max-width: 100%;
}
#modal-captacaoW5 .btn-cadastrar {
display: block;
max-width: 135px;
margin: 5px 15px 0 auto;
font-size: 18px;
border-radius: 10px;
font-weight: 700;
color: white;
background: #76E425;
}
#modal-captacaoW5 .invalid-feedback {
font-size: 15px;
font-weight: 500;
}
#modal-captacaoW5 .bloco-4 {
display: flex;
flex-direction: column;
justify-content: center;
}
#modal-captacaoW5 #col-checkboxInfo {
display: grid;
grid-template-columns: 30px auto;
}
#modal-captacaoW5 .bloco-4 .bloco-privacidade p {
color: #000;
}
#modal-captacaoW5 .bloco-4 .bloco-privacidade p a {
color: #4B9A13;
}
#modal-captacaoW5 .bloco-4 #col-checkboxInfo label {
padding: 0;
}
/*#endregion modal captura*/
/*VERSÃO MOBILE*/
/*#region Mobile Genérico 575px*//*MOTO G4*/
@media only screen and (max-width: 575px) {
/*DOBRA 1 - Mobile Genérico*/
#html-628 .dobra-1 {
background: url(../Imagens/img-bg-mobile.webp);
position: relative;
height: 275px;
background-size: cover;
background-position: center;
}
#html-628 .dobra-1 .conteudo {
float: right;
padding: 14px;
max-width: 208px;
}
#html-628 .dobra-1 .texto-lancamento {
font-size: 18px;
text-align: center;
margin: 8px 0px 0px;
}
#html-628 .dobra-1 .conteudo-texto .subtitulo {
font-size: 15px;
margin: 4px 0 3px;
text-align: center;
}
#html-628 .dobra-1 .img-titulo {
width: 92%;
}
#html-628 .dobra-1 .selo-dobra {
bottom: 13px;
width: 70px;
right: 66px;
}
#html-628 .dobra-1 svg {
viewBox: 0 0 100 100;
width: 20px;
height: 20px;
}
/*DOBRA 2 - Mobile Genérico*/
#html-628 .dobra-2 {
padding: 20px 20px 0;
}
#html-628 .dobra-2 .texto-1 {
font-size: 20px;
}
#html-628 .dobra-2 .texto-2 {
font-size: 18px;
}
/*DOBRA 3 - Mobile Genérico*/
#html-628 .dobra-3 .conteudo {
flex-direction: column;
}
#html-628 .dobra-3 .coluna-1 {
height: 108px;
margin: -18px auto 0 -2px;
width: 95vw;
display: flex;
align-items: center;
justify-content: center;
}
#html-628 .dobra-3 .coluna-2 {
text-align: left;
margin-left: 14px;
}
#html-628 .dobra-3 .titulo-1 {
font-size: 20px;
max-width: 245px;
margin: 0 55px 0 auto;
}
#html-628 .dobra-3 .titulo-2 {
font-size: 20px;
padding: 14px 0 20px;
}
/*DOBRA 4 - Mobile Genérico*/
#html-628 .dobra-4 {
height: 555px;
}
#html-628 .dobra-4 .conteudo {
height: 300px;
}
#html-628 .dobra-4 .conteudo-texto {
margin: 0 auto;
width: auto;
max-width: 380px;
padding: 19px 10px;
}
#html-628 .dobra-4 .arrayImgs {
height: 460px;
top: -18px;
position: absolute;
margin: 146px;
left: -226px;
transform: translateX(5%);
}
#html-628 .dobra-4 .bloco-bg-cores {
width: 64vw;
height: 110px;
border-top: 2px solid #76e425;
border-bottom: 2px solid #76e425;
}
#html-628 .dobra-4 .bg-3 {
display: none;
}
#html-628 .dobra-4 .titulo-1 {
font-size: 24px;
margin: 0 auto 20px;
}
#html-628 .dobra-4 .texto-1 {
font-size: 19px;
margin: 0px 0px 0 120px;
}
#html-628 .dobra-4 .conteudo-cores {
display: flex;
align-items: center;
margin-top: 24px;
}
#html-628 .dobra-4 .cores {
height: 18px;
padding-top: 0;
width: 100%;
}
#html-628 .dobra-4 .texto-cores {
font-size: 14px;
margin: 0 -29px;
letter-spacing: 0.8px;
}
#html-628 .dobra-4 .circulos {
display: flex;
flex-direction: column;
gap: 5px;
margin: 12px;
}
#html-628 .dobra-4 .circulo {
content: '';
border-radius: 50%;
width: 14px;
height: 14px;
}
/*DOBRA 5 - Mobile Genérico*/
#html-628 .dobra-5 {
padding: 42px 18px 0;
}
#html-628 .dobra-5 .img-w5 {
margin: 0%;
}
#html-628 .dobra-5 .content-container .bloco-titulo .titulo-1 {
font-size: 22px;
max-width: 290px;
margin: 0 auto 15px;
}
#html-628 .dobra-5 .content-container .bloco-titulo img {
width: 216px;
margin: 0 auto 20px;
}
#html-628 .dobra-5 .content-container .container-img img {
display: none;
}
#html-628 .dobra-5 .conteudo-mobile .conteudo {
margin: 0px auto 0;
grid-column-gap: 22px;
grid-template-columns: 1fr;
column-gap: 22px;
justify-items: center;
}
#html-628 .dobra-5 .conteudo-mobile .coluna-2 {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#html-628 .dobra-5 .conteudo-mobile .coluna-1/*, #html-628 .dobra-5 .conteudo-mobile .coluna-2*/ {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#html-628 .dobra-5 .conteudo-mobile {
display: block;
padding: 20px 0 20px 0;
}
#html-628 .dobra-5 .conteudo-mobile span {
margin-right: 12px;
}
#html-628 .dobra-5 .conteudo-mobile .texto-1 {
font-size: 14px;
}
#html-628 .dobra-5 .img-w5 {
max-width: 104%;
}
/*DOBRA 6 - Mobile Genérico*/
#html-628 .dobra-6 {
padding: 30px 0;
height: auto;
}
#html-628 .dobra-6 .coluna-1 .img-2-dobra6 {
display: none;
}
#html-628 .dobra-6 .content-container {
display: flex;
flex-direction: column-reverse;
justify-content: space-between;
padding-top: 5px;
}
#html-628 .dobra-6 .coluna-1 .img-mobile-dobra6 {
display: block;
max-width: 100%;
}
#html-628 .dobra-6 .coluna-2 {
display: grid;
grid-template-columns: 1fr 1fr;
justify-content: center;
align-items: center;
gap: 20px;
padding: 10px;
}
#html-628 .dobra-6 .bloco-texto {
font-size: 14px;
margin-right: 4px;
}
#html-628 .dobra-6 .bloco-5 {
grid-area: 3 / 1;
}
#html-628 .dobra-6 .bloco-1 .icon {
width: 55px;
margin-right: 9px;
margin-bottom: 10px;
}
#html-628 .dobra-6 .bloco-2 .icon {
width: 29px;
margin-right: 14px;
margin-bottom: 10px;
}
#html-628 .dobra-6 .bloco-3 .icon {
width: 39px;
margin-right: 10px;
margin-bottom: 10px;
}
#html-628 .dobra-6 .bloco-4 .icon {
width: 28px;
margin-right: 10px;
margin-bottom: 10px;
}
#html-628 .dobra-6 .bloco-5 .icon {
width: 47px;
margin-right: 10px;
margin-bottom: 10px;
}
/*DOBRA 7 - Mobile Genérico*/
#html-628 .dobra-7 {
padding: 20px 0px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
#html-628 .dobra-7 .content-container {
flex-direction: column-reverse;
text-align: center;
display: flex;
gap: 14px;
}
#html-628 .dobra-7 .content-container .img-container {
max-width: 100%;
}
#html-628 .dobra-7 .content-container .textos-container {
padding: 0px 12px;
}
#html-628 .dobra-7 .borda-topo {
border-top: 6px solid #76E425;
width: 75px;
margin: 0 auto;
}
/*DOBRA 9 - Mobile Genérico*/
#html-628 .dobra-9 .titulo-1 {
font-size: 21px;
}
#html-628 .dobra-9 .borda {
border-top: 3px solid #222222;
width: 242px;
}
}
/*#endregion Mobile Genérico*/ /*MOTO G4*/
/*#region Início mobile 280 a 319px*/
@media only screen and (min-width: 280px) and (max-width: 319px) {
/*DOBRA 1 - mobile 280 a 319px*/
#html-628 .dobra-1 .conteudo {
float: right;
padding: 14px;
max-width: 155px;
}
#html-628 .dobra-1 .selo-dobra {
bottom: 26px;
width: 62px;
right: 45px;
}
/*DOBRA 2 - mobile 280 a 319px*/
#html-628 .dobra-2 .texto-1 {
font-size: 18px;
}
#html-628 .dobra-2 .texto-2 {
font-size: 16px;
}
/*DOBRA 3 - mobile 280 a 319px*/
#html-628 .dobra-3 .titulo-1 {
font-size: 20px;
max-width: 196px;
margin: 0 55px 0 auto;
}
/*DOBRA 4 - mobile 280 a 319px*/
#html-628 .dobra-4 .titulo-1 {
font-size: 22px;
margin: 0 auto 20px;
}
/*DOBRA 6 - mobile 280 a 319px*/
#html-628 .dobra-6 .content-container {
display: flex;
flex-direction: column-reverse;
justify-content: normal;
height: 478px;
}
#html-628 .dobra-6 .coluna-1 .img-mobile-dobra6 {
display: block;
width: 320px;
}
/*DOBRA 7 - mobile 280 a 319px*/
#html-628 .dobra-7 .content-container .titulo-1 {
font-size: 32px;
}
#html-628 .dobra-7 .content-container .texto-1, #html-628 .dobra-7 .content-container .texto-2 {
font-size: 15px;
}
#html-628 .dobra-7 .content-container .texto-destaque {
font-size: 18px;
}
/*DOBRA 8 - mobile 280 a 319px*/
#html-628 .dobra-8 {
padding: 25px 0;
}
/*DOBRA 9 - mobile 280 a 319px*/
#html-628 .dobra-9 .titulo-1 {
font-size: 22px;
}
}
/*#endregion mobile 280 a 319px*/
/*#region Mobile 320 A 359px*/
@media only screen and (min-width: 320px) and (max-width: 359px) {
/*DOBRA 1 - mobile 320 A 359px*/
#html-628 .dobra-1 .conteudo {
float: right;
padding: 14px;
max-width: 155px;
}
#html-628 .dobra-1 .selo-dobra {
bottom: 26px;
width: 62px;
right: 45px;
}
/*DOBRA 2 - mobile 320 A 359px*/
#html-628 .dobra-2 .texto-1 {
font-size: 18px;
}
#html-628 .dobra-2 .texto-2 {
font-size: 16px;
}
/*DOBRA 3 - mobile 320 A 359px*/
#html-628 .dobra-3 .titulo-1 {
font-size: 20px;
max-width: 196px;
margin: 0 55px 0 auto;
}
/*DOBRA 4 - mobile 320 A 359px*/
#html-628 .dobra-4 .titulo-1 {
font-size: 22px;
margin: 0 auto 20px;
}
/*DOBRA 6 - mobile 320 A 359px*/
#html-628 .dobra-6 .content-container {
display: flex;
flex-direction: column-reverse;
justify-content: normal;
height: 478px;
}
#html-628 .dobra-6 .coluna-1 .img-mobile-dobra6 {
display: block;
width: 320px;
}
/*DOBRA 7 - mobile 320 A 359px*/
#html-628 .dobra-7 .content-container .titulo-1 {
font-size: 32px;
}
#html-628 .dobra-7 .content-container .texto-1, #html-628 .dobra-7 .content-container .texto-2 {
font-size: 15px;
}
#html-628 .dobra-7 .content-container .texto-destaque {
font-size: 18px;
}
/*DOBRA 8 - mobile 320 A 359px*/
#html-628 .dobra-8 {
padding: 25px 0;
}
/*DOBRA 9 - mobile 320 A 359px*/
#html-628 .dobra-9 .titulo-1 {
font-size: 22px;
}
}
/*#endregion Mobile 320 a 359px*/
/*#region Mobile 360 a 374*/
@media only screen and (min-width: 360px) and (max-width: 374px) {
/*DOBRA 5 - mobile 360 a 374px*/
#html-628 .dobra-5 {
padding: 25px 18px 0;
}
/*DOBRA 6 - mobile 360 a 374px*/
#html-628 .dobra-6 {
padding: 20px 0
}
#html-628 .dobra-6 .coluna-1 .img-mobile-dobra6 {
max-width: 338px;
position: relative;
left: 6%;
}
#html-628 .dobra-6 .content-container {
height: auto;
}
/*DOBRA 7 - mobile 360 a 374px*/
#html-628 .dobra-7 .content-container .titulo-1 {
font-size: 34px;
}
#html-628 .dobra-7 .content-container .texto-destaque {
font-size: 19px;
}
/*DOBRA 8 - mobile 360 a 374px*/
#html-628 .dobra-8 {
padding: 30px 0;
}
}
/*#endregion Mobile 360 a 374*/
/*#region MOBILE 375 a 410pX*/ /*IPHONE SE|12 Pro*/
@media only screen and (min-width: 375px) and (max-width: 410px) {
/*DOBRA 5 - mobile 375 a 410px*/
#html-628 .dobra-5 {
padding: 25px 18px 0;
}
/*DOBRA 6 - mobile 375 a 410px*/
#html-628 .dobra-6 {
padding: 20px 0
}
#html-628 .dobra-6 .coluna-1 .img-mobile-dobra6 {
max-width: 330px;
position: relative;
left: 12%;
}
#html-628 .dobra-6 .content-container {
height: auto;
}
/*DOBRA 7 - mobile 375 a 410px*/
#html-628 .dobra-7 .content-container .titulo-1 {
font-size: 34px;
}
#html-628 .dobra-7 .content-container .texto-destaque {
font-size: 19px;
}
/*DOBRA 8 - mobile 375 a 410px*/
#html-628 .dobra-8 {
padding: 30px 0;
}
}
/*#endregion MOBILE 375 a 410pX*/ /*IPHONE SE*/
/*#region Mobile 411 a 575px*/ /*14PRO MAX*/
@media only screen and (min-width: 411px) and (max-width: 575px) {
/*DOBRA 1 - mobile 411 a 575*/
#html-628 .dobra-1 {
position: relative;
height: 362px;
}
#html-628 .dobra-1 .selo-dobra {
bottom: 28px;
width: 90px;
right: 66px;
}
/*DOBRA 2 - mobile 411 a 575*/
#html-628 .dobra-2 .texto-1 {
font-size: 22px;
}
#html-628 .dobra-2 .texto-2 {
font-size: 20px;
}
/*DOBRA 3 - mobile 411 a 575*/
#html-628 .dobra-3 .titulo-1 {
font-size: 22px;
max-width: 280px;
margin: 0 94px 0 auto;
}
#html-628 .dobra-3 .titulo-2 {
font-size: 22px;
}
/*DOBRA 4 - mobile 411 a 575px*/
#html-628 .dobra-4 {
height: 550px;
}
#html-628 .dobra-4 .texto-cores {
font-size: 15px;
}
#html-628 .dobra-4 .conteudo-cores {
margin: 0 16px;
}
#html-628 .dobra-4 .arrayImgs {
height: 570px;
position: absolute;
margin: 10px;
left: -107px;
top: 14px;
}
#html-628 .dobra-4 .conteudo-texto {
margin: 0 auto;
width: auto;
max-width: 467px;
margin-left: 64px;
padding: 19px 10px;
}
/*DOBRA 5 - mobile 411 a 575px*/
#html-628 .dobra-5 {
padding: 12px 18px 0;
}
#html-628 .dobra-5 .conteudo-mobile .conteudo {
margin: 0px auto 0;
grid-column-gap: 22px;
grid-template-columns: 1fr 1fr;
column-gap: 1px;
justify-items: center;
}
#html-628 .dobra-5 .content-container .bloco-titulo .titulo-1 {
font-size: 24px;
max-width: 404px;
}
#html-628 .dobra-5 .conteudo-mobile .coluna-2 {
justify-content: flex-start;
}
/*DOBRA 6 - mobile 411 a 575px*/
#html-628 .dobra-6 {
padding: 20px 0;
height: auto;
}
#html-628 .dobra-6 .content-container {
display: flex;
flex-direction: column-reverse;
justify-content: space-between;
height: auto;
}
#html-628 .dobra-6 .coluna-1 {
position: relative;
}
#html-628 .dobra-6 .coluna-2 {
padding: 20px;
}
#html-628 .dobra-6 .coluna-1 .img-mobile-dobra6 {
width: 347px;
position: relative;
left: 15.5%;
}
/*DOBRA 7 - mobile 411 a 575px*/
#html-628 .dobra-7 .content-container .titulo-1 {
font-size: 32px;
}
#html-628 .dobra-7 .content-container .texto-destaque {
font-size: 19px;
}
/*DOBRA 8 - mobile 411 a 575px*/
#html-628 .dobra-8 {
padding: 30px 0;
}
/*DOBRA 9 - mobile 411 a 575px*/
#html-628 .dobra-9 .titulo-1 {
font-size: 24px;
}
}
/*#endregion Início mobile 411 a 575px*/ /*iphone XR*/
/*#region Mobile 576 a 767px*/ /*horizontal MOTO G */
@media only screen and (min-width: 576px) and (max-width: 767px) {
/*DOBRA 1 - mobile 576 a 767px*/
#html-628 .dobra-1 {
height: 540px;
background-position: center;
}
#html-628 .dobra-1 .conteudo {
float: right;
padding: 14px;
max-width: 315PX;
}
#html-628 .dobra-1 .texto-lancamento {
font-size: 18px;
text-align: center;
margin: 8px 0px 0px;
}
#html-628 .dobra-1 .conteudo-texto .subtitulo {
font-size: 15px;
margin: 4px 0 3px;
text-align: center;
}
#html-628 .dobra-1 .img-titulo {
width: 92%;
}
#html-628 .dobra-1 .selo-dobra {
bottom: 96px;
width: 120px;
right: 66px;
}
#html-628 .dobra-1 svg {
viewBox: 0 0 100 100;
width: 20px;
height: 20px;
}
#html-628 .dobra-4 .arrayImgs {
width: 624px;
object-fit: cover;
height: auto;
position: absolute;
margin-top: 135px;
left: -7%;
}
/*DOBRA 2 - mobile 576 a 767px*/
#html-628 .dobra-2 {
padding: 28px 28px;
}
#html-628 .dobra-2 .texto-1 {
font-size: 30px;
}
#html-628 .dobra-2 .texto-2 {
font-size: 23px;
}
/*DOBRA 3 - mobile 576 a 767px*/
#html-628 .dobra-3 .coluna-1 {
width: 77vw;
height: 130px;
margin: -68px 0 -55px -90px;
}
#html-628 .dobra-3 .titulo-1 {
font-size: 25px;
max-width: 265px;
margin: 0 43px 0 auto;
}
#html-628 .dobra-3 .titulo-2 {
margin-left: -10px;
font-size: 25px;
padding: 12px 5px;
}
/*DOBRA 4 - mobile 576 a 767px*/
#html-628 .dobra-4 .arrayImgs {
width: 624px;
height: auto;
position: absolute;
margin-top: 10px;
left: -10%;
}
#html-628 .dobra-4 {
height: 555px;
}
#html-628 .dobra-4 .conteudo {
height: 300px;
}
#html-628 .dobra-4 .conteudo-texto {
margin-left: 90px;
width: auto;
max-width: 380px;
padding: 19px 10px;
}
#html-628 .dobra-4 .bloco-bg-cores {
width: 64vw;
height: 110px;
border-top: 2px solid #76e425;
border-bottom: 2px solid #76e425;
}
#html-628 .dobra-4 .bg-3 {
display: none;
}
#html-628 .dobra-4 .titulo-1 {
font-size: 24px;
margin: 0 auto 20px;
}
#html-628 .dobra-4 .texto-1 {
font-size: 19px;
margin: 0px 0px 0 120px;
}
#html-628 .dobra-4 .conteudo-cores {
display: flex;
align-items: center;
margin: 90px;
}
#html-628 .dobra-4 .cores {
height: 18px;
padding-top: 0;
width: 100%;
}
#html-628 .dobra-4 .texto-cores {
font-size: 14px;
margin: 0 -29px;
letter-spacing: 0.8px;
}
#html-628 .dobra-4 .circulos {
display: flex;
flex-direction: column;
gap: 5px;
margin: 12px;
}
#html-628 .dobra-4 .circulo {
content: '';
border-radius: 50%;
width: 14px;
height: 14px;
}
/*DOBRA 5 - mobile 576 a 767px*/
#html-628 .dobra-5 {
padding: 42px 18px 0;
}
#html-628 .dobra-5 .img-w5 {
margin: 0%;
width: 90%;
}
#html-628 .dobra-5 .content-container .bloco-titulo .titulo-1 {
font-size: 28px;
margin: 20px 20px;
}
#html-628 .dobra-5 .content-container .bloco-titulo img {
width: 245px;
margin: 0 auto 20px;
}
#html-628 .dobra-5 .content-container .container-img img {
display: none;
}
#html-628 .dobra-5 .conteudo-mobile .conteudo {
margin: 10px auto 0;
grid-column-gap: 22px;
grid-template-columns: 1fr 1fr;
justify-items: center;
}
#html-628 .dobra-5 .conteudo-mobile .coluna-1,
#html-628 .dobra-5 .conteudo-mobile .coluna-2 {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
#html-628 .dobra-5 .conteudo-mobile {
display: block;
padding: 20px 0 20px 0;
}
#html-628 .dobra-5 .conteudo-mobile span {
margin-right: 12px;
}
#html-628 .dobra-5 .conteudo-mobile .texto-1 {
font-size: 14px;
}
/*DOBRA 6 - mobile 576 a 767px*/
#html-628 .dobra-6 {
padding: 20px 0;
}
#html-628 .dobra-6 .coluna-1 .img-2-dobra6 {
max-width: 300px;
top: -33px;
}
#html-628 .dobra-6 .content-container {
display: grid;
grid-template-columns: 282px 1fr;
height: 75vh;
grid-column-gap: 12px;
}
#html-628 .dobra-6 .coluna-2 {
gap: 16px;
padding: 7px;
}
#html-628 .dobra-6 .bloco-texto {
font-size: 14px;
margin-right: 4px
}
#html-628 .dobra-6 .bloco-1 .icon {
width: 50px;
}
#html-628 .dobra-6 .bloco-2 .icon {
width: 24px;
}
#html-628 .dobra-6 .bloco-3 .icon {
width: 35px;
}
#html-628 .dobra-6 .bloco-4 .icon {
width: 22px;
}
#html-628 .dobra-6 .bloco-5 .icon {
width: 42px;
}
/*DOBRA 7 - mobile 576 a 767px*/
#html-628 .dobra-7 {
padding: 20px 0px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
#html-628 .dobra-7 .content-container {
flex-direction: column-reverse;
text-align: center;
display: flex;
gap: 14px;
}
#html-628 .dobra-7 .content-container .titulo-1 {
font-size: 36px;
}
#html-628 .dobra-7 .content-container .subtitulo {
font-size: 22px;
}
#html-628 .dobra-7 .content-container .img-container {
max-width: 100%;
}
#html-628 .dobra-7 .content-container .textos-container {
padding: 0px 12px;
}
#html-628 .dobra-7 .content-container .texto-1, #html-628 .dobra-7 .content-container .texto-2 {
font-size: 18px;
}
#html-628 .dobra-7 .content-container .texto-destaque {
font-size: 22px;
}
#html-628 .dobra-7 .borda-topo {
border-top: 5px solid #76E425;
width: 75px;
margin: 0 auto;
}
/*DOBRA 8 - mobile 576 a 767px*/
#html-628 .dobra-8 p {
font-size: 18px;
}
#html-628 .dobra-8 img {
width: 130px;
}
/*DOBRA 9 - mobile 576 a 767px*/
#html-628 .dobra-9 .titulo-1 {
font-size: 29px;
}
#html-628 .dobra-9 .borda {
border-top: 4px solid #222222;
width: 242px;
}
}
/*#endregion Início mobile 576 a 767px*/ /*horizontal MOTO G|iphone SE */
/*#region Mobile 768 a 800px*/ /*ipad mini*/
@media only screen and (min-width: 768px) and (max-width: 800px){
/*DOBRA 1 - mobile 768 a 800px*/
#html-628 .dobra-1 {
height: 660px;
max-width: 932px;
background-position: center;
}
#html-628 .dobra-1 .conteudo {
float: right;
padding: 14px;
max-width: 315PX;
}
#html-628 .dobra-1 .conteudo-texto {
width: 335px;
margin: 0px 0px 0px -50px;
}
#html-628 .dobra-1 .texto-lancamento {
font-size: 20px;
text-align: center;
margin: 20px 0px 4px;
}
#html-628 .dobra-1 .conteudo-texto .subtitulo {
font-size: 18px;
margin: 8px 0 3px;
text-align: center;
}
#html-628 .dobra-1 .img-titulo {
width: 100%;
}
#html-628 .dobra-1 .selo-dobra {
bottom: 96px;
width: 145px;
right: 66px;
}
#html-628 .dobra-1 svg {
viewBox: 0 0 100 100;
width: 20px;
height: 20px;
}
#html-628 .dobra-4 .arrayImgs {
width: 624px;
object-fit: cover;
height: auto;
position: absolute;
margin-top: 135px;
left: -7%;
}
/*DOBRA 2 - mobile 768 a 800px*/
#html-628 .dobra-2 {
padding: 28px 28px;
}
#html-628 .dobra-2 .texto-1 {
font-size: 30px;
}
#html-628 .dobra-2 .texto-2 {
font-size: 23px;
}
/*DOBRA 3 - mobile 768 a 800px*/
#html-628 .dobra-3 .coluna-1 {
width: 77vw;
height: 130px;
margin: -68px 0 -55px -90px;
}
#html-628 .dobra-3 .titulo-1 {
font-size: 25px;
max-width: 265px;
margin: 0 140px 0 auto;
}
#html-628 .dobra-3 .titulo-2 {
margin-left: -10px;
font-size: 25px;
padding: 12px 25px;
}
/*DOBRA 4 - mobile 768 a 800px*/
#html-628 .dobra-4 .arrayImgs {
width: 624px;
height: auto;
position: absolute;
/* top: -18px;*/
margin-top: 10px;
left: -1%;
}
#html-628 .dobra-4 {
height: 555px;
}
#html-628 .dobra-4 .conteudo {
height: 300px;
}
#html-628 .dobra-4 .conteudo-texto {
margin-left: 230px;
width: auto;
max-width: 550px;
padding: 35px 40px;
}
#html-628 .dobra-4 .bloco-bg-cores {
width: 64vw;
height: 110px;
border-top: 2px solid #76e425;
border-bottom: 2px solid #76e425;
}
#html-628 .dobra-4 .bg-3 {
display: none;
}
#html-628 .dobra-4 .titulo-1 {
font-size: 26px;
margin: 0 auto 20px;
}
#html-628 .dobra-4 .texto-1 {
font-size: 20px;
margin: 0px 0px 0 120px;
}
#html-628 .dobra-4 .conteudo-cores {
display: flex;
align-items: center;
margin: 35px;
}
#html-628 .dobra-4 .cores {
height: 18px;
padding-top: 0;
width: 100%;
}
#html-628 .dobra-4 .texto-cores {
font-size: 17px;
margin: 0 -29px;
letter-spacing: 0.8px;
}
#html-628 .dobra-4 .circulos {
display: flex;
flex-direction: column;
gap: 5px;
margin: 12px;
}
#html-628 .dobra-4 .circulo {
content: '';
border-radius: 50%;
width: 14px;
height: 14px;
}
/*DOBRA 5 - mobile 768 a 800px*/
#html-628 .dobra-5 {
padding: 42px 18px 0;
}
#html-628 .dobra-5 .img-w5 {
margin: 0%;
width: 90%;
}
#html-628 .dobra-5 .content-container .bloco-titulo .titulo-1 {
font-size: 30px;
margin: 20px 20px;
}
#html-628 .dobra-5 .content-container .bloco-titulo img {
width: 265px;
margin: 0 auto 20px;
}
#html-628 .dobra-5 .content-container .container-img img {
display: none;
}
#html-628 .dobra-5 .conteudo-mobile .conteudo {
margin: 10px auto 0;
grid-column-gap: 22px;
grid-template-columns: 1fr 1fr;
justify-items: center;
}
#html-628 .dobra-5 .conteudo-mobile .coluna-1,
#html-628 .dobra-5 .conteudo-mobile .coluna-2 {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
#html-628 .dobra-5 .conteudo-mobile {
display: block;
padding: 20px 0 20px 0;
}
#html-628 .dobra-5 .conteudo-mobile span {
margin-right: 12px;
}
#html-628 .dobra-5 .conteudo-mobile .texto-1 {
font-size: 16px;
}
/*DOBRA 6 - mobile 768 a 800px*/
#html-628 .dobra-6 {
padding: 20px 0;
}
#html-628 .dobra-6 .coluna-1 .img-2-dobra6 {
max-width: 350px;
top: -33px;
}
#html-628 .dobra-6 .content-container {
display: grid;
grid-template-columns: 280px 1fr;
height: 32vh;
grid-column-gap: 12px;
}
#html-628 .dobra-6 .coluna-2 {
gap: 20px;
padding: 16px;
}
#html-628 .dobra-6 .bloco-texto {
font-size: 14px;
margin-right: 4px
}
#html-628 .dobra-6 .bloco-1 .icon {
width: 50px;
}
#html-628 .dobra-6 .bloco-2 .icon {
width: 24px;
}
#html-628 .dobra-6 .bloco-3 .icon {
width: 35px;
}
#html-628 .dobra-6 .bloco-4 .icon {
width: 22px;
}
#html-628 .dobra-6 .bloco-5 .icon {
width: 42px;
}
/*DOBRA 7 - mobile 768 a 800px*/
#html-628 .dobra-7 {
padding: 20px 0px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
#html-628 .dobra-7 .content-container {
flex-direction: column-reverse;
text-align: center;
display: flex;
gap: 14px;
}
#html-628 .dobra-7 .content-container .titulo-1 {
font-size: 36px;
}
#html-628 .dobra-7 .content-container .subtitulo {
font-size: 22px;
}
#html-628 .dobra-7 .content-container .img-container {
max-width: 100%;
}
#html-628 .dobra-7 .content-container .textos-container {
padding: 0px 108px;
}
#html-628 .dobra-7 .content-container .texto-1, #html-628 .dobra-7 .content-container .texto-2 {
font-size: 18px;
}
#html-628 .dobra-7 .content-container .texto-destaque {
font-size: 22px;
}
#html-628 .dobra-7 .borda-topo {
border-top: 5px solid #76E425;
width: 75px;
margin: 0 auto;
}
/*DOBRA 8 - mobile 768 a 800px*/
#html-628 .dobra-8 {
padding: 30px 0;
}
#html-628 .dobra-8 p {
font-size: 18px;
}
#html-628 .dobra-8 img {
width: 130px;
}
/*DOBRA 9 - mobile 768 a 800px*/
#html-628 .dobra-9 .titulo-1 {
font-size: 30px;
}
#html-628 .dobra-9 .borda {
border-top: 4px solid #222222;
width: 242px;
}
}
/*#endregion Mobile 768 a 800px*/ /*ipad mini*/
/*#region Mobile 800 a 959px*/ /*iphone XR+12PRO horizontal|ipad air*/
@media only screen and (min-width: 800px) and (max-width: 959px) {
/*DOBRA 1 - mobile 800 a 959px*/
#html-628 .dobra-1 {
height: 660px;
max-width: 932px;
background-position: center;
}
#html-628 .dobra-1 .conteudo {
float: right;
padding: 14px;
max-width: 315PX;
}
#html-628 .dobra-1 .conteudo-texto {
width: 335px;
margin: 0px 0px 0px -50px;
}
#html-628 .dobra-1 .texto-lancamento {
font-size: 20px;
text-align: center;
margin: 20px 0px 4px;
}
#html-628 .dobra-1 .conteudo-texto .subtitulo {
font-size: 18px;
margin: 8px 0 3px;
text-align: center;
}
#html-628 .dobra-1 .img-titulo {
width: 100%;
}
#html-628 .dobra-1 .selo-dobra {
bottom: 96px;
width: 145px;
right: 66px;
}
#html-628 .dobra-1 svg {
viewBox: 0 0 100 100;
width: 20px;
height: 20px;
}
#html-628 .dobra-4 .arrayImgs {
width: 624px;
object-fit: cover;
height: auto;
position: absolute;
margin-top: 135px;
left: -7%;
}
/*DOBRA 2 - mobile 800 a 959px*/
#html-628 .dobra-2 {
padding: 28px 28px;
}
#html-628 .dobra-2 .texto-1 {
font-size: 30px;
}
#html-628 .dobra-2 .texto-2 {
font-size: 23px;
}
/*DOBRA 3 - mobile 800 a 959px*/
#html-628 .dobra-3 .coluna-1 {
width: 77vw;
height: 130px;
margin: -68px 0 -55px -90px;
}
#html-628 .dobra-3 .titulo-1 {
font-size: 25px;
max-width: 265px;
margin: 0 140px 0 auto;
}
#html-628 .dobra-3 .titulo-2 {
margin-left: -10px;
font-size: 25px;
padding: 12px 25px;
}
/*DOBRA 4 - mobile 800 a 959px*/
#html-628 .dobra-4 .arrayImgs {
width: 624px;
height: auto;
position: absolute;
margin-top: 10px;
left: -1%;
}
#html-628 .dobra-4 {
height: 555px;
}
#html-628 .dobra-4 .conteudo {
height: 300px;
}
#html-628 .dobra-4 .conteudo-texto {
margin-left: 230px;
width: auto;
max-width: 550px;
padding: 35px 40px;
}
#html-628 .dobra-4 .bloco-bg-cores {
width: 64vw;
height: 110px;
border-top: 2px solid #76e425;
border-bottom: 2px solid #76e425;
}
#html-628 .dobra-4 .bg-3 {
display: none;
}
#html-628 .dobra-4 .titulo-1 {
font-size: 24px;
margin: 0 auto 20px;
}
#html-628 .dobra-4 .texto-1 {
font-size: 19px;
margin: 0px 0px 0 120px;
}
#html-628 .dobra-4 .conteudo-cores {
display: flex;
align-items: center;
margin: 83px;
}
#html-628 .dobra-4 .cores {
height: 18px;
padding-top: 0;
width: 100%;
}
#html-628 .dobra-4 .texto-cores {
font-size: 16px;
margin: 0 -29px;
letter-spacing: 0.8px;
}
#html-628 .dobra-4 .circulos {
display: flex;
flex-direction: column;
gap: 5px;
margin: 12px;
}
#html-628 .dobra-4 .circulo {
content: '';
border-radius: 50%;
width: 14px;
height: 14px;
}
/*DOBRA 5 - mobile 800 a 959px*/
#html-628 .dobra-5 {
padding: 42px 18px 0;
}
#html-628 .dobra-5 .img-w5 {
margin: 0%;
width: 90%;
}
#html-628 .dobra-5 .content-container .bloco-titulo .titulo-1 {
font-size: 30px;
margin: 20px 20px;
}
#html-628 .dobra-5 .content-container .bloco-titulo img {
width: 265px;
margin: 0 auto 20px;
}
#html-628 .dobra-5 .content-container .container-img img {
display: none;
}
#html-628 .dobra-5 .conteudo-mobile .conteudo {
margin: 10px auto 0;
grid-column-gap: 22px;
grid-template-columns: 1fr 1fr;
justify-items: center;
}
#html-628 .dobra-5 .conteudo-mobile .coluna-1,
#html-628 .dobra-5 .conteudo-mobile .coluna-2 {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
#html-628 .dobra-5 .conteudo-mobile {
display: block;
padding: 20px 0 20px 0;
}
#html-628 .dobra-5 .conteudo-mobile span {
margin-right: 12px;
}
#html-628 .dobra-5 .conteudo-mobile .texto-1 {
font-size: 14px;
}
/*DOBRA 6 - mobile 800 a 959px*/
#html-628 .dobra-6 {
padding: 40px 0;
}
#html-628 .dobra-6 .coluna-1 .img-2-dobra6 {
max-width: 370px;
top: -55px;
}
#html-628 .dobra-6 .content-container {
display: grid;
grid-template-columns: 282px 1fr;
grid-column-gap: 12px;
height: 306px;
}
#html-628 .dobra-6 .coluna-2 {
gap: 16px;
padding: 15px 32px;
}
#html-628 .dobra-6 .bloco-texto {
font-size: 14px;
margin-right: 4px
}
#html-628 .dobra-6 .bloco-1 .icon {
width: 50px;
}
#html-628 .dobra-6 .bloco-2 .icon {
width: 24px;
}
#html-628 .dobra-6 .bloco-3 .icon {
width: 35px;
}
#html-628 .dobra-6 .bloco-4 .icon {
width: 22px;
}
#html-628 .dobra-6 .bloco-5 .icon {
width: 42px;
}
/*DOBRA 7 - mobile 800 a 959px*/
#html-628 .dobra-7 {
padding: 20px 0px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
#html-628 .dobra-7 .content-container {
flex-direction: column-reverse;
text-align: center;
display: flex;
gap: 14px;
}
#html-628 .dobra-7 .content-container .titulo-1 {
font-size: 38px;
}
#html-628 .dobra-7 .content-container .subtitulo {
font-size: 22px;
}
#html-628 .dobra-7 .content-container .img-container {
max-width: 100%;
}
#html-628 .dobra-7 .content-container .textos-container {
padding: 0px 108px;
}
#html-628 .dobra-7 .content-container .texto-1, #html-628 .dobra-7 .content-container .texto-2 {
font-size: 18px;
}
#html-628 .dobra-7 .content-container .texto-destaque {
font-size: 22px;
}
#html-628 .dobra-7 .borda-topo {
border-top: 5px solid #76E425;
width: 75px;
margin: 0 auto;
}
/*DOBRA 8 - mobile 800 a 959px*/
#html-628 .dobra-8 {
padding: 30px 0;
}
#html-628 .dobra-8 p {
font-size: 18px;
}
#html-628 .dobra-8 img {
width: 130px;
}
/*DOBRA 9 - mobile 800 a 959px*/
#html-628 .dobra-9 .titulo-1 {
font-size: 30px;
}
#html-628 .dobra-9 .borda {
border-top: 4px solid #222222;
width: 242px;
}
}
/*#endregion Mobile 800 a 959px*/
/*#region Mobile 960 a 1140px*/ /*ipad MINI horizontal*/
@media only screen and (min-width: 960px) and (max-width: 1140px) {
/*DOBRA 1 - mobile 960 a 1140px */
#html-627 .dobra-1 {
height: 730px;
background-position: center;
}
#html-628 .dobra-1 .texto-lancamento {
font-size: 34px;
}
#html-628 .dobra-1 .conteudo-texto .subtitulo {
font-size: 28px;
}
#html-628 .dobra-2 .texto-1 {
font-size: 38px;
}
#html-628 .dobra-2 .texto-2 {
font-size: 30px;
}
#html-628 .dobra-1 .selo-dobra {
width: 190px;
}
/*DOBRA 2 - mobile 960 a 1140px*/
#html-628 .dobra-2 {
padding: 28px 28px;
}
#html-628 .dobra-2 .texto-1 {
font-size: 30px;
}
#html-628 .dobra-2 .texto-2 {
font-size: 23px;
}
/*DOBRA 3 - mobile 960 a 1140px*/
#html-628 .dobra-3 .coluna-1 {
width: 77vw;
height: 130px;
margin: -68px 0 -55px -90px;
}
#html-628 .dobra-3 .titulo-1 {
font-size: 28px;
max-width: 305px;
margin: 0 140px 0 auto;
}
#html-628 .dobra-3 .titulo-2 {
margin-left: -10px;
font-size: 28px;
padding: 24px 70px;
line-height: 1.0;
}
/*DOBRA 4 - mobile 960 a 1140px*/
#html-628 .dobra-4 .arrayImgs {
width: 630px;
height: auto;
position: absolute;
margin-top: 10px;
left: 4%;
}
#html-628 .dobra-4 {
height: 555px;
}
#html-628 .dobra-4 .conteudo {
height: 330px;
}
#html-628 .dobra-4 .conteudo-texto {
margin-left: 310px;
width: auto;
max-width: 550px;
padding: 35px 40px;
}
#html-628 .dobra-4 .bloco-bg-cores {
width: 64vw;
height: 110px;
border-top: 2px solid #76e425;
border-bottom: 2px solid #76e425;
}
#html-628 .dobra-4 .bg-3 {
display: none;
}
#html-628 .dobra-4 .titulo-1 {
font-size: 30px;
margin: 0 auto 20px;
}
#html-628 .dobra-4 .texto-1 {
font-size: 24px;
margin: 0px 0px 0 120px;
}
#html-628 .dobra-4 .conteudo-cores {
display: flex;
align-items: center;
margin: 83px;
}
#html-628 .dobra-4 .cores {
height: 18px;
padding-top: 0;
width: 100%;
}
#html-628 .dobra-4 .texto-cores {
font-size: 16px;
margin: 0 -29px;
letter-spacing: 0.8px;
}
#html-628 .dobra-4 .circulos {
display: flex;
flex-direction: column;
gap: 5px;
margin: 12px;
}
#html-628 .dobra-4 .circulo {
content: '';
border-radius: 50%;
width: 14px;
height: 14px;
}
/*DOBRA 5 - mobile 960 a 1140px*/
#html-628 .dobra-5 .content-container .bloco-titulo .titulo-1 {
font-size: 32px;
}
#html-628 .dobra-5 .img-w5 {
margin: 5%;
width: 78%;
}
#html-628 .dobra-5 .content-container .bloco-titulo .titulo-1 {
font-size: 30px;
margin: 20px 20px;
}
#html-628 .dobra-5 .content-container .bloco-titulo img {
width: 265px;
margin: 0 auto 20px;
}
#html-628 .dobra-5 .content-container .container-img img {
display: none;
}
#html-628 .dobra-5 .conteudo-mobile .conteudo {
margin: 10px auto 0;
grid-column-gap: 22px;
grid-template-columns: 1fr 1fr;
justify-items: center;
}
#html-628 .dobra-5 .conteudo-mobile .coluna-1,
#html-628 .dobra-5 .conteudo-mobile .coluna-2 {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
#html-628 .dobra-5 .conteudo-mobile {
display: block;
padding: 20px 0 20px 0;
}
#html-628 .dobra-5 .conteudo-mobile span {
margin-right: 12px;
}
#html-628 .dobra-5 .conteudo-mobile .texto-1 {
font-size: 18px;
}
/*DOBRA 6 - mobile 800 a 959px*/
#html-628 .dobra-6 {
padding: 20px 0;
}
#html-628 .dobra-6 .coluna-1 .img-2-dobra6 {
display: block;
max-width: 420px;
top: -40px;
}
#html-628 .dobra-6 .content-container {
display: grid;
grid-template-columns: 420px 1fr;
grid-column-gap: 12px;
height: 392px;
}
#html-628 .dobra-6 .coluna-2 {
gap: 16px;
padding: 15px 32px;
}
#html-628 .dobra-6 .bloco-texto {
font-size: 16px;
margin-right: 4px
}
/*DOBRA 7 - Mobile 960 a 1140px*/
#html-628 .dobra-7 {
padding: 30px 0;
}
#html-628 .dobra-7 .content-container {
position: relative;
gap: 38px;
padding: 15px;
}
#html-628 .dobra-7 .borda-topo {
border-top: 6px solid #76E425;
max-width: 75px;
}
#html-628 .dobra-7 .content-container .titulo-1 {
font-size: 40px;
}
#html-628 .dobra-7 .content-container .subtitulo {
font-size: 19px;
}
#html-628 .dobra-7 .content-container .texto-1 {
margin-bottom: 20px;
}
#html-628 .dobra-7 .content-container .texto-2 {
margin-bottom: 18px;
}
#html-628 .dobra-7 .content-container .img-container {
flex-shrink: 0;
max-width: 50%;
height: auto;
}
#html-628 .dobra-7 .content-container .textos-container {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
#html-628 .dobra-7 .content-container .texto-1,
#html-628 .dobra-7 .content-container .texto-2 {
flex-shrink: 0;
color: #FFFFFF;
font-size: 16px;
font-style: normal;
max-width: 695px;
font-weight: 500;
}
#html-628 .dobra-7 .content-container .texto-destaque {
color: #76E425;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 1;
margin-bottom: 18px;
}
#html-628 .dobra-7 .content-container .texto-destaque span {
color: #FFFFFF;
line-height: 1;
display: block;
}
/*DOBRA 9 - Mobile 960 a 1140px*/
#html-628 .dobra-9 .titulo-1 {
font-size: 38px;
}
#html-628 .dobra-9 .borda {
border-top: 4px solid #222222;
width: 480px;
}
}
/*#endregion Mobile 960 a 1140px */
/*#region Mobile 1140 a 1368px*/ /*ipad Pro/AIR + horizontal*/
@media only screen and (min-width: 1140px) and (max-width: 1368px) {
/*DOBRA 2 - mobile 1140 a 1368px*/
#html-628 .dobra-2 .texto-1 {
font-size: 36px;
}
#html-628 .dobra-2 .texto-2 {
font-size: 28px;
}
#html-628 .dobra-1 .selo-dobra {
width: 170px;
}
/*DOBRA 3 - mobile 1140 a 1368px**/
#html-628 .dobra-3 .coluna-1 {
width: 77vw;
height: 160px;
margin: -68px 0 -55px -90px;
}
#html-628 .dobra-3 .titulo-1 {
font-size: 32px;
max-width: 310px;
margin: 0 213px 0 auto;
}
#html-628 .dobra-3 .titulo-2 {
margin-left: -10px;
font-size: 32px;
padding: 34px 126px;
line-height: 1;
}
/*DOBRA 4 - mobile 1140 a 1368px**/
#html-628 .dobra-4 .arrayImgs {
width: 630px;
height: auto;
position: absolute;
margin-top: 10px;
left: 10%;
}
#html-628 .dobra-4 {
height: 555px;
}
#html-628 .dobra-4 .conteudo {
height: 335px;
}
#html-628 .dobra-4 .conteudo-texto {
margin-left: 420px;
width: auto;
max-width: 550px;
padding: 35px 40px;
}
#html-628 .dobra-4 .bloco-bg-cores {
width: 64vw;
height: 110px;
border-top: 2px solid #76e425;
border-bottom: 2px solid #76e425;
}
#html-628 .dobra-4 .bg-3 {
display: none;
}
#html-628 .dobra-4 .titulo-1 {
font-size: 32px;
margin: 0 auto 20px;
}
#html-628 .dobra-4 .texto-1 {
font-size: 24px;
margin: 0px 0px 0 120px;
}
#html-628 .dobra-4 .conteudo-cores {
display: flex;
align-items: center;
margin: 124px;
}
#html-628 .dobra-4 .cores {
height: 18px;
padding-top: 0;
width: 100%;
}
#html-628 .dobra-4 .texto-cores {
font-size: 18px;
margin: 0 -29px;
letter-spacing: 0.8px;
}
#html-628 .dobra-4 .circulos {
display: flex;
flex-direction: column;
gap: 5px;
margin: 12px;
}
#html-628 .dobra-4 .circulo {
content: '';
border-radius: 50%;
width: 20px;
height: 20px;
}
/*DOBRA 5 - mobile 1140 a 1368px*/
#html-628 .dobra-5 .content-container .bloco-titulo .titulo-1 {
font-size: 38px;
}
#html-628 .dobra-5 .content-container .bloco-titulo img {
width: 400px;
}
#html-628 .dobra-5 .content-container .container-img img {
width: 880px;
}
/*DOBRA 6 - mobile 1140 a 1368px*/
#html-628 .dobra-6 .coluna-1 .img-2-dobra6 {
max-width: 440px;
}
#html-628 .dobra-6 .coluna-2 {
padding: 4px;
}
#html-628 .dobra-6 .content-container {
display: grid;
grid-template-columns: 460px 1fr;
height: 46vh;
}
/*DOBRA 7 - mobile 1140 a 1368px*/
#html-628 .dobra-7 .content-container .titulo-1 {
font-size: 45px;
}
/*DOBRA 8 - mobile 1140 a 1368px*/
#html-628 .dobra-8 {
padding: 40px 10px;
}
#html-628 .dobra-8 p {
font-size: 19px;
}
/*DOBRA 9 - mobile 1140 a 1368px*/
#html-628 .dobra-9 .titulo-1 {
font-size: 36px;
}
#html-628 .dobra-9 .borda {
border-top: 4px solid #222222;
width: 480px;
}
}
/*#endregion mobile 1140 a 1368px*/
/*VERSÃO DESKTOP 4k >*/
/*#region Laptop 1024px + iPad PRO*/
@media only screen and (min-width: 1024px) and (max-width: 1024px) {
/*Dobra 1 - 1024px*/
#html-628 .dobra-1 {
height: 862px;
}
/*Dobra 4 - 1024px*/
#html-628 .dobra-4 .conteudo-texto {
margin-left: 355px;
width: auto;
max-width: 550px;
padding: 35px 40px;
}
/*Dobra 5 - 1024px*/
#html-628 .dobra-5 .conteudo-mobile {
display: block;
padding: 20px 0 0px 0;
}
/*Dobra 6 - 1024px*/
#html-628 .dobra-6 .content-container {
height: 380px;
}
/*Dobra 7 - 1024px*/
#html-628 .dobra-7 .content-container .titulo-1 {
font-size: 36px;
}
#html-628 .dobra-7 .content-container .texto-destaque {
font-size: 19px;
}
#html-628 .dobra-7 .content-container {
position: relative;
gap: 29px;
padding: 0px;
}
#html-628 .dobra-6 .coluna-1 .img-2-dobra6 {
max-width: 420px;
top: -54px;
}
/*Dobra 8 - 1024px*/
#html-628 .dobra-8 {
padding: 30px 0;
}
#html-628 .dobra-9 .titulo-1 {
font-size: 30px;
}
}
/*#endregion Laptop 1024px + iPadPro*/
/*#region Laptop 1440px*/
@media only screen and (min-width: 1440px) and (max-width: 1620px) {
#html-628 .dobra-4 .arrayImgs {
width: 900px;
object-fit: cover;
height: 1000px;
position: absolute;
margin-top: -37px;
left: 9%;
}
#html-628 .dobra-6 .content-container {
display: grid;
grid-template-columns: 460px 1fr;
height: 420px;
}
}
/*#endregion Laptop 1440px*/
/*#region Desktop 1620 a 1920px*/
@media only screen and (min-width: 1620px) and (max-width: 1920px) {
/*DOBRA 1*/
#html-628 .dobra-1 {
height: 1180px;
}
#html-628 .dobra-1 .selo-dobra {
position: absolute;
bottom: 200px;
right: 14%;
width: 240px;
}
#html-628 .dobra-1 .img-titulo {
min-width: 500px;
width: 62%;
}
/*DOBRA 4*/
#html-628 .dobra-4 .bloco-bg-cores {
width: 62vw;
}
/*DOBRA 6*/
#html-628 .dobra-6 .coluna-1 .img-2-dobra6 {
position: absolute;
max-width: 562px;
}
#html-628 .dobra-6 .content-container {
grid-template-columns: 492px 1fr;
}
#html-628 .dobra-6 .bloco-texto {
font-size: 20px;
}
#html-628 .dobra-6 .bloco-1 .icon {
width: 86px;
}
#html-628 .dobra-6 .bloco-2 .icon {
width: 38px;
}
#html-628 .dobra-6 .bloco-4 .icon {
width: 36px;
}
#html-628 .dobra-6 .bloco-3 .icon {
width: 58px;
}
#html-628 .dobra-6 .bloco-5 .icon {
width: 72px;
}
#html-628 .dobra-7 .content-container .texto-1, #html-628 .dobra-7 .content-container .texto-2 {
font-size: 18px;
}
#html-628 .dobra-7 .content-container .subtitulo {
font-size: 20px;
}
#html-628 .dobra-7 .content-container .texto-destaque {
font-size: 22px;
}
#html-628 .dobra-8 p {
font-size: 22px;
}
}
/*#endregion Desktop 1620 a 1920px*/
/*#region Desktop 1921 a 2560px*/
@media only screen and (min-width: 1921px) and (max-width: 2565px) {
/*Dobra 1 - 1921 a 2560px*/
#html-628 .dobra-1 {
height: 1620px;
}
#html-628 .dobra-1 .img-titulo {
width: 55%;
}
#html-628 .dobra-1 .texto-lancamento {
font-size: 55px;
}
#html-628 .dobra-1 .conteudo-texto .subtitulo {
font-size: 55px;
}
#html-628 .dobra-1 .conteudo-texto {
padding: 10px 0px 10px 150px;
}
#html-628 .dobra-1 .selo-dobra {
width: 306px;
}
/*DOBRA 2 - 1921 a 2560px*/
#html-628 .dobra-2 .texto-1 {
font-size: 48px;
}
#html-628 .dobra-2 .texto-2 {
font-size: 42px;
}
/*DOBRA 4 - 1921 a 2560px */
#html-628 .dobra-4 .titulo-1 {
font-size: 46px;
}
#html-628 .dobra-4 .texto-1 {
font-size: 36px;
}
#html-628 .dobra-4 .arrayImgs {
width: 1000px;
object-fit: cover;
height: 1018px;
position: absolute;
margin-top: -37px;
left: 12%;
}
#html-628 .dobra-4 .bloco-bg-cores {
width: 65vw;
}
/*DOBRA 6 - 1921 a 2560px*/
#html-628 .dobra-6 .content-container {
display: grid;
grid-template-columns: 765px 1fr;
height: 580px;
}
#html-628 .dobra-6 .coluna-1 .img-2-dobra6 {
position: absolute;
max-width: 650px;
top: -87px;
}
#html-628 .dobra-6 .bloco-1 .icon {
width: 110px;
margin-right: 20px;
margin-bottom: 10px;
}
#html-628 .dobra-6 .bloco-2 .icon {
width: 51px;
margin-right: 20px;
margin-bottom: 10px;
}
#html-628 .dobra-6 .bloco-3 .icon {
width: 75px;
}
#html-628 .dobra-6 .bloco-4 .icon {
width: 49px;
margin-right: 20px;
margin-bottom: 10px;
}
#html-628 .dobra-6 .bloco-5 .icon {
width: 88px;
margin-right: 20px;
margin-bottom: 10px;
}
#html-628 .dobra-6 .bloco-texto {
font-size: 28px;
}
#html-628 .dobra-6 .coluna-2 {
display: grid;
grid-template-columns: 1fr 1fr;
justify-content: center;
align-items: center;
gap: 30px;
padding: 40px;
}
/*DOBRA 7 - 1921 a 2560px*/
#html-628 .dobra-7 .content-container .subtitulo {
font-size: 30px;
}
#html-628 .dobra-7 .content-container .texto-1, #html-628 .dobra-7 .content-container .texto-2 {
font-size: 28px;
}
#html-628 .dobra-7 .content-container .texto-destaque {
font-size: 32px;
}
#html-628 .dobra-8 p {
font-size: 34px;
}
#html-628 .dobra-8 img {
width: 200px;
}
#html-628 .dobra-9 .titulo-1 {
font-size: 60px;
}
}
/*#endregion Desktop 4k a 2560px*/
/*#region Desktop 2566 A 3030px*/
@media only screen and (min-width: 2566px) {
/*DOBRA 1*/
#html-628 .dobra-1 {
height: 1800px;
}
#html-628 .dobra-1 .conteudo-texto {
width: 1055px;
float: right;
}
#html-628 .dobra-1 .texto-lancamento {
font-size: 55px;
}
#html-628 .dobra-1 .conteudo-texto .subtitulo {
font-size: 60px;
}
#html-628 .dobra-1 .img-titulo {
width: 80%;
}
#html-628 .dobra-1 .selo-dobra {
width: 290px;
}
/*DOBRA 2*/
#html-628 .dobra-2 {
padding: 40px 0;
}
#html-628 .dobra-2 .texto-1 {
font-size: 51px;
}
#html-628 .dobra-2 .texto-2 {
font-size: 44px;
}
/*DOBRA 3*/
#html-628 .dobra-3 .titulo-1 {
font-size: 46px;
max-width: 488px;
margin: 0 271px 0 auto;
}
#html-628 .dobra-3 .titulo-2 {
font-size: 47px;
padding: 44px 100px;
}
/*DOBRA 4*/
#html-628 .dobra-4 .arrayImgs {
width: 1070px;
height: 1070px;
margin-top: -37px;
left: 8%;
}
#html-628 .dobra-4 .bloco-bg-cores {
width: 69vw;
}
#html-628 .dobra-4 .titulo-1 {
font-size: 50px;
}
#html-628 .dobra-4 .texto-cores {
font-size: 28px;
}
#html-628 .dobra-4 .texto-1 {
font-size: 36px
}
#html-628 .dobra-4 .circulo {
width: 34px;
height: 34px;
}
/*DOBRA 5*/
#html-628 .dobra-5 .content-container .bloco-titulo .titulo-1 {
font-size: 56px;
margin-top: 40px;
margin-bottom: 40px;
}
#html-628 .dobra-5 .content-container .bloco-titulo img {
width: 600px;
}
#html-628 .dobra-5 .content-container .container-img img {
width: 1300px;
}
/*DOBRA 6*/
#html-628 .dobra-6 {
padding: 10px 0;
}
#html-628 .dobra-6 .coluna-1 .img-2-dobra6 {
max-width: 900px;
}
#html-628 .dobra-6 .coluna-2 {
gap: 30px;
padding: 80px 380px;
}
#html-628 .dobra-6 .bloco-texto {
font-size: 26px;
}
#html-628 .dobra-6 .bloco-1 .icon {
width: 115px;
}
#html-628 .dobra-6 .bloco-2 .icon {
width: 48px;
}
#html-628 .dobra-6 .bloco-3 .icon {
width: 72px;
}
#html-628 .dobra-6 .bloco-4 .icon {
width: 46px;
}
#html-628 .dobra-6 .bloco-5 .icon {
width: 86px;
}
/*DOBRA 7*/
#html-628 .dobra-7 {
padding: 30px 0;
}
#html-628 .dobra-7 .content-container {
position: relative;
gap: 38px;
padding: 15px;
}
#html-628 .dobra-7 .borda-topo {
border-top: 6px solid #76E425;
max-width: 75px;
}
#html-628 .dobra-7 .content-container .titulo-1 {
font-size: 50px;
}
#html-628 .dobra-7 .content-container .subtitulo {
font-size: 34px;
}
#html-628 .dobra-7 .content-container .texto-1 {
margin-bottom: 20px;
}
#html-628 .dobra-7 .content-container .texto-2 {
margin-bottom: 18px;
}
#html-628 .dobra-7 .content-container .img-container {
flex-shrink: 0;
max-width: 50%;
height: auto;
}
#html-628 .dobra-7 .content-container .textos-container {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
#html-628 .dobra-7 .content-container .texto-1,
#html-628 .dobra-7 .content-container .texto-2 {
font-size: 30px;
}
#html-628 .dobra-7 .content-container .texto-destaque {
font-size: 30px;
}
#html-628 .dobra-7 .content-container .texto-destaque span {
color: #FFFFFF;
line-height: 1;
display: block;
}
/*DOBRA 8*/
#html-628 .dobra-8 p {
font-size: 32px;
}
/*DOBRA 9*/
#html-628 .dobra-9 .titulo-1 {
font-size: 46px;
}
}
/*#endregion Desktop 2566 A 3030px*/
/*#region Inicio CSS de complementos ou plugins*/
@media only screen and (min-width: 344px) and (max-width: 344px) {
#html-628 .dobra-6 .coluna-1 .img-mobile-dobra6 {
display: block;
width: 344px;
}
}
@media only screen and (min-width: 375px) and (max-width: 375px) {
#html-628 .dobra-6 .coluna-1 .img-mobile-dobra6 {
max-width: 338px;
position: relative;
left: 9%;
}
}
@media only screen and (min-width: 390px) and (max-width: 390px) { /*12 PRO*/
#html-628 .dobra-6 .coluna-1 .img-mobile-dobra6 {
max-width: 342px;
position: relative;
left: 12%;
}
}
@media only screen and (min-width: 412px) and (max-width: 414px) { /*XR - Pixel*/
#html-628 .dobra-6 .coluna-1 .img-mobile-dobra6 {
width: 410px;
position: relative;
left: 0%;
}
}
@media only screen and (min-width: 430px) and (max-width: 430px) { /*XR - Pixel*/
#html-628 .dobra-6 .coluna-1 .img-mobile-dobra6 {
width: 410px;
position: relative;
left: 4.5%;
}
}
@media only screen and (min-width: 540px) and (max-width: 540px) {
#html-628 .dobra-1 {
height: 347px;
}
#html-628 .dobra-1 .selo-dobra {
bottom: 20px;
width: 85px;
right: 66px;
}
#html-628 .dobra-4 .conteudo-texto {
margin-left: 120px;
}
#html-628 .dobra-4 .arrayImgs {
height: 548px;
top: -95px;
position: absolute;
margin: 139px;
left: -234px;
transform: translateX(5%);
}
#html-628 .dobra-5 .content-container .bloco-titulo .titulo-1 {
font-size: 26px;
}
#html-628 .dobra-6 .coluna-1 .img-mobile-dobra6 {
width: 402px;
position: relative;
left: 25.5%;
}
}
@media only screen and (min-width: 568px) and (max-width: 568px) {
#html-628 .dobra-6 .coluna-1 .img-mobile-dobra6 {
width: 400px;
position: relative;
left: 29.5%;
}
}
@media only screen and (min-width: 720px) and (max-width: 720px) {
#html-628 .dobra-4 .conteudo-texto {
margin-left: 90px;
width: auto;
max-width: 450px;
padding: 19px 10px;
}
#html-628 .dobra-4 .arrayImgs {
left: -9%;
}
#html-628 .dobra-6 .coluna-1 .img-2-dobra6 {
max-width: 362px;
top: -36px;
}
#html-628 .dobra-6 .content-container {
display: grid;
grid-template-columns: 320px 1fr;
height: 61vh;
grid-column-gap: 12px;
}
#html-628 .dobra-8 {
padding: 36px 0;
}
}
@media only screen and (min-width: 736px) and (max-width: 736px) {
#html-628 .dobra-4 .conteudo-texto {
margin-left: 162px;
}
}
@media only screen and (min-width: 740px) and (max-width: 740px) {
#html-628 .dobra-4 .conteudo-texto {
margin-left: 172px;
}
}
@media only screen and (min-width: 820px) and (max-width: 820px) {
#html-628 .dobra-6 .content-container {
height: 26vh;
}
}
@media only screen and (min-width: 882px) and (max-width: 882px) { /*Galaxy Z Fold 5 horizontal*/
#html-628 .dobra-6 .content-container {
height: 96vh;
}
}
@media only screen and (min-width: 844px) and (max-width: 844px) {
#html-628 .dobra-4 .conteudo-cores {
margin: 70px;
}
}
@media only screen and (min-width: 914px) and (max-width: 914px) {
#html-628 .dobra-6 .coluna-1 .img-2-dobra6 {
max-width: 390px;
top: -58px;
}
#html-628 .dobra-6 .content-container {
display: grid;
grid-template-columns: 340px 1fr;
grid-column-gap: 12px;
height: 322px;
}
}
@media only screen and (min-width: 932px) and (max-width: 932px) {
#html-628 .dobra-4 .conteudo-cores {
display: flex;
align-items: center;
margin: 106px;
}
}
@media only screen and (min-width: 1280px) and (max-width: 1280px) {
#html-628 .dobra-4 .conteudo-texto {
max-width: 620px;
margin-right: -56px;
}
#html-628 .dobra-6 .content-container {
height: 49vh;
}
}
@media only screen and (min-width: 1366px) and (max-width: 1368px) {
#html-628 .dobra-4 .conteudo-texto {
margin-left: 600px;
}
#html-628 .dobra-4 .arrayImgs {
left: 11%;
}
#html-628 .dobra-4 .conteudo-cores {
margin: 140px;
}
#html-628 .dobra-6 .content-container {
display: grid;
grid-template-columns: 515px 1fr;
height: 380px;
}
}
/*#endregion Inicio CSS de complementos ou plugins*/