body, html{
    height: 100%;
    overflow-x: hidden;
  }


@font-face {
    font-family: 'Texta';
    src: url('../fonts/TextaMedium.ttf');
  }


#div1{
    background: rgb(0,171,81);
    background: linear-gradient(90deg, rgba(0,171,81,1) 0%, rgba(246,251,254,1) 50%, rgba(238,44,55,1) 100%);
    letter-spacing: .4rem;
}


.font-color{
    color:#5E5E62;
    font-weight: 400;
    letter-spacing: .1rem;
    font-size: 2.7vh;
}

#divone{
    background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(0, 0, 0, 1)),
    url('../imagens/Imagensum/prancheta40.png');
    background-size: 100%;
    background-position: center;
    border-radius: 50px;
    background-repeat: no-repeat;
}

.textconstruindorespect{
    font-size: 8vh;
    letter-spacing: .4rem;
    font-family: 'Texta';
}

.img36 {
	width: 4%;
	height: 4%;
}

.carousel-indicators [data-bs-target] {
  width: 12px;              /* tamanho da bolinha */
  height: 12px;
  border-radius: 50%;       /* deixa redonda */
  background-color: white !important;  /* cor de fundo */
  opacity: 0.5;             /* leve transparência */
  border: none;             /* remove bordas padrão */
  transition: all 0.3s ease;
}

.carousel-indicators .active {
  opacity: 1;               /* bolinha ativa mais visível */
  background-color: black !important;  /* mantém branca */
  transform: scale(1.2);    /* ligeiro destaque */
}


@media (max-width:1100px) {
    .textconstruindorespect{
        font-size: 2rem;
        letter-spacing: .4rem;
    }
    .img36 {
        width: 9%;
        height: 9%;
    }
}

.textpaineisisop{
    font-size: 4.5vh;
    font-family: 'Texta';
    font-weight: bold;
}

@media (max-width:1100px) {
    .textpaineisisop{
        font-size: 1.8rem;
    }
}

.titletabledif{
    font-size: 3.5vh;
    font-family: 'Texta';
    font-weight: bold;
    letter-spacing: .4rem;
}

@media (max-width:1100px) {
    .titletabledif{
        font-size: .9rem;
        letter-spacing: .4rem;
    }

}


.linestabledif{
    font-size: 2.7vh;
    font-family: 'Texta';
    font-weight: bold;
    letter-spacing: .2rem;
}

@media (max-width:1100px) {
    .linestabledif{
        font-size: .9rem;
        letter-spacing: .2rem;
    }
}

.textabrigisop{
    font-size: 5vh;
    font-family: 'Texta';
    font-weight: bold;
}

@media (max-width:1100px) {
    .textabrigisop{
        font-size: 2rem;
    }
}

.fontitlemetrosquad{
    font-size: 13vh;
    letter-spacing: .4rem;
    font-family: 'Texta';
}

@media (max-width:1100px) {
    .fontitlemetrosquad{
        font-size: 3rem;
        letter-spacing: .4rem;
    }
}


.fontdescmetrosquad{
    font-size: 3.5vh;
    font-family: 'Texta';
}

@media (max-width:1100px) {
    .fontdescmetrosquad{
        font-size: 1.3rem;
    }
}

.margin-toptxt{
    margin-top:20vw;
}

#divtwo{
    background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(0, 0, 0, 1)),
    url('../imagens/Imagensum/prancheta41.png');
    background-size: 100%;
    background-position: center;
    border-radius: 50px;
    background-repeat: no-repeat;
}

#divthree{
    background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(0, 0, 0, 1)),
    url('../imagens/Imagensum/prancheta42.png');
    background-size: 100%;
    background-position: center;
    border-radius: 50px;
    background-repeat: no-repeat;
}

#divfour{
    border-radius: 50px;
    background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(0, 0, 0, 1)),
    url('../imagens/Imagensum/prancheta43.png');
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

