.icon-boxes-grid {
    display              : grid;
    grid-template-columns: 1fr;
    gap                  : 20px;
    width                : auto;
}

.cvc-icon-box {
    display    : flex;
    align-items: center;
    line-height: 1.2;
}

.cvc-icon-box img {
    width       : 20px !important;
    height      : 20px !important;
    filter      : invert(74%) sepia(10%) saturate(2521%) hue-rotate(99deg) brightness(94%) contrast(83%) !important;
    margin-right: 8px !important;
}

.product_table_class {
    text-align     : center !important;
    border-collapse: separate !important;
    width          : 100%;
    table-layout   : fixed;
}

/* Cover both thead and tbody for <th> and <td> */
.product_table_class thead tr th,
.product_table_class tbody tr th,
.product_table_class tbody tr td {
    border-right : 3px solid;
    border-bottom: 3px solid !important;
    padding      : 5px;
    text-align   : center !important;
    /* Ensure text is centered in all headers */
}

/* First column border left */
.product_table_class thead tr th:first-child,
.product_table_class tbody tr th:first-child,
.product_table_class tbody tr td:first-child {
    border-left: 3px solid;
}

/* Apply background and border top to <th> in both thead and tbody */
.product_table_class thead tr th,
.product_table_class tbody tr th {
    background: #f1f1f1;
    border-top: solid 3px !important;
}

/* Top-left border-radius for the first header in thead or tbody */
.product_table_class thead tr th:first-child,
.product_table_class tbody tr th:first-child {
    border-top-left-radius: 12px !important;
}

/* Top-right border-radius for the last header in the first row of thead or tbody */
.product_table_class thead tr:first-child th:last-child,
.product_table_class tbody tr:first-child th:last-child {
    border-top-right-radius: 12px !important;
}

/* Bottom-left border-radius for the last row's first cell */
.product_table_class tbody tr:last-child td:first-child {
    border-bottom-left-radius: 12px !important;
}

/* Bottom-right border-radius for the last row's last cell */
.product_table_class tbody tr:last-child td:last-child {
    border-bottom-right-radius: 12px !important;
}

.icon-boxes-text-grid {
    display       : flex;
    flex-direction: row;
    gap           : 8px;
    align-items   : center;
}

/* Reset any inherited bold from parent elements */
.cvc-icon-box,
.icon-boxes-text-grid {
    font-weight: normal !important;
}

/* Ensure spans have normal weight with high specificity */
.cvc-icon-box span,
.icon-boxes-text-grid span {
    font-weight: inherit !important;
    font-weight: normal !important;
    font-weight: 400 !important;
    -webkit-font-smoothing: antialiased;
}

/* Force b tags to be bold */
.icon-boxes-text-grid span b {
    font-weight: 700 !important;
    font-weight: bold !important;
}

.presentacion-attribute-wrapper {
    display        : flex;
    flex-direction : column;
    gap            : 12px;
}

.presentacion-attribute-values {
    display  : flex;
    flex-wrap: wrap;
    gap      : 8px;
}

.presentacion-attribute-chip {
    display        : inline-flex;
    align-items    : center;
    padding        : 6px 12px;
    border-radius  : 999px;
    background     : #f2f7ff;
    border         : 1px solid #c8dcff;
    color          : #23408e;
    font-size      : 13px;
    line-height    : 1.2;
    text-transform : none;
    letter-spacing : 0.02em;
    transition     : background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.presentacion-attribute-chip:hover {
    background : #23408e;
    color      : #ffffff;
    border-color: #23408e;
}