.dc-tabs-bar{
    position: relative;
    display: flex;
    align-items: stretch;          /* 👈 importante */
    gap: 8px;
    padding: 8px;
    border-radius: 16px;
    background: rgba(0,0,0,0.04);
    border: 1px solid rgba(0,0,0,0.06);
    overflow: hidden;
  }
  
  /* cada tab ocupa la altura interior del bar */
  .dc-tab{
    position: relative;
    z-index: 2;
    border: none;
    background: transparent;
    cursor: pointer;
  
    display: flex;
    align-items: center;
    justify-content: center;
  
    height: 44px;
    border-radius: 14px;
    white-space: nowrap;
  }
  
  /* 👇 AQUÍ va el padding real */
  .dc-tab-label{
    padding: 0 16px;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: #0f172a;
  }
  
  .dc-tabs-indicator{
    position: absolute;
    z-index: 1;
    top: 8px;
    left: 8px;
    height: 44px;                 /* 👈 MISMA altura que .dc-tab */
    width: 120px;
    border-radius: 14px;
    background: rgba(255,255,255,0.92);
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
    border: 1px solid rgba(0,0,0,0.06);
    transition: transform .22s ease, width .22s ease;
  }