.delivery-modal {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-block: 1rem;
    padding-inline: 1.2rem;
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
}


.delivery-modal__item {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 1rem;
    font-size: 1rem;
    min-width: 8.5rem;
}

.delivery-modal__item--flex {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    width: 100%;
}

.delivery-modal__value--correo {
    text-transform: lowercase;
}

.delivery-modal__item--line-divider {
    width: 100%;
    border: 1px solid rgba(88, 88, 88, 0.2);
    margin: 0;
}

.delivery-modal__item--header-uppercase {
    text-transform: uppercase;
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    /* this last font family helps the print view of the delivery data to maintain the consistency in the font */
}

.delivery-modal__item--header {
    font-size: 1.1rem;
    font-weight: bold;
    margin: 0;
}

@media screen and (max-width: 640px) {
    .delivery-modal {
        padding-block: 0.5rem;
        padding-inline: 0.6rem;
    }

    .delivery-modal__item {
        gap: 0.5rem;
        font-size: 0.8rem;
    }
}

.delivery-modal__label--smaller {
    font-size: 0.8rem !important;
}

.delivery-modal__label {
    font-weight: bolder;
    margin: 0;
    color: rgba(88, 88, 88, 1);
}



.delivery-modal__value {
    text-align: left;
    margin: 0;
    text-transform: capitalize;
    color: rgba(88, 88, 88, 0.9);
    font-weight: 400;
}

.delivery-modal__value--correo {
    text-transform: none;
}

.modal-dialog {
    max-width: 43rem;
}

.delivery-modal__value--encomienda {
    color: transparent;
}