/* Pestañas pill "Stitch" — liga y vistas públicas (antes solo en AppBasquet.Web/app.css). */
:root {
    --accent-stitch: #00ff66;
    --accent-stitch-glow: rgba(0, 255, 102, 0.3);
    --border-stitch: rgba(255, 255, 255, 0.08);
    --text-stitch: #f5f7fa;
    --text-muted-stitch: #9aa4b2;
}

.tabs-stitch-container {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding: 8px 2px;
    scrollbar-width: none;
    align-items: center;
}

.tabs-stitch-container::-webkit-scrollbar {
    display: none;
}

.tab-stitch {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--border-stitch);
    color: var(--text-muted-stitch);
    font-family: 'Inter', system-ui, sans-serif;
    font-weight: 700;
    font-size: 0.85rem;
    padding: 10px 22px;
    border-radius: 999px;
    cursor: pointer;
    transition: background 0.2s cubic-bezier(0.4, 0, 0.2, 1),
                color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
                border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    white-space: nowrap;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

.tab-stitch:hover {
    color: var(--text-stitch);
    background: rgba(255, 255, 255, 0.08);
}

.tab-stitch.active,
.tab-stitch.lv-tab-more-btn.active {
    background: var(--accent-stitch);
    border-color: var(--accent-stitch);
    color: #05070a;
    box-shadow: 0 0 14px var(--accent-stitch-glow);
    border-bottom: none;
}

.tab-stitch:focus-visible {
    outline: 2px solid var(--accent-stitch);
    outline-offset: 2px;
}

.cat-scope--femenil .tab-stitch.active {
    background: var(--cat-femenil-color, #f472b6);
    border-color: var(--cat-femenil-color, #f472b6);
    box-shadow: 0 0 14px rgba(244, 114, 182, 0.35);
}

.cat-scope--varonil .tab-stitch.active {
    background: var(--cat-varonil-color, #60a5fa);
    border-color: var(--cat-varonil-color, #60a5fa);
    color: #05070a;
    box-shadow: 0 0 14px rgba(96, 165, 250, 0.35);
}