/* =================================================================
   BS BUNDLE V32 — Bundle CSS unificado (refatoração técnica)
   Consolida 13 arquivos CSS V4/V19/V21/V23/V26 em uma única request.
   A ordem é PRESERVADA exatamente como estava no functions.php (cascade!).
   Cada bloco abaixo está marcado com seu arquivo original.
   Re-gerar: bash bs-bundle-v32.css.regenerate.sh
   ================================================================= */


/* ============================================================
   FILE: theme-v4.css
   ============================================================ */
/* =============================================================
   BAIXARSWITCH — Theme V4 (Cyan Premium · 2026)
   Design system global. Limpo, profissional, sem dívida tecnica
   das 5 versoes anteriores. Carregado em TODAS as paginas.
   ============================================================= */

/* ============ Design Tokens ============ */
:root {
    /* Backgrounds */
    --bs-bg:           #050a14;
    --bs-bg-1:         #0a1322;
    --bs-bg-2:         #0e1a2e;
    --bs-bg-3:         #122036;
    --bs-bg-elev:      #16263f;

    /* Cyan scale */
    --bs-cyan:         #00c3e2;
    --bs-cyan-bright:  #00d4ff;
    --bs-cyan-deep:    #0095c8;
    --bs-cyan-grad:    linear-gradient(135deg, #00c3e2 0%, #0095c8 100%);
    --bs-cyan-grad-hi: linear-gradient(135deg, #00d4ff 0%, #00aaff 50%, #5e8cff 100%);

    /* Text */
    --bs-fg:           #e6eef9;
    --bs-fg-soft:      #98aabf;
    --bs-fg-mute:      #5d728a;

    /* Borders / lines */
    --bs-line:         rgba(0, 195, 226, 0.10);
    --bs-line-strong:  rgba(0, 195, 226, 0.28);
    --bs-line-hot:     rgba(0, 212, 255, 0.55);

    /* Status */
    --bs-success:      #00ff95;
    --bs-warning:      #ffb547;
    --bs-danger:       #ff6b85;

    /* Shadows */
    --bs-shadow-sm:    0 4px 12px rgba(0, 0, 0, 0.4);
    --bs-shadow-md:    0 12px 32px rgba(0, 0, 0, 0.55);
    --bs-shadow-lg:    0 24px 60px rgba(0, 0, 0, 0.65);
    --bs-glow:         0 0 24px rgba(0, 195, 226, 0.35);
    --bs-glow-soft:    0 0 12px rgba(0, 195, 226, 0.2);

    /* Radius */
    --bs-r-xs: 6px;
    --bs-r-sm: 10px;
    --bs-r-md: 14px;
    --bs-r-lg: 18px;
    --bs-r-xl: 24px;

    /* Legacy var compat */
    --bs-primary:      #00c3e2;
    --bs-dark:         #050a14;
    --bs-gray:         #0e1a2e;
    --bs-light:        #e6eef9;
    --bs-border:       rgba(0, 195, 226, 0.10);
    --switch-red:      #00c3e2;
}

/* ============ Reset / Base ============ */
html, body {
    background: var(--bs-bg);
    color: var(--bs-fg);
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    background:
        radial-gradient(1200px 600px at 12% -5%,  rgba(0, 195, 226, 0.06) 0%, transparent 60%),
        radial-gradient(1100px 500px at 90% 5%,   rgba(0, 149, 200, 0.05) 0%, transparent 60%),
        var(--bs-bg);
    background-attachment: fixed;
}
::selection { background: rgba(0, 195, 226, 0.32); color: #fff; }

/* Typography */
h1, h2, h3, h4, h5, h6 { color: #fff; letter-spacing: -0.3px; font-weight: 800; }
p, li, span:not([class]), label { color: var(--bs-fg); }

a {
    color: var(--bs-cyan);
    text-decoration: none;
    transition: color .15s ease, text-shadow .15s ease;
}
a:hover { color: var(--bs-cyan-bright); }

/* Scrollbar */
* { scrollbar-color: var(--bs-cyan) var(--bs-bg); scrollbar-width: thin; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--bs-bg); }
::-webkit-scrollbar-thumb {
    background: var(--bs-cyan-grad);
    border: 2px solid var(--bs-bg);
    border-radius: 10px;
}

/* Inputs */
input[type="text"], input[type="email"], input[type="password"],
input[type="search"], input[type="number"], input[type="url"], input[type="tel"],
textarea, select {
    background: rgba(8, 17, 31, 0.6);
    border: 1px solid var(--bs-line);
    color: var(--bs-fg);
    border-radius: var(--bs-r-sm);
    padding: 11px 14px;
    font: inherit;
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
input:focus, textarea:focus, select:focus {
    border-color: var(--bs-cyan-bright);
    background: rgba(8, 17, 31, 0.85);
    box-shadow: 0 0 0 3px rgba(0, 195, 226, 0.18);
    outline: 0;
}
input::placeholder, textarea::placeholder { color: var(--bs-fg-mute); }

/* ============ Buttons base ============ */
.bs-btn,
button.bs-btn,
a.bs-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 22px;
    border-radius: var(--bs-r-sm);
    font-weight: 700;
    font-size: 13.5px;
    letter-spacing: 0.2px;
    cursor: pointer;
    border: 0;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, background .18s ease;
    position: relative;
    overflow: hidden;
}
.bs-btn-primary, button.bs-btn-primary, a.bs-btn-primary {
    background: var(--bs-cyan-grad);
    color: #001520;
    box-shadow: 0 8px 24px -8px rgba(0, 195, 226, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.bs-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px -8px rgba(0, 195, 226, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.35);
    filter: brightness(1.05);
    color: #001520;
}
.bs-btn-ghost, a.bs-btn-ghost {
    background: rgba(0, 195, 226, 0.08);
    color: var(--bs-cyan-bright);
    border: 1px solid var(--bs-line-strong);
}
.bs-btn-ghost:hover {
    background: rgba(0, 195, 226, 0.16);
    border-color: var(--bs-cyan-bright);
    box-shadow: var(--bs-glow-soft);
    transform: translateY(-1px);
    color: var(--bs-cyan-bright);
}

/* ============ Surface utility ============ */
.bs-surface {
    background: linear-gradient(180deg, var(--bs-bg-2) 0%, var(--bs-bg-1) 100%);
    border: 1px solid var(--bs-line);
    border-radius: var(--bs-r-lg);
    box-shadow: var(--bs-shadow-sm);
}
.bs-surface-elev {
    background: linear-gradient(180deg, var(--bs-bg-3) 0%, var(--bs-bg-2) 100%);
    border: 1px solid var(--bs-line-strong);
    border-radius: var(--bs-r-lg);
    box-shadow: var(--bs-shadow-md);
}

/* ============ Header ============ */
.bs-header,
header.site-header,
#masthead {
    background: rgba(8, 14, 26, 0.78);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-bottom: 1px solid var(--bs-line);
    position: sticky;
    top: 0;
    z-index: 100;
}
.bs-header::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, var(--bs-cyan) 30%, var(--bs-cyan-bright) 50%, var(--bs-cyan) 70%, transparent 100%);
    background-size: 200% 100%;
    animation: bsFlow 8s linear infinite;
    pointer-events: none;
}
@keyframes bsFlow { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }

/* ============ Cards de jogos ============ */
.bs-card,
.bs-game-card,
.game-card,
.game-list-item,
article.post-game,
.bs-tile,
.bs-block {
    background: linear-gradient(180deg, var(--bs-bg-2) 0%, var(--bs-bg-1) 100%);
    border: 1px solid var(--bs-line);
    border-radius: var(--bs-r-md);
    box-shadow: var(--bs-shadow-sm);
    transition: transform .25s cubic-bezier(.2,.8,.2,1), border-color .25s ease, box-shadow .25s ease;
    overflow: hidden;
    position: relative;
}
.bs-card:hover, .bs-game-card:hover, .game-card:hover,
.game-list-item:hover, .bs-tile:hover {
    transform: translateY(-3px);
    border-color: var(--bs-line-strong);
    box-shadow: 0 18px 44px -12px rgba(0, 195, 226, 0.22), 0 0 0 1px rgba(0, 195, 226, 0.10);
}

.game-list-title { color: #fff !important; font-weight: 700; }
.game-list-item:hover .game-list-title { color: var(--bs-cyan-bright) !important; }
.game-list-meta { color: var(--bs-fg-mute) !important; font-size: 12px; }
.game-list-meta i { color: var(--bs-cyan); }

/* ============ Badges (formato NSP/XCI/NSZ) ============ */
.bs-format-badge,
.format-NSP, .format-XCI, .format-NSZ, .format-XCZ,
.bs-format-nsp, .bs-format-xci, .bs-format-nsz, .bs-format-xcz {
    display: inline-block;
    padding: 4px 10px;
    border-radius: var(--bs-r-xs);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #fff;
    margin-right: 4px;
}
.bs-format-badge.nsp, .format-NSP, .bs-format-nsp { background: var(--bs-cyan-grad); color: #001520; }
.bs-format-badge.xci, .format-XCI, .bs-format-xci { background: linear-gradient(135deg, #00ff95 0%, #00b870 100%); color: #002510; }
.bs-format-badge.nsz, .format-NSZ, .bs-format-nsz,
.bs-format-badge.xcz, .format-XCZ, .bs-format-xcz { background: linear-gradient(135deg, #ffb547 0%, #d47a00 100%); color: #2a1500; }

/* ============ Tags ============ */
.bs-tag, .bs-pill, .bs-chip, .tag, .chip,
.taxonomy-game_category a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 11px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    background: rgba(0, 195, 226, 0.10);
    color: var(--bs-cyan-bright);
    border: 1px solid var(--bs-line);
    text-decoration: none;
    transition: all .15s ease;
}
.bs-tag:hover, .bs-pill:hover, .bs-chip:hover, .taxonomy-game_category a:hover {
    background: rgba(0, 195, 226, 0.20);
    border-color: var(--bs-cyan);
    color: var(--bs-cyan-bright);
}

/* ============ Sidebar widgets ============ */
.sidebar-widget,
.widget,
aside.widget {
    background: linear-gradient(180deg, var(--bs-bg-2) 0%, var(--bs-bg-1) 100%);
    border: 1px solid var(--bs-line);
    border-radius: var(--bs-r-md);
    overflow: hidden;
    margin-bottom: 18px;
    box-shadow: var(--bs-shadow-sm);
}
.sw-header {
    background: linear-gradient(180deg, var(--bs-bg-3) 0%, var(--bs-bg-2) 100%);
    padding: 14px 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid var(--bs-line);
    position: relative;
}
.sw-header::after {
    content: "";
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, var(--bs-cyan) 50%, transparent 100%);
}
.sw-header i { color: var(--bs-cyan); font-size: 14px; filter: drop-shadow(0 0 6px rgba(0, 195, 226, 0.35)); }
.sw-header h2, .sw-header h3, .sw-title {
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    margin: 0;
}
.widget-title, .titulo-widget {
    background: linear-gradient(180deg, var(--bs-bg-3) 0%, var(--bs-bg-2) 100%);
    padding: 14px 18px;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    margin: 0;
    border-bottom: 1px solid var(--bs-line);
    position: relative;
}
.widget-title::after, .titulo-widget::after {
    content: "";
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, var(--bs-cyan) 50%, transparent 100%);
}

/* ============ Pagination ============ */
.pagination, .nav-links {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin: 32px 0;
    justify-content: center;
}
.page-numbers {
    background: var(--bs-bg-2);
    border: 1px solid var(--bs-line);
    color: var(--bs-fg);
    padding: 9px 15px;
    border-radius: var(--bs-r-sm);
    text-decoration: none;
    font-weight: 600;
    transition: all .15s ease;
}
.page-numbers:hover {
    border-color: var(--bs-cyan);
    color: var(--bs-cyan-bright);
    box-shadow: var(--bs-glow-soft);
}
.page-numbers.current {
    background: var(--bs-cyan-grad);
    color: #001520;
    border-color: transparent;
    box-shadow: 0 8px 24px -8px rgba(0, 195, 226, 0.6);
}

/* ============ Filter pills — estilo unificado em .filter-menu:not(.filter-mobile-wrap) abaixo ============ */

/* ============ Footer ============ */
footer.site-footer, .bs-footer, #colophon {
    background: linear-gradient(180deg, var(--bs-bg-1) 0%, var(--bs-bg) 100%);
    border-top: 1px solid var(--bs-line);
    color: var(--bs-fg-soft);
    padding: 40px 0 30px;
    margin-top: 60px;
}
.bs-footer a, footer.site-footer a { color: var(--bs-fg-soft); }
.bs-footer a:hover, footer.site-footer a:hover { color: var(--bs-cyan-bright); }

/* ============ Toasts ============ */
.bs-toast, .toast, .notice {
    background: var(--bs-bg-2);
    border: 1px solid var(--bs-line);
    border-left: 4px solid var(--bs-cyan);
    border-radius: var(--bs-r-sm);
    color: var(--bs-fg);
    padding: 14px 18px;
    box-shadow: var(--bs-shadow-md);
}

/* ============ Comments globais ============ */
.bs-comment-item, .comment-item, .comment-list .comment {
    background: var(--bs-bg-2);
    border: 1px solid var(--bs-line);
    border-radius: var(--bs-r-md);
    padding: 16px 18px;
    margin-bottom: 12px;
    color: var(--bs-fg);
}
.bs-comment-author, .bs-comment-name, .comment-author cite {
    color: var(--bs-cyan-bright);
    font-weight: 700;
}
.bs-comment-date, .comment-meta { color: var(--bs-fg-mute); font-size: 12px; }

/* ============ Helpers ============ */
.bs-text-cyan { color: var(--bs-cyan-bright); }
.bs-text-mute { color: var(--bs-fg-mute); }
.bs-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, var(--bs-line-strong) 50%, transparent 100%);
    margin: 24px 0;
    border: 0;
}
hr { border: 0; border-top: 1px solid var(--bs-line); margin: 24px 0; }

/* ============ Section title with cyan bar ============ */
.bs-section-title, .section-title, h2.section-heading {
    position: relative;
    padding-left: 16px;
    color: #fff;
    font-weight: 800;
}
.bs-section-title::before, .section-title::before, h2.section-heading::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 4px;
    background: var(--bs-cyan-grad);
    border-radius: 2px;
    box-shadow: var(--bs-glow-soft);
}


/* ============================================================
   FILE: cards-v4.css
   ============================================================ */
/**
 * CARDS V4 — Polish "Cyan Modern" minimal.
 *
 * Estratégia: NÃO refaz layout. Preserva todo o styling de .bs-game-card
 * que vem de dark-theme.css (fundo, borda, padding, cover retangular).
 * Apenas REFORÇA o cyan no hover/elementos onde sobravam vermelhos
 * residuais (sweep + override). Plus correção do bug branco na seção
 * de comentários do single-game (`bs-comments-section`).
 */

/* =========================================================================
   1. DOWNLOAD BUTTON (lista) — força cyan grad
   ========================================================================= */
.bs-dl-btn,
.card-dl-btn {
    background: linear-gradient(135deg, #00c3e2 0%, #0095c8 100%) !important;
    color: #fff !important;
    box-shadow:
        0 10px 26px rgba(0, 195, 226, 0.55),
        0 0 0 6px rgba(0, 195, 226, 0.18),
        0 0 0 12px rgba(0, 195, 226, 0.08),
        0 1px 0 rgba(255, 255, 255, 0.25) inset !important;
}
.bs-game-card:hover .bs-dl-btn,
.game-card:hover .card-dl-btn {
    transform: scale(1) !important;
    opacity: 1 !important;
}
.bs-dl-btn:hover,
.card-dl-btn:hover {
    box-shadow:
        0 14px 36px rgba(0, 195, 226, 0.75),
        0 0 0 8px rgba(0, 195, 226, 0.22),
        0 0 0 16px rgba(0, 195, 226, 0.10),
        0 1px 0 rgba(255, 255, 255, 0.30) inset !important;
}

/* List view: botão "Baixar" premium em pills */
.bs-games-grid.list-view .bs-list-dl-btn,
.games-grid.list-view .list-dl-btn {
    background: linear-gradient(135deg, #00c3e2 0%, #0095c8 100%) !important;
    color: #fff !important;
    border-radius: 100px !important;
    box-shadow: 0 6px 18px rgba(0, 195, 226, 0.35), 0 1px 0 rgba(255,255,255,0.2) inset !important;
}
.bs-games-grid.list-view .bs-list-dl-btn:hover,
.games-grid.list-view .list-dl-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 26px rgba(0, 195, 226, 0.55), 0 1px 0 rgba(255,255,255,0.25) inset !important;
}

/* =========================================================================
   2. HOVER cyan glow stronger (mantém todo o resto do dark-theme)
   ========================================================================= */
.bs-games-grid .bs-game-card:hover,
.bs-game-card:hover {
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.55),
        0 8px 24px rgba(0, 195, 226, 0.22),
        0 0 0 1px rgba(0, 195, 226, 0.18) inset,
        0 1px 0 rgba(255, 255, 255, 0.10) inset !important;
}

/* Hover do título tinge sutilmente em cyan claro */
.bs-game-card:hover .bs-game-card-title,
.game-card:hover .game-card-title {
    color: #00d4ff !important;
}

/* =========================================================================
   3. PAGINATION cyan polish
   ========================================================================= */