#divfinanciesuacasa{
    background-image:
    linear-gradient(to left, rgba(245, 246, 252, 0), rgba(59, 58, 63, 1)),
    url('../imagens/Imagensum/prancheta44.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width:1100px) {
    #divfinanciesuacasa{
        background-image:
        linear-gradient(rgba(94, 86, 86, 0.877), rgba(59, 58, 63, 1)),
        url('../imagens/Imagensum/prancheta44.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}

.coloritaly1{
    background: #00CC5F;
    background: linear-gradient(to right, #00CC5F 15%, #007339 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.coloritaly2{
    background: #005C37;
    background: linear-gradient(to right, #005C37 0%, #0C1D16 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.coloritaly3{
    background: #59545A;
    background: linear-gradient(to right, #59545A 0%, #9D656A 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.coloritaly4{
    background: #986C6D;
    background: linear-gradient(to right, #986C6D 0%, #D45054 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#divcontact{
    background-image: url('../imagens/Imagensum/prancheta52.png');
    background-position:center;
    background-size:cover;
    background-repeat: no-repeat;
    margin-top: -8px;
}

#divtransformcarrer{
    background-image:
    linear-gradient(to left, rgba(0, 0, 0, 0), rgba(59, 58, 63, 1)),
    url('../imagens/Imagensum/prancheta51.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.btncontact{
    border-radius: 30px;
    background-color: #00AB51;
    font-size: 4vh;
    font-weight: bold;
}

@media (max-width:1100px) {
    .btncontact{
        font-size: 1.2rem;
    }
}


#divtransformcarrertext{
    background-color:rgba(59, 58, 63, 1);
}

.imgmob4{
    margin-left: -40px;
    width:57%;
}

@media (max-width:1100px) {
    #divtransformcarrer{
        display: none;
    }

    #divtransformcarrertext{
        background-image:
        linear-gradient(rgba(0, 0, 0, 0.6), rgba(59, 58, 63, 1)),
        url('../imagens/Imagensum/prancheta51.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .imgmob4{
        margin-left: 0px;
        width:55%;
    }
}


.textfinanciess{
    font-size: 11vh;
    font-weight: 500;
    font-family: 'Texta';
    line-height: 0.9;
}

@media (max-width:1100px) {
    .textfinanciess{
        font-size: 2rem;
        line-height: 1.2;
    }
}


.fontvisitefaleconosc{
    font-size: 2.8vh;
    font-weight: bold;
    font-family: 'Texta';
    letter-spacing: .2rem;
    line-height: 1.9;
}

@media (max-width:1100px) {
    .fontvisitefaleconosc{
        font-size: 1.1rem;
    }
}

.textitletransformcarrer{
    font-size: 9vh;
    font-weight: 550;
    font-family: 'Texta';
    line-height: 0.9;
}

@media (max-width:1100px) {
    .textitletransformcarrer{
        font-size: 2rem;
    }
}

.textfinanciess2{
    font-size: 3.4vh;
    font-weight: 500;
    font-family: 'Texta';
    line-height: 1.1;
    letter-spacing: .1rem;
}

@media (max-width:1100px) {
    .textfinanciess2{
        font-size: 1rem;
        line-height: 1.1;
        letter-spacing: .0rem;
    }
}


.textprincdif{
    font-size: 3vh;
}

.textseccdif{
    font-size: 2.5vh;
    font-weight: 500;
}

@media (max-width:1100px) {
    .textprincdif{
        font-size: 1.25rem;
    }
    .textseccdif{
        font-size: 1rem;
        font-weight: 500;
        }
}

.texttecquefaz{
    font-size: 9vh;
    font-family: 'Texta';
    line-height: 1.3;
}

@media (max-width:1100px) {
    .texttecquefaz{
        font-size: 1.7rem;
        line-height: 1.3;
    }

}


.font-color2{
    color:black;
    font-weight: 600;
    letter-spacing: .6rem;
    font-size: 4vh;
}

@media (max-width:1100px) {
    .font-color2{
        letter-spacing: .2rem;
        font-size: 1.22rem;
    }
}



.tabledifs{
    background-color:#C5C5C4;
    border-radius: 50px;
}

.font-color3{
    color:#5E5E62;
    font-weight: 600;
    letter-spacing: .1rem;
    font-size: 5vh;
}

@media (max-width:1100px) {
    .font-color3{
        letter-spacing: .1rem;
        font-size: 1.5rem;
    }
}

.textimplpra{
    font-size: 3.5vh;
    font-family: 'Texta';
    color: green;
}

@media (max-width:1100px) {
    .textimplpra{
        font-size: 1.5rem;
    }
}

.textcuidpresent{
    font-size: 4vh;
    font-family: 'Texta';
    color: green;
    letter-spacing: .4rem;
}

@media (max-width:1100px) {
    .textcuidpresent{
        font-size: 1.3rem;
        letter-spacing: .2rem;
    }

}

.nav1{
    font-size: 1.15vw;
    color: #444444;
    font-weight: 600;
 }

 .text-11{
    font-size: 3vh;
 }

 @media (max-width:1100px) {
    .text-11{
        font-size: 2.4vh;
     }
}

@media screen and(min-width:1700px) {
    .div4{
        margin-left:100px;
    }
    .font-color{
        font-size: 4vh;
    }

}

.bg-color{
    background-color: #C4C4C3;
}

.img35{
    width: 50px;
    height:50px;
}

.text1{
    font-size: 13vh;
    line-height: 0.8;
}

@media (max-width:1100px) {
    .text1{
        font-size: 7vh;
        line-height: 0.8;
    }
}

.text12{
    font-size: 14vh;
    line-height: 0.8;
    letter-spacing: 1.4rem;
}


.text2{
    font-size: 6vh;
    letter-spacing: .4rem;
}

.text22{
    font-size: 4.3vh;
    letter-spacing: .2rem;
    color:#656668;
    text-shadow: 7px 7px 0px rgba(197,206,189,0.6);
}

.text223{
    font-size: 2.7vh;
    letter-spacing: .2rem;
    color:#656668;
    text-shadow: 7px 7px 0px rgba(197, 201, 194, 0.6);
}



@media (max-width:1100px) {
    .text2{
        font-size: 1.7rem;
        letter-spacing: .4rem;
    }
    .text22{
        font-size: 1.2rem;
        letter-spacing: .2rem;
    }
    .text223{
        font-size: .8rem;
        letter-spacing: .2rem;
    }

}

.text3{
    font-size: 4.5vh;
    letter-spacing: .4rem;
}

@media (max-width:1100px) {
    .text3{
        font-size: 2.8vh;
        letter-spacing: .4rem;
    }
}


.text4{
    letter-spacing: .4rem;
    font-size: 3vh;
    line-height: 1.6;
}

@media (max-width:1100px) {
    .text4{
        letter-spacing: .3rem;
        font-size: 2.1vh;
        line-height: 1.7;
    }
}


.text40{
    letter-spacing: .6rem;
    font-size: 5vh;
    font-family: 'Texta';
}

@media (max-width:1100px) {
    .text40{
        letter-spacing: .6rem;
        font-size: 1.3rem;
        font-family: 'Texta';
    }
    .textmob4{
        font-size: 1.1rem;
    }
    .text12{
        font-size: 1.7rem;
        letter-spacing: .4rem;
    }

    .textmobilefranquias1{
        font-size: 1.2rem;
    }


}


.text5{
    font-size: 13vh;
    font-family: 'Texta';
    line-height: 0.7;
}

@media (max-width:1100px) {
    .text5{
        font-size: 6.5vh;
        font-family: 'Texta';
        line-height: 0.7;
    }

    .textmob1{
        font-size: 2.5vh;
    }
}


.div11{
    font-family: 'Texta';
    letter-spacing: .4rem;
    font-weight: 100;
}

#divm1{
    margin-top:-5vh;
}


#img2{
    margin-top: -140px;
}

@media (max-width:1100px) {
    #img2{
        margin-top: -20px;
    }
}

.div12{
    margin-top: -110px;
}

@media (max-width:1100px) {
    .div12{
        margin-top: -20px;
    }

}

.div13{
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../imagens/Imagensum/prancheta6.png');
    background-position:center;
    background-size:cover;
    background-repeat: no-repeat;
    color: white;
}

.divmob14{
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../imagens/Imagensum/prancheta6.png');
    background-position:center;
    background-size:cover;
    background-repeat: no-repeat;
    color: white;
}

.divimglogistica{
    background-image:
    linear-gradient(to left, rgb(255, 255, 255,0.1), rgb(255, 255, 255,1)),
    url('../imagens/prancheta17.jpg');
    background-position:left;
    background-size:cover;
    background-repeat: no-repeat;
    color: white;
}

#divm2{
    background-image: url('../imagens/Imagensum/logo.png');
    background-position:center;
    background-size:contain;
    background-repeat: no-repeat;
}


.div4{
    letter-spacing: .6rem;
}

#div3{
    margin-top:10px;
}

.div7{
    margin-top:5vh;
    letter-spacing: .3rem;
}

.div77{
    letter-spacing: .3rem;
}

.div6{
    line-height: 0.8;
    letter-spacing: .5rem;
    padding: 15px;
}

@media (max-width:1100px) {
    .div7{
        margin-top:1vh;
    }
    .div6{
        padding: 5px;
    }
}


.div5{
    background-color: #808486;
    font-family: 'Texta';
}

.btn1{
    width:15vw;
    height: 6.5vh;
    border-radius: 15px;
}

.fontbtn1{
    font-size: 1.8vh;
}

.btn2{
    width:11vw;
    height: 6.5vh;
    font-size: 2.05vh;
    border-radius: 15px;
    background: rgb(0,171,81);
    background: linear-gradient(144deg, rgba(0,171,81,1) 0%, rgba(246,251,254,1) 50%, rgba(238,44,55,1) 100%);
    color:black;
    border: 2px solid white;
}

.divprodutosisop{
    background-color: #7E8384;
}

