* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}



img,
svg {

    display: block;
    width: 100%;
}





@font-face {
    font-family: montserrat;
    src: url(Montserrat/Montserrat-VariableFont_wght.ttf);
}

@font-face {
    font-family: montserratextrab;
    src: url(Montserrat_Alternates/MontserratAlternates-ExtraBold.ttf);

}


@font-face {
    font-family: montserratblack;
    src: url(Montserrat_Alternates/MontserratAlternates-Black.ttf);

}

@font-face {
    font-family: montserratlight;
    src: url(Montserrat_Alternates/MontserratAlternates-Light.ttf);

}

@font-face {
    font-family: montserratsemibold;
    src: url(Montserrat_Alternates/MontserratAlternates-SemiBold.ttf);

}

@font-face {
    font-family: montserratreg;
    src: url(Montserrat_Alternates/MontserratAlternates-Regular.ttf);

}


@font-face {
    font-family: montserratb;
    src: url(Montserrat_Alternates/MontserratAlternates-Bold.ttf);



}


@font-face {
    font-family: montserratoriginal;
    src: url(Montserrat/Montserrat-VariableFont_wght.ttf);
}





body {
    background-color: #ffffff;
}

.grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
}

header {
    width: 100%;
    max-width: 1200px;
    margin: 0% auto;

    display: flex;
    align-items: center;
}



#logoprinci {

    grid-column: 1/3;
    display: flex;
    align-self: center;
    grid-row: 1;
    width: 130px;
    justify-self: center;
    margin-top: 10px;
    margin-bottom: 10px;

}


#burger {

    display: none;
}

nav {
    grid-row: 1;
    grid-column: 3/13;
    display: flex;
    flex-wrap: wrap;

    align-items: center;
    margin-right: 20px;
    font-family: montserratsemibold;
    font-weight: 200;
    justify-self: flex-end;


}

.cortext1 {

    font-family: montserratsemibold;
    text-decoration: none;
    color: black;
}

nav a:hover {

    color: #FC6E27;

}



nav a {


    margin-left: 20px;
}


#laranja {

    width: 100%;
    background-color: #FC6E27;
}

.banner {
    max-width: 1200px;

    margin: 0 auto;
    width: 100%;

}


#ilustprinci {

    grid-column: 1/10;
    grid-row: 1;
    position: relative;
    left: -150px;
    top: 180px;
    width: 100%;
    transform: scale(120%, 120%);
}



#pad {
    padding: 0 20px;
}



#atencao {

    font-family: montserratextrab;
    text-align: right;
    color: #FAF5F5;
    grid-row: 1;
    z-index: 10;
    font-size: 80px;
    line-height: 128px;
    grid-column: 5/13;
    align-self: center;

}

.frame1 {

    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    background-color: #FAF5F5;

}

.titulos1 {
    grid-row: 1;
    margin-top: 300px;
    grid-column: 1/13;
    justify-self: center;
    font-family: montserratblack;
    font-size: 52px;
    color: #524F4F;
}


.linhas {

    grid-row: 2;
    grid-column: 2/12;

    width: 100%;
}


.maistit {

    grid-row: 3;
    grid-column: 2/12;
    justify-self: center;
    margin-bottom: 1px;

    font-family: montserratlight;
    font-weight: 400;
    line-height: 52px;
    margin-top: 40px;
}


.maismaistit {

    grid-row: 4;
    grid-column: 1/13;
    justify-self: center;
    font-family: montserratsemibold;
    line-height: 52px;

}


#livro {
    display: flex;
    justify-self: center;
    grid-row: 1;
    grid-column: 5/9;
    margin-top: 83px;
    width: 100%;

}

#apegar {

    grid-row: 2;
    grid-column: 7/13;
    z-index: 10;
    margin-top: -150px;
    margin-right: 20px;
    width: 100%;
    align-self: first baseline;
}


#abaixodepegar {

    grid-row: 3;
    grid-column: 7/13;
    align-self: first baseline;
    margin-top: -50px;
    width: 100%;
    height: 38px;


}

#textos1 {

    grid-row: 2;
    grid-column: 2/7;


}


#titulodesc {
    display: flex;


    grid-row: 2;
    grid-column: 2/8;

    margin-top: 160px;
    margin-bottom: 30px;

    font-family: montserratsemibold;
    color: #524F4F;
    line-height: 52px;
    font-size: 36px;
}

