/* Mejor solución visual: categorías compactas, horizontales y sin ocupar varias filas */
    .category-strip-card {
        background: #ffffff;
        border: 1px solid rgba(7, 26, 62, .09);
        border-radius: 16px;
        padding: 8px 10px;
        margin: 0 0 10px;
        box-shadow: 0 8px 18px rgba(4, 9, 28, .055);
        overflow: hidden;
    }
    .category-strip-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 6px;
        color: var(--azul);
        font-weight: 900;
        font-size: .78rem;
    }
    .category-strip-head small {
        color: #98a2b3;
        font-size: .68rem;
        font-weight: 900;
        white-space: nowrap;
    }
    .category-filters.compact-category-strip {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 6px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        padding: 2px 0 4px !important;
        margin: 0 !important;
        border-bottom: 0 !important;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
    }
    .category-filters.compact-category-strip::-webkit-scrollbar {
        display: none;
    }
    .compact-category-strip .cat-filter {
        flex: 0 0 auto !important;
        min-height: 30px !important;
        padding: 6px 11px !important;
        border-radius: 999px !important;
        font-size: .70rem !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        scroll-snap-align: start;
        box-shadow: 0 5px 12px rgba(4, 9, 28, .055) !important;
    }
    .compact-category-strip .cat-filter.all {
        position: sticky;
        left: 0;
        z-index: 5;
        box-shadow: 8px 0 14px rgba(255,255,255,.95), 0 5px 12px rgba(4, 9, 28, .07) !important;
    }
    .compact-category-strip .cat-filter.active {
        transform: none !important;
    }
    @media (max-width: 640px) {
        .category-strip-card {
            padding: 7px 8px;
            margin-bottom: 8px;
            border-radius: 15px;
        }
        .category-strip-head {
            font-size: .73rem;
            margin-bottom: 5px;
        }
        .category-strip-head small {
            font-size: .62rem;
        }
        .compact-category-strip .cat-filter {
            min-height: 28px !important;
            padding: 5px 9px !important;
            font-size: .66rem !important;
        }
    }