#banda-suprema {
    --bs-bg-start: #111111;
    --bs-bg-end: #000000;
    --bs-text: #ffffff;
    --bs-accent: #d4af37;
    --bs-border: #d4af37;
    --bs-border-width: 1px;
    --bs-font-size: 15px;
    --bs-padding-y: 12px;
    --bs-gap: 28px;
    --bs-marquee-duration: 28s;
    --bs-loop-width: 50%;
    display: block;
    color: var(--bs-text);
    border: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-bottom: var(--bs-border-width) solid var(--bs-border) !important;
    position: relative;
    z-index: 999999;
    box-shadow: none;
    outline: 0 !important;
    font-size: var(--bs-font-size);
    line-height: 1.3;
    letter-spacing: 0.02em;
    overflow: hidden;
    animation: bsBandReveal 0.45s ease-out;
}

#banda-suprema::before,
#banda-suprema::after {
    content: none !important;
    display: none !important;
}

#banda-suprema + #wrapper,
#banda-suprema + #wrapper .header-wrapper,
#banda-suprema + #wrapper .header-main,
#banda-suprema + #wrapper .header-top,
#banda-suprema + #wrapper .top-bar {
    border-top: 1 !important;
    box-shadow: none !important;
}

#banda-suprema.is-gradient {
    background: linear-gradient(135deg, var(--bs-bg-start) 0%, var(--bs-bg-end) 100%);
}

#banda-suprema.is-solid {
    background: var(--bs-bg-start);
}

#banda-suprema .banda-suprema__viewport {
    overflow: hidden;
    width: 100%;
}

#banda-suprema .banda-suprema__track {
    display: flex;
    align-items: center;
    gap: var(--bs-gap);
    min-width: 100%;
    padding: var(--bs-padding-y) 24px;
    will-change: transform;
}

#banda-suprema:not(.is-marquee) .banda-suprema__track {
    justify-content: center;
    flex-wrap: nowrap;
}

#banda-suprema.is-marquee .banda-suprema__track {
    width: max-content;
    flex-wrap: nowrap;
    animation: bsMarquee var(--bs-marquee-duration) linear infinite;
}

#banda-suprema .banda-suprema__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.65em;
    white-space: nowrap;
    flex: 0 0 auto;
}

#banda-suprema .banda-suprema__item > * {
    flex: 0 0 auto;
}

#banda-suprema strong,
#banda-suprema .bs-pill,
#banda-suprema .bs-dot {
    color: var(--bs-accent);
}

#banda-suprema a {
    color: var(--bs-accent);
    text-decoration: none;
    font-weight: 700;
}

#banda-suprema a:hover {
    opacity: 0.88;
}

#banda-suprema .bs-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.45em 0.95em;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(6px);
}

#banda-suprema .bs-pill {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.7em;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.14);
    font-size: 0.9em;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

#banda-suprema .bs-dot {
    opacity: 0.9;
}

#banda-suprema.is-marquee:hover .banda-suprema__track {
    animation-play-state: paused;
}

@keyframes bsBandReveal {
    from {
        opacity: 0;
        transform: translateY(-12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes bsMarquee {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(calc(-1 * var(--bs-loop-width)), 0, 0);
    }
}

@media (max-width: 768px) {
    #banda-suprema .banda-suprema__track {
        padding-left: 16px;
        padding-right: 16px;
    }

    #banda-suprema .banda-suprema__item {
        gap: 0.5em;
    }
}

@media (prefers-reduced-motion: reduce) {
    #banda-suprema,
    #banda-suprema .banda-suprema__track {
        animation: none !important;
    }
}