.fontsejaumproffisional{
    font-size: 4.5vh;
    letter-spacing: 0.4rem;
    line-height: 1.2;
}

.divsejaumprofissional{
    background-color: #C7C7C8;
}

.fontitleprodutosisop{
    font-size: 8vh;
    line-height: 1.3;
    letter-spacing: 1.3rem;
}

.fontdescprodutosisop{
    font-size: 3.2vh;
    line-height: 1.3;
}

.divimageprodutosisop{
    background-image: url('../imagens/Imagenscinco/prancheta13.png');
    background-position:center;
    background-size:cover;
    background-repeat: no-repeat;
}

.divimagesejaumprofissional{
    background-image: url('../imagens/Imagenssete/prancheta11.png');
    background-position:center;
    background-size:cover;
    background-repeat: no-repeat;
}

.divinovobra{
    background-color: #E0DEDE;
}

.inpt1{
    width:45%;
    height: 6.5vh;
    border: 3px solid black;
    border-radius: 15px;
}

.inpt1mb{
    width: 90%;
    height: 55px;
    border: 2px solid black;
    border-radius: 15px;
    margin: -10px auto;
    position: relative;
}

.fontinovaparatdobra{
    font-size: 6vh;
    letter-spacing: 1.3rem;
}

.fontdescinovaparatdobra{
    font-size: 4.2vh;
}

.divcatalogo{
    background-color: #00AC51;
    border-radius: 45px;
}

.fontacessonossoqrcode{
    font-size: 4.2vh;
    letter-spacing: .3rem;
    line-height: 1.3;
}

.fonttextprodutos{
    color: #00AD53;
    font-size: 2.5vh;
    font-weight: 900;
}

.fontprqescisop{
    font-size: 6.5vh;
    letter-spacing: 1.3rem;
}

.fontdescprqescisopgg{
    font-size: 4vh;
    color:#00A128;
}

.fontdescprqescisop{
    font-size: 4vh;
}

.fonttextdescprodutos{
    font-size: 2.15vh;
}

.fontbtnproduto{
    font-size: 2vh;
}

.inpt2{
    height: 5.5vh;
    border: none;
    border-radius: 15px;
}

.inpt2mb{
    height: 50px;
    border: none;
    border-radius: 15px;
}

.span1{
    background: none;
    border: none;
}

p {
    margin-top: -4px;
    padding: 0;
}

#divfooter{
    background-color: #DAD8D7;

}

.accordion-button{
    background-color: #DAD8D7;
    border: 0;
}

.accordion-body{
    background-color: #DAD8D7;
    border: 0;
}

.fontnewllestter{
    font-size: 5vh;
    font-weight: 700;
    color:#656668;
    letter-spacing: .5rem;
}

.fontdescnewllestter{
    font-size: 2.6vh;
    color:#656668;
}


.buttonewlestter{
    width:7.5vw;
    font-size: 2.3vh;
    font-weight: bold;
    letter-spacing: .2rem;
    background-color: #00AB51;
}

.inputnewllester{
    height: 55px;
    border: 1px solid black;
}

.titletopfooter{
    font-size: 2.7vh;
    font-weight: 700;
    color:#656668;
}

.desctopfooter{
    font-size: 2.7vh;
    color:#656668;
}

@media (max-width:1100px) {
    .fontnewllestter{
        font-size: 2rem;
    }
    .fontdescnewllestter{
        font-size: 1rem;
    }
    .buttonewlestter{
        font-size: 1rem;
    }
    .titletopfooter{
        font-size: 1rem;
    }
    .desctopfooter{
        font-size: 1rem;
    }
    .fonttextdescprodutos{
        font-size: 1.2rem;
    }
    .fontbtnproduto{
        font-size: 1.2rem;
    }
    .fontprqescisop{
        font-size: 1.7rem;
        letter-spacing: .5rem;
    }
    .fontdescprqescisopgg{
        font-size: 1.4rem;
    }
    .fontdescprqescisop{
        font-size: 1.4rem;
    }
    .fontsejaumproffisional{
        font-size: 1.2rem;
    }
}

.titletopfooterx{
    font-size: 1.3rem;
}


.fontcasapref{
    font-size: 4.7vh;
}

@media (max-width:1100px) {
    .fontcasapref{
        font-size: 2.5vh;
    }
}

.fontisopwall{
    font-size: 4.2vh;
    font-weight: 100;
}

.fontisopwall2{
    font-size: 2rem;
    letter-spacing: 0.2rem;
}

.fontisopwall22{
    font-size: 2.4rem;
    letter-spacing: 0.4rem;
}

.fontisopwall223{
    font-size: 1.5rem;
    letter-spacing: 0.4rem;
}

.text54{
    text-shadow: 7px 7px 0px rgba(197,206,189,0.6);
}

.spanmobilehome1{
    letter-spacing: 0.1rem;
    font-size: 0.95rem;
}


.fontopcoes{
    font-size: 3.5vh;;
}

@media (max-width:1100px) {
    .fontopcoes{
        font-size: 2.7vh;
    }
    .fontisopwall{
        font-size: 1.2rem;
    }
    .fontisopwall2{
        font-size: 1.3rem;
    }
    .fontisopwall22{
        font-size: 1.3rem;
    }
    .fontisopwall223{
        font-size: 1.1rem;
        letter-spacing: 0.4rem;
    }

}

.fontparedd{
    font-size: 3vh;
}

.fontduasvezes{
    font-size: 3.3vh;
}

@media (max-width:1100px) {
    .fontparedd{
        font-size: 2.7vh;
        color: white;
    }
    .fontduasvezes{
        font-size: 2.7vh;
    }

}

.fontdetalhesbenef{
    font-size: 3.2vh;
}

@media (max-width:1100px) {
    .fontdetalhesbenef{
        font-size: 2.3vh;
    }

    .textmob3{
        font-size: 2.6vh;
    }

}


.textbenefs2{
    font-size: 2.4vh;
}

@media (max-width:1100px) {
    .textbenefs2{
        font-size: 2.4vh;
    }
}

#divnossainsd{
    background-image: url('../imagens/prancheta13.jpg');
    background-position:right;
    background-size:cover;
    background-repeat: no-repeat;
}

#divtextnossainsd{
    background-color: #808486;
    padding: 50px;
}

.fontnossainds{
    font-size: 5vh;
    font-weight: 700;
    letter-spacing: .5rem;
    line-height:1.2;
}

.fontdescnossainds{
    font-size: 3.3vh;
    font-weight: 100;
    letter-spacing: .5rem;
    line-height:1.2;
}

.fontestrutura{
    font-size: 4.5vh;
    color:#808486;
    font-weight: 700;
    letter-spacing: .2rem;
}

.fontdescestrutura{
    font-size: 3.5vh;
    line-height:1.3;
}

#divporquecomprar{
    background-color: #808486;
    border-radius: 35px;
}

#divprocessofab{
    background-color: #00AD58;
    border-radius: 35px;
}

.fontporquecomprar{
    font-size: 3.8vh;
    letter-spacing: .5rem;
}