.bs-pagination span.current,
.pagination span.current {
    background: linear-gradient(135deg, #00c3e2 0%, #0095c8 100%) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow:
        0 6px 20px rgba(0, 195, 226, 0.45),
        0 1px 0 rgba(255, 255, 255, 0.2) inset !important;
}
.bs-pagination a:hover,
.pagination a:hover {
    background: linear-gradient(135deg, rgba(0, 195, 226, 0.15), rgba(0, 195, 226, 0.04)) !important;
    border-color: rgba(0, 195, 226, 0.4) !important;
    color: #fff !important;
}

/* =========================================================================
   4. COMMENTS SECTION (single-game) — fix bg branco no fundo escuro
   ========================================================================= */
.bs-comments-section {
    background: linear-gradient(180deg, rgba(20, 22, 36, 0.85) 0%, rgba(14, 16, 28, 0.85) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 26px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(0, 195, 226, 0.06) inset !important;
    backdrop-filter: blur(12px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(140%) !important;
    margin-top: 25px !important;
    overflow: hidden !important;
}
.bs-comments-header {
    background: linear-gradient(135deg, rgba(0, 195, 226, 0.10) 0%, rgba(20, 22, 36, 0) 60%) !important;
    border-bottom: 1px solid rgba(0, 195, 226, 0.22) !important;
    padding: 16px 22px !important;
    border-radius: 14px 14px 0 0 !important;
}
.bs-comments-header h3 {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.6px !important;
}
.bs-comments-header h3 i {
    color: #00c3e2 !important;
    opacity: 1 !important;
}
.bs-comment-form {
    background: rgba(255, 255, 255, 0.02) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    padding: 20px 22px !important;
}
.bs-comment-form-body textarea {
    background: rgba(0, 0, 0, 0.45) !important;
    color: #f0f0f5 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 10px !important;
}
.bs-comment-form-body textarea::placeholder {
    color: rgba(255, 255, 255, 0.35) !important;
}
.bs-comment-form-body textarea:focus {
    border-color: rgba(0, 195, 226, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(0, 195, 226, 0.12) !important;
    outline: none !important;
}
.bs-comment-form-body button {
    background: linear-gradient(135deg, #00c3e2 0%, #0095c8 100%) !important;
    color: #fff !important;
    border-radius: 100px !important;
    border: 0 !important;
    padding: 11px 22px !important;
    font-weight: 700 !important;
    letter-spacing: 0.4px !important;
    box-shadow: 0 6px 18px rgba(0, 195, 226, 0.35), 0 1px 0 rgba(255,255,255,0.2) inset !important;
}
.bs-comment-form-body button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 26px rgba(0, 195, 226, 0.55), 0 1px 0 rgba(255,255,255,0.25) inset !important;
}

/* Login prompt */
.bs-comment-login-prompt {
    background: rgba(0, 195, 226, 0.04) !important;
    border: 1px solid rgba(0, 195, 226, 0.12) !important;
    border-radius: 12px !important;
    padding: 36px 24px !important;
    color: rgba(255, 255, 255, 0.75) !important;
    margin: 18px !important;
}
.bs-comment-login-prompt a,
.bs-comment-login-prompt button {
    color: #00d4ff !important;
}

/* Lista de comentários existentes */
.bs-comments-list,
.post-comments {
    background: transparent !important;
    padding: 8px 16px 18px !important;
}
.post-comments li.comment {
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
    padding: 14px 6px !important;
}
.post-comments li.comment .scontent {
    border-left: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: rgba(255, 255, 255, 0.85) !important;
    padding-left: 14px !important;
}
.post-comments li.comment .scontent .comment-header {
    color: #fff !important;
}
.post-comments li.comment .scontent p {
    color: rgba(255, 255, 255, 0.65) !important;
}
.post-comments .comment-time {
    background: rgba(255, 255, 255, 0.06) !important;
    color: rgba(255, 255, 255, 0.6) !important;
    border-radius: 6px !important;
}
.post-comments .comment-reply-link {
    color: #fff !important;
    background: rgba(0, 195, 226, 0.15) !important;
    border-radius: 100px !important;
    padding: 4px 12px !important;
    transition: background .2s ease !important;
}
.post-comments .comment-reply-link:hover {
    background: rgba(0, 195, 226, 0.30) !important;
}
.comment-respond h3 {
    color: #fff !important;
}
.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond input[type="url"],
.comment-respond textarea {
    background: rgba(0, 0, 0, 0.45) !important;
    color: #f0f0f5 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
}
.comment-respond input[type="submit"] {
    background: linear-gradient(135deg, #00c3e2 0%, #0095c8 100%) !important;
    color: #fff !important;
    border-radius: 100px !important;
    border: 0 !important;
}

/* =========================================================================
   5. TWEAKS pequenos no spotlight ("Em destaque agora")
   ========================================================================= */
.bs-spot-card:hover,
.bs-spotlight-card:hover {
    border-color: rgba(0, 195, 226, 0.45) !important;
    box-shadow: 0 12px 32px rgba(0, 195, 226, 0.18) !important;
}

/* =========================================================================
   6. Garantir que NENHUM gradient legado misture vermelho com cyan
   (catch-all para qualquer rgba(255,*,*) ou rgb hex de red residual em
   classes de stat/icon/badge — força versão cyan dark.)
   ========================================================================= */
.pf-stat-ico.red,
.bs-hero-feat-icon--red,
.bs-hero-chip .ico.red,
.pf-trust-ico.red,
.pf-trust-badge.red {
    background: linear-gradient(135deg, #00c3e2, #0088c8) !important;
    color: #fff !important;
    border-color: rgba(0, 195, 226, 0.35) !important;
    box-shadow: 0 4px 12px rgba(0, 195, 226, 0.4) !important;
}


/* ============================================================
   FILE: nav-bar-v19.css
   ============================================================ */
/* =============================================================
   NAVIGATION BAR V19 — "Command Deck"
   Barra UNIFICADA para: index.php, archive-game.php,
   page-jogos-traduzidos.php, page-jogos-az.php.
   Ativada via classe .bs-navbar-v19 no container .filter-menu.
   Design inspirado em HUDs gaming premium + Apple segmented control.
   ============================================================= */

/* Container — LED deck escuro com corner brackets */
body .filter-menu.bs-navbar-v19 {
    display: flex !important;
    align-items: stretch !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 22px 0 28px !important;
    background:
        linear-gradient(180deg, rgba(12, 22, 38, 0.92) 0%, rgba(6, 12, 22, 0.94) 100%),
        radial-gradient(ellipse 80% 60% at 50% 0%, rgba(0, 212, 255, 0.12) 0%, transparent 70%) !important;
    border: 1px solid rgba(0, 195, 226, 0.22) !important;
    border-radius: 14px !important;
    backdrop-filter: blur(18px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
    box-shadow:
        0 12px 34px -14px rgba(0, 195, 226, 0.28),
        0 2px 10px rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        inset 0 -1px 0 rgba(0, 0, 0, 0.3) !important;
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    justify-content: flex-start !important;
}

/* LED top line animada */
body .filter-menu.bs-navbar-v19::before {
    content: "" !important;
    position: absolute !important;
    top: 0; left: 20%; right: 20% !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(0, 212, 255, 0.9), transparent) !important;
    box-shadow: 0 0 10px rgba(0, 212, 255, 0.6) !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

/* Corner brackets — 4 cantos estilo HUD */
body .filter-menu.bs-navbar-v19::after {
    content: "" !important;
    position: absolute !important;
    inset: 6px !important;
    pointer-events: none !important;
    border-radius: 9px !important;
    background:
        /* top-left */
        linear-gradient(135deg, rgba(0, 212, 255, 0.4) 0, rgba(0, 212, 255, 0.4) 1px, transparent 1px) top left / 12px 12px no-repeat,
        linear-gradient(135deg, rgba(0, 212, 255, 0.4) 0, rgba(0, 212, 255, 0.4) 1px, transparent 1px) top left / 1px 12px no-repeat,
        /* top-right */
        linear-gradient(225deg, rgba(0, 212, 255, 0.4) 0, rgba(0, 212, 255, 0.4) 1px, transparent 1px) top right / 12px 1px no-repeat,
        linear-gradient(225deg, rgba(0, 212, 255, 0.4) 0, rgba(0, 212, 255, 0.4) 1px, transparent 1px) top right / 1px 12px no-repeat,
        /* bottom-left */
        linear-gradient(45deg, rgba(0, 212, 255, 0.4) 0, rgba(0, 212, 255, 0.4) 1px, transparent 1px) bottom left / 12px 1px no-repeat,
        linear-gradient(45deg, rgba(0, 212, 255, 0.4) 0, rgba(0, 212, 255, 0.4) 1px, transparent 1px) bottom left / 1px 12px no-repeat,
        /* bottom-right */
        linear-gradient(-45deg, rgba(0, 212, 255, 0.4) 0, rgba(0, 212, 255, 0.4) 1px, transparent 1px) bottom right / 12px 1px no-repeat,
        linear-gradient(-45deg, rgba(0, 212, 255, 0.4) 0, rgba(0, 212, 255, 0.4) 1px, transparent 1px) bottom right / 1px 12px no-repeat !important;
    z-index: 1 !important;
}

/* ======================= TABS ======================= */
body .filter-menu.bs-navbar-v19 .filter-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 14px 22px !important;
    background: transparent !important;
    border: 0 !important;
    border-right: 1px solid rgba(0, 195, 226, 0.10) !important;
    border-radius: 0 !important;
    color: rgba(255, 255, 255, 0.62) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: color .28s cubic-bezier(.2,.8,.2,1), background .28s cubic-bezier(.2,.8,.2,1) !important;
    position: relative !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    z-index: 3 !important;
    flex: 0 0 auto !important;
    min-height: 48px !important;
}
body .filter-menu.bs-navbar-v19 .filter-btn:last-of-type {
    border-right: 0 !important;
}

body .filter-menu.bs-navbar-v19 .filter-btn i {
    font-size: 13px !important;
    color: rgba(0, 212, 255, 0.70) !important;
    transition: color .28s cubic-bezier(.2,.8,.2,1), transform .28s cubic-bezier(.2,.8,.2,1), filter .28s !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
}

/* HOVER */
body .filter-menu.bs-navbar-v19 .filter-btn:hover {
    background: linear-gradient(180deg, rgba(0, 195, 226, 0.08) 0%, rgba(0, 195, 226, 0.02) 100%) !important;
    color: #fff !important;
    transform: none !important;
}
body .filter-menu.bs-navbar-v19 .filter-btn:hover i {
    color: #00d4ff !important;
    filter: drop-shadow(0 0 7px rgba(0, 212, 255, 0.7)) !important;
    transform: scale(1.1) !important;
}

/* ACTIVE — fundo cyan dark gradient + luz cyan brilhante no TOPO da tab ativa */
body .filter-menu.bs-navbar-v19 .filter-btn.active {
    background:
        linear-gradient(180deg, rgba(0, 195, 226, 0.16) 0%, rgba(0, 195, 226, 0.03) 60%, transparent 100%) !important;
    color: #fff !important;
    text-shadow: 0 0 14px rgba(0, 212, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4) !important;
    border-right-color: rgba(0, 195, 226, 0.22) !important;
}
body .filter-menu.bs-navbar-v19 .filter-btn.active::before {
    content: "" !important;
    position: absolute !important;
    top: -1px; left: 12%; right: 12% !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent 0%, #00d4ff 50%, transparent 100%) !important;
    box-shadow: 0 0 14px rgba(0, 212, 255, 0.9), 0 0 4px rgba(255, 255, 255, 0.8) !important;
    pointer-events: none !important;
    animation: navV19TopPulse 2.4s ease-in-out infinite !important;
    border-radius: 0 0 2px 2px !important;
}
@keyframes navV19TopPulse {
    0%, 100% { opacity: 1; transform: scaleX(1); }
    50%      { opacity: 0.55; transform: scaleX(0.7); }
}

/* subtle vignette na base da tab ativa */
body .filter-menu.bs-navbar-v19 .filter-btn.active::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0; left: 0; right: 0 !important;
    height: 30% !important;
    background: radial-gradient(ellipse 60% 100% at 50% 100%, rgba(0, 212, 255, 0.18) 0%, transparent 70%) !important;
    pointer-events: none !important;
    z-index: -1 !important;
}

body .filter-menu.bs-navbar-v19 .filter-btn.active i {
    color: #7ce7ff !important;
    filter: drop-shadow(0 0 10px rgba(0, 212, 255, 0.95)) !important;
}

/* ===================== VIEW TOGGLE ===================== */
body .filter-menu.bs-navbar-v19 .view-toggle {
    margin-left: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
    padding: 6px !important;
    background: rgba(0, 0, 0, 0.35) !important;
    border: 0 !important;
    border-left: 1px solid rgba(0, 195, 226, 0.18) !important;
    border-radius: 0 !important;
    height: auto !important;
    align-self: stretch !important;
    z-index: 3 !important;
    position: relative !important;
}
body .filter-menu.bs-navbar-v19 .view-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: rgba(255, 255, 255, 0.50) !important;
    text-decoration: none !important;
    transition: all .25s cubic-bezier(.2,.8,.2,1) !important;
}
body .filter-menu.bs-navbar-v19 .view-btn i {
    font-size: 12px !important;
}
body .filter-menu.bs-navbar-v19 .view-btn:hover {
    background: rgba(0, 195, 226, 0.10) !important;
    color: #00d4ff !important;
}
body .filter-menu.bs-navbar-v19 .view-btn.active {
    background: linear-gradient(135deg, rgba(0, 195, 226, 0.30) 0%, rgba(0, 149, 200, 0.12) 100%) !important;
    color: #fff !important;
    box-shadow:
        0 2px 8px rgba(0, 195, 226, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.15),
        0 0 0 1px rgba(0, 212, 255, 0.35) !important;
}

/* ===================== RESPONSIVO ===================== */
@media (max-width: 1080px) {
    body .filter-menu.bs-navbar-v19 .filter-btn {
        padding: 13px 16px !important;
        font-size: 11.5px !important;
    }
}
@media (max-width: 768px) {
    body .filter-menu.bs-navbar-v19 {
        overflow-x: auto !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        border-radius: 12px !important;
    }
    body .filter-menu.bs-navbar-v19::-webkit-scrollbar { display: none !important; }
    body .filter-menu.bs-navbar-v19 .filter-btn {
        padding: 12px 14px !important;
        font-size: 11px !important;
        min-height: 44px !important;
    }
    body .filter-menu.bs-navbar-v19 .filter-btn i { font-size: 12px !important; }
    body .filter-menu.bs-navbar-v19 .view-toggle { padding: 4px !important; }
    body .filter-menu.bs-navbar-v19 .view-btn { width: 30px !important; height: 30px !important; }
}


/* ============================================================
   FILE: section-header-v19.css
   ============================================================ */
/* =============================================================
   SECTION HEADER V19 — "Briefing Panel"
   Usado em: page-jogos-traduzidos.php e page-jogos-az.php
   Elementos: ícone HUD + título gradient + badge count + pagination
   pill + barra de luz cyan ondulando na base (estilo comando).
   ============================================================= */

body .section-header {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    padding: 22px 24px !important;
    margin: 8px 0 30px !important;
    background:
        linear-gradient(135deg, rgba(10, 20, 36, 0.72) 0%, rgba(6, 12, 22, 0.80) 100%),
        radial-gradient(ellipse 70% 100% at 0% 50%, rgba(0, 195, 226, 0.14) 0%, transparent 70%) !important;
    border: 1px solid rgba(0, 195, 226, 0.20) !important;
    border-radius: 16px !important;
    backdrop-filter: blur(18px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
    box-shadow:
        0 14px 36px -14px rgba(0, 195, 226, 0.30),
        0 2px 10px rgba(0, 0, 0, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    overflow: hidden !important;
    isolation: isolate !important;
    flex-wrap: wrap !important;
}

/* Top LED — linha cyan brilhante animada */
body .section-header::before {
    content: "" !important;
    position: absolute !important;
    top: 0; left: 10%; right: 10% !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(0, 212, 255, 0.85), transparent) !important;
    box-shadow: 0 0 12px rgba(0, 212, 255, 0.7) !important;
    pointer-events: none !important;
    z-index: 2 !important;
}
/* Bottom scan line — gradient oscilando subtle */
body .section-header::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0; left: 0; right: 0 !important;
    height: 2px !important;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(0, 195, 226, 0.15) 20%,
        rgba(0, 212, 255, 0.55) 50%,
        rgba(0, 195, 226, 0.15) 80%,
        transparent 100%) !important;
    pointer-events: none !important;
    z-index: 2 !important;
    animation: sectionScan 4s ease-in-out infinite !important;
}
@keyframes sectionScan {
    0%, 100% { opacity: 0.4; transform: translateX(-8%); }
    50%      { opacity: 1; transform: translateX(8%); }
}

/* Title */
body .section-header .section-title {
    position: relative !important;
    z-index: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 0 !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #fff !important;
    letter-spacing: -0.3px !important;
    flex-wrap: wrap !important;
}
body .section-header .section-title strong {
    color: #fff !important;
    font-weight: 900 !important;
    background: none !important;
    -webkit-text-fill-color: initial !important;
}

/* Icon HUD — square rounded glow */
body .section-header .section-title .icon {
    position: relative !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #00c3e2 0%, #0095c8 55%, #0078a8 100%) !important;
    box-shadow:
        0 8px 22px rgba(0, 195, 226, 0.55),
        0 0 0 1px rgba(0, 212, 255, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.28),
        inset 0 -8px 12px rgba(0, 0, 0, 0.2) !important;
    flex-shrink: 0 !important;
    transition: transform .35s cubic-bezier(.2,.8,.2,1) !important;
}
body .section-header .section-title .icon::before {
    content: "" !important;
    position: absolute !important;
    inset: 3px !important;
    border-radius: 9px !important;
    background: radial-gradient(circle at 30% 25%, rgba(255, 255, 255, 0.28) 0%, transparent 60%) !important;
    pointer-events: none !important;
}
body .section-header .section-title .icon::after {
    content: "" !important;
    position: absolute !important;
    inset: -4px !important;
    border-radius: 15px !important;
    background: radial-gradient(circle, rgba(0, 212, 255, 0.35) 0%, transparent 70%) !important;
    filter: blur(10px) !important;
    z-index: -1 !important;
    animation: iconGlowPulse 2.8s ease-in-out infinite !important;
    pointer-events: none !important;
}
@keyframes iconGlowPulse {
    0%, 100% { opacity: 0.6; transform: scale(1); }
    50%      { opacity: 1;   transform: scale(1.08); }
}
body .section-header:hover .section-title .icon {
    transform: scale(1.05) rotate(-5deg) !important;
}

/* Letter Badge (A-Z page) */
body .section-header .section-title .letter-badge {
    width: 44px !important;
    height: 44px !important;
    background:
        linear-gradient(180deg, rgba(0, 195, 226, 0.22) 0%, rgba(0, 195, 226, 0.06) 100%) !important;
    border: 1px solid rgba(0, 212, 255, 0.45) !important;
    color: #7ce7ff !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    font-family: 'JetBrains Mono', 'SF Mono', monospace !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    text-shadow: 0 0 18px rgba(0, 212, 255, 0.7) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 4px 14px rgba(0, 195, 226, 0.28) !important;
    position: relative !important;
}

/* Count pill */
body .section-header .section-title .count {
    margin-left: 8px !important;
    padding: 8px 14px !important;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.15) 100%) !important;
    border: 1px solid rgba(0, 195, 226, 0.22) !important;
    border-radius: 100px !important;
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}
body .section-header .section-title .count::before {
    content: "" !important;
    width: 6px; height: 6px !important;
    border-radius: 50% !important;
    background: #10b981 !important;
    box-shadow: 0 0 8px rgba(16, 185, 129, 0.8) !important;
    animation: countDotPulse 1.8s ease-in-out infinite !important;
    flex-shrink: 0 !important;
}
@keyframes countDotPulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%      { opacity: 0.5; transform: scale(0.7); }
}

/* Responsivo */
@media (max-width: 680px) {
    body .section-header {
        padding: 16px 16px !important;
        margin: 6px 0 24px !important;
        border-radius: 14px !important;
    }
    body .section-header .section-title {
        font-size: 17px !important;
        gap: 10px !important;
    }
    body .section-header .section-title .icon {
        width: 38px !important;
        height: 38px !important;
        font-size: 16px !important;
        border-radius: 10px !important;
    }
    body .section-header .section-title .letter-badge {
        width: 38px !important;
        height: 38px !important;
        font-size: 18px !important;
        border-radius: 10px !important;
    }
    body .section-header .section-title .count {
        margin-left: 0 !important;
        flex-basis: 100% !important;
        font-size: 10.5px !important;
        padding: 7px 12px !important;
        justify-content: flex-start !important;
    }
}


/* ============================================================
   FILE: community-cards-v19.css
   ============================================================ */
/* =============================================================
   COMMUNITY FAVORITES V19 — Overrides específicos do bloco
   
   ⚠️ Os estilos BASE de card (frame reto, cover, botão download,
   overlay, badge-fw, brackets HUD) vivem em /css/latest-games-v19.css
   aplicados via .bs-premium-grid:not(.list-view).
   
   Este arquivo aplica APENAS:
   - Grid 6×2 específico do bloco Favoritos
   - Badge "Floating Gem" do contador de favoritos (heart)
   - Medalhas Top 3 (ouro/prata/bronze)
   ============================================================= */

/* ============ GRID 6×2 ============ */
body .bs-community-fav .bs-games-grid.bs-cf-grid {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 14px !important;
}
@media (max-width: 1200px) { body .bs-community-fav .bs-games-grid.bs-cf-grid { grid-template-columns: repeat(6, 1fr) !important; gap: 12px !important; } }
@media (max-width: 992px)  { body .bs-community-fav .bs-games-grid.bs-cf-grid { grid-template-columns: repeat(4, 1fr) !important; gap: 12px !important; } }
@media (max-width: 720px)  { body .bs-community-fav .bs-games-grid.bs-cf-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 10px !important; } }
@media (max-width: 480px)  { body .bs-community-fav .bs-games-grid.bs-cf-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; } }

/* As covers no Favoritos (grid 6x2) são menores; mantemos o botão de download
   com tamanho confortável (visível mas proporcional) — antes estava 28×28px
   minúsculo, agora 48×48px que combina com a cover sem dominar. */
