.top-compact-bar {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            gap: 8px;
            margin: 10px 0 12px;
            padding: 8px 10px;
            background: #ffffff;
            border: 1px solid rgba(7,26,62,.10);
            border-radius: 18px;
            box-shadow: 0 8px 20px rgba(4,9,28,.06);
        }
        .top-compact-pill {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            padding: 6px 10px;
            border-radius: 999px;
            background: #f8fafc;
            color: var(--azul);
            font-size: .78rem;
            font-weight: 900;
            border: 1px solid #edf2f7;
            white-space: nowrap;
        }
        .top-compact-action {
            border: 0;
            border-radius: 999px;
            padding: 7px 12px;
            background: linear-gradient(135deg, var(--rojo-vivo), var(--rojo-vino));
            color: #fff;
            font-weight: 900;
            font-size: .76rem;
            cursor: pointer;
        }
        .compact-location-message {
            background: #fff9e6;
            border: 1px solid #ffe08a;
            border-radius: 14px;
            padding: 8px 12px;
            margin-bottom: 10px;
            font-size: .8rem;
            color: #856404;
        }
        .compact-search-first {
            margin-bottom: 10px !important;
        }
        .compact-sub-nav {
            margin-top: 0 !important;
        }
        @media (max-width: 640px) {
            .top-compact-bar {
                justify-content: flex-start;
                padding: 8px;
                margin-top: 6px;
            }
            .top-compact-pill,
            .top-compact-action {
                font-size: .72rem;
                padding: 6px 9px;
            }
        }