.fontprocessofab{
    font-size: 4.5vh;
    letter-spacing: .5rem;
}

.fontadquirir{
    font-size: 5.5vh;
    color:#808486;
    font-weight: 700;
    letter-spacing: .2rem;
}

.fontdescbenefprod{
    font-size: 3.2vh;
}

@media (max-width:1100px) {
    .fontnossainds{
        font-size: 1.5rem;
        letter-spacing: .5rem;
    }
    #divtextnossainsd{
        padding: 2px;
    }
    .fontdescnossainds{
        font-size: 1.2rem;
        letter-spacing: .3rem;
        line-height:1.2;
    }
    .fontestrutura{
        font-size: 1.5rem;
    }
    .fontdescestrutura{
        font-size: 1.3rem;
    }
    .fontporquecomprar{
        font-size: 1rem;
    }
    .fontadquirir{
        font-size: 1.7rem;
    }
    .fontdescbenefprod{
        font-size: 1.3rem;
    }
    .fontprocessofab{
        font-size: 1.3rem;
    }
    .fontacessonossoqrcode{
        font-size: 1.2rem;
    }
    .fonttextprodutos{
        font-size: 1.5rem;
    }

}

.borderrr{
    border-radius: 15%;
}


.fotoindustria{
    width: 40vh;
    height: 36vh;
}

.divondeinova{
    margin-bottom: 50px;;
}

.divtextondeinova1{
    margin-top: 8vh;
}
.divtextondeinova{
    margin-bottom: 10vh;
}


@media (max-width:1300px) {
    .fotoindustria{
        width: 36vh;
        height: 34vh;
    }
}

@media (max-width:1700px) {
    .divtextondeinova1{
        margin-top: 4vh;
    }
}

.titlefab{
    font-size: 18vh;
    color:#00AD58;
    font-weight: 700;
}

.titletextfab{
    font-size: 6vh;
    font-weight: 700;
    color:#808485;
}

.titletextfabs{
    font-size: 3vh;
    font-weight: 700;
    color:#808485;
}

#benefindusisop{
    border: 1.5px solid gray;
    border-radius: 50px;
    padding: 10px;
}

.benefindusisops{
    border: 1.5px solid gray;
}

.desctextfab{
    font-size: 3vh;
}

.desctextfabs{
    font-size: 2.2vh;
    color:#808485;
}


.dicompromissoquali{
    background-color: #808485;
    border-radius: 65px;
}

.fontcompromissoquali{
    font-size: 3.3vh;
    letter-spacing: .4rem;
}

.fontvantagensgr{
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.5rem;
    text-shadow: 4px 3px 8px rgba(128, 124, 112, 1);
}

.divqualidatendisopind{
    background-color: #9A9FA2;
    border-radius: 50px;
    font-size: 1.2rem;
    background: #48C61F 0.1;
    background: linear-gradient(to right, #3c6e2b 0%, #605D5D 58%, #CF1512 100%);
}

.btncontactvendas{
    background: rgba(0,170,78,1);
    border-radius: 75px;
    font-size: 2rem;
    letter-spacing: 0.3rem;
    width: 40%;
}

.textdiv782{
    font-size: 2rem;
    background: #48C61F;
    background: linear-gradient(to right, #3c6e2b 0%, #605D5D 58%, #CF1512 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fontvendaswhats{
    font-size:2rem;
    letter-spacing: 0.2rem;
}

.textdiv783{
    font-size: 1.4rem;
    font-weight: bold;
}


@media (max-width:700px) {
    #divporquecomprar{
        border-radius: 0px;
    }
    #divprocessofab{
        border-radius: 0px;
    }
    .dicompromissoquali{
        border-radius: 0px;
    }
    .divcatalogo{
        border-radius: 0px;
    }
    .textdiv781{
        font-size: 1.5rem;
    }
    .fontvantagensgr{
        font-size: 1rem;
    }
    .divqualidatendisopind{
        font-size: .8rem;
        letter-spacing: 0rem;
    }
    .div78{
        line-height: 0.7;
    }
    .textdiv782{
        font-size: 1.2rem;
    }
    .fontvendaswhats{
        font-size:1.3rem;
    }
    .textdiv783{
        font-size: 1.1rem;
    }
}

.fontrigorpadrq{
    font-size: 3.2vh;
}

.fontvenhanosvisitar{
    font-size: 10vh;
    letter-spacing: .9rem;
}

.fontextend{
    font-size: 4.2vh;
    letter-spacing: .4rem;
}

.descexpliceps{
    font-size: 3.7vh;
}

.fontlogistica{
    font-size: 5vh;
    letter-spacing: .2rem;
}

.btnlojaovivo{
    font-size: 4.5vh;
    border-radius: 125px;
    letter-spacing: 0.3rem;
}

.fontoseuatendimento{
    font-size: 4.5vh;
    letter-spacing: 0.2rem;
}

.titleexpliceps{
    font-size: 4.5vh;
}


@media (max-width:1100px) {
    .divtextondeinova1{
        margin-top: 3vh;
    }
    .divtextondeinova{
        margin-bottom: 3vh;
    }

    .divfotosindustria {
        display: inline-grid;
        width:100%;
        justify-content: center;
        align-items: center;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
      }

    .fotoindustria{
        height: 28vh;
    }

    .titlefab{
        font-size: 2rem;
    }

    .titletextfab{
        font-size: 1.2rem;
        line-height: 1.1;
    }

    .desctextfab{
        font-size: 1.1rem;
    }
    .fontcompromissoquali{
        font-size: 1.1rem;
    }

    .fontrigorpadrq{
        font-size: 1.2rem;
    }
    .fontvenhanosvisitar{
        font-size: 2rem;
        letter-spacing: .5rem;
    }
    .fontextend{
        font-size: 1.7rem;
    }
    .titleexpliceps{
        font-size: 1.7rem;
    }
    .descexpliceps{
        font-size: 1.4rem;
    }
    .fontlogistica{
        font-size: 1.5rem;
    }
    .fontitleprodutosisop{
        font-size: 1.6rem;
        letter-spacing: .3rem;
    }
    .fontdescprodutosisop{
        font-size: 1.1rem;
    }
    .fontinovaparatdobra{
        font-size: 1.45em;
        letter-spacing: .3rem;
    }
    .fontdescinovaparatdobra{
        font-size: 1.3rem;
    }
    .btnlojaovivo{
        font-size: 1.3rem;
    }
    .fontoseuatendimento{
        font-size: 1.3rem;
    }
    .btncontactvendas{
        width: 100%;
        font-size: .9rem;
    }

}

.divcasaprefabric{
    background-image:
    url('../imagens/Imagenstres/prancheta14.png');
    background-position:center;
    background-size:cover;
    background-repeat: no-repeat;
    min-height: 80vh;
}

.divbannerprincipalfranquias{
    background-image:
    url('../imagens/Imagensoito/prancheta9.png');
    background-position:left;
    background-size:cover;
    background-repeat: no-repeat;
}