body .bs-community-fav .bs-games-grid.bs-cf-grid .card-dl-btn {
    width: 48px !important;
    height: 48px !important;
    font-size: 17px !important;
    border-width: 2px !important;
    box-shadow:
        0 9px 24px rgba(0, 195, 226, 0.55),
        0 0 0 4px rgba(0, 212, 255, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
}
body .bs-community-fav .bs-games-grid.bs-cf-grid .card-dl-btn::before {
    inset: -8px !important;
    filter: blur(10px) !important;
}
@media (max-width: 720px) {
    body .bs-community-fav .bs-games-grid.bs-cf-grid .card-dl-btn {
        width: 42px !important;
        height: 42px !important;
        font-size: 15px !important;
    }
}

/* ============ BADGE "Floating Gem" colado na quina ============ */
body .bs-community-fav .bs-cf-badge {
    position: absolute !important;
    top: 2px !important;
    right: 2px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    padding: 2px 6px 2px 2px !important;
    height: 20px !important;
    background: linear-gradient(180deg, rgba(6, 14, 28, 0.88) 0%, rgba(2, 8, 18, 0.94) 100%) !important;
    border: 0 !important;
    border-radius: 7px !important;
    backdrop-filter: blur(10px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(160%) !important;
    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(0, 212, 255, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        inset 0 0 10px rgba(0, 195, 226, 0.08) !important;
    z-index: 12 !important;
    pointer-events: none !important;
    transition: all .3s cubic-bezier(.2,.8,.2,1) !important;
    color: #fff !important;
    line-height: 1 !important;
}
body .bs-community-fav .bs-cf-badge .bs-cf-badge-icon {
    width: 16px !important;
    height: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #ff4d6d 0%, #dc2626 100%) !important;
    color: #fff !important;
    box-shadow:
        0 1px 4px rgba(220, 38, 38, 0.6),
        inset 0 1px 0 rgba(255, 255, 255, 0.35),
        0 0 0 1px rgba(2, 8, 18, 0.8) !important;
    flex-shrink: 0 !important;
    animation: cfHeartBeat 1.6s ease-in-out infinite !important;
}
body .bs-community-fav .bs-cf-badge .bs-cf-badge-icon i {
    font-size: 7px !important;
    line-height: 1 !important;
    color: #fff !important;
}
@keyframes cfHeartBeat {
    0%, 60%, 100% { transform: scale(1); }
    15%           { transform: scale(1.22); }
    30%           { transform: scale(1.05); }
    45%           { transform: scale(1.18); }
}
body .bs-community-fav .bs-cf-badge .bs-cf-badge-count {
    font-family: 'JetBrains Mono', 'SF Mono', 'Menlo', monospace !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    color: #fff !important;
    letter-spacing: 0.3px !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7) !important;
    line-height: 1 !important;
}
body .bs-community-fav .bs-games-grid .game-card:hover .bs-cf-badge {
    box-shadow:
        0 4px 14px rgba(0, 0, 0, 0.65),
        0 0 0 1px rgba(0, 212, 255, 0.6),
        0 0 14px rgba(0, 212, 255, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
    transform: scale(1.06) !important;
}

/* --- Medalhas Top 3 --- */
body .bs-community-fav .bs-games-grid .bs-cf-card:nth-child(1) .bs-cf-badge {
    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(251, 191, 36, 0.55),
        0 0 12px rgba(251, 191, 36, 0.3),
        inset 0 1px 0 rgba(255, 222, 120, 0.2) !important;
}
body .bs-community-fav .bs-games-grid .bs-cf-card:nth-child(1) .bs-cf-badge .bs-cf-badge-icon {
    background: linear-gradient(135deg, #fde047 0%, #f59e0b 50%, #d97706 100%) !important;
    box-shadow: 0 1px 4px rgba(251, 191, 36, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 0 1px rgba(2, 8, 18, 0.8) !important;
}
body .bs-community-fav .bs-games-grid .bs-cf-card:nth-child(1) .bs-cf-badge::after {
    content: "\f521" !important;
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    position: absolute !important;
    top: -7px !important;
    right: -3px !important;
    font-size: 9px !important;
    color: #fbbf24 !important;
    filter: drop-shadow(0 0 5px rgba(251, 191, 36, 0.85)) drop-shadow(0 1px 2px rgba(0,0,0,0.7)) !important;
    transform: rotate(22deg) !important;
    pointer-events: none !important;
    line-height: 1 !important;
}
body .bs-community-fav .bs-games-grid .bs-cf-card:nth-child(2) .bs-cf-badge {
    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(203, 213, 225, 0.5),
        0 0 10px rgba(203, 213, 225, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}
body .bs-community-fav .bs-games-grid .bs-cf-card:nth-child(2) .bs-cf-badge .bs-cf-badge-icon {
    background: linear-gradient(135deg, #f1f5f9 0%, #cbd5e1 50%, #94a3b8 100%) !important;
    color: #1a1a2e !important;
    box-shadow: 0 1px 4px rgba(203, 213, 225, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.65), 0 0 0 1px rgba(2, 8, 18, 0.8) !important;
}
body .bs-community-fav .bs-games-grid .bs-cf-card:nth-child(2) .bs-cf-badge .bs-cf-badge-icon i { color: #1a1a2e !important; }
body .bs-community-fav .bs-games-grid .bs-cf-card:nth-child(3) .bs-cf-badge {
    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(251, 146, 60, 0.55),
        0 0 10px rgba(251, 146, 60, 0.25),
        inset 0 1px 0 rgba(251, 146, 60, 0.14) !important;
}
body .bs-community-fav .bs-games-grid .bs-cf-card:nth-child(3) .bs-cf-badge .bs-cf-badge-icon {
    background: linear-gradient(135deg, #fdba74 0%, #fb923c 50%, #c2410c 100%) !important;
    box-shadow: 0 1px 4px rgba(251, 146, 60, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 0 1px rgba(2, 8, 18, 0.8) !important;
}

/* Mobile badge compacta */
@media (max-width: 720px) {
    body .bs-community-fav .bs-cf-badge { top: 3px !important; right: 3px !important; height: 18px !important; padding: 1px 5px 1px 1px !important; gap: 2px !important; border-radius: 6px !important; }
    body .bs-community-fav .bs-cf-badge .bs-cf-badge-icon { width: 14px !important; height: 14px !important; }
    body .bs-community-fav .bs-cf-badge .bs-cf-badge-icon i { font-size: 6.5px !important; }
    body .bs-community-fav .bs-cf-badge .bs-cf-badge-count { font-size: 9px !important; }
    body .bs-community-fav .bs-games-grid .bs-cf-card:nth-child(1) .bs-cf-badge::after { font-size: 8px !important; top: -5px !important; right: -2px !important; }
}


/* ============================================================
   FILE: latest-games-v19.css
   ============================================================ */
/* =============================================================
   LATEST GAMES GRID V19 — "Gallery Frames Extended"
   
   Aplica o mesmo DNA premium do bloco "Favoritos da Comunidade"
   nas listagens padrão (Últimos Jogos, filtros da home, etc.)
   
   Wrapper: .games-grid.bs-premium-grid
   Escopo: cards da home abaixo do Favoritos da Comunidade.
   Cards usam as MESMAS classes (.game-card, .game-card-cover...)
   mas SEM o badge de heart (exclusivo de .bs-community-fav).
   ============================================================= */

/* Não sobrescreve list-view */
body .bs-premium-grid.list-view .game-card,
body .bs-premium-grid.list-view .game-card-cover,
body .bs-premium-grid.list-view .game-card-cover img {
    /* lista fica com o estilo original */
    padding: revert !important;
    border-radius: revert !important;
}

/* ============ FRAME ARREDONDADO + corner brackets cyan no hover ============ */
body .bs-premium-grid:not(.list-view) .game-card {
    position: relative !important;
    padding: 8px 8px 0 8px !important;
    background: linear-gradient(180deg, rgba(14, 24, 40, 0.85) 0%, rgba(10, 16, 28, 0.95) 100%) !important;
    border: 1.5px solid rgba(0, 195, 226, 0.28) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all .4s cubic-bezier(.2,.8,.2,1) !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.04) inset, 0 1px 0 rgba(255, 255, 255, 0.08) inset !important;
    isolation: isolate !important;
}
/* Corner brackets HUD style */
body .bs-premium-grid:not(.list-view) .game-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    z-index: 4 !important;
    background:
        linear-gradient(90deg, rgba(0, 212, 255, 0.6) 0, rgba(0, 212, 255, 0.6) 14px, transparent 14px) top left / 100% 1px no-repeat,
        linear-gradient(180deg, rgba(0, 212, 255, 0.6) 0, rgba(0, 212, 255, 0.6) 14px, transparent 14px) top left / 1px 100% no-repeat,
        linear-gradient(270deg, rgba(0, 212, 255, 0.6) 0, rgba(0, 212, 255, 0.6) 14px, transparent 14px) top right / 100% 1px no-repeat,
        linear-gradient(180deg, rgba(0, 212, 255, 0.6) 0, rgba(0, 212, 255, 0.6) 14px, transparent 14px) top right / 1px 100% no-repeat,
        linear-gradient(90deg, rgba(0, 212, 255, 0.6) 0, rgba(0, 212, 255, 0.6) 14px, transparent 14px) bottom left / 100% 1px no-repeat,
        linear-gradient(0deg, rgba(0, 212, 255, 0.6) 0, rgba(0, 212, 255, 0.6) 14px, transparent 14px) bottom left / 1px 100% no-repeat,
        linear-gradient(270deg, rgba(0, 212, 255, 0.6) 0, rgba(0, 212, 255, 0.6) 14px, transparent 14px) bottom right / 100% 1px no-repeat,
        linear-gradient(0deg, rgba(0, 212, 255, 0.6) 0, rgba(0, 212, 255, 0.6) 14px, transparent 14px) bottom right / 1px 100% no-repeat !important;
    opacity: 0 !important;
    transition: opacity .4s ease !important;
}
body .bs-premium-grid:not(.list-view) .game-card:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(0, 212, 255, 0.55) !important;
    box-shadow: 0 24px 50px -14px rgba(0, 195, 226, 0.48), 0 8px 20px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}
body .bs-premium-grid:not(.list-view) .game-card:hover::before { opacity: 1 !important; }

/* ============ COVER RETA ============ */
body .bs-premium-grid:not(.list-view) .game-card-cover {
    position: relative !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background: #050a14 !important;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.04) !important;
    transition: box-shadow .4s ease !important;
    aspect-ratio: 3/5 !important;
}
body .bs-premium-grid:not(.list-view) .game-card-cover img {
    border-radius: 0 !important;
    transition: transform .7s cubic-bezier(.25,.46,.45,.94), filter .4s ease !important;
}
body .bs-premium-grid:not(.list-view) .game-card:hover .game-card-cover img {
    transform: scale(1.08) !important;
    filter: brightness(0.85) saturate(1.1) !important;
}
body .bs-premium-grid:not(.list-view) .game-card:hover .game-card-cover {
    box-shadow: 0 10px 24px rgba(0, 195, 226, 0.22), inset 0 0 0 1px rgba(0, 212, 255, 0.22) !important;
}

/* ============ OVERLAY (sem sombra escura bottom — vitrine limpa) ============ */
body .bs-premium-grid:not(.list-view) .card-overlay {
    border-radius: 0 !important;
    background: transparent !important;
}
body .bs-premium-grid:not(.list-view) .card-overlay::before {
    background: linear-gradient(105deg, transparent 35%, rgba(0, 212, 255, 0.14) 45%, rgba(255, 255, 255, 0.30) 50%, rgba(0, 212, 255, 0.14) 55%, transparent 65%) !important;
}
/* badge-fw (firmware) glass sutil */
body .bs-premium-grid:not(.list-view) .badge-fw {
    background: rgba(0, 0, 0, 0.45) !important;
    backdrop-filter: blur(10px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(150%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* ============ DOWNLOAD BUTTON — CENTRALIZADO (grande 60x60 para Últimos Jogos) ============ */
body .bs-premium-grid:not(.list-view) .card-dl-btn {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) scale(0.4) !important;
    width: 60px !important;
    height: 60px !important;
    background: linear-gradient(135deg, #00d4ff 0%, #00c3e2 50%, #0095c8 100%) !important;
    color: #fff !important;
    font-size: 22px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important;
    transition: all .45s cubic-bezier(.34, 1.56, .64, 1) !important;
    box-shadow: 0 10px 28px rgba(0, 195, 226, 0.7), 0 0 0 6px rgba(0, 212, 255, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.35), inset 0 -4px 8px rgba(0, 0, 0, 0.15) !important;
    border: 2px solid rgba(255, 255, 255, 0.4) !important;
    z-index: 15 !important;
    text-decoration: none !important;
}
body .bs-premium-grid:not(.list-view) .card-dl-btn::before {
    content: "" !important;
    position: absolute !important;
    inset: -10px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(0, 212, 255, 0.55) 0%, transparent 70%) !important;
    filter: blur(10px) !important;
    z-index: -1 !important;
    opacity: 0.7 !important;
    animation: pgDlPulse 1.8s ease-in-out infinite !important;
}
@keyframes pgDlPulse {
    0%, 100% { opacity: 0.55; transform: scale(1); }
    50%      { opacity: 1;    transform: scale(1.15); }
}
body .bs-premium-grid:not(.list-view) .game-card:hover .card-dl-btn {
    opacity: 1 !important;
    transform: translate(-50%, -50%) scale(1) !important;
}
body .bs-premium-grid:not(.list-view) .card-dl-btn:hover {
    transform: translate(-50%, -50%) scale(1.1) rotate(8deg) !important;
    background: linear-gradient(135deg, #7ce7ff 0%, #00d4ff 50%, #00a8d6 100%) !important;
}

/* ============ TITLE ============ */
body .bs-premium-grid:not(.list-view) .game-card-title-wrap {
    padding: 10px 4px 6px !important;
    background: transparent !important;
    border-radius: 0 !important;
}
body .bs-premium-grid:not(.list-view) .game-card-title {
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #e8eef5 !important;
    letter-spacing: -0.1px !important;
}
body .bs-premium-grid:not(.list-view) .game-card:hover .game-card-title {
    color: #7ce7ff !important;
    text-shadow: 0 0 14px rgba(0, 212, 255, 0.5) !important;
}
body .bs-premium-grid:not(.list-view) .game-card-detail {
    color: rgba(255, 255, 255, 0.55) !important;
}
body .bs-premium-grid:not(.list-view) .game-card-detail i {
    color: #00d4ff !important;
    filter: drop-shadow(0 0 4px rgba(0, 212, 255, 0.4)) !important;
}

/* ============ HOVER CHIPS (server, genre, formato, versão) ============ */
body .bs-premium-grid:not(.list-view) .card-hover-chip {
    padding: 3px 7px !important;
    border-radius: 5px !important;
    background: rgba(0, 10, 20, 0.72) !important;
    border: 1px solid rgba(0, 195, 226, 0.3) !important;
    color: #c0e8f5 !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    font-size: 9px !important;
}
body .bs-premium-grid:not(.list-view) .card-hover-chip i { color: #7ce7ff !important; }

/* ============ RESPONSIVE ============ */
@media (max-width: 992px) {
    body .bs-premium-grid:not(.list-view) .card-dl-btn { width: 44px !important; height: 44px !important; font-size: 16px !important; }
}
@media (max-width: 576px) {
    body .bs-premium-grid:not(.list-view) .game-card { padding: 4px 4px 0 4px !important; }
    body .bs-premium-grid:not(.list-view) .card-dl-btn { width: 38px !important; height: 38px !important; font-size: 14px !important; }
}


/* ============================================================
   FILE: archive-compat-v19.css
   ============================================================ */
/* =============================================================
   ARCHIVE V19 — Extensão de compatibilidade
   
   O archive-game.php (/jogos/) usa markup legado com prefixo bs-:
   - .bs-game-card, .bs-game-card-cover, .bs-card-overlay, .bs-dl-btn,
     .bs-game-card-info, .bs-game-card-title, etc.
   
   Este CSS aplica o mesmo DNA premium V19 (frame reto, cover reta,
   corner brackets, overlay limpo, botão download 60x60) usando os
   seletores legados. Escopo: .bs-premium-grid:not(.list-view).
   ============================================================= */

/* ============ FRAME ARREDONDADO ============ */
body .bs-premium-grid:not(.list-view) .bs-game-card {
    position: relative !important;
    padding: 8px 8px 0 8px !important;
    background: linear-gradient(180deg, rgba(14, 24, 40, 0.85) 0%, rgba(10, 16, 28, 0.95) 100%) !important;
    border: 1.5px solid rgba(0, 195, 226, 0.28) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all .4s cubic-bezier(.2,.8,.2,1) !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.04) inset, 0 1px 0 rgba(255, 255, 255, 0.08) inset !important;
    isolation: isolate !important;
    display: flex !important;
    flex-direction: column !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
/* Corner brackets HUD style */
body .bs-premium-grid:not(.list-view) .bs-game-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    z-index: 4 !important;
    background:
        linear-gradient(90deg, rgba(0, 212, 255, 0.6) 0, rgba(0, 212, 255, 0.6) 14px, transparent 14px) top left / 100% 1px no-repeat,
        linear-gradient(180deg, rgba(0, 212, 255, 0.6) 0, rgba(0, 212, 255, 0.6) 14px, transparent 14px) top left / 1px 100% no-repeat,
        linear-gradient(270deg, rgba(0, 212, 255, 0.6) 0, rgba(0, 212, 255, 0.6) 14px, transparent 14px) top right / 100% 1px no-repeat,
        linear-gradient(180deg, rgba(0, 212, 255, 0.6) 0, rgba(0, 212, 255, 0.6) 14px, transparent 14px) top right / 1px 100% no-repeat,
        linear-gradient(90deg, rgba(0, 212, 255, 0.6) 0, rgba(0, 212, 255, 0.6) 14px, transparent 14px) bottom left / 100% 1px no-repeat,
        linear-gradient(0deg, rgba(0, 212, 255, 0.6) 0, rgba(0, 212, 255, 0.6) 14px, transparent 14px) bottom left / 1px 100% no-repeat,
        linear-gradient(270deg, rgba(0, 212, 255, 0.6) 0, rgba(0, 212, 255, 0.6) 14px, transparent 14px) bottom right / 100% 1px no-repeat,
        linear-gradient(0deg, rgba(0, 212, 255, 0.6) 0, rgba(0, 212, 255, 0.6) 14px, transparent 14px) bottom right / 1px 100% no-repeat !important;
    opacity: 0 !important;
    transition: opacity .4s ease !important;
}
body .bs-premium-grid:not(.list-view) .bs-game-card:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(0, 212, 255, 0.55) !important;
    background: linear-gradient(180deg, rgba(18, 32, 54, 0.92) 0%, rgba(12, 20, 36, 0.98) 100%) !important;
    box-shadow: 0 24px 50px -14px rgba(0, 195, 226, 0.48), 0 8px 20px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}
body .bs-premium-grid:not(.list-view) .bs-game-card:hover::before { opacity: 1 !important; }

/* ============ COVER RETA ============ */
body .bs-premium-grid:not(.list-view) .bs-game-card-cover {
    position: relative !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background: #050a14 !important;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.04) !important;
    transition: box-shadow .4s ease !important;
    aspect-ratio: 3/5 !important;
}
body .bs-premium-grid:not(.list-view) .bs-game-card-cover img {
    border-radius: 0 !important;
    transition: transform .7s cubic-bezier(.25,.46,.45,.94), filter .4s ease !important;
}
body .bs-premium-grid:not(.list-view) .bs-game-card:hover .bs-game-card-cover img {
    transform: scale(1.08) !important;
    filter: brightness(0.85) saturate(1.1) !important;
}
body .bs-premium-grid:not(.list-view) .bs-game-card:hover .bs-game-card-cover {
    box-shadow: 0 10px 24px rgba(0, 195, 226, 0.22), inset 0 0 0 1px rgba(0, 212, 255, 0.22) !important;
}

/* ============ OVERLAY (limpo, sem gradient dark) ============ */
body .bs-premium-grid:not(.list-view) .bs-card-overlay {
    position: absolute !important;
    inset: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    opacity: 0 !important;
    transition: opacity .4s ease !important;
    z-index: 5 !important;
}
body .bs-premium-grid:not(.list-view) .bs-card-overlay::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(105deg, transparent 35%, rgba(0, 212, 255, 0.14) 45%, rgba(255, 255, 255, 0.30) 50%, rgba(0, 212, 255, 0.14) 55%, transparent 65%) !important;
    transform: translateX(-100%) !important;
    transition: transform .8s cubic-bezier(.2,.8,.2,1) !important;
    pointer-events: none !important;
}
body .bs-premium-grid:not(.list-view) .bs-game-card:hover .bs-card-overlay {
    opacity: 1 !important;
}
body .bs-premium-grid:not(.list-view) .bs-game-card:hover .bs-card-overlay::before {
    transform: translateX(100%) !important;
}
/* firmware badge glass */
body .bs-premium-grid:not(.list-view) .badge-fw {
    background: rgba(0, 0, 0, 0.45) !important;
    backdrop-filter: blur(10px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(150%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* ============ DOWNLOAD BUTTON 60x60 (.bs-dl-btn) ============ */
body .bs-premium-grid:not(.list-view) .bs-dl-btn {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) scale(0.4) !important;
    width: 60px !important;
    height: 60px !important;
    background: linear-gradient(135deg, #00d4ff 0%, #00c3e2 50%, #0095c8 100%) !important;
    color: #fff !important;
    font-size: 22px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important;
    transition: all .45s cubic-bezier(.34, 1.56, .64, 1) !important;
    box-shadow: 0 10px 28px rgba(0, 195, 226, 0.7), 0 0 0 6px rgba(0, 212, 255, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.35), inset 0 -4px 8px rgba(0, 0, 0, 0.15) !important;
    border: 2px solid rgba(255, 255, 255, 0.4) !important;
    z-index: 15 !important;
    text-decoration: none !important;
}
body .bs-premium-grid:not(.list-view) .bs-dl-btn::before {
    content: "" !important;
    position: absolute !important;
    inset: -10px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(0, 212, 255, 0.55) 0%, transparent 70%) !important;
    filter: blur(10px) !important;
    z-index: -1 !important;
    opacity: 0.7 !important;
    animation: pgDlPulse 1.8s ease-in-out infinite !important;
}
body .bs-premium-grid:not(.list-view) .bs-game-card:hover .bs-dl-btn {
    opacity: 1 !important;
    transform: translate(-50%, -50%) scale(1) !important;
}
body .bs-premium-grid:not(.list-view) .bs-dl-btn:hover {
    transform: translate(-50%, -50%) scale(1.1) rotate(8deg) !important;
    background: linear-gradient(135deg, #7ce7ff 0%, #00d4ff 50%, #00a8d6 100%) !important;
}

/* ============ TITLE / INFO ============ */
body .bs-premium-grid:not(.list-view) .bs-game-card-info {
    padding: 10px 6px 8px !important;
    background: transparent !important;
    border-radius: 0 !important;
}
body .bs-premium-grid:not(.list-view) .bs-game-card-title {
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #e8eef5 !important;
    letter-spacing: -0.1px !important;
    transition: color .3s ease, text-shadow .3s ease !important;
}
body .bs-premium-grid:not(.list-view) .bs-game-card:hover .bs-game-card-title {
    color: #7ce7ff !important;
    text-shadow: 0 0 14px rgba(0, 212, 255, 0.5) !important;
}
body .bs-premium-grid:not(.list-view) .bs-game-detail {
    color: rgba(255, 255, 255, 0.55) !important;
    font-size: 10px !important;
}
body .bs-premium-grid:not(.list-view) .bs-game-detail i {
    color: #00d4ff !important;
    filter: drop-shadow(0 0 4px rgba(0, 212, 255, 0.4)) !important;
}

/* ============ HOVER CHIPS ============ */
body .bs-premium-grid:not(.list-view) .card-hover-chip {
    padding: 3px 7px !important;
    border-radius: 5px !important;
    background: rgba(0, 10, 20, 0.72) !important;
    border: 1px solid rgba(0, 195, 226, 0.3) !important;
    color: #c0e8f5 !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    font-size: 9px !important;
}
body .bs-premium-grid:not(.list-view) .card-hover-chip i { color: #7ce7ff !important; }

/* ============ RESPONSIVE ============ */
@media (max-width: 992px) {
    body .bs-premium-grid:not(.list-view) .bs-dl-btn { width: 52px !important; height: 52px !important; font-size: 19px !important; }
}
@media (max-width: 576px) {
    body .bs-premium-grid:not(.list-view) .bs-game-card { padding: 4px 4px 0 4px !important; }
    body .bs-premium-grid:not(.list-view) .bs-dl-btn { width: 44px !important; height: 44px !important; font-size: 16px !important; }
}


/* ============================================================
   FILE: mini-sections-v19.css
   ============================================================ */
/* =============================================================
   MINI SECTIONS V19 — Updates Recentes & DLCs Disponíveis
   Também: Paginação premium & Botão "Ver Mais"
   
   Escopo: index.php (página inicial)
   ============================================================= */

/* ============ PAGINAÇÃO "Orbital Nav" ============ */
body .pagination {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    margin: 40px auto 24px !important;
    padding: 6px 8px !important;
    background: linear-gradient(180deg, rgba(10, 18, 32, 0.78) 0%, rgba(6, 12, 22, 0.88) 100%) !important;
    border: 1px solid rgba(0, 195, 226, 0.22) !important;
    border-radius: 100px !important;
    backdrop-filter: blur(18px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
    box-shadow:
        0 10px 30px -12px rgba(0, 195, 226, 0.32),
        0 2px 8px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    width: auto !important;
    max-width: 100% !important;
    flex-wrap: wrap !important;
    position: relative !important;
}
/* Container wrapper para centralizar */
body .pagination-wrap,
body .page-numbers {
    text-align: center !important;
}
/* LED linha cyan no topo */
body .pagination::before {
    content: "" !important;
    position: absolute !important;
    top: 0; left: 20%; right: 20% !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(0, 212, 255, 0.7), transparent) !important;
    pointer-events: none !important;
}
body .pagination a,
body .pagination span {
    min-width: 38px !important;
    height: 38px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 100px !important;
    background: transparent !important;
    border: 0 !important;
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    font-family: 'JetBrains Mono', 'SF Mono', monospace !important;
    text-decoration: none !important;
    transition: all .28s cubic-bezier(.2,.8,.2,1) !important;
    position: relative !important;
    box-shadow: none !important;
}
body .pagination a:hover {
    background: rgba(0, 195, 226, 0.12) !important;
    color: #00d4ff !important;
    transform: translateY(-1px) !important;
    text-shadow: 0 0 10px rgba(0, 212, 255, 0.55) !important;
}
body .pagination .current {
    background: linear-gradient(135deg, #00d4ff 0%, #0095c8 100%) !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow:
        0 6px 18px rgba(0, 195, 226, 0.55),
        0 0 0 2px rgba(0, 212, 255, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
    transform: scale(1.05) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !important;
}
/* Orbital glow ao redor do current */
body .pagination .current::before {
    content: "" !important;
    position: absolute !important;
    inset: -6px !important;
    border-radius: 100px !important;
    background: radial-gradient(circle, rgba(0, 212, 255, 0.4) 0%, transparent 70%) !important;
    filter: blur(8px) !important;
    z-index: -1 !important;
    animation: pagCurrentGlow 2.2s ease-in-out infinite !important;
}
@keyframes pagCurrentGlow {
    0%, 100% { opacity: 0.6; transform: scale(1); }
    50%      { opacity: 1; transform: scale(1.1); }
}
body .pagination .dots,
body .pagination .disabled {
    color: rgba(255, 255, 255, 0.25) !important;
    cursor: default !important;
}
/* Setas prev/next */
body .pagination a.prev,
body .pagination a.next,
body .pagination .prev,
body .pagination .next {
    background: rgba(255, 255, 255, 0.04) !important;
}
body .pagination a.prev:hover,
body .pagination a.next:hover {
    background: linear-gradient(135deg, rgba(0, 212, 255, 0.2), rgba(0, 195, 226, 0.08)) !important;
    color: #fff !important;
}

/* ============ MINI SECTIONS — Header Premium ============ */
body .mini-sections {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 26px !important;
    margin: 40px 0 !important;
}
@media (max-width: 820px) {
    body .mini-sections { grid-template-columns: 1fr !important; gap: 22px !important; }
}
body .mini-section {
    position: relative !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

/* HEADER do mini-section */
body .mini-section .section-header {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 16px 20px !important;
    margin: 0 0 18px !important;
    background:
        linear-gradient(135deg, rgba(10, 20, 36, 0.72) 0%, rgba(6, 12, 22, 0.80) 100%),
        radial-gradient(ellipse 70% 100% at 0% 50%, rgba(0, 195, 226, 0.12) 0%, transparent 70%) !important;
    border: 1px solid rgba(0, 195, 226, 0.20) !important;
    border-radius: 14px !important;
    backdrop-filter: blur(18px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
    box-shadow:
        0 10px 28px -12px rgba(0, 195, 226, 0.28),
        0 2px 8px rgba(0, 0, 0, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    overflow: hidden !important;
    isolation: isolate !important;
}
body .mini-section .section-header::before {
    content: "" !important;
    position: absolute !important;
    top: 0; left: 15%; right: 15% !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(0, 212, 255, 0.8), transparent) !important;
    pointer-events: none !important;
    z-index: 2 !important;
}
body .mini-section .section-header::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0; left: 0; right: 0 !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent 0%, rgba(0, 195, 226, 0.15) 20%, rgba(0, 212, 255, 0.55) 50%, rgba(0, 195, 226, 0.15) 80%, transparent 100%) !important;
    pointer-events: none !important;
    z-index: 2 !important;
    animation: miniSecScan 4s ease-in-out infinite !important;
}
@keyframes miniSecScan {
    0%, 100% { opacity: 0.4; transform: translateX(-8%); }
    50%      { opacity: 1;   transform: translateX(8%); }
}

body .mini-section .section-title {
    position: relative !important;
    z-index: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 0 !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #fff !important;
    letter-spacing: -0.2px !important;
}
body .mini-section .section-title strong {
    color: #fff !important;
    font-weight: 900 !important;
    background: none !important;
    -webkit-text-fill-color: initial !important;
}

/* ÍCONE HUD premium (compacto) */
body .mini-section .section-title .icon {
    position: relative !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 11px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #00c3e2 0%, #0095c8 55%, #0078a8 100%) !important;
    box-shadow:
        0 6px 18px rgba(0, 195, 226, 0.5),
        0 0 0 1px rgba(0, 212, 255, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.28),
        inset 0 -6px 10px rgba(0, 0, 0, 0.18) !important;
    flex-shrink: 0 !important;
    transition: transform .35s cubic-bezier(.2,.8,.2,1) !important;
}
body .mini-section .section-title .icon::before {
    content: "" !important;
    position: absolute !important;
    inset: 3px !important;
    border-radius: 8px !important;
    background: radial-gradient(circle at 30% 25%, rgba(255, 255, 255, 0.28) 0%, transparent 60%) !important;
    pointer-events: none !important;
}
body .mini-section .section-title .icon::after {
    content: "" !important;
    position: absolute !important;
    inset: -4px !important;
    border-radius: 14px !important;
    background: radial-gradient(circle, rgba(0, 212, 255, 0.35) 0%, transparent 70%) !important;
    filter: blur(8px) !important;
    z-index: -1 !important;
    animation: miniIconPulse 2.8s ease-in-out infinite !important;
    pointer-events: none !important;
}
@keyframes miniIconPulse {
    0%, 100% { opacity: 0.55; transform: scale(1); }
    50%      { opacity: 1;    transform: scale(1.08); }
}
/* DLC section: icon roxo em vez de cyan */
body .mini-section.mini-section-dlc .section-title .icon,
body .mini-section:nth-of-type(2) .section-title .icon {
    background: linear-gradient(135deg, #c084fc 0%, #9333ea 55%, #7e22ce 100%) !important;
    box-shadow:
        0 6px 18px rgba(168, 85, 247, 0.5),
        0 0 0 1px rgba(192, 132, 252, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.28),
        inset 0 -6px 10px rgba(0, 0, 0, 0.18) !important;
}
body .mini-section.mini-section-dlc .section-title .icon::after,
body .mini-section:nth-of-type(2) .section-title .icon::after {
    background: radial-gradient(circle, rgba(192, 132, 252, 0.35) 0%, transparent 70%) !important;
}

/* ============ MINI GRID (cards de jogos compactos) ============ */
body .mini-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;
}
@media (max-width: 480px) {
    body .mini-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
}

body .mini-card {
    position: relative !important;
    display: flex !important;
    gap: 10px !important;
    padding: 8px !important;
    background: linear-gradient(180deg, rgba(14, 24, 40, 0.78) 0%, rgba(10, 16, 28, 0.90) 100%) !important;
    border: 1px solid rgba(0, 195, 226, 0.12) !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    transition: all .35s cubic-bezier(.2,.8,.2,1) !important;
    overflow: hidden !important;
    isolation: isolate !important;
    align-items: center !important;
}
body .mini-card::before {
    content: "" !important;
    position: absolute !important;
    top: 0; left: 12px; right: 12px !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(0, 212, 255, 0.55), transparent) !important;
    opacity: 0 !important;
    transition: opacity .35s ease !important;
    pointer-events: none !important;
}
body .mini-card:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(0, 212, 255, 0.45) !important;
    background: linear-gradient(180deg, rgba(18, 32, 54, 0.88) 0%, rgba(12, 20, 36, 0.96) 100%) !important;
    box-shadow:
        0 12px 28px -10px rgba(0, 195, 226, 0.4),
        0 4px 10px rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
body .mini-card:hover::before { opacity: 1 !important; }

/* Cover thumbnail reta */
body .mini-card-img {
    width: 50px !important;
    height: auto !important;
    aspect-ratio: 3/5 !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.55) !important;
    flex-shrink: 0 !important;
    transition: transform .4s ease !important;
}
body .mini-card:hover .mini-card-img { transform: scale(1.04) !important; }

body .mini-card-info {
    flex: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}
body .mini-card-title {
    margin: 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #e8eef5 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.1px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    transition: color .28s ease !important;
}
body .mini-card:hover .mini-card-title {
    color: #7ce7ff !important;
    text-shadow: 0 0 10px rgba(0, 212, 255, 0.4) !important;
}

/* BADGES (update = verde, dlc = roxo) */
body .mini-card-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    width: fit-content !important;
    padding: 3px 8px !important;
    font-size: 9.5px !important;
    font-weight: 800 !important;
    font-family: 'JetBrains Mono', 'SF Mono', monospace !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
    border-radius: 5px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    transition: transform .25s ease, box-shadow .25s ease !important;
}
body .mini-card-badge.update {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.28) 0%, rgba(22, 163, 74, 0.12) 100%) !important;
    color: #86efac !important;
    border: 1px solid rgba(34, 197, 94, 0.45) !important;
    box-shadow: 0 0 10px rgba(34, 197, 94, 0.22), inset 0 1px 0 rgba(255,255,255,0.08) !important;
    text-shadow: 0 0 6px rgba(34, 197, 94, 0.5) !important;
}
body .mini-card-badge.dlc {
    background: linear-gradient(135deg, rgba(168, 85, 247, 0.30) 0%, rgba(126, 34, 206, 0.12) 100%) !important;
    color: #d8b4fe !important;
    border: 1px solid rgba(168, 85, 247, 0.45) !important;
    box-shadow: 0 0 10px rgba(168, 85, 247, 0.22), inset 0 1px 0 rgba(255,255,255,0.08) !important;
    text-shadow: 0 0 6px rgba(168, 85, 247, 0.5) !important;
}
body .mini-card:hover .mini-card-badge { transform: translateY(-1px) !important; }
body .mini-card:hover .mini-card-badge.update { box-shadow: 0 4px 14px rgba(34, 197, 94, 0.4), inset 0 1px 0 rgba(255,255,255,0.12) !important; }
body .mini-card:hover .mini-card-badge.dlc    { box-shadow: 0 4px 14px rgba(168, 85, 247, 0.4), inset 0 1px 0 rgba(255,255,255,0.12) !important; }

/* ============ VER MAIS (botão premium) ============ */
body .mini-section-footer {
    margin-top: 20px !important;
    display: flex !important;
    justify-content: center !important;
}
body .mini-ver-mais {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 12px 26px !important;
    background: linear-gradient(180deg, rgba(10, 20, 36, 0.72) 0%, rgba(6, 12, 22, 0.82) 100%) !important;
    border: 1px solid rgba(0, 195, 226, 0.35) !important;
    border-radius: 100px !important;
    color: #fff !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    backdrop-filter: blur(14px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(150%) !important;
    box-shadow:
        0 6px 18px -6px rgba(0, 195, 226, 0.35),
        0 2px 6px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    transition: all .35s cubic-bezier(.2,.8,.2,1) !important;
    cursor: pointer !important;
}
body .mini-ver-mais::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: radial-gradient(60% 100% at 50% 50%, rgba(0, 212, 255, 0.22) 0%, transparent 70%) !important;
    opacity: 0 !important;
    transition: opacity .35s ease !important;
    z-index: -1 !important;
}
body .mini-ver-mais::after {
    content: "" !important;
    position: absolute !important;
    top: 0; left: -120% !important;
    width: 55%; height: 100% !important;
    background: linear-gradient(105deg, transparent 30%, rgba(255,255,255,0.28) 50%, transparent 70%) !important;
    transform: skewX(-20deg) !important;
    transition: left .75s cubic-bezier(.2,.8,.2,1) !important;
    pointer-events: none !important;
}
body .mini-ver-mais:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(0, 212, 255, 0.65) !important;
    color: #fff !important;
    text-shadow: 0 0 14px rgba(0, 212, 255, 0.6) !important;
    box-shadow:
        0 14px 32px -6px rgba(0, 195, 226, 0.55),
        0 4px 10px rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}
body .mini-ver-mais:hover::before { opacity: 1 !important; }
body .mini-ver-mais:hover::after  { left: 140% !important; }
body .mini-ver-mais i {
    font-size: 10px !important;
    transition: transform .3s ease !important;
    filter: drop-shadow(0 0 6px rgba(0, 212, 255, 0.6)) !important;
}
body .mini-ver-mais:hover i { transform: translateX(4px) !important; }

/* DLC section: Ver Mais com borda roxa */
body .mini-section:nth-of-type(2) .mini-ver-mais {
    border-color: rgba(168, 85, 247, 0.35) !important;
    box-shadow:
        0 6px 18px -6px rgba(168, 85, 247, 0.35),
        0 2px 6px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
body .mini-section:nth-of-type(2) .mini-ver-mais:hover {
    border-color: rgba(192, 132, 252, 0.65) !important;
    text-shadow: 0 0 14px rgba(192, 132, 252, 0.6) !important;
    box-shadow:
        0 14px 32px -6px rgba(168, 85, 247, 0.55),
        0 4px 10px rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}
body .mini-section:nth-of-type(2) .mini-ver-mais::before {
    background: radial-gradient(60% 100% at 50% 50%, rgba(168, 85, 247, 0.22) 0%, transparent 70%) !important;
}
body .mini-section:nth-of-type(2) .mini-ver-mais i {
    filter: drop-shadow(0 0 6px rgba(192, 132, 252, 0.6)) !important;
}


/* ============================================================
   FILE: list-view-v19.css
   ============================================================ */
/* ==========================================================
   LIST VIEW V19 — Premium Cinematic Horizontal Card
   Aplica em:
   - .bs-games-grid.list-view .bs-game-card   (archive-game.php)
   - .games-grid.list-view .game-card         (page-jogos-traduzidos, page-jogos-az, search)
   Override agressivo sobre dark-theme.css + inline styles.
   ========================================================== */

/* ====== CONTAINER ====== */
.bs-games-grid.list-view,
.games-grid.list-view {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    grid-template-columns: none !important;
    padding: 4px 0 !important;
}

/* ====== CARD (glass) ====== */
.bs-games-grid.list-view .bs-game-card,
.games-grid.list-view .game-card {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 96px 1fr auto !important;
    align-items: stretch !important;
    gap: 18px !important;
    padding: 12px 18px 12px 14px !important;
    min-height: 128px !important;
    background:
        radial-gradient(ellipse 55% 100% at 0% 50%, rgba(0, 195, 226, 0.07), transparent 60%),
        linear-gradient(180deg, rgba(22, 28, 42, 0.78) 0%, rgba(16, 20, 30, 0.85) 100%) !important;
    border: 1px solid rgba(0, 195, 226, 0.10) !important;
    border-radius: 14px !important;
    backdrop-filter: blur(14px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(160%) !important;
    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.42),
        0 1px 0 rgba(255, 255, 255, 0.04) inset,
        0 0 0 1px rgba(255, 255, 255, 0.02) inset !important;
    overflow: visible !important;
    transition: transform .4s cubic-bezier(.22, 1, .36, 1), box-shadow .4s ease, border-color .4s ease, background .4s ease !important;
    flex-direction: row !important;
    margin: 0 !important;
    text-decoration: none !important;
}

/* Barra lateral cyan glow (aparece no hover) */
.bs-games-grid.list-view .bs-game-card::before,
.games-grid.list-view .game-card::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 22px !important;
    bottom: 22px !important;
    width: 3px !important;
    background: linear-gradient(180deg, transparent, #00c3e2 20%, #00d4ff 50%, #00c3e2 80%, transparent) !important;
    border-radius: 0 3px 3px 0 !important;
    opacity: 0 !important;
    transition: opacity .35s ease !important;
    box-shadow: 0 0 18px rgba(0, 195, 226, 0.65), 0 0 32px rgba(0, 195, 226, 0.35) !important;
    pointer-events: none !important;
}

/* Shimmer horizontal (aparece no hover) */
.bs-games-grid.list-view .bs-game-card::after,
.games-grid.list-view .game-card::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 120% !important;
    height: 100% !important;
    background: linear-gradient(105deg, transparent 40%, rgba(0, 195, 226, 0.08) 50%, transparent 60%) !important;
    transition: left .9s ease !important;
    pointer-events: none !important;
    border-radius: inherit !important;
    z-index: 1 !important;
}

/* Hover do card */
.bs-games-grid.list-view .bs-game-card:hover,
.games-grid.list-view .game-card:hover {
    transform: translateX(4px) translateY(-2px) !important;
    border-color: rgba(0, 195, 226, 0.30) !important;
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.58),
        0 0 34px rgba(0, 195, 226, 0.20),
        0 1px 0 rgba(255, 255, 255, 0.06) inset,
        0 0 0 1px rgba(0, 195, 226, 0.08) inset !important;
    background:
        radial-gradient(ellipse 55% 100% at 0% 50%, rgba(0, 195, 226, 0.13), transparent 60%),
        linear-gradient(180deg, rgba(26, 32, 48, 0.88) 0%, rgba(20, 26, 38, 0.92) 100%) !important;
}
.bs-games-grid.list-view .bs-game-card:hover::before,
.games-grid.list-view .game-card:hover::before { opacity: 1 !important; }
.bs-games-grid.list-view .bs-game-card:hover::after,
.games-grid.list-view .game-card:hover::after { left: 120% !important; }

/* ====== LINK WRAPPER ====== */
.bs-games-grid.list-view .bs-game-card-link,
.games-grid.list-view .game-card-link {
    display: contents !important;
    color: inherit !important;
    text-decoration: none !important;
}

/* ====== COVER ====== */
.bs-games-grid.list-view .bs-game-card-cover,
.games-grid.list-view .game-card-cover {
    position: relative !important;
    width: 96px !important;
    min-width: 96px !important;
    height: 144px !important;
    aspect-ratio: 2/3 !important;
    padding-top: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background: #000 !important;
    box-shadow:
        0 6px 18px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(0, 195, 226, 0.08) !important;
    align-self: center !important;
    z-index: 2 !important;
}

.bs-games-grid.list-view .bs-game-card-cover > img:not(.bs-cover-logo),
.games-grid.list-view .game-card-cover img {
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform .6s cubic-bezier(.22, 1, .36, 1) !important;
    border-radius: 0 !important;
}

.bs-games-grid.list-view .bs-game-card:hover .bs-game-card-cover > img:not(.bs-cover-logo),
.games-grid.list-view .game-card:hover .game-card-cover img {
    transform: scale(1.08) !important;
}

/* Shine sobre a capa */
.bs-games-grid.list-view .bs-game-card-cover::after,
.games-grid.list-view .game-card-cover::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.10) 0%, transparent 45%, rgba(0, 195, 226, 0.08) 100%) !important;
    pointer-events: none !important;
    z-index: 3 !important;
}

/* Esconde elementos que não pertencem ao modo lista */
.bs-games-grid.list-view .bs-card-overlay,
.bs-games-grid.list-view .bs-game-card-details,
.bs-games-grid.list-view .card-hover-meta,
.bs-games-grid.list-view .bs-cover-logo,
.bs-games-grid.list-view .bs-views-badge,
.games-grid.list-view .card-overlay,
.games-grid.list-view .game-card-details,
.games-grid.list-view .card-hover-meta,
.games-grid.list-view .bs-cover-logo,
.games-grid.list-view .badge-fw,
.games-grid.list-view .badge-br {
    display: none !important;
}

/* ====== INFO COLUMN ====== */
.bs-games-grid.list-view .bs-game-card-info,
.games-grid.list-view .game-card-title-wrap {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 4px 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    border: none !important;
    min-width: 0 !important;
    flex: 1 !important;
    z-index: 2 !important;
}

/* ====== TITLE ====== */
.bs-games-grid.list-view .bs-game-card-title,
.games-grid.list-view .game-card-title {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin: 0 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.3px !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3) !important;
    -webkit-line-clamp: 1 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transition: color .25s ease, text-shadow .25s ease !important;
    max-width: 100% !important;
    padding: 0 !important;
}

.bs-games-grid.list-view .bs-game-card:hover .bs-game-card-title,
.games-grid.list-view .game-card:hover .game-card-title {
    color: #7ce7ff !important;
    text-shadow: 0 0 14px rgba(0, 195, 226, 0.55) !important;
}

/* ====== META CHIPS ====== */
.bs-games-grid.list-view .bs-game-card-meta,
.games-grid.list-view .game-card-info {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    align-items: center !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    font-size: inherit !important;
    color: inherit !important;
    position: relative !important;
}

.bs-games-grid.list-view .bs-game-card-meta .bs-list-item,
.games-grid.list-view .game-card-info > span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 5px 10px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #a8b4c8 !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 6px !important;
    letter-spacing: 0.2px !important;
    text-transform: none !important;
    white-space: nowrap !important;
    transition: background .22s ease, border-color .22s ease, color .22s ease, transform .22s ease !important;
    position: relative !important;
}
/* Remove o "·" separator legado */
.bs-games-grid.list-view .bs-game-card-meta .bs-list-item::after,
.games-grid.list-view .game-card-info > span::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

.bs-games-grid.list-view .bs-game-card-meta .bs-list-item i,
.games-grid.list-view .game-card-info > span i {
    color: rgba(0, 195, 226, 0.65) !important;
    font-size: 10px !important;
    margin: 0 !important;
}

.bs-games-grid.list-view .bs-game-card-meta .bs-list-item:hover,
.games-grid.list-view .game-card-info > span:hover {
    background: rgba(0, 195, 226, 0.08) !important;
    border-color: rgba(0, 195, 226, 0.20) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}
.bs-games-grid.list-view .bs-game-card-meta .bs-list-item:hover i,
.games-grid.list-view .game-card-info > span:hover i {
    color: #00d4ff !important;
}

/* ====== TITLE ID CHIP — DESTAQUE CYAN ====== */
.bs-games-grid.list-view .bs-game-card-meta .bs-list-titleid,
.games-grid.list-view .game-card-info .bs-list-titleid {
    font-family: 'JetBrains Mono', 'SF Mono', 'Courier New', monospace !important;
    font-weight: 700 !important;
    font-size: 10.5px !important;
    letter-spacing: 0.7px !important;
    color: #c9e8ff !important;
    background: linear-gradient(135deg, rgba(0, 195, 226, 0.10), rgba(0, 195, 226, 0.04)) !important;
    border-color: rgba(0, 195, 226, 0.22) !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 8px rgba(0, 195, 226, 0.3) !important;
}
.bs-games-grid.list-view .bs-game-card-meta .bs-list-titleid i,
.games-grid.list-view .game-card-info .bs-list-titleid i {
    color: #00d4ff !important;
}

/* Title ID com dropdown (vários IDs) */
.bs-games-grid.list-view .bs-list-titleid.has-menu,
.games-grid.list-view .bs-list-titleid.has-menu {
    cursor: pointer !important;
    padding-right: 8px !important;
    user-select: none !important;
}
.bs-games-grid.list-view .bs-list-titleid.has-menu:hover,
.games-grid.list-view .bs-list-titleid.has-menu:hover {
    background: linear-gradient(135deg, rgba(0, 195, 226, 0.18), rgba(0, 195, 226, 0.07)) !important;
    border-color: rgba(0, 195, 226, 0.42) !important;
    box-shadow: 0 0 0 3px rgba(0, 195, 226, 0.10), 0 6px 18px rgba(0, 195, 226, 0.22) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}
.bs-games-grid.list-view .bs-list-titleid.has-menu.open,
.games-grid.list-view .bs-list-titleid.has-menu.open {
    background: linear-gradient(135deg, rgba(0, 195, 226, 0.22), rgba(0, 195, 226, 0.09)) !important;
    border-color: rgba(0, 195, 226, 0.55) !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(0, 195, 226, 0.15), 0 6px 20px rgba(0, 195, 226, 0.25) !important;
}

.bs-list-tid-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 20px !important;
    height: 17px !important;
    padding: 0 6px !important;
    margin-left: 2px !important;
    background: linear-gradient(135deg, #00c3e2, #00d4ff) !important;
    color: #001620 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 9.5px !important;
    font-weight: 900 !important;
    border-radius: 100px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: 0 0 12px rgba(0, 195, 226, 0.45), 0 1px 0 rgba(255, 255, 255, 0.3) inset !important;
}

.bs-list-tid-arrow {
    font-size: 8px !important;
    color: rgba(0, 195, 226, 0.65) !important;
    transition: transform .3s cubic-bezier(.4, 0, .2, 1), color .3s !important;
    margin-left: 3px !important;
}
.bs-list-titleid.has-menu.open .bs-list-tid-arrow {
    transform: rotate(180deg) !important;
    color: #00d4ff !important;
}

/* ====== DROPDOWN MENU ====== */
.bs-list-tid-menu {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 0 !important;
    z-index: 100 !important;
    min-width: 280px !important;
    max-width: 360px !important;
    padding: 8px !important;
    background:
        radial-gradient(ellipse at top left, rgba(0, 195, 226, 0.10), transparent 70%),
        linear-gradient(180deg, rgba(14, 18, 28, 0.98), rgba(10, 14, 22, 0.98)) !important;
    border: 1px solid rgba(0, 195, 226, 0.28) !important;
    border-radius: 12px !important;
    backdrop-filter: blur(24px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
    box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.65),
        0 0 0 1px rgba(255, 255, 255, 0.03) inset,
        0 1px 0 rgba(255, 255, 255, 0.07) inset,
        0 0 70px rgba(0, 195, 226, 0.12) !important;
    opacity: 0 !important;
    transform: translateY(-8px) scale(.97) !important;
    pointer-events: none !important;
    transition: opacity .26s ease, transform .26s ease !important;
    cursor: default !important;
    white-space: normal !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 400 !important;
    text-align: left !important;
}
.bs-list-tid-menu::before {
    content: '' !important;
    position: absolute !important;
    top: -6px !important;
    left: 22px !important;
    width: 11px !important;
    height: 11px !important;
    background: linear-gradient(135deg, rgba(14, 18, 28, 0.98), rgba(14, 18, 28, 0.98)) !important;
    border-left: 1px solid rgba(0, 195, 226, 0.28) !important;
    border-top: 1px solid rgba(0, 195, 226, 0.28) !important;
    transform: rotate(45deg) !important;
}

.bs-list-titleid.has-menu.open .bs-list-tid-menu {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
    pointer-events: auto !important;
}

.bs-list-tid-menu-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 8px 12px 10px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 9.5px !important;
    font-weight: 900 !important;
    color: #7ce7ff !important;
    text-transform: uppercase !important;
    letter-spacing: 1.4px !important;
    border-bottom: 1px solid rgba(0, 195, 226, 0.12) !important;
    margin-bottom: 6px !important;
    text-shadow: 0 0 8px rgba(0, 195, 226, 0.3) !important;
    background: transparent !important;
}

