/*#region Dobra 1*/
#html-621 .dobra-1 {
background: url('../Imagens/banner-1-w125-desktop.webp') no-repeat;
background-size: cover;
background-position-x: center;
background-position-y: top;
height: 1325px;
padding: 140px 10px;
position: relative;
}
#html-621 .dobra-1 .conteudo-texto {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
max-width: 1000px;
}
#html-621 .dobra-1 .conteudo-texto .subtitulo-1 {
font-size: 36px;
font-weight: 500;
text-align: center;
color: #FFFFFF;
letter-spacing: 3px;
margin: 0;
}
#html-621 .dobra-1 .img-titulo {
width: 670px;
height: fit-content;
display: block;
margin: 0 auto;
}
#html-621 .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-621 .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-621 .dobra-1 .conteudo-texto .texto-1 span {
color: #76E425;
font-weight: 700;
}
#html-621 .dobra-1 .btn-saiba-mais {
font-size: 23px;
color: #FFFFFF;
font-weight: 700;
letter-spacing: 2.5px;
text-align: center;
padding: 12px 35px;
border: 2px solid #76E425;
border-radius: 50px;
transition: all 0.5s;
}
#html-621 .dobra-1 .btn-saiba-mais:hover {
transform: scale(1.1)
}
/*#endregion Dobra 1*/
/*#region Dobra 2*/
#html-621 .dobra-2 {
background: #000;
}
#html-621 .dobra-2 .container-video {
width: 100%;
padding: 56.25% 0 0 0;
position: relative;
}
#html-621 .dobra-2 .container-video video {
width: 100%;
height: 100%;
background: url('../Imagens/banner-watts-2-hd.webp') no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*#endregion Dobra 2*/
/*#region Dobra 3*/
#html-621 .dobra-3 {
padding: 50px 20px 70px;
}
#html-621 .dobra-3 .conteudo {
max-width: 1000px;
margin: 0 auto;
}
#html-621 .dobra-3 .titulo-1 {
color: #222;
text-align: center;
font-size: 46px;
max-width: 1424px;
margin: 0 auto 50px;
font-weight: 700;
}
#html-621 .dobra-3 .blocos-container {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
justify-items: center;
text-align: center;
}
#html-621 .dobra-3 .blocos-container .bloco p {
color: #222;
text-align: center;
font-size: 22px;
font-style: normal;
line-height: 1.3;
font-weight: 700;
letter-spacing: 0.16px;
text-transform: uppercase;
margin: 20px auto 0;
}
/*#endregion Dobra 3*/
/*#region Dobra 4*/
#html-621 .dobra-4 {
background: #76E425;
position: relative;
margin-top: 60px;
}
#html-621 .dobra-4 .conteudo{
display: flex;
align-items: center;
}
#html-621 .dobra-4 .coluna-1 {
background: url('../Imagens/w125-bg-2.webp') no-repeat;
background-size: cover;
width: 50vw;
height: 190px;
margin: -75px 0 -55px;
display: flex;
align-items: center;
}
#html-621 .dobra-4 .titulo-1 {
font-size: 34px;
font-weight: 500;
color: #222222;
line-height: 1;
max-width: 445px;
margin: 0 128px 0 auto;
}
#html-621 .dobra-4 .titulo-1 strong {
font-weight: 700;
}
#html-621 .dobra-4 .titulo-2 {
font-size: 42px;
font-weight: 600;
color: #222222;
line-height: 1;
padding: 40px 0;
margin-bottom: 0;
}
#html-621 .dobra-4 .titulo-2 span {
font-weight: 800;
text-decoration-line: underline;
color: #222222;
cursor: pointer;
}
/*#endregion Dobra 4*/
/*#region Dobra 5*/
#html-621 .dobra-5 {
position: relative;
margin-top: 38px;
}
#html-621 .dobra-5 .blocos-container {
display: flex;
gap: 30px;
flex-wrap: wrap;
margin: 40px 0 0;
}
#html-621 .dobra-5 .blocos-container .bloco {
background: url(../Imagens/bg-cores.webp) no-repeat;
background-size: cover;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
width: 380px;
}
#html-621 .dobra-5 .blocos-container .bloco .texto-bloco {
color: #222;
text-align: center;
font-size: 20px;
font-weight: bold;
line-height: 102.5%; /* 41px */
text-transform: uppercase;
}
#html-621 .dobra-5 .titulo-principal {
color:#222;
text-align: center;
font-size: 42px;
font-weight: 700;
line-height: 109.5%;
margin: 50px auto 30px;
}
#html-621 .dobra-5 .texto-principal {
color: #222;
text-align: center;
font-size: 30px;
font-weight: 500;
line-height: 110%;
}
#html-621 .dobra-5 .conteudo{
display: flex;
align-items: start;
justify-content: start;
}
#html-621 .dobra-5 img {
width: 1071px;
height: fit-content;
display: block;
margin: 0 auto;
}
#html-621 .dobra-5 .coluna-1 {
width: 1370px;
}
#html-621 .dobra-5 .arrayImgs {
object-fit: cover;
height: 1050px;
margin: -200px 0 0 -17px;
position: relative;
z-index: 2;
object-fit: cover;
width: 1800px;
}
#html-621 .dobra-5 .conteudo-texto {
max-width: 550px;
margin: 85px 240px 0 -350px;
}
#html-621 .dobra-5 .titulo-1 {
font-size: 46px;
font-weight: 700;
color: #222222;
line-height: 1;
max-width: 485px;
margin: 0 0 30px auto;
text-align: right;
}
#html-621 .dobra-5 .texto-1 p {
font-size: 26px;
font-weight: 500;
color: #222222;
line-height: 1;
max-width: 450px;
text-align: right;
margin: 0 0 0 auto;
}
#html-621 .dobra-5 .texto-1 p:first-child {
max-width: 440px;
margin-bottom: 20px;
}
#html-621 .dobra-5 .cores {
position: absolute;
bottom: 385px;
right: 0;
background: url(../Imagens/bg-cores.webp) no-repeat;
background-size: cover;
width: 61vw;
height: 297px;
display: flex;
align-items: center;
justify-content: center;
}
#html-621 .dobra-5 .conteudo-cores {
display: flex;
align-items: center;
justify-content: center;
gap: 25px;
margin-left: -100px;
}
#html-621 .dobra-5 .texto-cores {
font-size: 24px;
max-width: 200px;
text-align: right;
font-weight: 700;
line-height: 1.2;
letter-spacing: 2.5px;
color: #222222;
margin-left: 140px;
}
#html-621 .dobra-5 .circulos {
display: flex;
flex-direction: column;
gap: 5px;
}
#html-621 .dobra-5 .circulo {
content: '';
border-radius: 50%;
width: 28px;
height: 28px;
border: 1px solid #C6C6C6;
}
#html-621 .dobra-5 .circulo.circulo-preto {
background: #000000;
}
#html-621 .dobra-5 .circulo.circulo-vermelho {
background: #FF0000;
}
#html-621 .dobra-5 .circulo.circulo-azul {
background: #1B07FF;
}
#html-621 .dobra-5 .circulo.circulo-branco {
background: #FFFFFF;
}
/*#endregion Dobra 5*/
/*#region Dobra 6*/
#html-621 .dobra-6 {
background-color: #fff;
padding-bottom: 80px;
}
#html-621 .dobra-6 .conteudo {
max-width: 1000px;
margin: 0 auto;
padding: 50px 20px 0;
}
#html-621 .dobra-6 .conteudo .logo {
width: 610px;
margin: 0 auto 30px;
display: block;
}
#html-621 .dobra-6 .conteudo .texto-1,
#html-621 .dobra-6 .conteudo .texto-2 {
color: #222;
text-align: center;
font-size: 34px;
font-weight: 500;
max-width: 750px;
margin: 0 auto;
line-height: 110%;
}
#html-621 .dobra-6 .conteudo .texto-1 {
margin-bottom: 20px;
}
#html-621 .dobra-6 .conteudo .texto-2 {
max-width: 817px;
}
#html-621 .dobra-6 .conteudo .texto-1 strong {
font-weight: 700;
}
#html-621 .dobra-6 .img-1 {
object-fit: cover;
object-position: top;
height: 46vw;
width: 89%;
}
#html-621 .dobra-6 .bloco-button {
display: block;
margin: 0 auto;
text-align: center;
}
#html-621 .dobra-6 .btn-saiba-mais {
font-size: 23px;
color: #222;
font-weight: 700;
letter-spacing: 2.5px;
text-align: center;
padding: 12px 50px;
border: 2px solid #76E425;
border-radius: 50px;
transition: all 0.5s;
}
#html-621 .dobra-6 .btn-saiba-mais:hover {
transform: scale(1.1)
}
/*#endregion Dobra 6*/
/*#region Dobra 7*/
#html-621 .dobra-7 {
background-color: #76E425;
background-image: url('../Imagens/background-watts.svg');
padding: 80px 10px;
position: relative;
}
#html-621 .dobra-7 .titulo-principal {
font-size: 48px;
font-weight: 800;
line-height: 1;
text-align: center;
letter-spacing: -0.5px;
}
#html-621 .dobra-7 .conteudo {
/*max-width: min-content;*/
margin: auto auto 0;
}
#html-621 .dobra-7 .produto {
height: 570px;
margin: auto 0 0;
}
#html-621 .dobra-7 .bloco-img {
display: flex;
justify-content: center;
align-items: end;
height: 400px;
}
#html-621 .dobra-7 .titulo-1 {
font-size: 27px;
font-weight: 800;
text-align: center;
margin: 20px 0 30px;
color: #222222;
}
#html-621 .dobra-7 .btn-ver-mais {
font-size: 20px;
font-weight: 800;
text-align: center;
color: #636363;
line-height: 1;
letter-spacing: 1.5px;
background: #FFFFFF;
padding: 12px 40px;
border-radius: 50px;
display: block;
width: fit-content;
margin: 0 auto;
}
#html-621 .dobra-7 .scooter,
#html-621 .dobra-7 .moto-eletrica,
#html-621 .dobra-7 .bike-eletrica {
width: 360px;
height: fit-content;
transition-duration: 2s;
}
#html-621 .dobra-7 .scooter:hover,
#html-621 .dobra-7 .moto-eletrica:hover,
#html-621 .dobra-7 .bike-eletrica:hover {
transform: scale(1.2)
}
#html-621 .dobra-7 .scooter:focus-visible,
#html-621 .dobra-7 .moto-eletrica:focus-visible,
#html-621 .dobra-7 .bike-eletrica:focus-visible {
border: none;
outline: none;
}
#html-621 .dobra-7 .moto-eletrica {
margin-bottom: -40px;
}
#html-621 .dobra-7 .bike-eletrica {
margin-bottom: -30px;
}
#html-621 .dobra-7 .bg-1,
#html-621 .dobra-7 .bg-2 {
position: absolute;
}
#html-621 .dobra-7 .bg-1 {
bottom: -85px;
left: -45px;
width: 207px;
}
#html-621 .dobra-7 .bg-2 {
top: 0;
right: 0;
}
/*#endregion Dobra 7*/
/*#region Dobra 8*/
#html-621 .dobra-8 {
padding: 80px 0 110px;
}
#html-621 .dobra-8 .conteudo-texto{
max-width: 1200px;
margin: 0 auto;
}
#html-621 .dobra-8 .img-1 {
width: 820px;
height: fit-content;
}
#html-621 .dobra-8 .titulo-1 {
font-size: 95px;
font-weight: 700;
color: #222222;
line-height: 1;
margin-bottom: 30px;
}
#html-621 .dobra-8 .texto-1 {
font-size: 38px;
font-weight: 500;
color: #222222;
line-height: 1;
max-width: 720px;
margin-bottom: 55px;
}
#html-621 .dobra-8 .btn-test-ride {
font-size: 26px;
font-weight: 800;
color: #222222;
line-height: 1;
letter-spacing: 1.7px;
background: #76E425;
padding: 16px 50px;
position: relative;
border-radius: 50px;
}
/*#endregion Dobra 8*/
/*#region Dobra 9*/
#html-621 .dobra-9 {
background: #000;
}
#html-621 .dobra-9 .container-video {
width: 100%;
padding: 56.25% 0 0 0;
position: relative;
}
#html-621 .dobra-9 .container-video video {
width: 100%;
height: 100%;
background: url('../Imagens/banner-watts-1-hd.webp') no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*#endregion Dobra 9*/
/*#region Dobra 10*/
#html-621 .dobra-10 {
padding: 70px 0;
}
#html-621 .dobra-10 .conteudo {
display: flex;
justify-content: center;
align-items: start;
margin: 0 auto;
}
#html-621 .dobra-10 .bloco {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 22px;
width: 303px;
}
#html-621 .dobra-10 img {
width: 280px;
height: fit-content;
}
#html-621 .dobra-10 .texto-1 {
font-size: 29px;
font-weight: 800;
text-align: center;
color: #222222;
line-height: 1;
text-transform: uppercase;
}
/*#endregion Dobra 10*/
/*#region Dobra 11*/
#html-621 .dobra-11 .conteudo {
display: grid;
grid-template-columns: 1fr 1fr;
}
#html-621 .dobra-11 .coluna {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
#html-621 .dobra-11 .coluna-1 {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) -2.97%, rgba(0, 0, 0, 0.7) 85.69%), url('../Imagens/watts-perto-de-voce-bg.webp') no-repeat;
background-size: cover;
background-position-y: 8%;
background-position-x: center;
height: 500px;
}
#html-621 .dobra-11 .coluna-2 {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) -2.97%, rgba(0, 0, 0, 0.6) 85.69%), url('../Imagens/quem-somos-bg.webp') no-repeat;
background-size: cover;
background-position-y: 70%;
background-position-x: center;
height: 500px;
}
#html-621 .dobra-11 .titulo-1 {
font-size: 38px;
font-weight: 800;
line-height: 1.3;
text-align: center;
color: #FFFFFF;
max-width: 500px;
text-transform: uppercase;
}
#html-621 .dobra-11 .titulo-1 span{
display: block;
}
#html-621 .dobra-11 .coluna-1 .titulo-1 {
padding-bottom: 30px;
}
#html-621 .dobra-11 .coluna-2 .titulo-1 {
padding-top: 30px;
}
#html-621 .dobra-11 .borda {
border-top: 4px solid #76E425;
width: 205px;
}
/*#endregion Dobra 11*/
/*#region Dobra 12*/
#html-621 .dobra-12 {
background: #EEEEEE;
position: relative;
}
#html-621 .dobra-12 .conteudo{
display: grid;
grid-template-columns: 1fr 1fr;
}
#html-621 .dobra-12 .coluna,
#html-621 .dobra-12 .conteudo-texto {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
#html-621 .dobra-12 .coluna-1 {
position: relative;
}
#html-621 .dobra-12 .conteudo-texto {
margin-right: -120px;
position: relative;
z-index: 3;
}
#html-621 .dobra-12 .titulo-1 {
font-size: 30px;
font-weight: 800;
line-height: 1;
letter-spacing: 2.7px;
text-align: center;
color: #222222;
}
#html-621 .dobra-12 .img-2 {
width: 290px;
height: fit-content;
display: block;
margin: 20px auto 25px;
}
#html-621 .dobra-12 .texto-1 {
font-size: 25px;
font-weight: 400;
line-height: 1.1;
text-align: center;
max-width: 640px;
color: #222222;
margin-bottom: 33px;
}
#html-621 .dobra-12 .texto-2 {
font-size: 22px;
font-weight: 700;
line-height: 1.3;
letter-spacing: 1.5px;
text-align: center;
color: #222222;
border-radius: 40px;
border: 3px solid #76E425;
padding: 10px 26px;
width: fit-content;
margin-bottom: 20px;
transition: all 0.5s;
}
#html-621 .dobra-12 .texto-2:hover {
transform: scale(1.1)
}
#html-621 .dobra-12 .coluna-2 {
display: flex;
align-items: center;
justify-content: center;
position: relative;
/*background: url('../Imagens/denatran-bg-2.webp') no-repeat;
background-size: cover;
background-position: center;*/
}
#html-621 .dobra-12 .img-3 {
width: 270px;
height: 100%;
position: absolute;
z-index: 1;
left: -2px;
}
#html-621 .dobra-12 .img-4 {
width: 100%;
height: 100%;
}
#html-621 .dobra-12 .container-video {
/*width: 59vw;
padding: 56.25% 0 0 0;*/
position: relative;
}
#html-621 .dobra-12 .container-video video {
width: 100%;
height: 100%;
background: url('../Imagens/banner-watts-3-hd.webp') no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*#endregion Dobra 12*/
/*#region Dobra 13*/
#html-621 .dobra-13 .conteudo {
background: linear-gradient(180deg, rgba(118, 228, 37, 0.7) -2.97%, rgba(118, 228, 37, 0.7) 85.69%), url('../Imagens/loja-watts-bg.webp') no-repeat;
background-size: cover;
background-position: center;
height: 650px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
#html-621 .dobra-13 .titulo-1 {
font-size: 45px;
font-weight: 800;
line-height: 1.1;
letter-spacing: 2.5px;
text-align: center;
color: #222222;
text-transform: uppercase;
padding-bottom: 30px;
}
#html-621 .dobra-13 .borda {
border-top: 6px solid #222222;
width: 490px;
}
/*#endregion Dobra 13*/
/*#region Mobile Genérico*/
@media only screen and (max-width: 575px) {
#html-621 .dobra-1 {
background: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(../Imagens/banner-1-w125-mobile.webp);
background-size: cover;
height: 475px;
padding: 38px 10px;
background-position-x: 60%;
}
#html-621 .dobra-1 .conteudo-texto {
max-width: 367px;
align-items: start;
}
#html-621 .dobra-1 .conteudo-texto .subtitulo-1 {
font-size: 18px;
margin: 0 0 -3px 8px;
text-align: left;
}
#html-621 .dobra-1 .img-titulo {
width: 315px;
margin: 0 0 0 -12px;
height: 92px;
object-fit: cover;
}
#html-621 .dobra-1 .conteudo-texto .subtitulo-2 {
font-size: 17px;
max-width: 275px;
text-align: left;
margin-left: 8px;
}
#html-621 .dobra-1 .conteudo-texto .texto-1 {
font-size: 19px;
margin: 20px 0 20px 8px;
text-align: left;
max-width: 256px;
}
#html-621 .dobra-1 .btn-saiba-mais {
font-size: 17px;
padding: 8px 24px;
letter-spacing: 2px;
text-align: left;
margin-left: 8px;
}
#html-621 .dobra-2,
#html-621 .dobra-2 #player {
height: fit-content;
}
#html-621 .dobra-3 .titulo-1 {
font-size: 26px;
}
#html-621 .dobra-3 .blocos-container {
grid-template-columns: 1fr 1fr;
}
#html-621 .dobra-3 .blocos-container {
gap: 20px;
}
#html-621 .dobra-3 .blocos-container .bloco {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#html-621 .dobra-3 .blocos-container .bloco img {
width: 130px;
}
#html-621 .dobra-3 .blocos-container .bloco p {
font-size: 16px;
}
#html-621 .dobra-4 .conteudo {
flex-direction: column;
}
#html-621 .dobra-4 .coluna-1 {
height: 108px;
margin: -18px auto 0 -77px;
width: 103vw;
display: flex;
align-items: center;
justify-content: center;
}
#html-621 .dobra-4 .titulo-1 {
font-size: 23px;
max-width: 270px;
margin: 0 7px 0 auto;
}
#html-621 .dobra-4 .titulo-2 {
font-size: 23px;
padding: 22px 0 32px;
}
#html-621 .dobra-5 {
margin-top: 50px;
}
#html-621 .dobra-5 .titulo-principal {
font-size: 30px;
}
#html-621 .dobra-5 .texto-principal {
font-size: 20px;
}
#html-621 .dobra-5 .conteudo {
flex-direction: column-reverse;
align-items: center;
height: 370px;
}
#html-621 .dobra-5 .conteudo-texto {
margin: 0 auto;
max-width: 520px;
}
#html-621 .dobra-5 .arrayImgs {
height: 460px;
margin: -28px 0 -40px -8px;
}
#html-621 .dobra-5 .titulo-1 {
font-size: 28px;
max-width: 300px;
margin: 0 auto 20px ;
text-align: center;
}
#html-621 .dobra-5 .texto-1 p {
font-size: 18px;
padding: 0 20px;
max-width: 100%;
margin: 0 auto ;
text-align: center;
}
#html-621 .dobra-5 .texto-1 p:first-child {
max-width: 455px;
margin-bottom: 10px;
}
#html-621 .dobra-5 .coluna-1 {
width: 100%;
}
#html-621 .dobra-5 .cores {
height: 120px;
gap: 10px;
bottom: 203px;
width: 290px;
}
#html-621 .dobra-5 .texto-cores {
font-size: 16px;
letter-spacing: 1.8px;
margin-left: 30px;
}
#html-621 .dobra-5 .circulos {
margin-right: 15px;
display: grid;
grid-template-columns: 1fr 1fr;
}
#html-621 .dobra-5 .circulo {
width: 20px;
height: 20px;
}
#html-621 .dobra-5 .conteudo-cores {
margin-left: -38px;
gap: 15px;
}
#html-621 .dobra-6 .img-1 {
height: 71vw;
width: 100%;
}
#html-621 .dobra-6 .btn-saiba-mais {
font-size: 21px;
padding: 10px 40px;
}
#html-621 .dobra-6 .conteudo .texto-1,
#html-621 .dobra-6 .conteudo .texto-2 {
font-size: 22px;
}
#html-621 .dobra-7 {
padding: 55px 10px;
}
#html-621 .dobra-7 img {
width: 200px;
}
#html-621 .dobra-7 .titulo-principal {
font-size: 30px;
max-width: 400px;
margin: 0 auto;
}
#html-621 .dobra-7 .tns-outer {
max-width: 98%;
margin: 0 auto;
}
#html-621 .dobra-7 .produto {
height: 500px;
}
#html-621 .dobra-7 .bloco-img {
height: 340px;
}
#html-621 .dobra-7 .scooter,
#html-621 .dobra-7 .moto-eletrica,
#html-621 .dobra-7 .bike-eletrica {
width: auto;
height: auto;
}
#html-621 .dobra-7 .scooter {
margin-bottom: -20px;
}
#html-621 .dobra-7 .titulo-1 {
margin: 20px 0 22px;
}
#html-621 .dobra-7 .bg-1 {
bottom: -127px;
left: -70px;
width: 125px;
}
#html-621 .dobra-7 .bg-2 {
width: 110px;
}
#html-621 .dobra-7 .btn-ver-mais {
font-size: 18px;
}
#html-621 .dobra-7 .tns-carousel [data-controls] {
width: 2.2rem;
height: 2.2rem;
font-size: 16px;
line-height: 2.1rem;
}
#html-621 .dobra-8 {
padding: 45px 0 ;
}
#html-621 .dobra-8 .conteudo-texto {
max-width: 680px;
}
#html-621 .dobra-8 .titulo-1 {
font-size: 46px;
margin-bottom: 20px;
text-align: center;
}
#html-621 .dobra-8 .texto-1 {
font-size: 21px;
max-width: 404px;
text-align: center;
margin: 0 auto 24px;
}
#html-621 .dobra-8 .btn-test-ride {
font-size: 19px;
padding: 12px 28px;
letter-spacing: 1.5px;
width: fit-content;
display: block;
margin: 0 auto;
}
#html-621 .dobra-10 {
padding: 50px 0;
}
#html-621 .dobra-10 .conteudo {
display: grid;
grid-template-columns: 1fr 1fr;
grid-row-gap: 40px;
max-width: fit-content;
}
#html-621 .dobra-10 img {
width: 150px;
}
#html-621 .dobra-10 .texto-1 {
font-size: 16px;
}
#html-621 .dobra-10 .bloco-1 .texto-1 {
max-width: 140px;
}
#html-621 .dobra-10 .bloco {
width: 170px;
gap: 12px;
}
#html-621 .dobra-11 .conteudo {
grid-template-columns: 1fr;
}
#html-621 .dobra-11 .coluna-1 {
background-position-y: 0;
}
#html-621 .dobra-11 .coluna-2 {
background-position-y: 80%;
}
#html-621 .dobra-11 .coluna-1,
#html-621 .dobra-11 .coluna-2 {
height: 290px;
}
#html-621 .dobra-11 .coluna-1 .titulo-1,
#html-621 .dobra-11 .coluna-2 .titulo-1 {
padding: 20px 0;
}
#html-621 .dobra-11 .coluna-2 {
flex-direction: column-reverse;
}
#html-621 .dobra-11 .titulo-1 {
font-size: 24px;
}
#html-621 .dobra-11 .borda {
width: 112px;
border-top: 3px solid #76E425;
}
#html-621 .dobra-12 .conteudo {
grid-template-columns: 1fr ;
}
#html-621 .dobra-12 .conteudo-texto {
margin: 0;
padding: 50px 15px 40px;
}
#html-621 .dobra-12 .titulo-1 {
font-size: 20px;
}
#html-621 .dobra-12 .img-2 {
width: 205px;
margin: 15px auto 18px;
}
#html-621 .dobra-12 .texto-1 {
font-size: 19px;
margin-bottom: 24px;
max-width: 480px;
}
#html-621 .dobra-12 .texto-2 {
font-size: 18px;
padding: 8px 20px;
margin: 10px 0 5px;
}
#html-621 .dobra-12 .img-3 {
display: none;
}
#html-621 .dobra-12 .container-video {
width: 100vw;
}
#html-621 .dobra-13 .conteudo {
background-position-x: 25%;
height: 335px;
}
#html-621 .dobra-13 .titulo-1 {
font-size: 28px;
max-width: 430px;
padding: 0 15px 23px;
}
#html-621 .dobra-13 .borda {
border-top: 4px solid #222222;
width: 160px;
}
}
/*#endregion Mobile Genérico*/
/*#region Início mobile 280 a 319px*/
@media only screen and (min-width: 280px) and (max-width: 319px) {
#html-621 .dobra-1 {
background-position-x: 66%;
}
#html-621 .dobra-1 .conteudo-texto .subtitulo-1 {
font-size: 17px;
}
#html-621 .dobra-1 .conteudo-texto .subtitulo-2 {
max-width: 257px;
font-size: 16px;
}
#html-621 .dobra-1 .btn-saiba-mais {
font-size: 16px;
}
#html-621 .dobra-4 .coluna-1 {
width: 350px;
height: 100px;
margin: -12px auto 0 -77px;
}
#html-621 .dobra-4 .titulo-1 {
font-size: 22px;
max-width: 252px;
}
#html-621 .dobra-4 .titulo-2 {
font-size: 21px;
padding: 20px 0 29px;
}
#html-621 .dobra-5 .texto-cores {
font-size: 16px;
}
#html-621 .dobra-5 .cores {
height: 107px;
bottom: 264px;
width: 262px;
}
#html-621 .dobra-5 .arrayImgs {
height: 350px;
margin: 76px 0 -40px -35px;
}
#html-621 .dobra-7 {
padding: 55px 10px 0;
}
#html-621 .dobra-7 .produto {
height: 390px;
}
#html-621 .dobra-7 .bloco-img {
height: 200px;
}
#html-621 .dobra-7 .tns-carousel [data-controls] {
width: 2rem;
height: 2rem;
font-size: 16px;
line-height: 1.8rem;
}
#html-621 .dobra-8 .btn-test-ride {
font-size: 18px;
padding: 12px 20px;
}
#html-621 .dobra-10 .conteudo {
grid-template-columns: 1fr;
}
#html-621 .dobra-11 .titulo-1 {
font-size: 20px;
}
#html-621 .dobra-12 .conteudo-texto {
padding: 50px 7px 40px;
}
#html-621 .dobra-12 .titulo-1 {
font-size: 19px;
}
#html-621 .dobra-12 .img-2 {
width: 190px;
margin: 15px auto 18px;
}
#html-621 .dobra-12 .texto-2 {
font-size: 16px;
padding: 7px 11px;
letter-spacing: 1.1px;
}
#html-621 .dobra-13 .conteudo {
background-position-x: 23%;
}
#html-621 .dobra-13 .titulo-1 {
font-size: 26px;
padding: 0 10px 15px;
}
#html-621 .dobra-13 .borda {
width: 45px;
}
}
/*#endregion*/
/*#region Início mobile 320 a 359px*/
@media only screen and (min-width: 320px) and (max-width: 359px) {
#html-621 .dobra-1 {
background-position-x: 65%;
}
#html-621 .dobra-4 .coluna-1 {
width: 375px;
height: 100px;
}
#html-621 .dobra-5 .texto-cores {
font-size: 16px;
}
#html-621 .dobra-5 .cores {
height: 107px;
bottom: 178px;
width: 262px;
}
#html-621 .dobra-5 .titulo-principal {
font-size: 24px;
}
#html-621 .dobra-5 .arrayImgs {
height: 385px;
margin: 38px 0 -40px -4px;
}
#html-621 .dobra-7 {
padding: 55px 10px 0;
}
#html-621 .dobra-7 .bloco-img {
height: 245px;
}
#html-621 .dobra-7 .tns-carousel [data-controls] {
width: 2rem;
height: 2rem;
font-size: 16px;
line-height: 1.8rem;
}
#html-621 .dobra-10 .conteudo {
grid-template-columns: 1fr;
}
#html-621 .dobra-11 .titulo-1 {
font-size: 22px;
}
#html-621 .dobra-12 .texto-2 {
font-size: 17px;
padding: 8px 12px;
letter-spacing: 1.2px;
}
}
/*#endregion*/
/*#region Início mobile 360 a 374px*/
@media only screen and (min-width: 360px) and (max-width: 374px) {
#html-621 .dobra-7 .produto {
height: 430px;
}
#html-621 .dobra-7 .bloco-img {
height: 280px;
}
}
/*#endregion*/
/*#region Início mobile 375 a 410px*/
@media only screen and (min-width: 375px) and (max-width: 410px) {
#html-621 .dobra-3 .blocos-container .bloco p {
font-size: 15px;
}
}
/*#endregion*/
/*#region Início mobile 411 a 575px*/
@media only screen and (min-width: 411px) and (max-width: 575px) {
#html-621 .dobra-1 {
padding: 38px 22px;
}
#html-621 .dobra-4 .coluna-1 {
height: 87px;
width: 98vw;
margin: -18px auto 0 0;
}
#html-621 .dobra-4 .titulo-1 {
max-width: 270px;
margin: 0 auto;
text-align: center;
}
#html-621 .dobra-4 .titulo-2 {
padding: 18px 0 22px;
}
#html-621 .dobra-5 .arrayImgs {
height: 482px;
margin: -71px 0 -40px -6px;
}
#html-621 .dobra-5 .texto-cores {
font-size: 16px;
}
#html-621 .dobra-5 .cores {
bottom: 206px;
width: 290px;
}
#html-621 .dobra-5 .circulos {
margin-right: 0;
}
#html-621 .dobra-6 .img-1 {
height: 68vw;
}
#html-621 .dobra-7 .titulo-principal {
max-width: 355px;
}
#html-621 .dobra-7 .produto {
height: 515px;
}
#html-621 .dobra-7 .bloco-img {
height: 386px;
}
#html-621 .dobra-11 .titulo-1 {
font-size: 26px;
}
}
/*#endregion*/
/*#region Início mobile 576 a 767px*/
@media only screen and (min-width: 576px) and (max-width: 767px) {
#html-621 .dobra-1 {
height: 530px;
padding: 38px 10px;
background-position-x: 20%;
}
#html-621 .dobra-1 .conteudo-texto {
max-width: 367px;
}
#html-621 .dobra-1 .conteudo-texto .subtitulo-1 {
font-size: 18px;
margin-bottom: -3px;
}
#html-621 .dobra-1 .img-titulo {
height: 97px;
object-fit: cover;
margin: 0 auto 3px;
}
#html-621 .dobra-1 .conteudo-texto .subtitulo-2 {
font-size: 17px;
max-width: 310px;
}
#html-621 .dobra-1 .conteudo-texto .texto-1 {
font-size: 22px;
margin: 20px 0;
max-width: 301px;
}
#html-621 .dobra-1 .btn-saiba-mais {
font-size: 17px;
padding: 8px 24px;
letter-spacing: 2px;
}
#html-621 .dobra-2,
#html-621 .dobra-2 #player {
height: fit-content;
}
#html-621 .dobra-3 .titulo-1 {
font-size: 26px;
}
#html-621 .dobra-3 .blocos-container {
grid-template-columns: 1fr 1fr;
}
#html-621 .dobra-3 .blocos-container {
gap: 20px;
}
#html-621 .dobra-3 .blocos-container .bloco {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#html-621 .dobra-3 .blocos-container .bloco img {
width: 130px;
}
#html-621 .dobra-3 .blocos-container .bloco p {
font-size: 18px;
}
#html-621 > div.dobra-3 > div > div > div.bloco.bloco-1 > div > p {
max-width: 173px;
}
#html-621 .dobra-4 .coluna-1 {
height: 130px;
margin: -68px 0 -55px -90px;
width: 90vw;
}
#html-621 .dobra-4 .titulo-1 {
font-size: 19px;
max-width: 265px;
margin: 0 43px 0 auto;
}
#html-621 .dobra-4 .titulo-2 {
font-size: 25px;
padding: 20px 5px;
margin-left: -16px;
}
#html-621 .dobra-5 {
margin-top: 50px;
}
#html-621 .dobra-5 .titulo-principal {
font-size: 30px;
}
#html-621 .dobra-5 .texto-principal {
font-size: 22px;
}
#html-621 .dobra-5 .conteudo {
flex-direction: column-reverse;
align-items: center;
}
#html-621 .dobra-5 .conteudo-texto {
margin: 0 auto;
max-width: 520px;
}
#html-621 .dobra-5 .arrayImgs {
height: 590px;
margin: -125px auto -40px -20px;
}
#html-621 .dobra-5 .titulo-1 {
font-size: 30px;
max-width: 400px;
margin: 0 auto 20px ;
text-align: center;
}
#html-621 .dobra-5 .texto-1 p {
font-size: 19px;
padding: 0 20px;
max-width: 100%;
margin: 0 auto ;
text-align: center;
}
#html-621 .dobra-5 .texto-1 p:first-child {
max-width: 455px;
margin-bottom: 10px;
}
#html-621 .dobra-5 .coluna-1 {
width: 100%;
}
#html-621 .dobra-5 .cores {
bottom: 180px;
width: 425px;
height: 140px;
}
#html-621 .dobra-5 .circulo {
width: 23px;
height: 23px;
}
#html-621 .dobra-5 .conteudo-cores {
margin-left: -50px;
}
#html-621 .dobra-5 .texto-cores {
font-size: 18px;
margin-left: 90px;
}
#html-621 .dobra-6 .conteudo .logo {
width: 510px;
}
#html-621 .dobra-6 .img-1 {
height: 51vw;
width: 100%;
}
#html-621 .dobra-6 .btn-saiba-mais {
font-size: 21px;
padding: 10px 40px;
}
#html-621 .dobra-6 .conteudo .texto-1,
#html-621 .dobra-6 .conteudo .texto-2 {
font-size: 25px;
}
#html-621 .dobra-7 {
padding: 50px 10px;
}
#html-621 .dobra-7 img {
width: 300px;
}
#html-621 .dobra-7 .titulo-principal {
font-size: 34px;
max-width: 460px;
margin: 0 auto;
}
#html-621 .dobra-7 .conteudo {
padding: 0 10px;
}
#html-621 .dobra-7 .tns-outer {
max-width: 98%;
margin: 0 auto;
}
#html-621 .dobra-7 .produto {
height: 450px;
}
#html-621 .dobra-7 .bloco-img {
height: 295px;
}
#html-621 .dobra-7 .scooter,
#html-621 .dobra-7 .moto-eletrica,
#html-621 .dobra-7 .bike-eletrica {
width: 355px;
}
#html-621 .dobra-7 .titulo-1 {
margin: 20px 0 22px;
}
#html-621 .dobra-7 .bg-1 {
bottom: -127px;
left: -70px;
width: 125px;
}
#html-621 .dobra-7 .bg-2 {
width: 110px;
}
#html-621 .dobra-7 .btn-ver-mais {
font-size: 18px;
}
#html-621 .dobra-8 {
padding: 55px 0 65px;
}
#html-621 .dobra-8 .conteudo-texto {
max-width: 680px;
}
#html-621 .dobra-8 .titulo-1 {
font-size: 60px;
margin-bottom: 20px;
text-align: center;
}
#html-621 .dobra-8 .texto-1 {
font-size: 26px;
max-width: 483px;
text-align: center;
margin: 0 auto 32px;
}
#html-621 .dobra-8 .btn-test-ride {
font-size: 20px;
padding: 14px 37px;
width: fit-content;
display: block;
margin: 0 auto;
}
#html-621 .dobra-10 {
padding: 50px 0;
}
#html-621 .dobra-10 .conteudo {
display: grid;
grid-template-columns: 1fr 1fr;
grid-row-gap: 40px;
grid-column-gap: 40px;
max-width: fit-content;
}
#html-621 .dobra-10 img {
width: 160px;
}
#html-621 .dobra-10 .texto-1 {
font-size: 18px;
}
#html-621 .dobra-10 .bloco-1 .texto-1 {
max-width: 140px;
}
#html-621 .dobra-10 .bloco {
width: 180px;
gap: 12px;
}
#html-621 .dobra-11 .conteudo {
grid-template-columns: 1fr;
}
#html-621 .dobra-11 .coluna-1 {
background-position-y: 0;
}
#html-621 .dobra-11 .coluna-2 {
background-position-y: 80%;
}
#html-621 .dobra-11 .coluna-1,
#html-621 .dobra-11 .coluna-2 {
height: 290px;
}
#html-621 .dobra-11 .coluna-1 .titulo-1,
#html-621 .dobra-11 .coluna-2 .titulo-1 {
padding: 22px 0;
}
#html-621 .dobra-11 .coluna-2 {
flex-direction: column-reverse;
}
#html-621 .dobra-11 .titulo-1 {
font-size: 24px;
}
#html-621 .dobra-11 .borda {
width: 128px;
}
#html-621 .dobra-12 .conteudo {
grid-template-columns: 1fr ;
}
#html-621 .dobra-12 .conteudo-texto {
margin: 0;
max-width: 535px;
padding: 50px 10px 40px;
}
#html-621 .dobra-12 .titulo-1 {
font-size: 22px;
}
#html-621 .dobra-12 .img-2 {
width: 230px;
margin: 12px auto 15px;
}
#html-621 .dobra-12 .texto-1 {
font-size: 21px;
margin-bottom: 24px;
}
#html-621 .dobra-12 .texto-2 {
font-size: 19px;
padding: 8px 20px;
margin: 10px 0 5px;
}
#html-621 .dobra-12 .img-3 {
display: none;
}
#html-621 .dobra-12 .container-video {
width: 100vw;
}
#html-621 .dobra-13 .conteudo {
background-position-x: 35%;
height: 375px;
}
#html-621 .dobra-13 .titulo-1 {
font-size: 30px;
max-width: 425px;
padding-bottom: 23px;
}
#html-621 .dobra-13 .borda {
border-top: 4px solid #222222;
width: 175px;
}
}
/*#endregion*/
/*#region Início mobile 768 a 800px*/
@media only screen and (min-width: 768px) and (max-width: 800px) {
#html-621 .dobra-1 .img-titulo {
width: 420px;
height: 110px;
object-fit: cover;
margin: 0 auto 3px;
}
#html-621 .dobra-1 .conteudo-texto .subtitulo-1 {
font-size: 28px;
}
#html-621 .dobra-1 .conteudo-texto .subtitulo-2 {
font-size: 23px;
}
#html-621 .dobra-2,
#html-621 .dobra-2 #player {
height: fit-content;
}
#html-621 .dobra-3 .blocos-container {
grid-template-columns: 1fr 1fr;
gap: 20px;
}
#html-621 .dobra-3 .titulo-1 {
font-size: 37px;
}
#html-621 .dobra-3 .blocos-container .bloco {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#html-621 .dobra-3 .blocos-container .bloco img {
width: 200px;
}
#html-621 > div.dobra-3 > div > div > div.bloco.bloco-1 > div > p {
max-width: 230px;
}
#html-621 .dobra-4 .coluna-1 {
height: 135px;
margin: -68px 0 -55px -90px;
width: 63vw;
}
#html-621 .dobra-4 .titulo-1 {
font-size: 23px;
max-width: 306px;
margin: 0 45px 0 auto;
}
#html-621 .dobra-4 .titulo-2 {
font-size: 29px;
padding: 33px 0;
margin-left: -10px;
}
#html-621 .dobra-5 .titulo-principal {
font-size: 36px;
}
#html-621 .dobra-5 .texto-principal {
font-size: 24px;
}
#html-621 .dobra-5 .arrayImgs {
height: 770px;
margin: -160px auto 0 0;
}
#html-621 .dobra-5 .conteudo {
max-width: 98%;
height: 540px;
}
#html-621 .dobra-5 .conteudo-texto {
margin: 100px 0 0 -250px;
}
#html-621 .dobra-5 .titulo-1 {
font-size: 35px;
margin: 0 0 24px auto;
}
#html-621 .dobra-5 .texto-1 p {
font-size: 20px;
max-width: 320px;
}
#html-621 .dobra-5 .texto-1 p:first-child {
max-width: 325px;
}
#html-621 .dobra-5 .cores {
bottom: 235px;
width: 68vw;
height: 190px;
}
#html-621 .dobra-5 .conteudo-cores {
margin-left: -35px;
}
#html-621 .dobra-5 .texto-cores {
font-size: 19px;
margin-left: 200px;
}
#html-621 .dobra-6 .conteudo .logo {
width: 530px;
}
#html-621 .dobra-6 .conteudo .texto-1,
#html-621 .dobra-6 .conteudo .texto-2 {
max-width: 589px;
font-size: 27px;
}
#html-621 .dobra-6 .img-1 {
height: 51vw;
width: 100%;
}
#html-621 .dobra-7 img {
width: 300px;
}
#html-621 .dobra-7 .titulo-principal {
font-size: 38px;
}
#html-621 .dobra-7 .conteudo {
padding: 0 10px;
}
#html-621 .dobra-7 .tns-outer {
max-width: 98%;
margin: 0 auto;
}
#html-621 .dobra-7 .produto {
height: 425px;
}
#html-621 .dobra-7 .bloco-img {
height: 285px;
}
#html-621 .dobra-7 .scooter,
#html-621 .dobra-7 .moto-eletrica,
#html-621 .dobra-7 .bike-eletrica {
width: 355px;
}
#html-621 .dobra-7 .titulo-1 {
margin: 20px 0 22px;
}
#html-621 .dobra-7 .bg-1 {
bottom: -127px;
left: -70px;
width: 125px;
}
#html-621 .dobra-7 .bg-2 {
width: 110px;
}
#html-621 .dobra-7 .btn-ver-mais {
font-size: 19px;
}
#html-621 .dobra-8 {
padding: 60px 0 85px;
}
#html-621 .dobra-8 .conteudo-texto {
max-width: 680px;
}
#html-621 .dobra-8 .titulo-1 {
font-size: 70px;
margin-bottom: 25px;
}
#html-621 .dobra-8 .texto-1 {
font-size: 28px;
max-width: 540px;
margin-bottom: 50px;
}
#html-621 .dobra-8 .btn-test-ride {
font-size: 20px;
padding: 14px 37px;
}
#html-621 .dobra-10 {
padding: 50px 0;
}
#html-621 .dobra-10 img {
width: 150px;
}
#html-621 .dobra-10 .texto-1 {
font-size: 17px;
}
#html-621 .dobra-10 .bloco {
width: 180px;
gap: 12px;
}
#html-621 .dobra-11 .coluna-1,
#html-621 .dobra-11 .coluna-2 {
height: 290px;
}
#html-621 .dobra-11 .coluna-1 .titulo-1 {
padding-bottom: 22px;
}
#html-621 .dobra-11 .coluna-2 .titulo-1 {
padding-top: 22px;
}
#html-621 .dobra-11 .titulo-1 {
font-size: 24px;
}
#html-621 .dobra-11 .borda {
width: 128px;
}
#html-621 .dobra-12 .conteudo {
grid-template-columns: 1fr;
}
#html-621 .dobra-12 .conteudo-texto {
margin: 0;
max-width: 535px;
padding: 50px 10px 40px;
}
#html-621 .dobra-12 .titulo-1 {
font-size: 22px;
}
#html-621 .dobra-12 .img-2 {
width: 230px;
margin: 12px auto 15px;
}
#html-621 .dobra-12 .texto-1 {
font-size: 21px;
margin-bottom: 24px;
}
#html-621 .dobra-12 .texto-2 {
font-size: 19px;
padding: 8px 20px;
margin: 10px 0 5px;
}
#html-621 .dobra-12 .img-3 {
display: none;
}
#html-621 .dobra-12 .container-video {
width: 100vw;
}
#html-621 .dobra-13 .conteudo {
height: 375px;
}
#html-621 .dobra-13 .titulo-1 {
font-size: 32px;
padding-bottom: 22px;
}
#html-621 .dobra-13 .borda {
border-top: 4px solid #222222;
width: 363px;
}
}
/*#endregion*/
/*#region Início mobile 800 a 959px*/
@media only screen and (min-width: 800px) and (max-width: 959px) {
#html-621 .dobra-1 {
height: 678px;
padding: 60px 10px;
}
#html-621 .dobra-1 .conteudo-texto {
max-width: 450px;
}
#html-621 .dobra-1 .conteudo-texto .subtitulo-1 {
font-size: 22px;
margin-bottom: -5px;
}
#html-621 .dobra-1 .img-titulo {
width: 430px;
height: 112px;
object-fit: cover;
margin: 0 auto 3px;
}
#html-621 .dobra-1 .conteudo-texto .subtitulo-2 {
font-size: 19px;
max-width: 310px;
}
#html-621 .dobra-1 .conteudo-texto .texto-1 {
font-size: 23px;
margin: 22px 0;
max-width: 427px;
}
#html-621 .dobra-1 .btn-saiba-mais {
font-size: 20px;
padding: 8px 25px;
letter-spacing: 2px;
}
#html-621 .dobra-2,
#html-621 .dobra-2 #player {
height: fit-content;
}
#html-621 .dobra-3 .blocos-container {
grid-template-columns: 1fr 1fr;
gap: 20px;
}
#html-621 .dobra-3 .titulo-1 {
font-size: 37px;
max-width: 842px;
}
#html-621 .dobra-3 .blocos-container .bloco {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#html-621 .dobra-3 .blocos-container .bloco img {
width: 200px;
}
#html-621 > div.dobra-3 > div > div > div.bloco.bloco-1 > div > p {
max-width: 230px;
}
#html-621 .dobra-4 .coluna-1 {
height: 135px;
margin: -68px 0 -55px -90px;
width: 62vw;
}
#html-621 .dobra-4 .titulo-1 {
font-size: 31px;
max-width: 322px;
margin: 0 45px 0 auto;
}
#html-621 .dobra-4 .titulo-2 {
font-size: 29px;
padding: 33px 0;
}
#html-621 .dobra-5 .arrayImgs {
height: 770px;
margin: -160px auto 0 0;
}
#html-621 .dobra-5 .conteudo {
max-width: 98%;
height: 540px;
}
#html-621 .dobra-5 .coluna-1 {
width: 786px;
position: absolute;
}
#html-621 .dobra-5 .conteudo-texto {
margin: 55px auto 0;
max-width: 100%;
width: 753px;
}
#html-621 .dobra-5 .titulo-1 {
font-size: 36px;
}
#html-621 .dobra-5 .texto-1 p {
font-size: 20px;
max-width: 380px;
}
#html-621 .dobra-5 .texto-1 p:first-child {
max-width: 350px;
}
#html-621 .dobra-5 .titulo-principal {
font-size: 37px;
}
#html-621 .dobra-5 .texto-principal {
font-size: 26px;
}
#html-621 .dobra-5 .cores {
bottom: 235px;
width: 68vw;
height: 190px;
}
#html-621 .dobra-5 .conteudo-cores {
margin-left: 15px;
}
#html-621 .dobra-5 .texto-cores {
font-size: 20px;
margin-left: 200px;
}
#html-621 .dobra-6 .img-1 {
height: 51vw;
width: 100%;
}
#html-621 .dobra-6 .conteudo .texto-1,
#html-621 .dobra-6 .conteudo .texto-2 {
font-size: 28px;
}
#html-621 .dobra-7 .titulo-principal {
font-size: 39px;
}
#html-621 .dobra-7 .conteudo {
padding: 0 20px;
}
#html-621 .dobra-7 .tns-outer {
max-width: 90%;
margin: 0 auto;
}
/*#html-621 .dobra-7 .produto {
height: 515px;
}
#html-621 .dobra-7 .bloco-img {
height: 400px;
}*/
#html-621 .dobra-7 .scooter,
#html-621 .dobra-7 .moto-eletrica,
#html-621 .dobra-7 .bike-eletrica {
width: 500px;
height: auto;
}
#html-621 .dobra-7 .titulo-1 {
margin: 20px 0 22px;
}
#html-621 .dobra-7 .bg-1 {
bottom: -127px;
left: -70px;
width: 135px;
}
#html-621 .dobra-7 .bg-2 {
width: 140px;
}
#html-621 .dobra-8 {
padding: 70px 0 95px;
}
#html-621 .dobra-8 .conteudo-texto {
max-width: 740px;
}
#html-621 .dobra-8 .titulo-1 {
font-size: 72px;
margin-bottom: 25px;
}
#html-621 .dobra-8 .texto-1 {
font-size: 29px;
max-width: 550px;
margin-bottom: 50px;
}
#html-621 .dobra-8 .btn-test-ride {
font-size: 20px;
padding: 14px 37px;
}
#html-621 .dobra-10 {
padding: 50px 0;
}
#html-621 .dobra-10 img {
width: 160px;
}
#html-621 .dobra-10 .texto-1 {
font-size: 18px;
}
#html-621 .dobra-10 .bloco {
width: 182px;
gap: 12px;
}
#html-621 .dobra-11 .coluna-1,
#html-621 .dobra-11 .coluna-2 {
height: 290px;
}
#html-621 .dobra-11 .coluna-1 .titulo-1 {
padding-bottom: 22px;
}
#html-621 .dobra-11 .coluna-2 .titulo-1 {
padding-top: 22px;
}
#html-621 .dobra-11 .titulo-1 {
font-size: 26px;
}
#html-621 .dobra-11 .borda {
width: 137px;
}
#html-621 .dobra-12 .conteudo {
grid-template-columns: 1fr;
}
#html-621 .dobra-12 .conteudo-texto {
margin: 0;
max-width: 535px;
padding: 50px 10px 40px;
}
#html-621 .dobra-12 .titulo-1 {
font-size: 22px;
}
#html-621 .dobra-12 .img-2 {
width: 230px;
margin: 12px auto 15px;
}
#html-621 .dobra-12 .texto-1 {
font-size: 21px;
margin-bottom: 24px;
}
#html-621 .dobra-12 .texto-2 {
font-size: 19px;
padding: 8px 20px;
margin: 10px 0 5px;
}
#html-621 .dobra-12 .img-3 {
display: none;
}
#html-621 .dobra-12 .container-video {
width: 100vw;
}
#html-621 .dobra-13 .conteudo {
height: 395px;
}
#html-621 .dobra-13 .titulo-1 {
font-size: 32px;
padding-bottom: 22px;
}
#html-621 .dobra-13 .borda {
border-top: 4px solid #222222;
width: 363px;
}
}
/*#endregion*/
/*#region Início mobile 960 a 1140px*/
@media only screen and (min-width: 960px) and (max-width: 1140px) {
#html-621 .dobra-1 {
height: 730px;
padding: 75px 10px;
}
#html-621 .dobra-1 .conteudo-texto {
max-width: 580px;
}
#html-621 .dobra-1 .img-titulo {
width: 490px;
height: 135px;
object-fit: cover;
margin: 0 auto 3px;
}
#html-621 .dobra-1 .conteudo-texto .subtitulo-1 {
font-size: 27px;
margin-bottom: -7px;
}
#html-621 .dobra-1 .conteudo-texto .subtitulo-2 {
font-size: 22px;
max-width: 330px;
}
#html-621 .dobra-1 .conteudo-texto .texto-1 {
font-size: 25px;
margin: 25px 0;
max-width: 468px;
}
#html-621 .dobra-1 .btn-saiba-mais {
font-size: 20px;
padding: 8px 25px;
letter-spacing: 2px;
}
#html-621 .dobra-2,
#html-621 .dobra-2 #player {
height: fit-content;
}
#html-621 .dobra-3 .titulo-1 {
font-size: 40px;
max-width: 880px;
}
#html-621 .dobra-3 .blocos-container .bloco img {
width: 200px;
}
#html-621 .dobra-4 .coluna-1 {
height: 158px;
}
#html-621 .dobra-4 .titulo-1 {
font-size: 37px;
max-width: 360px;
margin: 0 78px 0 auto;
}
#html-621 .dobra-4 .titulo-2 {
font-size: 34px;
padding: 38px 0;
}
#html-621 .dobra-5 .coluna-1 {
width: 900px;
position: absolute;
}
#html-621 .dobra-5 .arrayImgs {
height: 705px;
margin: -120px auto 0 0;
}
#html-621 .dobra-5 .conteudo {
/*max-width: 98%;*/
height: 590px;
}
#html-621 .dobra-5 .conteudo-texto {
margin: 93px 0 0 0;
max-width: 100%;
width: 866px;
}
#html-621 .dobra-5 .titulo-1 {
font-size: 39px;
}
#html-621 .dobra-5 .texto-1 p {
font-size: 22px;
max-width: 415px;
}
#html-621 .dobra-5 .texto-1 p:first-child {
max-width: 375px;
}
#html-621 .dobra-5 .cores {
bottom: 265px;
width: 71vw;
height: 192px;
}
#html-621 .dobra-5 .conteudo-cores {
margin-left: 45px;
}
#html-621 .dobra-5 .texto-cores {
font-size: 19px;
margin-left: 250px;
}
#html-621 .dobra-6 .conteudo .texto-1,
#html-621 .dobra-6 .conteudo .texto-2 {
font-size: 31px;
}
#html-621 .dobra-7 .titulo-principal {
font-size: 43px;
}
#html-621 .dobra-7 .produto {
height: 450px;
}
#html-621 .dobra-7 .bloco-img {
height: 287px;
}
#html-621 .dobra-7 .titulo-1 {
margin: 20px 0 22px;
}
#html-621 .dobra-7 .bg-1 {
bottom: -127px;
left: -70px;
width: 135px;
}
#html-621 .dobra-7 .bg-2 {
width: 140px;
}
#html-621 .dobra-8 .conteudo-texto {
max-width: 860px;
}
#html-621 .dobra-8 .titulo-1 {
font-size: 85px;
margin-bottom: 25px;
}
#html-621 .dobra-8 .texto-1 {
font-size: 32px;
max-width: 650px;
margin-bottom: 50px;
}
#html-621 .dobra-8 .btn-test-ride {
font-size: 21px;
padding: 14px 37px;
}
#html-621 .dobra-10 img {
width: 190px;
}
#html-621 .dobra-10 .texto-1 {
font-size: 22px;
}
#html-621 .dobra-10 .bloco {
width: 225px;
gap: 15px;
}
#html-621 .dobra-11 .coluna-1,
#html-621 .dobra-11 .coluna-2 {
height: 345px;
}
#html-621 .dobra-11 .titulo-1 {
font-size: 29px;
}
#html-621 .dobra-11 .borda {
width: 157px;
}
#html-621 .dobra-12 .conteudo-texto {
margin-right: -50px;
}
#html-621 .dobra-12 .img-3 {
margin-left: -3px;
width: 110px;
}
#html-621 .dobra-12 .titulo-1 {
font-size: 19px;
}
#html-621 .dobra-12 .img-2 {
width: 210px;
margin: 11px auto 11px;
}
#html-621 .dobra-12 .texto-1 {
font-size: 19px;
margin-bottom: 12px;
max-width: 426px;
}
#html-621 .dobra-12 .texto-2 {
font-size: 18px;
margin-bottom: 10px;
padding: 7px 20px;
}
#html-621 .dobra-13 .conteudo {
height: 450px;
}
#html-621 .dobra-13 .titulo-1 {
font-size: 34px;
padding-bottom: 23px;
}
#html-621 .dobra-13 .borda {
border-top: 5px solid #222222;
width: 385px;
}
}
/*#endregion*/
/*#region Inicio mobile maior que 1140px*/
@media only screen and (min-width: 1140px) and (max-width: 1368px) {
#html-621 .dobra-1 {
height: 830px;
padding: 75px 10px;
}
#html-621 .dobra-1 .img-titulo {
height: 145px;
object-fit: cover;
margin: 0 auto 3px;
}
#html-621 .dobra-1 .conteudo-texto {
max-width: 680px;
}
#html-621 .dobra-1 .img-titulo {
width: 560px;
}
#html-621 .dobra-1 .conteudo-texto .subtitulo-1 {
font-size: 31px;
margin-bottom: -7px;
}
#html-621 .dobra-1 .conteudo-texto .subtitulo-2 {
font-size: 24px;
max-width: 365px;
}
#html-621 .dobra-1 .conteudo-texto .texto-1 {
font-size: 28px;
margin: 25px 0;
max-width: 525px;
}
#html-621 .dobra-1 .btn-saiba-mais {
font-size: 21px;
padding: 10px 32px;
}
#html-621 .dobra-4 .coluna-1 {
height: 165px;
}
#html-621 .dobra-4 .titulo-1 {
font-size: 40px;
max-width: 413px;
margin: 0 100px 0 auto;
}
#html-621 .dobra-4 .titulo-2 {
font-size: 37px;
padding: 35px 0;
}
#html-621 .dobra-5 .conteudo {
height: 635px;
}
#html-621 .dobra-5 .conteudo-texto {
margin: 93px 0 0 0;
max-width: 100%;
width: 915px;
}
#html-621 .dobra-5 .coluna-1 {
width: 1040px;
position: absolute;
}
#html-621 .dobra-5 .arrayImgs {
margin: -57px 0 0 -180px;
}
#html-621 .dobra-5 .titulo-1 {
font-size: 42px;
}
#html-621 .dobra-5 .texto-1 p {
font-size: 25px;
}
#html-621 .dobra-5 .texto-1 p:first-child {
max-width: 415px;
}
#html-621 .dobra-5 .texto-cores {
margin-left: 250px;
}
#html-621 .dobra-5 img {
width: 900px;
}
#html-621 .dobra-5 .arrayImgs {
margin: -255px auto 0 0;
height: 978px;
}
#html-621 .dobra-5 .cores {
height: 195px;
width: 70vw;
bottom: 295px;
}
#html-621 .dobra-7 .produto {
height: 500px;
}
#html-621 .dobra-7 .titulo-principal {
font-size: 45px;
}
#html-621 .dobra-7 .bloco-img {
height: 355px;
}
#html-621 .dobra-7 .titulo-1 {
margin: 20px 0 22px;
}
#html-621 .dobra-7 .bg-1 {
bottom: -127px;
left: -70px;
width: 150px;
}
#html-621 .dobra-7 .bg-2 {
width: 190px;
}
#html-621 .dobra-8 .conteudo-texto {
max-width: 920px;
}
#html-621 .dobra-8 .titulo-1 {
font-size: 90px;
}
#html-621 .dobra-8 .texto-1 {
font-size: 34px;
max-width: 650px;
}
#html-621 .dobra-8 .btn-test-ride {
font-size: 23px;
}
#html-621 .dobra-10 img {
width: 220px;
}
#html-621 .dobra-10 .texto-1 {
font-size: 25px;
}
#html-621 .dobra-10 .bloco {
width: 255px;
}
#html-621 .dobra-11 .coluna-1,
#html-621 .dobra-11 .coluna-2 {
height: 430px;
}
#html-621 .dobra-11 .titulo-1 {
font-size: 33px;
}
#html-621 .dobra-11 .borda {
width: 170px;
}
#html-621 .dobra-12 .conteudo-texto {
margin-right: -80px;
}
#html-621 .dobra-12 .img-3 {
margin-left: -36px;
width: 210px;
}
#html-621 .dobra-12 .titulo-1 {
font-size: 25px;
}
#html-621 .dobra-12 .img-2 {
width: 250px;
margin: 16px auto 18px;
}
#html-621 .dobra-12 .texto-1 {
font-size: 21px;
margin-bottom: 27px;
max-width: 509px;
}
#html-621 .dobra-12 .texto-2 {
font-size: 19px;
margin-bottom: 10px;
}
#html-621 .dobra-13 .conteudo {
height: 500px;
}
#html-621 .dobra-13 .titulo-1 {
font-size: 40px;
padding-bottom: 25px;
}
#html-621 .dobra-13 .borda {
width: 445px;
}
}
/*#endregion*/
/*#region Inicio CSS de complementos ou plugins*/
@media only screen and (min-width: 540px) and (max-width: 568px) {
#html-621 .dobra-4 .conteudo {
flex-direction: row;
}
#html-621 .dobra-4 .coluna-1 {
height: 108px;
width: 61vw;
margin: -18px auto -14px 0;
}
#html-621 .dobra-4 .titulo-1 {
max-width: 245px;
padding-right: 20px;
text-align: left;
}
#html-621 .dobra-5 .arrayImgs {
height: 550px;
margin: -110px 0 -40px -6px;
}
#html-621 .dobra-5 .titulo-principal {
font-size: 24px;
}
#html-621 .dobra-5 .texto-principal {
font-size: 18px;
}
}
@media only screen and (min-width: 610px) and (max-width: 690px) {
#html-621 .dobra-4 .coluna-1 {
width: 77vw;
}
#html-621 .dobra-4 .titulo-2 {
margin-left: -10px;
}
}
@media only screen and (min-width: 691px) and (max-width: 768px) {
#html-621 .dobra-4 .coluna-1 {
width: 65vw;
height: 124px;
}
#html-621 .dobra-4 .titulo-1 {
margin: 0 58px 0 auto;
}
#html-621 .dobra-4 .titulo-2 {
margin-left: -10px;
padding: 28px 0;
}
}
@media only screen and (min-width: 1369px) and (max-width: 1480px) {
#html-621 .dobra-1 {
height: 1036px;
padding: 115px 10px;
}
#html-621 .dobra-1 .conteudo-texto {
max-width: 790px;
}
#html-621 .dobra-1 .img-titulo {
height: 150px;
object-fit: cover;
margin: 0 auto 14px;
}
#html-621 .dobra-8 .conteudo-texto {
max-width: 1000px;
}
#html-621 .dobra-12 .conteudo-texto {
margin-right: -94px;
}
#html-621 .dobra-12 .img-3 {
margin-left: -32px;
width: 215px;
}
#html-621 .dobra-12 .titulo-1 {
font-size: 29px;
}
#html-621 .dobra-12 .texto-1 {
font-size: 24px;
max-width: 580px;
}
#html-621 .dobra-5 .conteudo {
height: 700px;
}
#html-621 .dobra-5 .conteudo-texto {
margin: 93px 0 0 0;
max-width: 100%;
width: 1040px;
}
#html-621 .dobra-5 .coluna-1 {
width: 1040px;
position: absolute;
}
#html-621 .dobra-5 img {
width: 990px;
}
#html-621 .dobra-5 .arrayImgs {
margin: -265px auto 0 0;
}
#html-621 .dobra-5 .cores {
height: 220px;
bottom: 305px;
}
}
/*@media only screen and (min-width: 1500px) {
#html-621 .dobra-5 .conteudo {
justify-content: center;
height: 1000px;
}
#html-621 .dobra-5 .conteudo-texto {
margin: 93px 0 0 0;
max-width: 100%;
width: 1040px;
}
#html-621 .dobra-5 .coluna-1 {
width: 1040px;
position: absolute;
}
#html-621 .dobra-5 .arrayImgs {
margin: -57px 0 0 -310px;
}
}*/
@media only screen and (min-width: 1730px) {
#html-621 .dobra-5 .conteudo-cores {
margin-left: -250px;
}
}
@media only screen and (min-width: 1480px) {
#html-621 .dobra-1 .img-titulo {
margin: 0 auto 12px;
object-fit: cover;
height: 170px;
}
}
@media only screen and (min-width: 414px) and (max-width: 414px) {
#html-621 .dobra-7 .produto {
height: 450px;
}
#html-621 .dobra-7 .bloco-img {
height: 300px;
}
}
/*#endregion*/