.divmudancadevida{
    background-image:
    url('../imagens/Imagenssete/prancheta7.png');
    background-position:center;
    background-size:cover;
    background-repeat: no-repeat;
}

.fontmudancadevida{
    font-size: 5vh;
    letter-spacing: .7rem;
}

.fontrasnformecarrer{
    font-size: 4vh;
}

.titlebannerprincipalfranquias{
    font-size: 6.3vh;
    letter-spacing: .7rem;
    line-height: 1.2;
}

.descbannerprincipalfranquias{
    font-size: 3.9vh;
    line-height: 1.2;
}

.divbannerprincipalfranquiasec{
    border-top-right-radius: 500px;
    border-bottom-right-radius: 500px;
}

.fontparceirosfranqueados{
    font-size: 4.7vh;
    line-height: 1.1;
}

.btncontactschool{
    background-color: #00AB51;
    border-radius: 50px;
    font-size: 3vh;
}

.btncontactschool2{
    background-color: black;
    border-radius: 50px;
    font-size: 3vh;
}

.divonelojaovivo{
    background: rgb(142,150,151);
    background: radial-gradient(circle, rgba(142,150,151,1) 0%, rgba(154,159,165,0.865983893557423) 52%, rgba(108,108,112,1) 100%);
}

#nav-111 .link-111 {
    color: #ffffff;
    font-size: 20px;
    text-decoration: none;
    padding: 10px 20px;
    margin: 0 5px;
    position: relative;
    transition: color 0.5s ease;
  }

  #nav-111 .link-111::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #ffffff, transparent);
    background-size: 300% 100%;
    opacity: 0;
    transition: opacity 0.5s;
  }





.btninscshool{
    background: linear-gradient(90deg, rgba(0,170,78,1) 0%, rgba(12,5,10,1) 57%, rgba(238,39,49,1) 100%);
    border-radius: 50px;
    font-size: 4vh;
}

.btncontactfranquia2{
    background: linear-gradient(90deg, rgba(0,170,78,1) 0%, rgba(12,5,10,1) 57%, rgba(238,39,49,1) 100%);
    border-radius: 75px;
    font-size: 6vh;
    letter-spacing: 0.7rem;
}

.fontitlenpdifr{
    font-size: 8vh;
    letter-spacing: 1rem;
    line-height: 1.3;
}

.btncontactfranquia{
    background: rgb(0,170,78);
    border-radius: 75px;
    font-size: 4vh;
}

.fontcomoceemana{
    font-size: 2.2vh;
    letter-spacing: .3rem;
}

.fontcomoceemana2{
    font-size: 3.8vh;
    letter-spacing: .3rem;
}

.titlefontcasasprefab{
    font-size: 8.5vh;
    color: white;
    font-weight: 600;
    font-family: "Texta";
    letter-spacing: .7rem;
    line-height: 1.1;
}

.descfontcasasprefab{
    font-size: 4.7vh;
    color: white;
    font-family: "Texta";
    line-height: 1.1;
}

.imgmob6{
    border-radius: 500px;
}

.fontconstrutor{
    font-size: 2.9vh;
    letter-spacing: .6rem;
}

.fontkitdecasas{
    font-size: 7.7vh;
    letter-spacing: 1.2rem;
    line-height: 1.4;
}

.fontconquisteosonho{
    font-size: 3vh;
    line-height: 1.8;
}

.fontrealizeosonho{
    font-size: 3vh;
    line-height: 1.8;
    letter-spacing: 0.6rem;
}

.fontdescproduto{
    font-size: 4.2vh;
    line-height: 1.2;
    color:#AFB1B2;
}

.fontconfiradiferenciais{
    font-size: 6.5vh;
    line-height: 1.2;
    color:#AFB1B2;
}

.fonttpsdiferenciais{
    font-size: 4.3vh;
}

.fontpagamentocc{
    font-size: 3vh;
}

.fontrealizeosonho{
    font-size: 3.5vh;
    color:#808485;
    letter-spacing: .1rem;
    line-height: 1.3;
}

.fontdesclogistica{
    font-size: 4vh;
}

.divaquiesta{
    font-size: 3.8vh;
    font-weight: 700;
    letter-spacing: 0.7rem;
    color:#00A850;
}

.titleprocess{
    color:#00A850;
    font-size: 3.8vh;
}


.titledescprocess{
    font-size: 3.5vh;
}

.fontdeschome{
    font-size: 1.9vh;
}

@media (max-width:1100px) {
    .divtextondeinova1{
        margin-top: 3vh;
    }
    .divtextondeinova{
        margin-bottom: 3vh;
    }

    .divcasaprefabric{
        background-image: none;
        background-color:#808486;
        min-height: 0;
    }

    .divfotosindustria {
        display: inline-grid;
        width:100%;
        justify-content: center;
        align-items: center;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
      }

    .fotoindustria{
        height: 28vh;
    }

    .titlefab{
        font-size: 2rem;
    }

    .titletextfab{
        font-size: 1.2rem;
        line-height: 1.1;
    }

    .desctextfab{
        font-size: 1.1rem;
    }
    .fontcompromissoquali{
        font-size: 1.1rem;
    }

    .fontrigorpadrq{
        font-size: 1.2rem;
    }
    .fontvenhanosvisitar{
        font-size: 2rem;
        letter-spacing: .5rem;
    }
    .fontextend{
        font-size: 1.7rem;
    }
    .titleexpliceps{
        font-size: 1.7rem;
    }
    .descexpliceps{
        font-size: 1.4rem;
    }
    .titlefontcasasprefab{
        font-size: 1.3rem;
        letter-spacing: .2rem;
    }
    .descfontcasasprefab{
        font-size: 1.2rem;
    }
    .fontconstrutor{
        font-size: 1.2rem;
    }
    .fontkitdecasas{
        font-size: 1.5rem;
        letter-spacing: .4rem;
        line-height: 1.1;
    }
    .fontconquisteosonho{
        font-size: 1.3rem;
        line-height: 1.1;
    }
    .fontrealizeosonho{
        font-size: 1.5rem;
    }
    .fontpagamentocc{
        font-size: 1.2rem;
    }
    .titletextfabs{
        font-size: 1.5rem;
        line-height: 1.1;
    }
    .fontdesclogistica{
        font-size: 1.3rem;
    }
    .divlogistica{
        background-image:
        linear-gradient(rgb(255, 255, 255,0.8), rgb(255, 255, 255,0.8)),
        url('../imagens/prancheta17.jpg');
        background-position:left;
        background-size:cover;
        background-repeat: no-repeat;
        color: black;
    }
    .divaquiesta{
        font-size: 1.4rem;
        letter-spacing: 0.3rem;
    }
    .titleprocess{
        font-size: 1.3rem;
    }
    .titledescprocess{
        font-size: 1.3rem;
    }
    .fontdeschome{
        font-size: 1.2rem;
    }
    .fontmudancadevida{
        font-size: 1.5rem;
        letter-spacing: .3rem;
    }
    .btncontactschool{
        font-size: 1.2rem;
    }
    .fontcomoceemana{
        font-size: .8rem;
    }
    .fontrasnformecarrer{
        font-size: 1.5rem;
    }
    .btninscshool{
        font-size: 1rem;
    }
    .fontparceirosfranqueados{
        font-size: 1.5rem;
    }
    .fontrasnformecarrer{
        font-size: 1.3rem;
    }
    .fontconfiradiferenciais{
        font-size: 1.5rem;
    }
    .fonttpsdiferenciais{
        font-size: 1.3rem;
    }
    .btncontactschool2{
        font-size: 1rem;
    }
    .fontcomoceemana2{
        font-size: 1rem;
    }
    .titlebannerprincipalfranquias{
        font-size: 1.7rem;
        letter-spacing: .3rem;
    }
    .descbannerprincipalfranquias{
        font-size: 1.4rem;
    }
    .btncontactfranquia{
        font-size: 1.4rem;
    }
    .fontitlenpdifr{
        font-size: 2rem;
        letter-spacing: .5rem;
    }
    .btncontactfranquia2{
        font-size: 1.1rem;
    }
    .fontrealizeosonho{
        font-size: 1.5rem;
    }
    .fontdescproduto{
        font-size: 1.7rem;
    }

}