.bs-list-tid-menu-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: background .2s ease, border-color .2s ease, transform .2s ease !important;
    position: relative !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    font-size: 12px !important;
    color: #f0f8ff !important;
}
.bs-list-tid-menu-item:hover {
    background: rgba(0, 195, 226, 0.08) !important;
    border-color: rgba(0, 195, 226, 0.18) !important;
    transform: translateX(2px) !important;
}
.bs-list-tid-menu-item code {
    font-family: 'JetBrains Mono', 'SF Mono', 'Courier New', monospace !important;
    font-size: 12px !important;
    color: #f0f8ff !important;
    letter-spacing: 0.6px !important;
    background: transparent !important;
    padding: 0 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}
.bs-list-tid-menu-item i {
    color: rgba(0, 195, 226, 0.55) !important;
    font-size: 12px !important;
    transition: color .15s ease, transform .15s ease !important;
}
.bs-list-tid-menu-item:hover i {
    color: #00d4ff !important;
    transform: scale(1.1) !important;
}
.bs-list-tid-menu-item.copied {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.18), rgba(34, 197, 94, 0.06)) !important;
    border-color: rgba(34, 197, 94, 0.32) !important;
}
.bs-list-tid-menu-item.copied i { color: #22c55e !important; }
.bs-list-tid-menu-item.copied::after {
    content: 'COPIADO!' !important;
    position: absolute !important;
    right: 40px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 9px !important;
    color: #22c55e !important;
    font-weight: 900 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
}

/* ====== DOWNLOAD BUTTON ====== */
.bs-games-grid.list-view .bs-game-card-actions,
.games-grid.list-view .game-card-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    z-index: 2 !important;
}

