.modal-envoltura header {
    background-color: white !important ;
}
.modal-envoltura footer {
    background-color: white !important ;
}

/* Estilo para el popup de envoltorios */
.gift-wrapper-modal-content {
    font-family: Arial, sans-serif !important;
    /* font-family: "Helvetica Neue" !important; */
    background-color: #fff !important;
    padding: 1.5rem !important;
    border-radius: 8px !important;
}

.wrapper-title {
    font-size: 1.5rem !important;
    margin-bottom: 1rem !important;
    color: #333 !important;
    font-weight: bold !important;
}

.wrapper-popup-table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 1.5rem !important;
}

.wrapper-popup-table th,
.wrapper-popup-table td {
    padding: 0.75rem !important;
    text-align: left !important;
    vertical-align: middle !important;
    border-bottom: 1px solid #ddd !important;
}

.wrapper-popup-table thead td {
    font-weight: bold !important;
    color: #444 !important;
    background-color: #f9f9f9 !important;
}

.wrapper-popup-table tbody tr:hover {
    background-color: #f1f1f1 !important;
    cursor: pointer !important;
}

.wrapper-popup-table .image img {
    max-width: 60px !important;
    height: auto !important;
    border-radius: 4px !important;
    border: 1px solid #ccc !important;
}

.wrapper-popup-table .title {
    /*! font-weight: bold !important; */
    color: #222 !important;
}

.wrapper-popup-table .description {
    color: #555 !important;
    font-size: 0.95rem !important;
}

.wrapper-popup-table .price {
    /*! font-weight: bold !important; */
    color: #555 !important;
}

/* Botones del modal */
.modal-footer .action {
    padding: 0.6rem 1.2rem !important;
    margin: 0 0.5rem !important;
    font-size: 1rem !important;
    border-radius: 4px !important;
    cursor: pointer !important;
}

.modal-footer .action.primary {
    background-color: #ccc !important;
    color: #333 !important;
    border: none !important;
}

.modal-footer .action.secondary {
    background-color: #ccc !important ;
    color: #333 !important;
    border: none !important;
}

/* Responsive */
@media (max-width: 768px) {
    .wrapper-popup-table th,
    .wrapper-popup-table td {
        font-size: 0.85rem !important;
        padding: 0.5rem !important;
    }

    .wrapper-title {
        font-size: 1.25rem !important;
    }

    .modal-footer .action {
        width: 100% !important;
        margin: 0.5rem 0 !important;
    }

    .wrapper-popup-table .image img {
        max-width: 40px !important;
    }
}