#desc {
    display: flex;


    align-self: center;

    margin-bottom: 50px;

    font-family: montserratoriginal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;

}

#desc2 {
    display: flex;
    margin-top: 0px;

    align-self: center;

    font-family: montserratoriginal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;




}


.espaco {

    margin-bottom: 150px;
    width: 100%;
    max-width: 1200px;
    background-color: #FAF5F5;

}


#escondecarrousel {
    display: none;
}

#pessoa1 {

    grid-row: 1;
    grid-column: 2/6;
    margin-top: 30px;






}












#pessoa2 {

    grid-column: 8/12;
    margin-top: 25px;

}



.pessoaimg {

    display: block;
    margin: auto;
    max-width: 98px;
}

.pessoaldesc {


    margin-top: 50px;

    font-family: montserratoriginal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;

}

.linhasimp {

    margin-top: 50px;

    width: 100%;


}

.nomes {



    margin-top: 16px;
    font-family: montserratoriginal;
    font-weight: 600;
    color: #FC6E27;

}


.nomes2 {



    margin-top: 10px;

    font-family: montserratoriginal;
    font-weight: 300;
}



#beje {

    width: 100%;
    background-color: #F8EFDE;
    margin-top: 175px;
}

#banner2 {

    max-width: 1200px;

    margin: 0 auto;
    width: 100%;
    grid-column: 1/13;
    margin-top: 175px;
    grid-row: 1;

}

#diachato {

    grid-column: 2/7;
    z-index: 10;
    grid-row: 1;
    align-self: center;

    font-size: 48px;
    font-family: montserratsemibold;
    color: #524F4F;



}


#pag1 {

    grid-column: 2/12;
    margin-top: 30px;
    width: 100%;

}

#pag2 {
    grid-row: 2;
    grid-column: 2/7;
    margin-top: 30px;
    width: 100%;
}

#pag3 {
    grid-row: 2;
    grid-column: 7/12;
    margin-top: 30px;
    width: 100%;
}

#linhawow {

    grid-row: 5;
    margin-top: 60px;
}




#banner3 {
    grid-row: 1;
    grid-column: 1/10;
    margin-left: 20px;

    width: 100%;
    grid-row: 2;
    margin-top: -110px;


}



#estelivro {

    margin-left: 10px;
    grid-column: 2/12;
    grid-row: 1;
    z-index: 10;
    font-family: montserratb;
    font-size: 64px;
    color: #524F4F;

}

#cenaslivro {
    z-index: 10;
    display: flex;
    justify-content: center;
    grid-row: 2;
    align-items: center;
    grid-column: 6/13;
    flex-direction: column;


}

#imglivro {
    width: 100%;
    scale: 60%;
}

#garanta {
    font-family: montserratsemibold;
    font-size: 36px;
    color: #8F8F8F;
    margin-bottom: 40px;
    margin-top: -60px;



}




#botao {
    display: flex;
    background-image: url(img/avolta1.svg);
    background-repeat: no-repeat;
    grid-row: 6;
    justify-content: center;
    align-items: center;
    grid-column: 8/11;
    height: 113px;
    width: 374px;
    font-family: montserratb;
    font-size: 24px;
    color: #ffff;
    text-decoration: none;

}


#botao a:hover {

    filter: saturate(30);
}

#cenaslivro a:hover {


    filter: saturate(30);
}



#uau {

    grid-row: 2;
    grid-column: 1/7;
    margin-top: 400px;
    align-self: last baseline;
    width: 100%;
}


#livrarias {

    text-align: center;
}


#logoslivr {
    display: flex;
    grid-row: 3;
    flex-direction: row;
    flex-wrap: wrap;
    grid-column: 2/12;
    justify-content: space-between;
    margin-right: 100px;
    margin-top: 60px;

}

#logoslivr a:hover {

    scale: 1.5;
}

#branco {


    width: 100%;

    background-color: #ffffff;


}

#banner2 {


    max-width: 1200px;

    margin: 0 auto;
    width: 100%;


}





#part1 {

    grid-column: 2/5;
    margin-top: 95px;

}

#part1 h2 {
    font-family: montserratb;
    font-size: 36px;
    margin-top: 32px;

}

#email {


    border-radius: 4px;
    border-style: solid;
    border-width: 2px;
    border-color: #FC6E27;
    height: 52px;
    width: 100%;

    margin-top: 32px;

}




#textnews {

    text-align: center;
}


