/*Configurações do main*/

main{
    width:99%;
    text-align: center;
    margin: 0 auto;
    padding: 2%;
}

/*Configurações do banner*/

.banner{
    display: flex;
    justify-content: center;
    align-items: center;
    width:20%;
    margin: 0 auto;
    text-align: center;
    padding-top: 0.2%;
}

.cycle-slideshow img{
    width:100%;
    text-align:center;
    margin: 0 auto;
}


/*Formatação dos cards*/
.tit_solucoes {
    color: var(--cor4);
    letter-spacing: 2px;
    padding-top: 1%;
}

.cards{
    display:flex; /*flexivel*/
    justify-content: space-evenly; /*separar as divs individualmente separando uma da outra alinhamentos na horizontal*/
    align-items: center;/* alinhamento na vertical*/
    background-color: var(--cor4);
    width: 100%;/*ocupar toda area do navegador*/
    height:80vh;/*ocupar 70% do monitor*/
}

.produtos {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.produtos img{
    width: 200px;
}

.produtos h2{
    font-weight: 700;
    color: var(--cor3);
    letter-spacing: 2px;
    padding-top: 2%;
}

.produtos p{
    font-size:1.2rem;
    color: var(--cor2);
    font-weight: 700;
    padding-top:2%;
}

.produtos a{
    display:flex;
    justify-content: space-evenly;
    align-items: center;
    width: 250px;
    height: 50px;
    padding: 1%;
    background-color: var(--cor3);
    color: var(--cor4);
    font-size:0.8rem;
    margin-top: 3%;
    border-radius: 10px;
}

/*Configuração da promoção*/

.promocao img{
    width:100%;
}

/*Configuração forma de pagamento*/
.pagamento{
    background-color: var(--cor6);
    display:flex;/*um do lado do outro*/
    justify-content: space-around;
    align-items: center;
    width:90%;
    margin: 1% auto;
}

.pag{
    padding: 1%;
}

.pag h3{
    color:var(--cor4);
}
.pag p{
    color:var(--cor3);
    font-size:0.8rem;
}

.pag img{
    padding-top:8%;
}