.headermobile{
    background-color: white;
}

.fontitletpsdiferenciais{
    color:#00A850;;
}

.fontransformefuturocisop{
    font-size: 9vh;
    letter-spacing: 1rem;
}

.circle {
    float: right;
    border-radius: 50%;
    shape-outside: circle(20%);
  }

.circle2 {
    float: left;
    border-radius: 50%;
    shape-outside: circle(20%);
}

.circle3 {
    float: left;
    border-radius: 50%;
    shape-outside: circle(100%);
}

.homeimg{
    border-top-right-radius: 35%;
}


.divsem20sjuros{
    background-color: #00A850;
    border-top-right-radius:70px;
    border-bottom-right-radius:70px;
    padding: 17px;
}

.font20xsjuros{
    font-size: 4.5vh;
}

.fonttitlehome{
    font-size: 2.8vh;
    letter-spacing: 0.4rem;
}



.divlogistica{
    padding: 9vh;
}

.produto:hover{
    transform: scale(1.15);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.produtox:hover{
    position: relative;
}

.produtox:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #7F8385;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
  }

  .produtox:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

.btn2:hover{
    opacity: 0.5;
    box-shadow: 0 0 10ox 0 gray;
}


.produtos:hover{
    transform: scale(1.1);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.fontguias{
    font-size: 3vh;
    letter-spacing: .5rem;
}

.titlecasa{
    font-size: 8vh;
    letter-spacing: .9rem;
    font-weight: bold;
}

.titleproduto{
    font-size: 7vh;
    letter-spacing: .8rem;
    line-height: 1.1;
    font-weight: bold;
}

.fontdescschool{
    font-size: 3.2vh;
    letter-spacing: .4rem;
}

.fontggisop{
    font-size: 6.5vh;
}

.spanfontggisop{
    color:#808487;
}

.fontprocessotec{
    font-size: 4vh;
}

.spanfontggisopgg{
    color:#00AB51;
}

.fontitleschool{
    font-size: 10vh;
    letter-spacing: 1.5rem;
}

.divprinschool{
    background-color: #E0DCDD;
}

.fontareadesc{
    font-size: 3vh;
}

.fontvspropriedade{
    font-size: 3vh;
    line-height: 1.2;
}

.fontvspropriedadeind{
    font-size: 2vh;
    line-height: 1.2;
}

.fontinfogerais{
    font-size: 3vh;
    color:#00A850;
}

.fontarealote{
    font-size: 2.6vh;
}

.fontaisopoferece{
    font-size: 3.6vh;
    letter-spacing: 0.4rem;
}

.divexcelenciaisopwall{
    background-color: #9FA3A1;
}

.fontnumberpaceisop{
    font-size: 25vh;
}

.fontextpaceisop{
    font-size: 8.5vh;
    line-height: 1.1;
    letter-spacing: 0.4rem;
}

.fontcaixabenefic{
    font-size: 3.8vh;
    line-height: 1.2;
}

.titlefontcaixabenefic{
    letter-spacing: 0.4rem;
}

.fontdescdtls{
    font-size: 1.8vh;
}

.fontvenhafazerparto{
    font-size: 3.5vh;
    letter-spacing: .4rem;
}


.titleconstruambmr{
    font-size: 11.5vh;
    letter-spacing: 1.6rem;
}

.fontaltademanda{
    font-size: 3.7vh;
    font-weight: 600;
}

.divqualidatendisop{
    background-color: #9A9FA2;
    border-radius: 50px;
    font-size: 3vh;
    letter-spacing: 0.4rem;
}

.fontitleaproceite{
    font-size: 5.5vh;
    letter-spacing: 0.7rem;
}

.fontdescaproceite{
    font-size: 5.5vh;
}

.font3dvr{
    font-size: 3vh;
}

.fontcompresuacasafab{
    font-size: 1.6vh;
}

.imglogomob{
    width: 63%;
}

#divnossainsdmob{
    min-height: 20vh;
    background-image: url('../imagens/prancheta13.jpg');
    background-position:bottom;
    background-size:cover;
    background-repeat: no-repeat;
}

.fonttitle{
    font-size: 8vh;
    letter-spacing: 1.3rem;
}

.fontvisiteindustria{
    font-size: 3.5vh;
    letter-spacing: .4rem;
}

.fonttitlenviemsg{
    font-size: 4vh;
    letter-spacing: .4rem;
}

.fonttitlefaq{
    font-size: 7vh;
}

.fontpergfaqs{
    font-size: 4.5vh;
}

