.pedido {

    width: 100%;

    max-width: 500px;

    padding: 10px;

    background-color: var(--fondoItem);

    -webkit-box-shadow: inset 2px 0px 89px -45px rgba(0, 0, 0, 0.75);

    -moz-box-shadow: inset 2px 0px 89px -45px rgba(0, 0, 0, 0.75);

    box-shadow: inset 2px 0px 89px -45px rgba(0, 0, 0, 0.75);

}



.pedido h4 {

    color: var(--fuente1);

    text-align: center;

}



.pedido-wrapper {

    width: 100%;

}



.pedido-wrapper .item-pedido {

    width: calc(100% - 10px);

    column-gap: 5px;

    display: flex;

    -webkit-box-shadow: 2px 0px 89px -45px rgba(0, 0, 0, 0.75);

    -moz-box-shadow: 2px 0px 89px -45px rgba(0, 0, 0, 0.75);

    box-shadow: 2px 0px 89px -45px rgba(0, 0, 0, 0.75);

    padding: 5px;

    border-radius: 5px;

    align-items: center;

}



.pedido-wrapper .btn-eliminar{

    width: 24px;

    height: 24px;

    padding: 6px;

    background-size: 16px;

    background-color: var(--fondoBotones);

    background-image: url(../img/icon/tachito.png);

    background-position: center;

    border: none;

    background-repeat: no-repeat;

}





.pedido-wrapper .item-pedido:nth-child(odd) {



    -webkit-box-shadow: inset 2px 0px 89px -63px rgba(0, 0, 0, 0.75);

    -moz-box-shadow: inset 2px 0px 89px -63px rgba(0, 0, 0, 0.75);

    box-shadow: inset 2px 0px 89px -63px rgba(0, 0, 0, 0.75);

}



.importante{

    box-shadow: 0px 0px 20px 1px rgba(7, 177, 77, 0.75);

}



.pedido-wrapper .item-pedido .pedido-body {

    width: calc(80% - 16px);

    font-size: 10pt;

}



.pedido-wrapper .item-pedido .pedido-body .body-main {

    width: 100%;

    font-weight: bold;

    color: var(--fuente1);

}



.pedido-wrapper .item-pedido .pedido-body .body-sec {

    width: 100%;

    font-style: italic;

    font-size: 8pt;

    color: var(--fuente3);

}



.pedido-wrapper .item-pedido .pedido-precio {

    display: flex;

    justify-content: center;

    align-content: center;

    align-items: center;

    color: var(--fuente1);

    font-weight: bold;

}



#total{

    padding: 10px;

    background-color: var(--fondoItem);

    color: var(--fuente1);

    width: 200px;

}