.box-produto{

    -webkit-box-shadow: 4px -1px 20px -3px rgba(0,0,0,0.69); 
    box-shadow: 4px -1px 20px -3px rgba(0,0,0,0.69);    transition: all .7s ease-in-out;
    height: fit-content;
    border-radius: 12px;
    width: 100%;
    padding: 40px 10px;
    font-family: var(--serratRegular);
}


.box-produto .img-produto{}

.box-produto .img-produto img{margin-inline: auto;}



.box-produto .titleProd{color: var(--textProd); color: var(--textProd);}
.box-produto .titleProd h4{font-family: "Mangueira-Medium";}
.box-produto .titleProd small{font-family: "Mangueira-Medium";}

.box-produto .preco-produto{font-family: "Mangueira-Bold"; padding: 12px 0;}
.box-produto .preco-produto p{color: var(--blueultra); font-size: 20px;}

.box-produto .qtdnProduto{display: flex; align-items: center; justify-content: space-around;}
.box-produto .qtdnProduto span{color: var(--ultracinza); font-family: "Mangueira-Medium";}
.box-produto .qtdnProduto span > button{width: 32px;height: 32px;padding: 0px;border-radius: 50%;background: none !important;border: 2px solid var(--ultracinza);}
.box-produto .qtdnProduto span > button:focus,.box-produto .qtdnProduto span > button:hover{outline: none; color: var(--ultracinza);}
.box-produto .qtdnProduto input{width: 70px; border: 2px solid var(--textProd); border-radius: 7px;padding: 4px 8px; color: var(--textProd);}
.box-produto .qtdnProduto input:focus{outline: none !important;}

ul.resumoCompra{
    color: var(--textProd);
    margin: 0;
    padding: 0;
}

ul.resumoCompra > li{
    display: flex;
    justify-content: space-between;
}

ul.resumoCompra > li > span{font-size: 12px;}
ul.resumoCompra > li > p{color: var(--textProd); font-size: 12px;}

hr.line{height: 2px;width: 100%;background: var(--blueultra);}