#sub {


    background-color: #FC6E27;
    height: 52px;
    font-family: montserratb;
    font-size: 15px;
    color: #ffffff;
    width: 100%;
    border-radius: 4px;
    margin-top: 32px;
    cursor: pointer;

}





#part2 {

    margin-top: 95px;
    grid-column: 6/9;
}

#redessociais {

    margin-right: 22px;

}

#part2 a:hover {

    filter: saturate(20);
}


#redesespaco {

    margin-bottom: 26px;
    font-family: montserratb;
    font-size: 32px;

}


#outros {


    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    grid-auto-columns: 20px;
    gap: 20px;
    margin-top: 140px;
}


#outros a:hover {

    color: #000;
}

#redessociais img {
    width: 42px;

}

#redessociais {

    width: 110px;
    display: flex;
    justify-content: space-between;
    align-items: center;


}

#outrosper {

    font-family: montserratb;
    font-size: 32px;


}

.outrosper2 {

    font-family: montserratb;
    font-size: 15px;
    color: #8F8F8F;
    text-decoration: none;

}


#part3 {

    grid-column: 9/13;
    margin-top: 95px;

}

#cont {

    font-family: montserratb;
    font-size: 32px;
}

#part3 a:hover {
    filter: saturate(300);
}


.titfoot {
    font-family: montserratb;
    font-size: 20px;
    color: #8F8F8F;
    margin-top: 33px;
    margin-bottom: 12px;

}

.subfoot {


    font-family: montserratb;
    font-size: 15px;
    color: #FC6E27;
    text-decoration: none;
    line-height: 24px;




}



#linhagrande {
    display: flex;
    grid-column: 1/13;
    justify-content: center;
    margin-top: 50px;


}

#widhtimg {

    width: 100%;
}


#direitos {
    display: flex;
    grid-column: 2/12;
    flex-direction: row;
    justify-content: space-between;
    font-family: montserratb;
    font-size: 12px;
    color: #8F8F8F;
    margin-top: 62px;
    margin-bottom: 20px;

}

#laranjona {


    max-width: 275px;
}

#tangerininha {
    display: none;
}

#outrosfoot {
    display: none;
}

#redessociaisesc {
    display: none;
}

#tangerininhaesc {
    display: none;
}




#menumbl {
    display: none;
}

#btx {
    margin-top: 30px;
    width: 32px;


}

#menu {
    display: none;

}


#menu a {
    color: #000;
}


#menu a:hover {

    transform: scale(120%);
    color: #FC6E27;

}









a {
    text-decoration: none;
}

#logombl {
    width: 112px;
}

#btsmbl {
    display: none;
}

.frame2 {


    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}


/* SLIDER!!! */



#janela {
    display: none;
}

#slider-bts {
    display: none;
}


.selected {
    background-color: #FC6E27;
}


/* ----------------------------------------------------------------------------------responsive----------------------------------------------------------------------------- */




@media (max-width:850px) {

    #diachato {
        font-size: 45px;



    }

    #pessoa1 {
        display: none;
    }

    #pessoa2 {
        display: none;
    }


    #janela {
        display: flex;
        position: relative;
        overflow: hidden;
        grid-row: 2;
        grid-column: 2/12;

    }


    #fita {
        position: absolute;
        display: flex;
        justify-content: flex-start;
        top: 0;
        left: 0;
        transition: left .5s;
    }



    #slider-bts {
        grid-column: 1 / 13;
        display: flex;
        justify-content: center;
        gap: 20px;
        grid-row: 3;


    }

    #slider-bts div {
        height: 20px;
        width: 20px;
        background-color: #8F8F8F;
        border-radius: 100%;
    }


    #slider-bts div:hover {
        cursor: pointer;
    }


    #slider-bts {

        margin-bottom: 50px;
    }



    #email {


        width: 100%;


    }

    #sub {


        width: 100%;







    }
}













