:root {
    --cor-1: #7E6742;
    --cor-2: #B3B3B3;
    --cor-3: #ffffff;
    --cor-4: #594125;
    --cor-erro: #e83c2c;
}

.pedido-produto{
    display: flex;
    flex-wrap: wrap;
}

.pedido-produto-img {
    flex-basis: 80px;
    padding: 5px;
}

.pedido-produto-det{    
    padding: 0px 5px;
    flex-grow: 2;
}

.pedido-produto-det > div{ 
    padding: 2px 0;
}

@media (max-width: 767px) and (orientation:portrait){
    .pedido-produto{
        flex-wrap: wrap;
    }

    .pedido-produto-img{
        flex-basis: 100px;        
    }

    .pedido-produto-det{
        width: 200px;
    }
    .pedido-produto-det h4{
        font-size: 2vh;
    }
}

.pedido-cor{
    display: flex;
    padding: 10px;    
}

@media (max-width: 767px) and (orientation:portrait){
    .pedido-cor{   
        margin-left: 0px;
    }
}

.column-divider-flexbox-itens-det{
    width: 1px;
    margin: 5px 15px;
    background: var(--cor-2);
}