/* —— Tabla precios-atributo (responsive + visual) —— */
        #TablaPrecioAtributo {
          min-width: 760px;
          border: 1px solid var(--bs-border-color);
          border-radius: .75rem;
          overflow: hidden;
        }
        #TablaPrecioAtributo thead th {
          position: sticky;
          top: 0;
          z-index: 2;
          background: var(--bs-light);
          border-bottom: 1px solid var(--bs-border-color);
        }
        #TablaPrecioAtributo tbody tr:hover {
          background: rgba(25,135,84,.06); /* tono success muy suave */
        }
        #TablaPrecioAtributo .cell-truncate {
          max-width: 240px;
          white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
        }
        /* —— “Card mode” para pantallas estrechas —— */
        @media (max-width: 576px) {
          #TablaPrecioAtributo thead { display: none; }
          #TablaPrecioAtributo, #TablaPrecioAtributo tbody, #TablaPrecioAtributo tr, #TablaPrecioAtributo td {
            display: block; width: 100%;
          }
          #TablaPrecioAtributo tr {
            margin-bottom: .85rem;
            border: 1px solid var(--bs-border-color);
            border-radius: .75rem; padding: .65rem .75rem;
            background: var(--bs-body-bg);
          }
          #TablaPrecioAtributo td {
            border: 0 !important;
            display: flex; justify-content: space-between; gap: .75rem;
            padding: .25rem 0;
          }
          #TablaPrecioAtributo td::before {
            content: attr(data-label);
            font-weight: 600; color: var(--bs-secondary-color);
          }
          #TablaPrecioAtributo .actions {
            justify-content: flex-end;
            margin-top: .25rem;
          }
        }