@media (max-width:780px) {



    #pag1 {
        grid-column: 2 / 12;
    }

    #pag2 {
        grid-column: 1 / 9;
    }

    #pag3 {

        grid-row: 3;
        grid-column: 5 / 13;
    }





    #imglivro {
        width: 100%;
        scale: 70%;
    }

    #garanta {

        margin-top: 0;
    }

    #diachato {
        font-size: 40px;



    }

    #atencao {
        font-size: 60px;
    }

    #uau {
        display: none;
    }

    #cenaslivro {

        grid-column: 3/11;
    }



    #estelivro {


        font-size: 40px;
        margin-bottom: 40px;
    }

    .outrostodos {

        display: none;

    }

    #redessociaisesc {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        padding: 0 140px;


    }


    #desc {

        font-size: 20px;
    }

    #desc2 {
        font-size: 20px;
    }

    #laranjona {

        display: none;
    }

    #part1 {
        display: flex;
        justify-items: center;
        flex-direction: column;
        grid-column: 5/9;
    }

    #newsleter {
        display: flex;
        justify-content: center;
        flex-direction: column;
        grid-column: 1/13;
        text-align: center;
    }

    #part3 {
        display: grid;
        grid-row: 2;
        grid-column: 4/10;
        justify-content: center;
        flex-direction: column;
        margin-bottom: 32px;


    }

    #cont {

        font-size: 25px;
        font-family: montserratb
    }

    #outrosfoot {
        display: flex;
        grid-row: 2;
        justify-self: center;
        margin-top: 32px;
        font-family: montserratb;
        font-size: 25px;
        color: #000;
    }









    #direitos {
        font-size: 10px;
    }

    #part1 {
        grid-column: 2/12;
    }



    #redessociaisesc img {

        max-width: 44px;
    }


}



@media (max-width:690px) {

    #estelivro {


        font-size: 35px;
        margin-bottom: 50px;
    }


    #diachato {

        font-size: 35px;

    }



    #direitos {


        flex-direction: column;
        align-items: center;

    }

    #direitos h3 {
        margin-bottom: 12px;
    }





    .titulos1 {
        font-size: 50px;

    }


    #part1 {
        grid-column: 2/12;
    }

    #redessociaisesc {
        padding: 0 100px;
    }
}








@media (max-width:590px) {

    #ilustprinci {

        left: -70px;
    }

    #burger {

        display: block;
    }

    #menumbl {

        display: block;


        transition: top .5s;
        background-color: #ffffff;
        position: fixed;
        z-index: 100;
        width: 100%;
        height: 100vh;
        top: -120%;
        left: 0;
    }

    #btsmbl {
        display: flex;
        justify-self: right;
        margin-right: 20px;
        margin-top: 20px;
        width: 100%;


    }

    #btx {
        margin-left: auto;
    }


    #menu {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-items: center;
        gap: 60px;
        font-family: montserratb;
        font-size: 30px;
        margin-top: 60px;

    }








    .escodernav {

        display: none;
    }

    #atencao {
        font-size: 50px;
        line-height: 100px;
    }



    #estelivro {

        font-size: 30px;
        margin-bottom: 60px;
    }












    #diachato {


        font-size: 30px;
    }

    #pessoa2 {
        display: none;
    }

    #pessoa1 {
        display: none;
    }

    #textos1 {

        grid-column: 2/12;
        justify-content: center;
        margin-top: 30px;
    }

    #titulodesc {

        font-size: 30px;

    }



    #desc {

        line-height: 30px;
    }

    #ilustprinci {

        top: 100px;
    }


    .titulos1 {
        margin-top: 200px;
        font-size: 30px;

    }

    #part1 {
        grid-column: 2/12;
    }


    #redessociaisesc {
        padding: 0 120px;
    }
}







@media (max-width:490px) {

    #apegar {
        margin-top: -80px;
    }

    #atencao {
        font-size: 40px;
        line-height: 72px;
    }


    #diachato {


        font-size: 25px;
    }

    #logoslivr {

        grid-column: 4/10;
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
        justify-content: center;
    }

    #imglivro {
        width: 100%;
        scale: 80%;
    }

    #garanta {


        font-size: 25px;
        margin-top: 0;
    }

    #part1 {
        grid-column: 2/12;
    }


    #redessociaisesc {
        padding: 0 50px;
    }
}




@media (max-width:390px) {



    #atencao {
        font-size: 30px;
        line-height: 48px;
    }




    .maistit {

        font-size: 25px;

    }

    .maismaistit {

        font-size: 25px;

    }

    #imglivro {

        scale: 100%;
    }



    #diachato {

        font-size: 20px;
    }

    #estelivro {
        font-size: 25px;
        margin-bottom: 80px;
    }

    #part1 {
        grid-column: 2/12;
    }

    #redessociaisesc {
        padding: 0 50px;
    }

}

/* 
-----------------------------pag 2---------------- */