.fontmobileloja{
    background: #48C61F;
    background: linear-gradient(to right, #3c6e2b 0%, #605D5D 58%, #CF1512 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fontmobilelojay{
    background: #48C61F;
    background: linear-gradient(to right, #a6d198 0%, #ffffff 58%, #e6b0b0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.iconmenuxx{
    background: #48C61F;
    background: linear-gradient(to right, #3c6e2b 0%, #605D5D 58%, #CF1512 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fontmobilelojax{
    font-size: .8rem;
    color: black;
    text-align: center;
}

.fontmobilelojaxx{
    font-size: 1.1rem;
    color: black;
}

.fontmobilelojaxxx{
    font-size: .9rem;
    color: black;
}


/* ===== TÍTULO PREMIUM METÁLICO ===== */
.fontitlecasaisop {
    font-size: 3.5rem;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: .20rem;

    /* Gradiente metálico real */
    background: linear-gradient(90deg, #49b961, #000000, #af4040);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    /* Aparência premium */
    text-transform: uppercase;

    /* Animação */
    opacity: 0;
    transform: translateY(25px);
    animation: fadeUp 1.3s ease-out forwards;
}

/* ===== VALOR ===== */
.valor-apartir {
    margin-top: 18px;
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: baseline;
    flex-wrap: wrap;
    font-family: 'Montserrat', sans-serif;

    opacity: 0;
    transform: translateY(25px);
    animation: fadeUp 1.3s ease-out forwards;
    animation-delay: .3s;
}

.fonta14{
    font-size: .8rem;
}

.valor-apartir2 {
    margin-top: 18px;
    display: flex;
    gap: 10px;
    align-items: baseline;
    justify-content: center;
    flex-wrap: wrap;
    font-family: 'Montserrat', sans-serif;

    opacity: 0;
    transform: translateY(25px);
    animation: fadeUp 1.3s ease-out forwards;
    animation-delay: .3s;
}

.preco-highlight,
.preco-metro {
    font-size: 1.1rem;
    color: #666;
    letter-spacing: .15rem;
    font-weight: 600;
    text-transform: uppercase;
}

.preco-metro2 {
    font-size: 1rem;
    color: #666;
    letter-spacing: .15rem;
    font-weight: 600;
    text-transform: uppercase;
}

/* Valor principal */
.preco-valor {
    font-size: 2.7rem;
    font-weight: 900;
    background: linear-gradient(90deg, #b84444, #777, #bdbdbd);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0;
    transform: translateY(25px);
    animation: fadeUp 1.3s ease-out forwards;

}

/* ===== ANIMAÇÃO ===== */
@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===== RESPONSIVIDADE ===== */
@media (max-width: 992px) {
    .fontitlecasaisop {
        font-size: 2.8rem;
    }
    .preco-valor {
        font-size: 2.5rem;
    }
}

@media (max-width: 576px) {
    .fontitlecasaisop {
        font-size: 1.7rem;
        letter-spacing: .12rem;
        padding: 0 15px;
    }
    .preco-highlight,
    .preco-metro {
        font-size: .9rem;
    }
    .preco-metro2 {
        font-size: .75rem;
    }
    .preco-valor {
        font-size: 1.6rem;
    }
}


@media (max-width:1100px) {
    .fontcompresuacasafab{
        font-size: .7rem;
    }
    .fontitleschool{
        font-size: 1.7rem;
        letter-spacing: .5rem;
    }
    .fontdescschool{
        font-size: 1.4rem;
        letter-spacing: .4rem;
    }
    .fontggisop{
        font-size: 1.7rem;
    }
    .fontprocessotec{
        font-size: 1.5rem;
    }
    .fontaisopoferece{
        font-size: 1.3rem;
    }
    .fontnumberpaceisop{
        font-size: 2.4rem;
    }
    .fontextpaceisop{
        font-size: 1.5rem;
    }
    .fontcaixabenefic{
        font-size: 1.2rem;
    }
    .fontvenhafazerparto{
        font-size: 1.1rem;
    }
    .titleconstruambmr{
        font-size: 1.9rem;
        letter-spacing: .6rem;
    }
    .fontaltademanda{
        font-size: 1.5rem;
    }
    .divqualidatendisop{
        font-size: .9rem;
        letter-spacing: 0.2rem;
    }
    .fontitleaproceite{
        font-size: 2.2rem;
    }
    .fontdescaproceite{
        font-size: 1.7rem;
    }
    .fontransformefuturocisop{
        font-size: 1.7rem;
        letter-spacing: .6rem;
    }
    .fonttitle{
        font-size: 1.8rem;
        letter-spacing: .4rem;
    }
    .fontvisiteindustria{
        font-size: 3.9vw;
        letter-spacing: .4rem;
    }
    .fonttitlenviemsg{
        font-size: 1.5rem;
        letter-spacing: .4rem;
    }
    .fonttitlefaq{
        font-size: 1.8rem;
    }

    .fontpergfaqs{
        font-size: 1.5rem;
    }

    .fontitlecasaisop{
        font-size: 1.4rem;
        letter-spacing: .4rem;
    }
    .titlecasa{
        font-size: 2.5rem;
    }
    .fontareadesc{
        font-size: 1.4rem;
    }
    .fontinfogerais{
        font-size: 1.4rem;
    }
    .fontvspropriedade{
        font-size: 1.4rem;
    }
    .titleproduto{
        font-size: 2rem;
        letter-spacing: .5rem;
    }
    .font20xsjuros{
        font-size: 1.4rem;
    }

}



.divprojetomodelo{
    background: rgb(0,171,81);
    background: linear-gradient(90deg, rgba(0,171,81,0.5) 0%, rgba(246,251,254,1) 50%, rgba(238,44,55,0.5) 100%);
    border-radius: 15px;
}

.divprojetomodelox{
    background: #d0d1d4;
    border-radius: 15px;
}

.divprojetomodelo:hover{
    transform:scale(1.03);
}

.fontprojetomodelo{
    font-size: 2vh;
}

.fontdesccasaisop{
    font-size: 2.5vh;
    color:#808487;
    letter-spacing: 1rem;
}

.iconrds:hover{
    transform: scale(1.3);
}

.fonttitlepltcp{
    font-size: 5.5vh;
    letter-spacing: .4rem;
}

.fontdescplppr{
    font-size: 3vh;
    line-height: 2;
}

.divbackcontact{
    background-color:#9CA0A0;
}

.divcatalogocasas{
    background: rgb(179,254,182);
    background: linear-gradient(90deg, rgba(179,254,182,.5) 0%, rgba(217,226,215,0.865983893557423) 47%, rgba(228,139,163,.5) 100%);
}

.backmenu{
    background: rgb(179,254,182);
    background: linear-gradient(90deg, rgba(179,254,182,.5) 0%, rgba(217,226,215,0.865983893557423) 47%, rgba(228,139,163,.5) 100%);
    border-radius: 20px;
}

.imgmobilelogo{
    width: 65%;
}

.focus-in-expand {
	-webkit-animation: focus-in-expand 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: focus-in-expand 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-2-19 18:37:12
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation focus-in-expand
 * ----------------------------------------
 */
 @-webkit-keyframes focus-in-expand {
    0% {
      letter-spacing: -0.5em;
      -webkit-filter: blur(12px);
              filter: blur(12px);
      opacity: 0;
    }
    100% {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      opacity: 1;
    }
  }
  @keyframes focus-in-expand {
    0% {
      letter-spacing: -0.5em;
      -webkit-filter: blur(12px);
              filter: blur(12px);
      opacity: 0;
    }
    100% {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      opacity: 1;
    }
  }



.pulsate-fwd {
	-webkit-animation: pulsate-fwd 2s ease-in-out infinite both;
	        animation: pulsate-fwd 2s ease-in-out infinite both;
}


/* ----------------------------------------------
 * Generated by Animista on 2025-1-27 20:46:45
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation pulsate-fwd
 * ----------------------------------------
 */
 @-webkit-keyframes pulsate-fwd {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    50% {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @keyframes pulsate-fwd {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    50% {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }

  .slide-in-elliptic-top-fwd {
	-webkit-animation: slide-in-elliptic-top-fwd 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-elliptic-top-fwd 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-1-27 20:48:27
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-elliptic-top-fwd
 * ----------------------------------------
 */
 @-webkit-keyframes slide-in-elliptic-top-fwd {
    0% {
      -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
              transform: translateY(-600px) rotateX(-30deg) scale(0);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0) rotateX(0) scale(1);
              transform: translateY(0) rotateX(0) scale(1);
      -webkit-transform-origin: 50% 1400px;
              transform-origin: 50% 1400px;
      opacity: 1;
    }
  }
  @keyframes slide-in-elliptic-top-fwd {
    0% {
      -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
              transform: translateY(-600px) rotateX(-30deg) scale(0);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0) rotateX(0) scale(1);
              transform: translateY(0) rotateX(0) scale(1);
      -webkit-transform-origin: 50% 1400px;
              transform-origin: 50% 1400px;
      opacity: 1;
    }
  }

  .swirl-in-fwd {
	-webkit-animation: swirl-in-fwd 1.5s ease-out both;
	        animation: swirl-in-fwd 1.5s ease-out both;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-1-28 10:1:14
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation swirl-in-fwd
 * ----------------------------------------
 */
 @-webkit-keyframes swirl-in-fwd {
    0% {
      -webkit-transform: rotate(-540deg) scale(0);
              transform: rotate(-540deg) scale(0);
      opacity: 0;
    }
    100% {
      -webkit-transform: rotate(0) scale(1);
              transform: rotate(0) scale(1);
      opacity: 1;
    }
  }
  @keyframes swirl-in-fwd {
    0% {
      -webkit-transform: rotate(-540deg) scale(0);
              transform: rotate(-540deg) scale(0);
      opacity: 0;
    }
    100% {
      -webkit-transform: rotate(0) scale(1);
              transform: rotate(0) scale(1);
      opacity: 1;
    }
  }

@media (min-width:1701px) {
    .divbannerprincipalfranquias{
        background-size:cover;
        background-position:right;
    }
}

@media (max-width:1100px) {
    .divbannerprincipalfranquias{
        background-image:none;
    }
}

.menumobile{
    width: 100vw;
    height: 100vh;
    position: absolute;
    background-color: white;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    box-shadow: 0 0 10px 0 black;
    z-index: 99;
}

.buscadesktop{
    width: 120%;
    margin-top: 7vh;
    position: absolute;
    background-color: white;
    box-shadow: 0 0 10px 0 black;
    z-index: 99;
    padding: 10px;
}


.buscamobile{
    width: 95%;
    position: absolute;
    background-color: white;
    box-shadow: 0 0 10px 0 black;
    z-index: 99;
    padding: 10px;
}

.divttbusca{
    position: relative;
    height: auto;
    overflow: scroll;
}


.divbuscas:hover{
    background-color: #C4C4C3;
}

.conteutotd{
    position: relative;
    z-index: 1;
}


.menustext{
    font-size: .9rem;
}

@property --card-rotate-x {
	syntax: "<angle>";
	initial-value: 0deg;
	inherits: false;
}

@property --card-rotate-y {
	syntax: "<angle>";
	initial-value: 0deg;
	inherits: false;
}

:root {
	--card-transition: 0.3s ease;
	--slider-transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	--card-tilt-max: 25deg;
}

.slider-container {
	position: relative;
}

.slider-wrapper {
	overflow: hidden;
	margin: 0 80px;
}

.slider {
	display: flex;
	transition: transform var(--slider-transition);
}

.slide-group {
	flex: 0 0 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2rem;
	padding: 0 1rem;
}

.card {
	position: relative;
	background: white;
	border-radius: 8px;
	padding: 20px;
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	transform: perspective(1000px) rotateX(var(--card-rotate-x))
		rotateY(var(--card-rotate-y));
	transition: all var(--card-transition);
	transform-style: preserve-3d;
	will-change: transform;
	opacity: 1;
}
.card:hover {
	background: rgba(255, 255, 255, 0.1);
}

.slide-group:hover .card:not(:hover) {
	opacity: 0.5;
}

.img34 {
	width: 100%;
	height: 400px;
	object-fit: cover;
	border-radius: 8px;
	margin-bottom: 15px;
}

.img35 {
	width: 14%;
	height: 14%;
	object-fit: cover;
	border-radius: 0px;
	margin-bottom: 0px;
}

.img39 {
	width: 7%;
	height: 7%;
	object-fit: cover;
	border-radius: 0px;
	margin-bottom: 0px;
}

.card h3 {
	color: black;
	font-size: 1.5rem;
	margin-bottom: 10px;
	font-weight: 600;
}

.card p {
	color: #e0e0e0;
	font-size: 1.1rem;
	line-height: 1.4;
}

.nav-btn {
	position: absolute;
	top: calc(50% - 25px);
	transform: translateY(-50%);
	background: rgba(255, 255, 255, 0);
	border: none;
	width: 30px;
	height: 30px;
	border-radius: 5px;
	cursor: pointer;
	display: grid;
	place-items: center;
	color: black;
	font-size: 1.2rem;
	transition: all 0.3s ease;
}

.nav-btn:hover {
	transform: translateY(-50%) scale(1.5);
}

.prev-btn {
	left: 40px;
}
.next-btn {
	right: 40px;
}

.slider-dots {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 30px;
}

.dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.3);
	cursor: pointer;
	transition: all 0.3s ease;
}

.dot.active {
	background: white;
	transform: scale(1.5);
}

#bokeh-background {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.bokeh {
	position: absolute;
	border-radius: 50%;
	opacity: 0.25;
	filter: blur(10px);
	box-shadow: 0 0 30px 15px rgba(255, 69, 0, 0.15);
	animation: float 15s infinite;
}

.bokeh::before,
.bokeh::after {
	content: "";
	position: absolute;
	border-radius: 50%;
	width: 200%;
	height: 200%;
	top: -50%;
	left: -50%;
	background: inherit;
	filter: blur(30px);
	z-index: -1;
}

.bokeh::before {
	transform: rotate(45deg);
}

@keyframes float {
	0% {
		transform: translateY(0) scale(1);
	}
	50% {
		transform: translateY(-100px) scale(1.5);
	}
	100% {
		transform: translateY(0) scale(1);
	}
}

.div78{
    font-size: 2.5rem;
}

.hr11{
    opacity: 1;
    height: 3px;
    width: 95%;
    background: #48C61F;
    background: linear-gradient(to right, #48C61F 0%, #605D5D 58%, #CF1512 100%);
}

.textdiv781{
    text-shadow: 4px 3px 8px rgba(128, 124, 112, 1);
}

.div80{
    background: #d2d3d4;
    background: linear-gradient(90deg,rgba(210, 211, 212, 0.5) 0%, rgba(156, 156, 156, 0.5) 50%, rgba(115, 115, 115, 0.5) 100%);
    padding: 18px;
    border-radius: 20px;
}