.bs-games-grid.list-view .bs-list-dl-btn,
.games-grid.list-view .list-dl-btn {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 12px 22px !important;
    background: linear-gradient(135deg, #00c3e2 0%, #00d4ff 50%, #0095c8 100%) !important;
    color: #001118 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 11.5px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    border-radius: 8px !important;
    border: none !important;
    box-shadow:
        0 6px 22px rgba(0, 195, 226, 0.38),
        0 1px 0 rgba(255, 255, 255, 0.22) inset,
        0 -1px 0 rgba(0, 0, 0, 0.12) inset !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    transition: transform .28s cubic-bezier(.34, 1.56, .64, 1), box-shadow .28s ease !important;
}

.bs-games-grid.list-view .bs-list-dl-btn::before,
.games-grid.list-view .list-dl-btn::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, 0.45) 50%, transparent 60%) !important;
    transition: left .65s ease !important;
}

.bs-games-grid.list-view .bs-list-dl-btn:hover,
.games-grid.list-view .list-dl-btn:hover {
    transform: translateY(-2px) scale(1.03) !important;
    box-shadow:
        0 12px 30px rgba(0, 195, 226, 0.58),
        0 0 0 2px rgba(0, 212, 255, 0.32),
        0 1px 0 rgba(255, 255, 255, 0.32) inset !important;
    color: #000 !important;
}
.bs-games-grid.list-view .bs-list-dl-btn:hover::before,
.games-grid.list-view .list-dl-btn:hover::before { left: 100% !important; }

.bs-games-grid.list-view .bs-list-dl-btn i,
.games-grid.list-view .list-dl-btn i {
    font-size: 14px !important;
    transition: transform .28s ease !important;
}
.bs-games-grid.list-view .bs-list-dl-btn:hover i,
.games-grid.list-view .list-dl-btn:hover i {
    transform: translateY(2px) !important;
}

