.table-lg > :not(caption) > * > * {
    padding: 0.5rem 0.5rem!important;
    }
    .table td,
    .table th {
      white-space: normal !important; /* Permite que el texto se divida */
      word-wrap: break-word;          /* Rompe palabras largas */
      word-break: break-word;         /* Compatibilidad extra */
    }
    .table thead th {
      position: sticky;
      top: 0px;
      z-index: 2; /* asegura que quede encima de las celdas */
      background: #fff; /* fondo para que no se vea transparente */
    }
    .referral-banner, .navbar{
        position: absolute!important;
    }

@media (max-width: 768px) {
  .table-responsive-lg {
    overflow-x: visible !important;
  }

  .table-responsive-lg table,
  .table-responsive-lg thead,
  .table-responsive-lg tbody,
  .table-responsive-lg th,
  .table-responsive-lg td,
  .table-responsive-lg tr {
    display: block;
    width: 100%;
  }

  .table-responsive-lg thead {
    display: none;
  }

  .table-responsive-lg tbody tr {
    margin-bottom: 1rem;
    border: 0.5px solid #e0e0e0;
    border-radius: 8px;
    padding: 0.5rem 0.75rem;
    background: #fff;
  }

  .table-responsive-lg tbody th[scope="row"] {
    background: #f5f5f5;
    border-radius: 6px 6px 0 0;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #888 !important;
    padding: 6px 0 !important;
    border-bottom: 1px solid #eee;
  }

  .table-responsive-lg tbody td {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0 !important;
    border-bottom: 0.5px solid #f0f0f0;
    font-size: 0.85rem;
    text-align: right !important;
    gap: 1rem;
    min-height: 36px;
    flex-wrap: nowrap;
  }

  .table-responsive-lg tbody td:last-child {
    border-bottom: none;
  }

  .table-responsive-lg tbody td::before {
    content: attr(data-label);
    font-weight: 600;
    color: #555;
    text-align: left;
    flex: 1;
    min-width: 120px;
    max-width: 50%;
    font-size: 0.8rem;
    white-space: normal;
    word-break: break-word;
  }

  .table-nowrap td,
  .table-nowrap th {
    white-space: normal !important;
  }
}