/* ====== SCORE BADGE (flutuante sobre a capa) ====== */
.bs-games-grid.list-view .bs-list-score-badge,
.games-grid.list-view .bs-list-score-badge {
    position: absolute !important;
    top: 6px !important;
    right: 6px !important;
    z-index: 5 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 30px !important;
    height: 30px !important;
    padding: 0 6px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    color: #fff !important;
    letter-spacing: -0.3px !important;
    background: linear-gradient(135deg, #6c3, #4ba02c) !important;
    border-radius: 6px !important;
    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(255, 255, 255, 0.12) inset,
        0 1px 0 rgba(255, 255, 255, 0.28) inset !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !important;
}
.bs-games-grid.list-view .bs-list-score-badge.tier-gold,
.games-grid.list-view .bs-list-score-badge.tier-gold {
    background: linear-gradient(135deg, #ffd54a, #ff9800) !important;
    color: #1a0e00 !important;
}
.bs-games-grid.list-view .bs-list-score-badge.tier-yellow,
.games-grid.list-view .bs-list-score-badge.tier-yellow {
    background: linear-gradient(135deg, #fc3, #e0a000) !important;
    color: #1a1400 !important;
}
.bs-games-grid.list-view .bs-list-score-badge.tier-red,
.games-grid.list-view .bs-list-score-badge.tier-red {
    background: linear-gradient(135deg, #ef4444, #c02020) !important;
    color: #ffffff !important;
}

/* ====== STATUS BADGE (NEW / UPDATED) — canto inferior esquerdo da capa ====== */
.bs-games-grid.list-view .bs-list-status-badge,
.games-grid.list-view .bs-list-status-badge {
    position: absolute !important;
    bottom: 6px !important;
    left: 6px !important;
    z-index: 5 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 3px 7px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 8.5px !important;
    font-weight: 900 !important;
    color: #001118 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    background: linear-gradient(135deg, #00c3e2, #00d4ff) !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 8px rgba(0, 195, 226, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.2) inset !important;
}
.bs-games-grid.list-view .bs-list-status-badge.is-update,
.games-grid.list-view .bs-list-status-badge.is-update {
    background: linear-gradient(135deg, #ffd54a, #ff9800) !important;
    color: #1a0e00 !important;
    box-shadow: 0 2px 8px rgba(255, 152, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.2) inset !important;
}

/* ====== RESPONSIVE ====== */
@media (max-width: 900px) {
    .bs-games-grid.list-view .bs-game-card,
    .games-grid.list-view .game-card {
        grid-template-columns: 80px 1fr !important;
        min-height: 120px !important;
        padding: 10px 14px 10px 10px !important;
        gap: 14px !important;
    }
    .bs-games-grid.list-view .bs-game-card-cover,
    .games-grid.list-view .game-card-cover {
        width: 80px !important; min-width: 80px !important; height: 120px !important;
    }
    .bs-games-grid.list-view .bs-game-card-title,
    .games-grid.list-view .game-card-title { font-size: 15px !important; }
    .bs-games-grid.list-view .bs-game-card-actions,
    .games-grid.list-view .game-card-actions { display: none !important; }
    .bs-games-grid.list-view .bs-game-card-meta .bs-list-item,
    .games-grid.list-view .game-card-info > span {
        font-size: 10px !important;
        padding: 4px 8px !important;
    }
    .bs-list-tid-menu { min-width: 240px !important; }
}

@media (max-width: 480px) {
    .bs-games-grid.list-view .bs-game-card,
    .games-grid.list-view .game-card {
        grid-template-columns: 68px 1fr !important;
        min-height: 104px !important;
        padding: 8px 12px 8px 8px !important;
        gap: 10px !important;
    }
    .bs-games-grid.list-view .bs-game-card-cover,
    .games-grid.list-view .game-card-cover {
        width: 68px !important; min-width: 68px !important; height: 102px !important;
    }
    .bs-games-grid.list-view .bs-game-card-title,
    .games-grid.list-view .game-card-title { font-size: 13.5px !important; }
    .bs-list-tid-menu { min-width: 220px !important; max-width: calc(100vw - 40px) !important; }
}


/* ============================================================
   FILE: pages-unified-v19.css
   ============================================================ */
/* ============================================================
   PAGES UNIFIED V19 — DNA Premium Cyan Glass (single-game)
   VERSÃO 2 — seletores baseados em CLASSES INTERNAS do HTML
   (não depende de body.page-template-* que falha via template hierarchy)
   
   Anchors raiz por página:
   - .fw-page           → /firmwares/
   - .bsa-wrap          → /tutoriais/ · /emuladores/
   - .contact-page      → /contato/
   - .register-container→ /registrar/
   - .subscription-box  → /doar/ · /assinar/
   - .rq-inner          → /pedidos/
   
   DNA Reference:
   - Cyan: #00c3e2 · #00d4ff · #7ce7ff
   - Dark glass bg: rgba(22,28,42,0.78) → rgba(16,20,30,0.88)
   - Border glass: rgba(0,195,226,0.12)
   - Body font: 'Inter'; Accent: 'JetBrains Mono'
   - Radius: 14px / 18px
   ============================================================ */

:root {
    --bspu-cyan: #00c3e2;
    --bspu-cyan-bright: #00d4ff;
    --bspu-cyan-pale: #7ce7ff;
    --bspu-glass-bg: linear-gradient(180deg, rgba(22, 28, 42, 0.78), rgba(16, 20, 30, 0.88));
    --bspu-glass-border: rgba(0, 195, 226, 0.12);
    --bspu-glass-border-hover: rgba(0, 195, 226, 0.28);
    --bspu-glass-shadow: 0 14px 36px rgba(0, 0, 0, 0.45), 0 1px 0 rgba(255, 255, 255, 0.04) inset;
}

/* =============================================================
   1) FIRMWARES — reverter fundo claro → dark cyan glass
   ============================================================= */
.fw-page {
    background: transparent !important;
    padding-bottom: 70px !important;
}
/* body da página de firmware volta pro dark */
body.post-type-archive:has(.fw-page),
body:has(.fw-page) {
    background:
        radial-gradient(ellipse 80% 60% at 50% 0%, rgba(0, 195, 226, 0.06), transparent 70%),
        linear-gradient(180deg, #0a0e1a 0%, #080c14 100%) !important;
}
/* fallback caso :has() não seja suportado (Safari antigo) — override direto */
.fw-page,
.fw-page #meio,
.fw-page ~ *,
.fw-page + footer { background-color: transparent !important; }

.fw-hero {
    background:
        radial-gradient(ellipse 60% 120% at 20% 50%, rgba(0, 212, 255, 0.15) 0%, transparent 60%),
        linear-gradient(135deg, #0c1220 0%, #0a101e 50%, #080c16 100%) !important;
    border-bottom: 1px solid rgba(0, 195, 226, 0.22) !important;
    position: relative;
    overflow: hidden;
}
.fw-hero::before {
    content: "";
    position: absolute;
    top: 0; left: 12%; right: 12%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(0, 212, 255, 0.75), transparent);
    box-shadow: 0 0 12px rgba(0, 212, 255, 0.6);
    pointer-events: none;
}
.fw-hero-icon {
    background: linear-gradient(135deg, var(--bspu-cyan) 0%, var(--bspu-cyan-bright) 100%) !important;
    box-shadow: 0 10px 28px rgba(0, 195, 226, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}
.fw-hero-info h1 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 900 !important;
    letter-spacing: -0.5px !important;
}
.fw-hero-info h1 span {
    background: linear-gradient(135deg, var(--bspu-cyan-pale), var(--bspu-cyan-bright)) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 12px rgba(0, 212, 255, 0.35));
}
.fw-hero-stat {
    background: var(--bspu-glass-bg) !important;
    border: 1px solid rgba(0, 195, 226, 0.18) !important;
    backdrop-filter: blur(14px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(150%) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    transition: all 0.35s cubic-bezier(.2, .8, .2, 1) !important;
}
.fw-hero-stat:hover {
    border-color: rgba(0, 212, 255, 0.4) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.55), 0 0 24px rgba(0, 195, 226, 0.18) !important;
}
.fw-hero-stat-num {
    background: linear-gradient(135deg, #fff, var(--bspu-cyan-pale)) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-family: 'JetBrains Mono', 'SF Mono', monospace !important;
    font-weight: 900 !important;
}
.fw-info-box {
    background: linear-gradient(135deg, rgba(0, 195, 226, 0.08), rgba(0, 195, 226, 0.02)) !important;
    border: 1px solid rgba(0, 195, 226, 0.18) !important;
    border-left: 3px solid var(--bspu-cyan) !important;
    color: rgba(255, 255, 255, 0.82) !important;
    backdrop-filter: blur(14px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(150%) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25) !important;
}
.fw-info-box strong { color: #fff !important; }
.fw-info-box i {
    color: var(--bspu-cyan-bright) !important;
    filter: drop-shadow(0 0 6px rgba(0, 212, 255, 0.5));
}
.fw-list-container {
    background: linear-gradient(180deg, rgba(22, 28, 42, 0.78), rgba(14, 18, 28, 0.88)) !important;
    border: 1px solid var(--bspu-glass-border) !important;
    border-radius: 18px !important;
    backdrop-filter: blur(18px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
    box-shadow: var(--bspu-glass-shadow) !important;
    overflow: hidden !important;
}
.fw-list-header {
    background: linear-gradient(135deg, rgba(0, 195, 226, 0.08), rgba(0, 195, 226, 0.02)) !important;
    border-bottom: 1px solid rgba(0, 195, 226, 0.18) !important;
    color: var(--bspu-cyan-pale) !important;
    font-weight: 800 !important;
    letter-spacing: 1.2px !important;
}
.fw-item {
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
    transition: all 0.35s ease !important;
    color: #c9d6e8 !important;
}
.fw-item:hover {
    background: linear-gradient(135deg, rgba(0, 195, 226, 0.08), transparent 70%) !important;
    transform: translateX(4px) !important;
}
.fw-item.latest {
    background: linear-gradient(135deg, rgba(0, 195, 226, 0.10), rgba(0, 195, 226, 0.03)) !important;
    border-left: 3px solid var(--bspu-cyan) !important;
    box-shadow: inset 4px 0 0 0 var(--bspu-cyan-bright), inset 0 0 40px rgba(0, 212, 255, 0.06) !important;
}
.fw-version-badge {
    background: linear-gradient(135deg, #1e2a40, #0f1524) !important;
    color: #fff !important;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
.fw-item.latest .fw-version-badge {
    background: linear-gradient(135deg, var(--bspu-cyan), var(--bspu-cyan-bright)) !important;
    color: #001118 !important;
    box-shadow: 0 8px 18px rgba(0, 195, 226, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}
.fw-item strong, .fw-item h3, .fw-item h2 { color: #fff !important; }

/* =============================================================
   2) TUTORIAIS / EMULADORES — .bsa-wrap
   ============================================================= */
.bsa-wrap .bsa-bar {
    padding: 20px 24px !important;
    margin-bottom: 24px !important;
    background: var(--bspu-glass-bg) !important;
    border: 1px solid var(--bspu-glass-border) !important;
    border-radius: 16px !important;
    backdrop-filter: blur(16px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(160%) !important;
    box-shadow: var(--bspu-glass-shadow) !important;
    position: relative;
    overflow: hidden;
}
.bsa-wrap .bsa-bar::before {
    content: "";
    position: absolute;
    top: 0; left: 15%; right: 15%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(0, 212, 255, 0.65), transparent);
    box-shadow: 0 0 10px rgba(0, 212, 255, 0.5);
}
.bsa-wrap .bsa-bar-icon {
    width: 44px !important; height: 44px !important;
    background: linear-gradient(135deg, var(--bspu-cyan), var(--bspu-cyan-bright)) !important;
    border-radius: 12px !important;
    font-size: 17px !important;
    box-shadow: 0 10px 24px rgba(0, 195, 226, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}
.bsa-wrap .bsa-bar h1 {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.55rem !important;
    font-weight: 900 !important;
    letter-spacing: -0.5px !important;
    color: #fff !important;
}
.bsa-wrap .bsa-bar-count {
    background: linear-gradient(135deg, rgba(0, 195, 226, 0.15), rgba(0, 195, 226, 0.05)) !important;
    border: 1px solid rgba(0, 195, 226, 0.22) !important;
    color: var(--bspu-cyan-pale) !important;
    font-weight: 700 !important;
    padding: 5px 14px !important;
    font-family: 'JetBrains Mono', monospace !important;
    letter-spacing: 0.5px !important;
}
.bsa-wrap .bsa-bar-search input {
    background: rgba(0, 0, 0, 0.35) !important;
    border: 1px solid rgba(0, 195, 226, 0.15) !important;
    color: #fff !important;
    padding: 10px 16px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    transition: all 0.25s !important;
}
.bsa-wrap .bsa-bar-search input:focus {
    border-color: var(--bspu-cyan-bright) !important;
    box-shadow: 0 0 0 3px rgba(0, 212, 255, 0.12), 0 4px 14px rgba(0, 195, 226, 0.2) !important;
    background: rgba(0, 0, 0, 0.5) !important;
}
.bsa-wrap .bsa-bar-search button {
    background: linear-gradient(135deg, var(--bspu-cyan), var(--bspu-cyan-bright)) !important;
    color: #001118 !important;
    font-weight: 900 !important;
    padding: 10px 18px !important;
    border-radius: 10px !important;
    box-shadow: 0 6px 16px rgba(0, 195, 226, 0.32) !important;
    transition: all 0.25s !important;
}
.bsa-wrap .bsa-bar-search button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 26px rgba(0, 195, 226, 0.55) !important;
}
.bsa-wrap .bsa-card {
    background: var(--bspu-glass-bg) !important;
    border: 1px solid var(--bspu-glass-border) !important;
    border-radius: 14px !important;
    backdrop-filter: blur(14px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(150%) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    overflow: hidden !important;
    transition: transform 0.4s cubic-bezier(.22, 1, .36, 1), box-shadow 0.4s ease, border-color 0.4s ease !important;
    position: relative;
}
.bsa-wrap .bsa-card::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, transparent, transparent);
    opacity: 0;
    transition: background 0.35s, opacity 0.35s;
    z-index: 3;
}
.bsa-wrap .bsa-card:hover {
    transform: translateY(-6px) !important;
    border-color: var(--bspu-glass-border-hover) !important;
    box-shadow:
        0 20px 44px rgba(0, 0, 0, 0.55),
        0 0 32px rgba(0, 195, 226, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.bsa-wrap .bsa-card:hover::before {
    background: linear-gradient(90deg, transparent, rgba(0, 212, 255, 0.85), transparent);
    opacity: 1;
    box-shadow: 0 0 12px rgba(0, 212, 255, 0.65);
}
.bsa-wrap .bsa-card-img { height: 175px !important; background: #000 !important; }
.bsa-wrap .bsa-card-type {
    background: linear-gradient(135deg, var(--bspu-cyan), var(--bspu-cyan-bright)) !important;
    color: #001118 !important;
    font-weight: 900 !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
    font-size: 8.5px !important;
    letter-spacing: 1.2px !important;
    box-shadow: 0 2px 8px rgba(0, 195, 226, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}
.bsa-wrap .bsa-card-body { padding: 16px 18px !important; }
.bsa-wrap .bsa-card-title {
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #fff !important;
    letter-spacing: -0.2px !important;
    transition: color 0.25s !important;
}
.bsa-wrap .bsa-card:hover .bsa-card-title {
    color: var(--bspu-cyan-pale) !important;
    text-shadow: 0 0 12px rgba(0, 195, 226, 0.4) !important;
}
.bsa-wrap .bsa-card-excerpt {
    color: rgba(255, 255, 255, 0.55) !important;
    font-size: 11.5px !important;
    line-height: 1.55 !important;
}
.bsa-wrap .bsa-card-btn {
    background: rgba(0, 195, 226, 0.12) !important;
    color: var(--bspu-cyan-pale) !important;
    border: 1px solid rgba(0, 195, 226, 0.22) !important;
    padding: 6px 14px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    transition: all 0.22s !important;
}
.bsa-wrap .bsa-card:hover .bsa-card-btn {
    background: linear-gradient(135deg, var(--bspu-cyan), var(--bspu-cyan-bright)) !important;
    color: #001118 !important;
    border-color: transparent !important;
    box-shadow: 0 4px 12px rgba(0, 195, 226, 0.35) !important;
}
.bsa-wrap .bsa-sb .sw {
    background: var(--bspu-glass-bg) !important;
    border: 1px solid var(--bspu-glass-border) !important;
    border-radius: 14px !important;
    backdrop-filter: blur(14px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(150%) !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35) !important;
}
.bsa-wrap .bsa-sb .sw-h {
    background: linear-gradient(135deg, rgba(0, 195, 226, 0.10), rgba(0, 195, 226, 0.02)) !important;
    border-bottom: 1px solid rgba(0, 195, 226, 0.22) !important;
    padding: 14px 18px !important;
}
.bsa-wrap .bsa-sb .sw-h span {
    font-weight: 900 !important;
    letter-spacing: 1.3px !important;
    color: var(--bspu-cyan-pale) !important;
    font-size: 10.5px !important;
}
.bsa-wrap .bsa-cta {
    background:
        radial-gradient(ellipse at top, rgba(0, 195, 226, 0.15), transparent 70%),
        linear-gradient(135deg, rgba(22, 28, 42, 0.88), rgba(16, 20, 30, 0.92)) !important;
    border: 1px solid rgba(0, 195, 226, 0.25) !important;
    border-radius: 14px !important;
    padding: 26px 22px !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
}
.bsa-wrap .bsa-cta h4 {
    font-size: 15px !important;
    font-weight: 900 !important;
    letter-spacing: -0.2px !important;
    color: #fff !important;
}
.bsa-wrap .bsa-cta a {
    background: linear-gradient(135deg, var(--bspu-cyan), var(--bspu-cyan-bright)) !important;
    color: #001118 !important;
    font-weight: 900 !important;
    padding: 10px 26px !important;
    border-radius: 100px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    box-shadow: 0 8px 20px rgba(0, 195, 226, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
    transition: all 0.3s cubic-bezier(.2, .8, .2, 1) !important;
}
.bsa-wrap .bsa-cta a:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 28px rgba(0, 195, 226, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}

/* =============================================================
   3) CONTATO — .contact-page
   ============================================================= */
.contact-page {
    background: transparent !important;
    padding: 40px 20px 60px !important;
}
.contact-page .contact-container { max-width: 1200px !important; margin: 0 auto !important; }
.contact-page .contact-header {
    text-align: center !important;
    margin-bottom: 40px !important;
    padding: 32px 20px !important;
    background: var(--bspu-glass-bg) !important;
    border: 1px solid var(--bspu-glass-border) !important;
    border-radius: 18px !important;
    backdrop-filter: blur(18px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
    box-shadow: var(--bspu-glass-shadow) !important;
    position: relative;
    overflow: hidden;
}
.contact-page .contact-header::before {
    content: "";
    position: absolute;
    top: 0; left: 15%; right: 15%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(0, 212, 255, 0.75), transparent);
    box-shadow: 0 0 12px rgba(0, 212, 255, 0.6);
}
.contact-page .contact-header h1 {
    font-family: 'Inter', sans-serif !important;
    font-size: 2.4rem !important;
    font-weight: 900 !important;
    letter-spacing: -1px !important;
    margin: 0 0 10px !important;
    background: linear-gradient(135deg, #fff, var(--bspu-cyan-pale)) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 20px rgba(0, 212, 255, 0.25));
}
.contact-page .contact-header p {
    color: rgba(255, 255, 255, 0.65) !important;
    font-size: 14px !important;
    margin: 0 !important;
}
.contact-page .contact-grid {
    display: grid !important;
    grid-template-columns: 1.3fr 1fr !important;
    gap: 28px !important;
}
@media (max-width: 900px) {
    .contact-page .contact-grid { grid-template-columns: 1fr !important; }
}
.contact-page .contact-form-wrapper,
.contact-page .contact-info,
.contact-page .contact-social,
.contact-page .contact-faq {
    background: var(--bspu-glass-bg) !important;
    border: 1px solid var(--bspu-glass-border) !important;
    border-radius: 18px !important;
    backdrop-filter: blur(16px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(160%) !important;
    box-shadow: var(--bspu-glass-shadow) !important;
    padding: 30px !important;
    margin-bottom: 20px !important;
    color: #c9d6e8 !important;
}
.contact-page .contact-form-title,
.contact-page .contact-info-title,
.contact-page .contact-social-title,
.contact-page .contact-faq-title {
    color: #fff !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 900 !important;
    font-size: 1.15rem !important;
    letter-spacing: -0.2px !important;
    border-bottom: 1px solid rgba(0, 195, 226, 0.18) !important;
    padding-bottom: 14px !important;
    margin-bottom: 20px !important;
    position: relative;
}
.contact-page .contact-form-title::after,
.contact-page .contact-info-title::after,
.contact-page .contact-social-title::after,
.contact-page .contact-faq-title::after {
    content: "";
    position: absolute;
    bottom: -1px; left: 0;
    width: 60px;
    height: 2px;
    background: linear-gradient(90deg, var(--bspu-cyan), var(--bspu-cyan-bright));
    box-shadow: 0 0 8px rgba(0, 212, 255, 0.55);
}
.contact-page .contact-info-item {
    background: rgba(0, 195, 226, 0.04) !important;
    border: 1px solid rgba(0, 195, 226, 0.12) !important;
    border-radius: 12px !important;
    padding: 16px 18px !important;
    margin-bottom: 12px !important;
    transition: all 0.3s !important;
}
.contact-page .contact-info-item:hover {
    background: rgba(0, 195, 226, 0.08) !important;
    border-color: rgba(0, 195, 226, 0.28) !important;
    transform: translateX(4px) !important;
}
.contact-page .contact-info-icon {
    background: linear-gradient(135deg, var(--bspu-cyan), var(--bspu-cyan-bright)) !important;
    color: #001118 !important;
    box-shadow: 0 4px 12px rgba(0, 195, 226, 0.3) !important;
}
.contact-page .form-group label,
.contact-page .form-row label {
    color: rgba(255, 255, 255, 0.78) !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
}
.contact-page .form-group input,
.contact-page .form-group textarea,
.contact-page .form-group select,
.contact-page .form-row input,
.contact-page .form-row textarea,
.contact-page .form-row select {
    background: rgba(0, 0, 0, 0.35) !important;
    border: 1px solid rgba(0, 195, 226, 0.15) !important;
    color: #fff !important;
    padding: 12px 16px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-family: 'Inter', sans-serif !important;
    transition: all 0.25s !important;
    width: 100%;
}
.contact-page .form-group input:focus,
.contact-page .form-group textarea:focus,
.contact-page .form-group select:focus,
.contact-page .form-row input:focus,
.contact-page .form-row textarea:focus,
.contact-page .form-row select:focus {
    border-color: var(--bspu-cyan-bright) !important;
    box-shadow: 0 0 0 3px rgba(0, 212, 255, 0.12), 0 4px 14px rgba(0, 195, 226, 0.2) !important;
    background: rgba(0, 0, 0, 0.5) !important;
    outline: none !important;
}
.contact-page .contact-submit {
    background: linear-gradient(135deg, var(--bspu-cyan), var(--bspu-cyan-bright)) !important;
    color: #001118 !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    padding: 14px 32px !important;
    border: 0 !important;
    border-radius: 100px !important;
    box-shadow: 0 10px 26px rgba(0, 195, 226, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(.2, .8, .2, 1) !important;
}
.contact-page .contact-submit:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 16px 34px rgba(0, 195, 226, 0.58), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
.contact-page .contact-social-link {
    padding: 14px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, rgba(0, 195, 226, 0.06), transparent) !important;
    border: 1px solid rgba(0, 195, 226, 0.12) !important;
    transition: all 0.3s !important;
}
.contact-page .contact-social-link:hover {
    background: linear-gradient(135deg, rgba(0, 195, 226, 0.15), rgba(0, 195, 226, 0.03)) !important;
    border-color: rgba(0, 195, 226, 0.35) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 20px rgba(0, 195, 226, 0.25) !important;
}
.contact-page .faq-item {
    background: rgba(0, 195, 226, 0.03) !important;
    border: 1px solid rgba(0, 195, 226, 0.10) !important;
    border-radius: 10px !important;
    color: #c9d6e8 !important;
    transition: all 0.25s !important;
}
.contact-page .faq-item:hover {
    background: rgba(0, 195, 226, 0.06) !important;
    border-color: rgba(0, 195, 226, 0.22) !important;
}
.contact-page .form-message {
    border-radius: 12px !important;
    padding: 14px 18px !important;
    font-weight: 700 !important;
    background: linear-gradient(135deg, rgba(0, 195, 226, 0.12), rgba(0, 195, 226, 0.04)) !important;
    border: 1px solid rgba(0, 195, 226, 0.22) !important;
    color: var(--bspu-cyan-pale) !important;
}
.contact-page .form-message.error {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.14), rgba(239, 68, 68, 0.04)) !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
    color: #fca5a5 !important;
}

/* =============================================================
   4) REGISTRAR — .register-container
   ============================================================= */
.register-container {
    max-width: 1200px !important;
    padding: 40px 20px 60px !important;
}
.register-container .register-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 30px !important;
    align-items: flex-start !important;
}
@media (max-width: 900px) {
    .register-container .register-grid { grid-template-columns: 1fr !important; }
}
.register-container .register-header {
    text-align: center !important;
    margin-bottom: 40px !important;
    padding: 32px 20px !important;
    background: var(--bspu-glass-bg) !important;
    border: 1px solid var(--bspu-glass-border) !important;
    border-radius: 18px !important;
    backdrop-filter: blur(18px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
    box-shadow: var(--bspu-glass-shadow) !important;
    position: relative;
    overflow: hidden;
}
.register-container .register-header::before {
    content: "";
    position: absolute;
    top: 0; left: 15%; right: 15%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(0, 212, 255, 0.75), transparent);
    box-shadow: 0 0 12px rgba(0, 212, 255, 0.6);
}
.register-container .register-header h1 {
    font-family: 'Inter', sans-serif !important;
    font-size: 2.4rem !important;
    font-weight: 900 !important;
    letter-spacing: -1px !important;
    margin: 0 0 10px !important;
    background: linear-gradient(135deg, #fff, var(--bspu-cyan-pale)) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 20px rgba(0, 212, 255, 0.25));
}
.register-container .register-header p {
    color: rgba(255, 255, 255, 0.65) !important;
    font-size: 14px !important;
}
.register-container .register-form-wrapper,
.register-container .register-benefits,
.register-container .register-info,
.register-container .register-invite-method,
.register-container .register-card {
    background: var(--bspu-glass-bg) !important;
    border: 1px solid var(--bspu-glass-border) !important;
    border-radius: 18px !important;
    backdrop-filter: blur(16px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(160%) !important;
    box-shadow: var(--bspu-glass-shadow) !important;
    padding: 30px !important;
    margin-bottom: 20px !important;
    color: #c9d6e8 !important;
}
.register-container .register-form-title,
.register-container .register-benefits-title,
.register-container .register-info-title {
    color: #fff !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 900 !important;
    font-size: 1.15rem !important;
    border-bottom: 1px solid rgba(0, 195, 226, 0.18) !important;
    padding-bottom: 14px !important;
    margin-bottom: 20px !important;
    position: relative;
}
.register-container .register-form-title::after,
.register-container .register-benefits-title::after,
.register-container .register-info-title::after {
    content: "";
    position: absolute;
    bottom: -1px; left: 0;
    width: 60px;
    height: 2px;
    background: linear-gradient(90deg, var(--bspu-cyan), var(--bspu-cyan-bright));
    box-shadow: 0 0 8px rgba(0, 212, 255, 0.55);
}
.register-container .register-benefit {
    background: rgba(0, 195, 226, 0.04) !important;
    border: 1px solid rgba(0, 195, 226, 0.10) !important;
    border-radius: 12px !important;
    padding: 16px !important;
    margin-bottom: 12px !important;
    transition: all 0.3s !important;
    color: #c9d6e8 !important;
}
.register-container .register-benefit:hover {
    background: rgba(0, 195, 226, 0.08) !important;
    border-color: rgba(0, 195, 226, 0.25) !important;
    transform: translateX(4px) !important;
}
.register-container .register-benefit-icon {
    background: linear-gradient(135deg, var(--bspu-cyan), var(--bspu-cyan-bright)) !important;
    color: #001118 !important;
    box-shadow: 0 4px 12px rgba(0, 195, 226, 0.3) !important;
}
.register-container .register-form-label {
    color: rgba(255, 255, 255, 0.78) !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}
.register-container .register-form-input,
.register-container .register-code-input {
    background: rgba(0, 0, 0, 0.35) !important;
    border: 1px solid rgba(0, 195, 226, 0.15) !important;
    color: #fff !important;
    padding: 12px 16px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-family: 'Inter', sans-serif !important;
    transition: all 0.25s !important;
}
.register-container .register-code-input {
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    font-size: 16px !important;
}
.register-container .register-form-input:focus,
.register-container .register-code-input:focus {
    border-color: var(--bspu-cyan-bright) !important;
    box-shadow: 0 0 0 3px rgba(0, 212, 255, 0.12), 0 4px 14px rgba(0, 195, 226, 0.2) !important;
    background: rgba(0, 0, 0, 0.5) !important;
    outline: none !important;
}
.register-container .register-code-box {
    background: linear-gradient(135deg, rgba(0, 195, 226, 0.08), rgba(0, 195, 226, 0.02)) !important;
    border: 1px solid rgba(0, 195, 226, 0.25) !important;
    border-radius: 14px !important;
    padding: 24px !important;
}
.register-container .register-code-label {
    color: var(--bspu-cyan-pale) !important;
    font-weight: 900 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    margin-bottom: 10px !important;
}
.register-container .register-alert {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.12), rgba(239, 68, 68, 0.03)) !important;
    border: 1px solid rgba(239, 68, 68, 0.28) !important;
    border-radius: 12px !important;
    color: #fca5a5 !important;
    padding: 14px 18px !important;
}
.register-container .register-alert.success {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.14), rgba(16, 185, 129, 0.03)) !important;
    border-color: rgba(16, 185, 129, 0.32) !important;
    color: #86efac !important;
}
.register-container .register-confirm-box {
    background: linear-gradient(135deg, rgba(0, 195, 226, 0.10), rgba(0, 195, 226, 0.02)) !important;
    border: 1px solid rgba(0, 195, 226, 0.28) !important;
    border-radius: 14px !important;
    padding: 20px !important;
    text-align: center !important;
}
.register-container .register-confirm-icon {
    background: linear-gradient(135deg, var(--bspu-cyan), var(--bspu-cyan-bright)) !important;
    color: #001118 !important;
    box-shadow: 0 8px 20px rgba(0, 195, 226, 0.4) !important;
}
.register-container .register-confirm-link {
    background: linear-gradient(135deg, var(--bspu-cyan), var(--bspu-cyan-bright)) !important;
    color: #001118 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    padding: 12px 28px !important;
    border-radius: 100px !important;
    box-shadow: 0 8px 20px rgba(0, 195, 226, 0.4) !important;
    transition: all 0.3s !important;
}
.register-container .register-confirm-link:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 28px rgba(0, 195, 226, 0.6) !important;
}
.register-container .email-highlight,
.register-container .register-code-help strong {
    color: var(--bspu-cyan-pale) !important;
    font-family: 'JetBrains Mono', monospace !important;
    text-shadow: 0 0 10px rgba(0, 195, 226, 0.3) !important;
}
.register-container form button[type="submit"],
.register-container .register-submit,
.register-container button.register-submit {
    background: linear-gradient(135deg, var(--bspu-cyan), var(--bspu-cyan-bright)) !important;
    color: #001118 !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    padding: 14px 32px !important;
    border: 0 !important;
    border-radius: 100px !important;
    box-shadow: 0 10px 26px rgba(0, 195, 226, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(.2, .8, .2, 1) !important;
    width: 100% !important;
}
.register-container form button[type="submit"]:hover,
.register-container .register-submit:hover,
.register-container button.register-submit:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 16px 34px rgba(0, 195, 226, 0.58), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
.register-container .register-divider {
    border-top: 1px solid rgba(0, 195, 226, 0.12) !important;
    margin: 24px 0 !important;
}
.register-container .register-footer {
    color: rgba(255, 255, 255, 0.6) !important;
    text-align: center !important;
    padding-top: 20px !important;
}
.register-container .register-footer a {
    color: var(--bspu-cyan-pale) !important;
    font-weight: 700 !important;
}

/* =============================================================
   5) DOAR / ASSINAR — .subscription-box / .plan-card / .pix-payment
   ============================================================= */
.subscription-box,
.pix-payment,
.plan-card {
    background: var(--bspu-glass-bg) !important;
    border: 1px solid var(--bspu-glass-border) !important;
    border-radius: 18px !important;
    backdrop-filter: blur(16px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(160%) !important;
    box-shadow: var(--bspu-glass-shadow) !important;
    padding: 30px !important;
    color: #c9d6e8 !important;
    position: relative;
    overflow: hidden;
}
.subscription-box::before,
.plan-card::before {
    content: "";
    position: absolute;
    top: 0; left: 15%; right: 15%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(0, 212, 255, 0.7), transparent);
    box-shadow: 0 0 10px rgba(0, 212, 255, 0.5);
}
.plan-card .plan-header {
    text-align: center !important;
    padding-bottom: 20px !important;
    border-bottom: 1px solid rgba(0, 195, 226, 0.15) !important;
    margin-bottom: 20px !important;
}
.plan-card .plan-header h2 {
    color: #fff !important;
    font-weight: 900 !important;
    letter-spacing: -0.3px !important;
}
.plan-card .plan-price {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 6px !important;
    background: linear-gradient(135deg, #fff, var(--bspu-cyan-pale)) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 16px rgba(0, 212, 255, 0.25));
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 900 !important;
}
.plan-card .plan-price .currency { font-size: 1.2rem !important; opacity: 0.7; }
.plan-card .plan-price .amount { font-size: 3.2rem !important; line-height: 1 !important; }
.plan-card .plan-price .period {
    font-size: 1rem !important;
    color: rgba(255, 255, 255, 0.55) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.55) !important;
    filter: none;
}
.plan-card .plan-features li {
    background: rgba(0, 195, 226, 0.04) !important;
    border: 1px solid rgba(0, 195, 226, 0.10) !important;
    border-radius: 10px !important;
    padding: 10px 14px !important;
    margin-bottom: 8px !important;
    color: #c9d6e8 !important;
}
.subscription-box .btn-green,
.pix-payment .btn-green,
.plan-card .btn-green {
    background: linear-gradient(135deg, #10b981, #059669) !important;
    color: #fff !important;
    font-weight: 900 !important;
    padding: 14px 28px !important;
    border-radius: 100px !important;
    box-shadow: 0 10px 26px rgba(16, 185, 129, 0.4) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
}
.subscription-box .btn-telegram,
.pix-payment .btn-telegram {
    background: linear-gradient(135deg, #0088cc, #00d4ff) !important;
    color: #fff !important;
    font-weight: 900 !important;
    padding: 14px 28px !important;
    border-radius: 100px !important;
    box-shadow: 0 10px 26px rgba(0, 136, 204, 0.4) !important;
}
.subscription-box .btn-red,
.pix-payment .btn-red {
    background: linear-gradient(135deg, #ef4444, #dc2626) !important;
    color: #fff !important;
    font-weight: 900 !important;
    padding: 14px 28px !important;
    border-radius: 100px !important;
    box-shadow: 0 10px 26px rgba(239, 68, 68, 0.4) !important;
}
.subscription-box .btn-copy,
.pix-payment .btn-copy,
.subscription-box .btn-green,
.pix-payment .btn-green,
.subscription-box .btn-red,
.pix-payment .btn-red,
.subscription-box .btn-telegram,
.pix-payment .btn-telegram {
    transition: all 0.3s cubic-bezier(.2, .8, .2, 1) !important;
}
.subscription-box .btn-copy:hover,
.pix-payment .btn-copy:hover,
.subscription-box .btn-green:hover,
.pix-payment .btn-green:hover,
.subscription-box .btn-red:hover,
.pix-payment .btn-red:hover,
.subscription-box .btn-telegram:hover,
.pix-payment .btn-telegram:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.1);
}
.pix-payment .qr-container {
    background: #fff !important;
    padding: 20px !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.5), 0 0 0 2px rgba(0, 195, 226, 0.25) !important;
    display: inline-block !important;
}
.pix-payment .copy-field {
    background: rgba(0, 0, 0, 0.35) !important;
    border: 1px solid rgba(0, 195, 226, 0.18) !important;
    color: var(--bspu-cyan-pale) !important;
    font-family: 'JetBrains Mono', monospace !important;
    border-radius: 10px !important;
    padding: 12px 16px !important;
}
.pix-payment .pix-instructions {
    background: rgba(0, 195, 226, 0.04) !important;
    border: 1px solid rgba(0, 195, 226, 0.12) !important;
    border-radius: 14px !important;
    padding: 20px !important;
    color: #c9d6e8 !important;
}
.pix-payment .pix-instructions li {
    color: #c9d6e8 !important;
    margin-bottom: 6px !important;
}
.subscription-box .titulo,
.pix-payment .titulo { color: #fff !important; font-weight: 900 !important; }

/* =============================================================
   6) PEDIDOS — .rq-inner — EXTRA PREMIUM
   ============================================================= */
.rq-inner {
    padding: 40px 20px 60px !important;
    max-width: 1300px !important;
    margin: 0 auto !important;
}
.rq-inner .rq-header {
    padding: 36px 28px !important;
    background: linear-gradient(180deg, rgba(22, 28, 42, 0.82), rgba(14, 18, 28, 0.92)) !important;
    border: 1px solid var(--bspu-glass-border) !important;
    border-radius: 20px !important;
    backdrop-filter: blur(18px) saturate(170%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(170%) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.05) inset !important;
    margin-bottom: 32px !important;
    position: relative;
    overflow: hidden;
}
.rq-inner .rq-header::before {
    content: "";
    position: absolute;
    top: 0; left: 15%; right: 15%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(0, 212, 255, 0.85), transparent);
    box-shadow: 0 0 14px rgba(0, 212, 255, 0.7);
}
.rq-inner .rq-header h1 {
    font-family: 'Inter', sans-serif !important;
    font-size: 2.4rem !important;
    font-weight: 900 !important;
    letter-spacing: -1px !important;
    background: linear-gradient(135deg, #fff, var(--bspu-cyan-pale)) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 22px rgba(0, 212, 255, 0.32));
}
.rq-inner .rq-podium { margin-bottom: 40px !important; }
.rq-inner .rq-pod-card {
    background: linear-gradient(180deg, rgba(22, 28, 42, 0.82), rgba(14, 18, 28, 0.92)) !important;
    border: 1px solid var(--bspu-glass-border) !important;
    border-radius: 18px !important;
    backdrop-filter: blur(16px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(160%) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    padding: 18px !important;
    transition: transform 0.4s cubic-bezier(.22, 1, .36, 1), box-shadow 0.4s !important;
    position: relative;
    overflow: visible !important;
}
.rq-inner .rq-pod-card:hover { transform: translateY(-8px) scale(1.02) !important; }
.rq-inner .rq-podium-top .rq-pod-card:first-child,
.rq-inner .rq-pod-card:nth-child(1) {
    border-color: rgba(255, 215, 0, 0.5) !important;
    box-shadow:
        0 18px 44px rgba(0, 0, 0, 0.55),
        0 0 50px rgba(255, 215, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
.rq-inner .rq-pod-rank {
    position: absolute !important;
    top: -18px !important;
    right: -14px !important;
    width: 50px !important;
    height: 50px !important;
    background: linear-gradient(135deg, #ffd54a, #ff9800) !important;
    border: 3px solid rgba(22, 28, 42, 0.9) !important;
    color: #1a0e00 !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10 !important;
    box-shadow: 0 8px 20px rgba(255, 152, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
.rq-inner .rq-pod-card:nth-child(2) .rq-pod-rank {
    background: linear-gradient(135deg, #e5e7eb, #9ca3af) !important;
    box-shadow: 0 8px 20px rgba(156, 163, 175, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
.rq-inner .rq-pod-card:nth-child(3) .rq-pod-rank {
    background: linear-gradient(135deg, #f59e0b, #92400e) !important;
    box-shadow: 0 8px 20px rgba(245, 158, 11, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
.rq-inner .rq-pod-cover {
    border-radius: 0 !important;
    overflow: hidden !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.5) !important;
    position: relative !important;
}
.rq-inner .rq-pod-cover::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(0, 195, 226, 0.08), transparent 50%);
    pointer-events: none;
}
.rq-inner .rq-pod-name {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #fff !important;
    margin-top: 14px !important;
    line-height: 1.3 !important;
}
.rq-inner .rq-pod-votes {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 12px !important;
    background: linear-gradient(135deg, rgba(0, 195, 226, 0.14), rgba(0, 195, 226, 0.04)) !important;
    border: 1px solid rgba(0, 195, 226, 0.28) !important;
    border-radius: 100px !important;
    color: var(--bspu-cyan-pale) !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 800 !important;
    font-size: 11.5px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    box-shadow: 0 4px 12px rgba(0, 195, 226, 0.18) !important;
    margin-top: 10px !important;
}
.rq-inner .rq-pod-genres {
    color: rgba(255, 255, 255, 0.55) !important;
    font-size: 11px !important;
    margin-top: 6px !important;
}
.rq-inner .rq-search-card {
    background: linear-gradient(180deg, rgba(22, 28, 42, 0.85), rgba(14, 18, 28, 0.92)) !important;
    border: 1px solid rgba(0, 195, 226, 0.22) !important;
    border-radius: 18px !important;
    backdrop-filter: blur(18px) saturate(170%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(170%) !important;
    box-shadow:
        0 16px 40px rgba(0, 0, 0, 0.5),
        0 0 40px rgba(0, 195, 226, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    padding: 30px !important;
    margin-bottom: 24px !important;
    position: relative;
    overflow: hidden;
}
.rq-inner .rq-search-card::before {
    content: "";
    position: absolute;
    top: 0; left: 10%; right: 10%;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--bspu-cyan), var(--bspu-cyan-bright), var(--bspu-cyan), transparent);
    box-shadow: 0 0 16px rgba(0, 212, 255, 0.7);
    animation: rqSearchLaser 5s ease-in-out infinite;
}
@keyframes rqSearchLaser {
    0%, 100% { opacity: 0.5; filter: brightness(1); }
    50%      { opacity: 1;   filter: brightness(1.4); }
}
.rq-inner .rq-search-title {
    color: #fff !important;
    font-weight: 900 !important;
    font-size: 1.2rem !important;
    margin-bottom: 16px !important;
}
.rq-inner .rq-search-input {
    background: rgba(0, 0, 0, 0.45) !important;
    border: 1px solid rgba(0, 195, 226, 0.25) !important;
    color: #fff !important;
    padding: 14px 20px 14px 48px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    width: 100% !important;
    transition: all 0.25s !important;
}
.rq-inner .rq-search-input:focus {
    border-color: var(--bspu-cyan-bright) !important;
    box-shadow: 0 0 0 3px rgba(0, 212, 255, 0.16), 0 8px 22px rgba(0, 195, 226, 0.28) !important;
    background: rgba(0, 0, 0, 0.6) !important;
    outline: none !important;
}
.rq-inner .rq-search-hint {
    color: rgba(255, 255, 255, 0.55) !important;
    font-size: 12px !important;
    margin-top: 12px !important;
}
.rq-inner .rq-results,
.rq-inner .rq-result {
    background: var(--bspu-glass-bg) !important;
    border: 1px solid var(--bspu-glass-border) !important;
    border-radius: 14px !important;
    backdrop-filter: blur(14px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(150%) !important;
    color: #c9d6e8 !important;
}
.rq-inner .rq-result {
    padding: 14px !important;
    margin-bottom: 10px !important;
    transition: all 0.35s cubic-bezier(.22, 1, .36, 1) !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}
.rq-inner .rq-result:hover {
    transform: translateX(4px) !important;
    border-color: var(--bspu-glass-border-hover) !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.48), 0 0 24px rgba(0, 195, 226, 0.15) !important;
}
.rq-inner .rq-result-name {
    color: #fff !important;
    font-weight: 800 !important;
    font-size: 15px !important;
}
.rq-inner .rq-result-meta {
    color: rgba(255, 255, 255, 0.55) !important;
    font-size: 11.5px !important;
}
.rq-inner .rq-result-votes {
    background: linear-gradient(135deg, rgba(0, 195, 226, 0.14), rgba(0, 195, 226, 0.04)) !important;
    border: 1px solid rgba(0, 195, 226, 0.28) !important;
    color: var(--bspu-cyan-pale) !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 800 !important;
    padding: 6px 12px !important;
    border-radius: 100px !important;
    font-size: 11px !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
}
.rq-inner .rq-result-btn {
    background: linear-gradient(135deg, var(--bspu-cyan), var(--bspu-cyan-bright)) !important;
    color: #001118 !important;
    font-weight: 900 !important;
    padding: 10px 18px !important;
    border-radius: 100px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    font-size: 11px !important;
    box-shadow: 0 6px 16px rgba(0, 195, 226, 0.32) !important;
    transition: all 0.25s !important;
    border: 0 !important;
    cursor: pointer !important;
}
.rq-inner .rq-result-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 24px rgba(0, 195, 226, 0.55) !important;
}
.rq-inner .rq-result-unavail {
    color: rgba(255, 255, 255, 0.4) !important;
    font-style: italic !important;
    font-size: 11px !important;
}
.rq-inner .rq-my {
    background: var(--bspu-glass-bg) !important;
    border: 1px solid var(--bspu-glass-border) !important;
    border-radius: 18px !important;
    backdrop-filter: blur(16px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(160%) !important;
    box-shadow: var(--bspu-glass-shadow) !important;
    padding: 24px !important;
    margin-top: 24px !important;
}
.rq-inner .rq-my-item {
    background: rgba(0, 195, 226, 0.03) !important;
    border: 1px solid rgba(0, 195, 226, 0.10) !important;
    border-radius: 12px !important;
    padding: 12px !important;
    margin-bottom: 10px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    transition: all 0.3s !important;
}
.rq-inner .rq-my-item:hover {
    background: rgba(0, 195, 226, 0.07) !important;
    border-color: rgba(0, 195, 226, 0.24) !important;
    transform: translateX(4px) !important;
}
.rq-inner .rq-my-name { color: #fff !important; font-weight: 800 !important; }
.rq-inner .rq-my-date { color: rgba(255, 255, 255, 0.5) !important; font-size: 11px !important; }
.rq-inner .rq-badge {
    padding: 4px 10px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 9.5px !important;
    font-weight: 900 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    border-radius: 100px !important;
}
.rq-inner .rq-badge.pending,
.rq-inner .rq-badge[class*="pending"] {
    background: linear-gradient(135deg, rgba(255, 152, 0, 0.2), rgba(255, 152, 0, 0.08)) !important;
    border: 1px solid rgba(255, 152, 0, 0.4) !important;
    color: #ffb84a !important;
}
.rq-inner .rq-badge.fulfilled,
.rq-inner .rq-badge[class*="fulfilled"] {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(16, 185, 129, 0.08)) !important;
    border: 1px solid rgba(16, 185, 129, 0.4) !important;
    color: #86efac !important;
}
.rq-inner .rq-community { margin-top: 40px !important; }
.rq-inner .rq-community-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;
    gap: 14px !important;
}
.rq-inner .rq-comm-card {
    background: var(--bspu-glass-bg) !important;
    border: 1px solid var(--bspu-glass-border) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    transition: transform 0.35s cubic-bezier(.22, 1, .36, 1), box-shadow 0.35s, border-color 0.35s !important;
    text-decoration: none !important;
}
.rq-inner .rq-comm-card:hover {
    transform: translateY(-5px) !important;
    border-color: var(--bspu-glass-border-hover) !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.5), 0 0 24px rgba(0, 195, 226, 0.18) !important;
}
.rq-inner .rq-comm-name {
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 10px 12px 4px !important;
    line-height: 1.3 !important;
}
.rq-inner .rq-comm-user {
    color: var(--bspu-cyan-pale) !important;
    font-size: 10px !important;
    padding: 0 12px 10px !important;
    font-weight: 600 !important;
}
.rq-inner .rq-no-results {
    text-align: center !important;
    padding: 40px 20px !important;
    color: rgba(255, 255, 255, 0.55) !important;
    background: rgba(0, 195, 226, 0.03) !important;
    border: 1px dashed rgba(0, 195, 226, 0.20) !important;
    border-radius: 14px !important;
    font-size: 13px !important;
}

/* =============================================================
   RESPONSIVE GERAL
   ============================================================= */
@media (max-width: 768px) {
    .fw-hero-inner { flex-direction: column !important; align-items: flex-start !important; }
    .fw-hero-stats { margin-left: 0 !important; }
    .fw-hero-info h1 { font-size: 1.5rem !important; }
    .contact-page .contact-header h1,
    .register-container .register-header h1,
    .rq-inner .rq-header h1 { font-size: 1.8rem !important; }
    .rq-inner .rq-podium-top,
    .rq-inner .rq-podium-bottom { grid-template-columns: 1fr !important; }
}


/* ============================================================
   FILE: mobile-fixes-v21.css
   ============================================================ */
/* =================================================================
   MOBILE FIXES V21.2 — REWRITE total (V21.1 quebrou spotlight)
   Specificity DOBRADA com html body para vencer LSCache UCSS minified.
   Stack vertical no spotlight (sem corte). Fallbacks robustos.
   ================================================================= */

/* =============================================================
   BUG 1 — AVATAR HEADER MOBILE
   Hard-lock + fallback gradient sólido (visível mesmo se img quebrar).
   ============================================================= */
@media (max-width: 768px) {
    html body header.bs-header .bs-header-actions-mobile .user-logged {
        width: 38px !important;
        height: 38px !important;
        padding: 0 !important;
        background: linear-gradient(135deg, #00c3e2 0%, #0095c8 100%) !important;
        border: 2px solid rgba(0, 212, 255, 0.45) !important;
        border-radius: 50% !important;
        overflow: hidden !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        position: relative !important;
        box-shadow: 0 4px 12px rgba(0, 195, 226, 0.32), inset 0 1px 0 rgba(255,255,255,0.15) !important;
    }
    html body header.bs-header .bs-header-actions-mobile .user-logged::before {
        content: "\f007" !important;
        font-family: "Font Awesome 6 Free", "Font Awesome 5 Free" !important;
        font-weight: 900 !important;
        font-size: 14px !important;
        color: rgba(0, 17, 24, 0.85) !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        z-index: 1 !important;
        pointer-events: none !important;
        line-height: 1 !important;
    }
    html body header.bs-header .bs-header-actions-mobile .user-logged .user-avatar,
    html body header.bs-header .bs-header-actions-mobile .user-logged > img {
        width: 100% !important;
        height: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
        position: relative !important;
        z-index: 2 !important;
        background: transparent !important;
        border: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-shadow: none !important;
    }
}

/* =============================================================
   BUG 2 — SPOTLIGHT MOBILE — STACK VERTICAL (capa em cima, info embaixo)
   Layout simples e robusto. overflow:HIDDEN volta (foi erro do V21.1).
   ============================================================= */
@media (max-width: 768px) {
    html body .bs-spotlight {
        padding: 14px 0 12px !important;
    }
    html body .bs-spotlight .container {
        padding: 0 12px !important;
    }
    html body .bs-spotlight-head {
        margin-bottom: 12px !important;
        gap: 8px !important;
    }
    html body .bs-spotlight-stage {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: hidden !important;   /* << HIDDEN volta. Visible foi o erro */
        border-radius: 14px !important;
        background: linear-gradient(180deg, #050a14 0%, #02060d 100%) !important;
        box-shadow: 0 16px 40px -10px rgba(0, 0, 0, 0.55),
                    0 0 0 1px rgba(0, 195, 226, 0.18) inset !important;
        position: relative !important;
        isolation: isolate !important;
    }
    html body .bs-spotlight-stage .bs-spot-slide {
        position: absolute !important;
        inset: 0 !important;
        opacity: 0 !important;
        pointer-events: none !important;
        display: flex !important;
    }
    html body .bs-spotlight-stage .bs-spot-slide.active {
        position: relative !important;
        inset: auto !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
    html body .bs-spotlight-stage .bs-spot-slide:not(.active) {
        display: none !important;
    }
    /* Background blur (capa por trás) — fica subtil, dentro do stage */
    html body .bs-spot-bg {
        inset: 0 !important;
        filter: blur(40px) saturate(1.2) brightness(0.32) !important;
        transform: scale(1.1) !important;
        opacity: 0.7 !important;
    }
    html body .bs-spot-vignette {
        background:
            radial-gradient(80% 60% at 50% 30%, rgba(0, 195, 226, 0.18) 0%, transparent 70%),
            linear-gradient(180deg, rgba(5, 10, 20, 0.55) 0%, rgba(5, 10, 20, 0.85) 100%) !important;
    }
    /* Layout STACK VERTICAL — capa centralizada em cima, info embaixo */
    html body .bs-spot-content {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 14px !important;
        padding: 18px 16px 18px !important;
        grid-template-columns: none !important;
        grid-template-rows: none !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }
    html body .bs-spot-cover {
        width: 130px !important;
        height: 195px !important; /* aspect 2:3 forçado px */
        aspect-ratio: auto !important;
        margin: 0 auto !important;
        transform: none !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        background: #000 !important;
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.55),
                    0 0 0 1px rgba(0, 195, 226, 0.22) inset,
                    0 0 22px rgba(0, 195, 226, 0.20) !important;
        filter: none !important;
        flex-shrink: 0 !important;
    }
    html body .bs-spot-cover img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
        display: block !important;
        border-radius: 0 !important;
    }
    html body .bs-spot-cover-shine,
    html body .bs-spot-cover-play {
        display: none !important;
    }
    html body .bs-spot-info {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        text-align: center !important;
    }
    html body .bs-spot-eyebrow {
        flex-wrap: wrap !important;
        gap: 6px !important;
        justify-content: center !important;
        margin-bottom: 10px !important;
    }
    html body .bs-spot-platform,
    html body .bs-spot-tag,
    html body .bs-spot-genre,
    html body .bs-spot-rank {
        font-size: 9px !important;
        padding: 4px 9px !important;
    }
    html body .bs-spot-name {
        font-size: 17px !important;
        line-height: 1.18 !important;
        margin: 0 0 8px !important;
        letter-spacing: -0.3px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-align: center !important;
    }
    html body .bs-spot-desc { display: none !important; }
    html body .bs-spot-specs {
        padding: 8px 0 0 !important;
        margin: 0 !important;
        border-top: 1px dashed rgba(0, 195, 226, 0.18) !important;
        border-bottom: 0 !important;
        gap: 14px !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
    }
    html body .bs-spot-specs .bs-spot-spec:nth-child(n+4) { display: none !important; }
    html body .bs-spot-spec { font-size: 11px !important; }
    /* V33.17 — mostra CTAs (Baixar agora + Ver detalhes) no mobile */
    html body .bs-spot-ctas {
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        margin-top: 14px !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        width: 100% !important;
    }
    html body .bs-spot-btn {
        flex: 1 1 140px !important;
        min-width: 0 !important;
        max-width: 220px !important;
        padding: 11px 16px !important;
        font-size: 11.5px !important;
        border-radius: 100px !important;
        min-height: 40px !important;
        justify-content: center !important;
        letter-spacing: 0.5px !important;
    }
    html body .bs-spot-btn.ghost { display: inline-flex !important; }

    /* V33.17 — cover spotlight igual aos cards do portal (3/5 sem arredondar) */
    html body .bs-spot-cover,
    html body .bs-spot-cover * {
        border-radius: 0 !important;
    }
    html body .bs-spot-cover {
        aspect-ratio: 3 / 5 !important;
        width: 150px !important;
        height: auto !important;
        overflow: hidden !important;
    }
    html body .bs-spot-cover img {
        aspect-ratio: 3 / 5 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: fill !important;
    }

    /* V33.17 — Últimos Jogos / cards em listas: mostra APENAS a data (primeira meta) centralizada.
       Evita texto cortado nas covers menores de mobile. */
    html body .game-card .game-card-details {
        justify-content: center !important;
        flex-wrap: nowrap !important;
        gap: 0 !important;
    }
    html body .game-card .game-card-details .game-card-detail:nth-child(n+2) {
        display: none !important;
    }
    html body .game-card .game-card-details .game-card-detail:first-child {
        font-size: 10.5px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 100% !important;
    }

    /* Thumbs (dots embaixo) */
    html body .bs-spot-thumbs {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 6px !important;
        top: auto !important;
        flex-direction: row !important;
        justify-content: center !important;
        z-index: 5 !important;
        padding: 0 !important;
        gap: 5px !important;
    }
    html body .bs-spot-thumb {
        width: 14px !important;
        height: 3px !important;
        aspect-ratio: auto !important;
        border-radius: 100px !important;
        border: 0 !important;
        background: rgba(255,255,255,0.22) !important;
        padding: 0 !important;
        opacity: 1 !important;
    }
    html body .bs-spot-thumb img,
    html body .bs-spot-thumb-n { display: none !important; }
    html body .bs-spot-thumb.active {
        width: 26px !important;
        background: rgba(0, 212, 255, 0.55) !important;
    }
}

/* =============================================================
   BUG 3 — PASSWORD CARD MOBILE: layout 2-col × 2-row (sem grid-areas)
   ============================================================= */
@media (max-width: 540px) {
    html body.single-game .bs-password-card,
    html body .bs-password-card {
        display: grid !important;
        grid-template-columns: 38px minmax(0, 1fr) !important;
        grid-template-rows: auto auto !important;
        grid-template-areas: none !important;
        gap: 6px 12px !important;
        padding: 22px 14px 14px !important;
        margin: 14px 8px 18px !important;
        align-items: center !important;
    }
    html body.single-game .bs-password-card > .bs-password-icon,
    html body .bs-password-card > .bs-password-icon {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;  /* row 1 e 2 */
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
        max-width: 38px !important;
        max-height: 38px !important;
        font-size: 14px !important;
        align-self: center !important;
        justify-self: center !important;
        border-radius: 10px !important;
        margin: 0 !important;
    }
    html body.single-game .bs-password-card > .bs-password-info,
    html body .bs-password-card > .bs-password-info {
        grid-column: 2 !important;
        grid-row: 1 !important;
        align-self: center !important;
        min-width: 0 !important;
        width: 100% !important;
    }
    html body.single-game .bs-password-card > .bs-password-copy,
    html body .bs-password-card > .bs-password-copy {
        grid-column: 1 / -1 !important;     /* spans full width: cols 1 e 2 */
        grid-row: 2 !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        justify-self: stretch !important;
        margin-top: 4px !important;
    }
    html body.single-game .bs-password-card .bs-password-value,
    html body .bs-password-card .bs-password-value {
        font-size: 12px !important;
        padding: 6px 10px !important;
        word-break: break-all !important;
    }
}

/* =============================================================
   BUG 4 — SHARE DROPDOWN — BOTTOM SHEET MOBILE
   Tira de qualquer container com overflow hidden + fixed full-width.
   ============================================================= */
@media (max-width: 768px) {
    /* Libera overflow no wrapper para o fixed escapar */
    html body .bs-share-wrapper {
        position: static !important;
        overflow: visible !important;
        contain: none !important;
    }
    /* Bottom sheet */
    html body .bs-share-dropdown,
    html body.single-game .dl-section .bs-share-dropdown {
        position: fixed !important;
        top: auto !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        transform: translateY(100%) !important;
        width: 100vw !important;
        max-width: 100vw !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 22px 16px 28px !important;
        border-radius: 22px 22px 0 0 !important;
        background: linear-gradient(180deg, #0e1626 0%, #08111e 100%) !important;
        color: #fff !important;
        box-shadow: 0 -22px 60px rgba(0, 0, 0, 0.7),
                    inset 0 1px 0 rgba(0, 195, 226, 0.22) !important;
        z-index: 100000 !important;
        max-height: 80vh !important;
        overflow-y: auto !important;
        opacity: 0 !important;
        pointer-events: none !important;
        transition: transform .35s cubic-bezier(.2, .9, .2, 1),
                    opacity .25s ease !important;
    }
    html body .bs-share-dropdown.active,
    html body.single-game .dl-section .bs-share-dropdown.active {
        transform: translateY(0) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        animation: none !important;
        display: block !important;
    }
    html body .bs-share-dropdown::before {
        content: "" !important;
        position: absolute !important;
        top: 8px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 44px !important;
        height: 4px !important;
        background: rgba(255, 255, 255, 0.25) !important;
        border-radius: 100px !important;
        border: 0 !important;
    }
    html body .bs-share-dropdown-header {
        padding: 14px 4px 12px !important;
        margin: 0 0 12px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    }
    html body .bs-share-dropdown-header span {
        color: #fff !important;
        font-size: 13px !important;
        letter-spacing: 1.4px !important;
        text-transform: uppercase !important;
        font-weight: 800 !important;
    }
    html body .bs-share-dropdown-close {
        color: rgba(255, 255, 255, 0.6) !important;
        font-size: 20px !important;
        background: rgba(255, 255, 255, 0.06) !important;
        width: 30px !important;
        height: 30px !important;
        border-radius: 50% !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    html body .bs-share-grid {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 10px !important;
    }
    html body .bs-share-item {
        background: rgba(255, 255, 255, 0.04) !important;
        border: 1px solid rgba(0, 195, 226, 0.10) !important;
        color: #fff !important;
        padding: 14px 6px !important;
    }
    html body .bs-share-item span {
        color: rgba(255, 255, 255, 0.85) !important;
        font-size: 11px !important;
    }
    /* Overlay scrim */
    html body.bs-share-open::before {
        content: "" !important;
        position: fixed !important;
        inset: 0 !important;
        background: rgba(0, 0, 0, 0.6) !important;
        backdrop-filter: blur(3px) !important;
        -webkit-backdrop-filter: blur(3px) !important;
        z-index: 99999 !important;
        pointer-events: auto !important;
        animation: bsShareScrim .25s ease both !important;
    }
    @keyframes bsShareScrim {
        from { opacity: 0; }
        to   { opacity: 1; }
    }
}

/* =============================================================
   BUG 5 — AVATAR DO FORM DE COMENTÁRIO + AVATARES DA LISTA
   ============================================================= */
html body .bs-comment-form-avatar,
html body .bs-comment-form img.avatar,
html body .bs-comment-form .bs-comment-form-avatar,
html body .bs-comments-section .bs-comment-form-avatar {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    max-width: 50px !important;
    max-height: 50px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    object-position: center !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    display: block !important;
    aspect-ratio: 1 / 1 !important;
    border: 2px solid rgba(0, 195, 226, 0.32) !important;
    background: linear-gradient(135deg, #00c3e2, #0095c8) !important;
    box-shadow: 0 4px 12px rgba(0, 195, 226, 0.18) !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .bs-comment-item .bs-comment-avatar,
html body .bs-comment-item img.avatar {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    display: block !important;
    aspect-ratio: 1 / 1 !important;
    background: linear-gradient(135deg, #00c3e2, #0095c8) !important;
    box-sizing: border-box !important;
}

@media (max-width: 540px) {
    html body .bs-comment-form-avatar,
    html body .bs-comment-form img.avatar,
    html body .bs-comment-form .bs-comment-form-avatar {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
        max-width: 42px !important;
        max-height: 42px !important;
    }
    html body .bs-comment-form {
        padding: 14px !important;
        gap: 10px !important;
    }
}


/* ============================================================
   FILE: cover-frame-v23.css
   ============================================================ */
/* =================================================================
   COVER FRAME V23.2 — apenas mobile responsive
   A moldura agora vive nos 3 arquivos sincronizados:
   - latest-games-v19.css (regra base)
   - archive-compat-v19.css (regra .bs-game-card)
   - index.php inline (anti-cache)
   Aqui só ajustamos colunas e padding em mobile.
   ================================================================= */

/* =============================================================
   MOBILE: ÚLTIMOS JOGOS = 3 COLUNAS, FAVORITOS continua 6 (já no css próprio)
   ============================================================= */
@media (max-width: 640px) {
    /* Últimos Jogos / archives / search — usa .bs-premium-grid SEM .bs-cf-grid */
    html body .bs-premium-grid:not(.list-view):not(.bs-cf-grid),
    html body .games-grid.bs-premium-grid:not(.list-view):not(.bs-cf-grid),
    html body .bs-games-grid.bs-premium-grid:not(.list-view):not(.bs-cf-grid) {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 8px !important;
    }

    /* Mobile: padding/border-radius da moldura proporcionalmente menor */
    html body .bs-premium-grid:not(.list-view) .game-card,
    html body .bs-premium-grid:not(.list-view) .bs-game-card {
        padding: 6px 6px 0 !important;
        border-radius: 12px !important;
        border-width: 1.25px !important;
    }

    /* Tipografia/CTA dentro do card cabe melhor em 3 colunas */
    html body .bs-premium-grid:not(.list-view) .game-card-title,
    html body .bs-premium-grid:not(.list-view) .bs-game-card-title,
    html body .bs-premium-grid:not(.list-view) .card-title,
    html body .bs-premium-grid:not(.list-view) .bs-card-title {
        font-size: 11px !important;
        line-height: 1.25 !important;
        -webkit-line-clamp: 2 !important;
    }
    html body .bs-premium-grid:not(.list-view) .card-meta,
    html body .bs-premium-grid:not(.list-view) .bs-card-meta,
    html body .bs-premium-grid:not(.list-view) .game-card-meta,
    html body .bs-premium-grid:not(.list-view) .bs-game-card-meta {
        font-size: 9.5px !important;
        gap: 4px !important;
    }
    html body .bs-premium-grid:not(.list-view) .card-dl-btn,
    html body .bs-premium-grid:not(.list-view) .bs-card-dl-btn {
        width: 44px !important;
        height: 44px !important;
        font-size: 16px !important;
    }
}

@media (max-width: 380px) {
    /* Mantém 3 colunas mas reduz gap em telas muito pequenas */
    html body .bs-premium-grid:not(.list-view):not(.bs-cf-grid) {
        gap: 6px !important;
    }
    html body .bs-premium-grid:not(.list-view) .game-card,
    html body .bs-premium-grid:not(.list-view) .bs-game-card {
        padding: 5px 5px 0 !important;
        border-radius: 10px !important;
    }
}


/* ============================================================
   FILE: dl-btn-center-v26.css
   ============================================================ */
/* =================================================================
   DOWNLOAD BUTTON CENTRALIZADO V26
   Garante que `.card-dl-btn` apareça SEMPRE centralizado nas covers
   das listas:
   - "Meus Favoritos em Destaque" (/minha-conta + /perfil/USER)
   - "Histórico de downloads" (idem)
   - "Sua coleção pessoal"
   - Carrosseis pf-gc-stage / bs-fav-grid
   ================================================================= */

/* =============================================================
   1) CARD-DL-BTN — posicionamento absoluto pro CENTRO da cover
   Override de specificity dobrada com html body.
   ============================================================= */
html body .bs-games-grid .card-dl-btn,
html body .bs-fav-card .card-dl-btn,
html body .bs-fav-grid .card-dl-btn,
html body .pf-gc-slide .card-dl-btn,
html body .bsu-portal-game-card .card-dl-btn {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) scale(0.5) !important;
    width: 56px !important;
    height: 56px !important;
    background: linear-gradient(135deg, #00d4ff 0%, #00c3e2 50%, #0095c8 100%) !important;
    color: #fff !important;
    font-size: 20px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important;
    transition: all .4s cubic-bezier(.34, 1.56, .64, 1) !important;
    box-shadow:
        0 10px 28px rgba(0, 195, 226, 0.55),
        0 0 0 5px rgba(0, 212, 255, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
    border: 2px solid rgba(255, 255, 255, 0.32) !important;
    z-index: 15 !important;
    text-decoration: none !important;
    pointer-events: none !important;
    margin: 0 !important;
}

/* Hover do CARD inteiro: revela o botão centralizado */
html body .bs-games-grid .game-card:hover .card-dl-btn,
html body .bs-fav-card:hover .card-dl-btn,
html body .bs-fav-grid .game-card:hover .card-dl-btn,
html body .pf-gc-slide .game-card:hover .card-dl-btn,
html body .bsu-portal-game-card:hover .card-dl-btn {
    transform: translate(-50%, -50%) scale(1) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* Hover no próprio botão: pulse pra fora */
html body .bs-games-grid .card-dl-btn:hover,
html body .bs-fav-card .card-dl-btn:hover,
html body .pf-gc-slide .card-dl-btn:hover,
html body .bsu-portal-game-card .card-dl-btn:hover {
    transform: translate(-50%, -50%) scale(1.12) !important;
    box-shadow:
        0 14px 36px rgba(0, 195, 226, 0.75),
        0 0 0 7px rgba(0, 212, 255, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}

/* =============================================================
   2) CARD-OVERLAY — não interfere no posicionamento absolute do dl-btn
   Removido display:flex que pode bagunçar contexto de empilhamento.
   ============================================================= */
html body .bs-games-grid .card-overlay,
html body .bs-fav-card .card-overlay,
html body .pf-gc-slide .card-overlay,
html body .bsu-portal-game-card .card-overlay {
    display: block !important;
    pointer-events: none !important;
}

/* =============================================================
   3) GAME-CARD-COVER — confirma position:relative pro absolute filho
   ============================================================= */
html body .bs-games-grid .game-card-cover,
html body .bs-fav-card .game-card-cover,
html body .pf-gc-slide .game-card-cover,
html body .bsu-portal-game-card .game-card-cover {
    position: relative !important;
}

/* =============================================================
   4) ÍCONE INTERNO — animação pulse leve quando aparece
   ============================================================= */
html body .bs-games-grid .card-dl-btn i,
html body .bs-fav-card .card-dl-btn i,
html body .pf-gc-slide .card-dl-btn i,
html body .bsu-portal-game-card .card-dl-btn i {
    animation: bsDlBtnIconV26 1.6s ease-in-out infinite !important;
    line-height: 1 !important;
}
@keyframes bsDlBtnIconV26 {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(2px); }
}

/* =============================================================
   5) MOBILE: botão menor (cards menores em 3 colunas)
   ============================================================= */
@media (max-width: 640px) {
    html body .bs-games-grid .card-dl-btn,
    html body .bs-fav-card .card-dl-btn,
    html body .pf-gc-slide .card-dl-btn,
    html body .bsu-portal-game-card .card-dl-btn {
        width: 44px !important;
        height: 44px !important;
        font-size: 16px !important;
    }
}