@font-face {
        font-family: 'Inter Fallback';
        src: local('Arial');
        ascent-override: 90.49%;
        descent-override: 22.56%;
        line-gap-override: 0%;
        size-adjust: 107.06%;
    }
    

    @font-face{font-family:'Font Awesome 6 Free';font-style:normal;font-weight:900;font-display:optional;src:url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-solid-900.woff2') format('woff2')}
    @font-face{font-family:'Font Awesome 6 Brands';font-style:normal;font-weight:400;font-display:optional;src:url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-brands-400.woff2') format('woff2')}
    

    /* DESKTOP FIX: Restaurar visual normal */
    
    /* 1. Esconder elementos criados para mobile em TODAS as telas por padrão */
    .app-search-bar,
    .app-nav-chips {
        display: none !important;
    }

    /* 2. Ajustar visual de Desktop (telas grandes) */
    @media (min-width: 769px) {
        /* Restaurar Barra de Filtros (Pills) para não parecer lista */
        .filters-container {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 10px !important;
            padding: 10px 0 !important;
        }
        .filter-pill {
            display: inline-flex !important;
            align-items: center !important;
            padding: 8px 16px !important;
            border-radius: 999px !important;
            background: #f1f5f9 !important;
            border: 1px solid #e2e8f0 !important;
            color: #334155 !important;
            font-size: 13px !important;
            font-weight: 600 !important;
            width: auto !important;
            min-height: auto !important;
            box-shadow: none !important;
            cursor: pointer;
        }
        .filter-pill.active {
            background: #0057A4 !important;
            color: #fff !important;
            border-color: #0057A4 !important;
        }

        /* ============================================
           CATEGORIAS NO DESKTOP: Estilo "Cards de Cidades"
           ============================================ */
        .home-slim-category-grid {
            display: grid !important;
            grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)) !important;
            gap: 15px !important;
            padding: 15px 0 !important;
            margin: 0 !important;
            list-style: none !important;
        }
        .home-slim-category-card {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 12px !important;
            padding: 20px 10px !important;
            background: #ffffff !important;
            border: 1px solid #e2e8f0 !important;
            border-radius: 12px !important;
            text-decoration: none !important;
            box-shadow: 0 2px 8px rgba(0,0,0,0.04);
            /* transition:transform 0.2s ease, box-shadow 0.2s ease; */ transition: transform 0.2s, opacity 0.2s;
            height: auto !important;
            min-height: 100px !important;
        }
        .home-slim-category-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 16px rgba(0,0,0,0.08);
        }
        .home-slim-category-icon {
            width: 42px !important;
            height: 42px !important;
            min-width: 42px !important;
            min-height: 42px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            background: #eff6ff !important;
            border-radius: 50% !important;
            color: #0057A4 !important;
            font-size: 18px !important;
            margin: 0 !important;
            flex-shrink: 0 !important; /* Impede que o ícone encolha */
        }
        .home-slim-category-name {
            font-size: 13px !important;
            font-weight: 600 !important;
            color: #334155 !important;
            text-align: center !important;
            line-height: 1.3 !important;
            margin: 0 !important;
            padding: 0 !important;
            width: 100% !important;
            word-break: break-word !important; /* Garante que o texto não quebre o layout */
        }
        .home-slim-category-meta {
            display: none !important;
        }
        
        /* Forçar visual correto para Categorias no Mobile */
    } /* FIM DO @MEDIA (MOBILE) */
    

    .home-ad-slot {
        display: block;
        width: 100%;
        margin: 18px 0;
        clear: both;
        min-height: 0;
    }
    .home-ad-slot .ouviradios-ad {
        margin: 0 auto;
    }
    .home-section-ad-divider {
        width: 100%;
        max-width: 100%;
        margin: 24px 0;
        clear: both;
        min-height: 100px;
        text-align: center;
        overflow: hidden;
        box-sizing: border-box;
    }
    .home-section-ad-divider .ouviradios-ad {
        margin: 0 auto;
        max-width: 100%;
        overflow: hidden;
    }
    .home-ad-slot:has(ins.adsbygoogle[data-ad-status="unfilled"]),
    .home-section-ad-divider:has(ins.adsbygoogle[data-ad-status="unfilled"]),
    .home-sidebar-ad-slot:has(ins.adsbygoogle[data-ad-status="unfilled"]) {
        display: none !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .or-float-ad:has(ins.adsbygoogle[data-ad-status="unfilled"]) {
        display: none !important;
    }
    /* =========================================================
       DESKTOP CATEGORIES FIX - Visual Simples (Sem fundo branco)
       Corrige categorias para ficarem apenas TEXTO no Computador
       ========================================================= */
    @media (min-width: 769px) {
        /* Container Flexível para alinhar os itens */
        .home-slim-category-grid {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 14px 18px !important;
            padding: 12px 0 !important;
            list-style: none !important;
            margin: 0 !important;
            align-items: flex-start !important;
        }

        /* Estilo do Item (Sem fundo branco, texto na mesma linha) */
        .home-slim-category-card {
            display: inline-flex !important;
            align-items: center !important;
            gap: 8px !important;
            
            /* Remove fundo e bordas */
            background: transparent !important; 
            border: none !important; 
            border-radius: 0 !important; 
            box-shadow: none !important; 
            
            /* Texto em linha única (sem quebrar nome) */
            padding: 6px 4px !important;
            white-space: nowrap !important; /* Força tudo na mesma linha */
            flex-shrink: 0 !important; /* Impede que o card encolha e quebre o texto */
            flex: 0 0 auto !important;
            
            /* Cores e Fonte */
            color: #475569 !important; 
            font-size: 15px !important;
            font-weight: 700 !important;
            text-decoration: none !important;
            /* transition:color 0.2s ease; */ transition: transform 0.2s, opacity 0.2s;
        }

        .home-slim-category-card:hover {
            color: #0057A4 !important;
        }

        /* Ícone (Simples) */
        .home-slim-category-icon {
            width: auto !important;
            height: auto !important;
            min-width: auto !important;
            min-height: auto !important;
            background: transparent !important;
            color: #64748b !important;
            font-size: 16px !important;
            margin: 0 !important;
        }

        /* Nome (Texto completo) */
        .home-slim-category-top {
            display: inline-flex !important;
            align-items: center !important;
            gap: 8px !important;
            width: auto !important;
        }
        .home-slim-category-name {
            display: inline-block !important;
            width: auto !important;
            max-width: none !important;
            font-size: 15px !important;
            font-weight: 700 !important;
            color: inherit !important;
            margin: 0 !important;
            line-height: 1.3 !important;
            white-space: nowrap !important;
            overflow: visible !important;
            text-overflow: clip !important;
            word-break: normal !important;
            overflow-wrap: normal !important;
            text-align: left !important;
        }
        .home-slim-category-meta {
            display: none !important;
        }
    }
    

    /* Home discovery polish: categorias, estados, cidades, recentes e países */
    .regions-container {
        background: #fff;
        border: 1px solid #e2e8f0;
        border-radius: 18px;
        padding: 26px;
        box-shadow: 0 14px 28px rgba(15,23,42,.06);
    }
    .regions-container .section-header {
        margin-top: 0;
        padding-bottom: 12px;
        border-bottom: 1px solid #eef2f7;
    }
    .regions-container .section-title {
        color: #0f172a;
        font-weight: 900;
        letter-spacing: 0;
    }
    .regions-container .section-title i {
        color: #1683ff;
    }
    .regions-container .section-link {
        color: #1683ff;
        font-weight: 900;
        text-decoration: none;
    }

    .states-grid.home-slim-states {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
    .state-pill-mini.home-slim-state-pill {
        min-height: 54px !important;
        padding: 10px 12px !important;
        border-radius: 14px !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        color: #334155 !important;
        box-shadow: none !important;
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        transition: .18s ease !important;
    }
    .state-pill-mini.home-slim-state-pill:hover {
        background: #1683ff !important;
        border-color: #1683ff !important;
        color: #fff !important;
        transform: translateY(-1px) !important;
    }
    .state-pill-mini.home-slim-state-pill img {
        width: 30px !important;
        height: 22px !important;
        border-radius: 6px !important;
        object-fit: cover !important;
        flex: 0 0 30px !important;
        background: #fff !important;
    }
    .home-slim-state-name {
        font-size: 13px !important;
        font-weight: 900 !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .home-slim-city-block {
        margin-top: 30px;
    }
    .home-slim-city-grid {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
    .home-slim-city-pill {
        min-height: 58px !important;
        padding: 11px 13px !important;
        border-radius: 14px !important;
        background: linear-gradient(135deg, #f8fafc, #ffffff) !important;
        border: 1px solid #e2e8f0 !important;
        box-shadow: 0 8px 18px rgba(15,23,42,.04) !important;
        text-decoration: none !important;
        transition: .18s ease !important;
    }
    .home-slim-city-pill:hover {
        background: #e0f2fe !important;
        border-color: #7dd3fc !important;
        transform: translateY(-1px) !important;
    }
    .home-slim-city-name {
        color: #0f172a !important;
        font-size: 14px !important;
        font-weight: 900 !important;
    }
    .home-slim-city-meta {
        color: #64748b !important;
        font-size: 11px !important;
        font-weight: 800 !important;
    }

    .home-slim-categories-block {
        display: block !important;
        margin-top: 30px;
    }
    .home-slim-category-grid {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 14px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .home-slim-category-card {
        position: relative !important;
        min-height: 78px !important;
        overflow: hidden !important;
        border: 0 !important;
        border-radius: 8px !important;
        padding: 15px 56px 13px 14px !important;
        text-align: left !important;
        background: linear-gradient(135deg, #5ce1f5, #61f0d6) !important;
        color: #0f172a !important;
        box-shadow: 0 12px 22px rgba(15,23,42,.08) !important;
        text-decoration: none !important;
        transition: .18s ease !important;
        display: block !important;
        white-space: normal !important;
    }
    .home-slim-category-card:nth-child(2n) { background: linear-gradient(135deg, #5ef2a1, #44e4bd) !important; }
    .home-slim-category-card:nth-child(3n) { background: linear-gradient(135deg, #ffe15c, #f7ad45) !important; }
    .home-slim-category-card:nth-child(4n) { background: linear-gradient(135deg, #99a6ff, #4bd4ff) !important; }
    .home-slim-category-card:hover {
        transform: translateY(-3px) !important;
        box-shadow: 0 18px 30px rgba(15,23,42,.12) !important;
        color: #0f172a !important;
    }
    .home-slim-category-top {
        display: block !important;
        width: auto !important;
    }
    .home-slim-category-icon {
        position: absolute !important;
        right: -4px !important;
        top: 12px !important;
        width: 62px !important;
        height: 48px !important;
        min-width: 62px !important;
        min-height: 48px !important;
        border-radius: 8px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        transform: rotate(12deg) !important;
        color: #fff !important;
        font-size: 22px !important;
        background: rgba(15,23,42,.55) !important;
        box-shadow: 0 10px 18px rgba(15,23,42,.18) !important;
    }
    .home-slim-category-name {
        display: block !important;
        width: auto !important;
        color: #0f172a !important;
        font-size: 15px !important;
        line-height: 1.22 !important;
        font-weight: 900 !important;
        text-align: left !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
    .home-slim-category-meta {
        display: block !important;
        margin-top: 5px !important;
        color: rgba(15,23,42,.72) !important;
        font-size: 11px !important;
        line-height: 1.3 !important;
        font-weight: 800 !important;
    }

    .recent-text-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
    .recent-text-link {
        min-height: 46px;
        display: flex !important;
        align-items: center;
        padding: 10px 13px;
        border-radius: 13px;
        background: #f8fafc;
        border: 1px solid #e2e8f0;
        color: #334155 !important;
        font-weight: 900 !important;
        text-decoration: none !important;
        box-shadow: 0 6px 14px rgba(15,23,42,.035);
    }
    .recent-text-link::before {
        content: "\f001";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        color: #1683ff;
        margin-right: 9px;
        font-size: 11px;
        flex: 0 0 auto;
    }
    .recent-text-link:hover {
        background: #1683ff;
        border-color: #1683ff;
        color: #fff !important;
        transform: translateY(-1px);
    }
    .recent-text-link:hover::before {
        color: #fff;
    }

    .countries-flex-grid {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
    .country-pill {
        min-height: 52px !important;
        padding: 10px 12px !important;
        border-radius: 14px !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        color: #334155 !important;
        box-shadow: 0 6px 14px rgba(15,23,42,.035) !important;
        transition: .18s ease !important;
    }
    .country-pill:hover {
        background: #1683ff !important;
        border-color: #1683ff !important;
        color: #fff !important;
        transform: translateY(-1px) !important;
    }
    .country-pill img {
        width: 32px !important;
        height: 23px !important;
        border-radius: 6px !important;
        object-fit: cover !important;
    }

    .news-sidebar .home-slim-side-category-grid {
        gap: 12px !important;
    }
    .news-sidebar .home-slim-side-category-card {
        min-height: 58px;
        padding: 10px 12px !important;
        border-radius: 14px !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        border-bottom: 1px solid #e2e8f0 !important;
        box-shadow: 0 6px 14px rgba(15,23,42,.035);
    }
    .news-sidebar .home-slim-side-category-card:hover {
        background: #e0f2fe !important;
        border-color: #7dd3fc !important;
        transform: translateY(-1px) !important;
    }
    .news-sidebar .home-slim-side-category-icon {
        width: 38px !important;
        height: 38px !important;
        border-radius: 10px !important;
        background: #1683ff !important;
        color: #fff !important;
        flex: 0 0 38px !important;
    }

    @media (max-width: 1024px) {
        .states-grid.home-slim-states,
        .home-slim-city-grid,
        .home-slim-category-grid,
        .recent-text-grid,
        .countries-flex-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        }
    }
    @media (max-width: 760px) {
        .regions-container {
            padding: 18px;
            border-radius: 16px;
        }
        .states-grid.home-slim-states,
        .home-slim-city-grid,
        .home-slim-category-grid,
        .recent-text-grid,
        .countries-flex-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        }
    }
    @media (max-width: 480px) {
        .states-grid.home-slim-states,
        .home-slim-city-grid,
        .home-slim-category-grid,
        .recent-text-grid,
        .countries-flex-grid {
            grid-template-columns: 1fr !important;
        }
    }
    

/* ===== Ajustes escuros do CORPO da Home (index.php) — complementa o header.php =====
   Especificidade elevada (prefixo html body) porque existem outras regras
   !important mais abaixo no arquivo que, por ordem de origem, venceriam
   regras de mesma especificidade. */
html body .hero-keyword-link { background:#181818 !important; color:#e5e5e5 !important; border:1px solid #333333 !important; }
html body .hero-keyword-link:hover { background:#232323 !important; color:#fb923c !important; }
html body .home-slim-podcast-block, html body .home-slim-categories-block, html body .home-world-block {
    background:#181818 !important; border-color:#333333 !important; color:#e5e5e5 !important;
}
html body .home-slim-podcast-block .section-title, html body .home-slim-categories-block .section-title, html body .home-world-block .section-title {
    color:#f5f5f5 !important;
}
html body .home-slim-podcast-block .section-title i, html body .home-slim-categories-block .section-title i, html body .home-world-block .section-title i {
    color:#fb923c !important;
}
html body .home-slim-podcast-block .section-link, html body .home-slim-categories-block .section-link, html body .home-world-block .section-link {
    color:#fb923c !important;
}
html body .news-filter-pill { background:#232323 !important; color:#a7a7a7 !important; border-color:#333333 !important; }
html body .news-filter-pill.active, html body .news-filter-pill[style*="background: rgb(99, 102, 241)"] {
    background:#f97316 !important; color:#fff !important; border-color:#f97316 !important;
}
html body .home-world-tab { background:#232323 !important; color:#a7a7a7 !important; }
html body .home-world-tab.is-active { background:#f97316 !important; color:#fff !important; }
html body .home-slim-extra-filter { background:#232323 !important; color:#e5e5e5 !important; border-color:#333333 !important; }
html body .home-slim-podcast-cover { background:transparent !important; }
html body .music-discovery-bar { background:#121212 !important; }
html body .music-pill-home { background:#181818 !important; color:#e5e5e5 !important; border-color:#333333 !important; }
html body .music-pill-home:hover { background:#0f172a !important; border-color:#f5f5f5 !important; color:#fff !important; }
html body .home-slim-categories-block[data-home-section="custom"] { background:#181818 !important; border-color:#333333 !important; }
html body .home-slim-categories-block[data-home-section="custom"] .section-title { color:#fb923c !important; }
html body .home-hot-nav.prev, html body .home-hot-nav.next { background:rgba(24,24,24,0.88) !important; color:#fb923c !important; }
html body .hero-title { color:#f5f5f5 !important; }
@media (max-width: 768px) {
  /* LCP: garante que o H1 aparece imediatamente, sem esperar animacao/JS/fonte */
  .hero-title { animation:none !important; transition:none !important; opacity:1 !important; transform:none !important; visibility:visible !important; }
}
html body .hero-subtitle { color:#a7a7a7 !important; }
html body .hero-subtitle span, html body .hero-subtitle a { color:#a7a7a7 !important; }
html body .hero-seo-copy { color:#a7a7a7 !important; }
html body .hero-seo-copy a { color:#fb923c !important; }
html body .home-world-tab.is-active { background:#f97316 !important; color:#fff !important; }
html body .section-title .fa-fire { color:#f97316 !important; }
html body .home-world-country-count { color:#a7a7a7 !important; }
html body .section-title span { color:#f5f5f5 !important; }
/* ── Rodada 2: nomes de rádio/podcast escuros-em-fundo-escuro (quase invisíveis) ── */
html body .home-slim-radio-name { color:#f5f5f5 !important; }
html body .home-slim-radio-block .home-slim-radio-name { color:#f5f5f5 !important; }
html body .home-slim-podcast-title { color:#f5f5f5 !important; }
html body .home-slim-podcast-trigger { color:#fb923c !important; }
/* ── Paginação "Rádios em destaque" (bolinha 1/2) ainda azul ── */
html body .home-showcase-page-btn.is-active { background:#fb923c !important; color:#fff !important; }
/* ── Ícones de categoria (Gospel, Futebol, etc.) ainda azuis ── */
html body .home-slim-category-icon { color:#fb923c !important; }
html body .home-slim-category-icon i { color:#fb923c !important; }
/* ── Cartão de país (Ouvir rádios de todo o mundo) com fundo claro ── */
html body .home-world-country { background:#232323 !important; }
html body .home-world-country-info, html body .home-world-country-name { color:#f5f5f5 !important; }
/* ── Sidebar "Encontre sua rádio" na Home usa o visual grande/branco original (diferente do compacto das listas) ── */
body.home-page #orSidebarNav .or-discovery-title { color:#f5f5f5 !important; font-size:15px !important; text-transform:none !important; letter-spacing:normal !important; }
body.home-page #orSidebarNav .or-discovery-menu-item { color:#fb923c !important; }
body.home-page #orSidebarNav .or-discovery-menu-item span { color:#fb923c !important; }
/* ── "Rádios em destaque" (e blocos irmãos) ficavam espremidos numa coluna de
   352px porque o grid reservava uma 2ª coluna de 280px para um anúncio antigo
   que não existe mais (anúncio agora fica na sidebar fixa da direita). ── */
html body .home-slim-content { grid-template-columns: 1fr !important; }
/* ── "Descubra mais por gênero/cidade", "Adicionados Recentemente" e "Ouvir
   rádios do mundo" ficavam com largura fixa (max 1080px) diferente da largura
   real da coluna de conteúdo (entre as duas sidebars fixas), destoando do
   tamanho de "Rádios em destaque" logo acima. ── */
html body .container-premium.regions-container {
    width: min(1120px, calc(100% - 40px)) !important;
    max-width: calc(100% - 40px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
/* ── Remove a barra de filtros por gênero/país (pills + bandeiras) do topo de
   "Rádios em destaque" — o visual aprovado usa só os dois seletores (Gênero/País). ── */
html body .home-slim-filters-shell .news-filters { display: none !important; }
html body .home-slim-country-bar { display: none !important; }
html body .home-slim-select-row { justify-content: center !important; margin-top: 0 !important; }
/* ── Seção "Futebol em destaque" (jogos ao vivo) — cards vinham com fundo claro do CSS externo ── */
html body .featured-game-card { background: linear-gradient(180deg,#181818 0%,#1f1f1f 100%) !important; border-color:#333333 !important; }
html body .featured-game-card:hover { border-color:#f97316 !important; }
html body .featured-games-eyebrow { color:#fb923c !important; }
html body .featured-games-head h2 { color:#f5f5f5 !important; }
html body .featured-games-head p { color:#a7a7a7 !important; }
html body .featured-games-link { color:#fb923c !important; }
html body .featured-game-competition { color:#a7a7a7 !important; }
html body .featured-team span { color:#e5e5e5 !important; }
html body .featured-game-main { color:#f5f5f5 !important; }
html body .featured-game-sub { color:#a7a7a7 !important; }
html body .featured-game-venue { color:#a7a7a7 !important; }
html body .featured-game-cta { color:#fb923c !important; }
html body .featured-games-nav-btn, html body .featured-games-side-btn { background:#232323 !important; color:#fb923c !important; }

/* Estilo final das radios em destaque tambem precisa estar disponivel antes
   do primeiro desenho da pagina para evitar que o bloco mude de altura. */
html body.home-page .music-discovery-bar { display:none !important; }
html body.home-page .home-slim-radio-block .news-filters,
html body.home-page .home-slim-radio-block .home-slim-country-bar { display:none !important; }
html body.home-page .home-slim-radio-block .section-header {
    justify-content:center !important;
    text-align:center !important;
}
html body.home-page .home-slim-radio-block .section-header .section-link { display:none !important; }
html body.home-page .home-slim-radio-block .section-title {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}
html body.home-page .home-slim-radio-block .section-title i,
html body.home-page .section-header .section-title > i {
    width:44px !important;
    height:44px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 44px !important;
    margin-right:12px !important;
    color:#fff !important;
    border-radius:10px !important;
    background:linear-gradient(135deg,#f97316,#fb923c) !important;
    box-shadow:0 8px 18px rgba(249,115,22,.3) !important;
    font-size:18px !important;
}
html body.home-page .home-slim-radio-block .home-slim-select-row {
    display:flex !important;
    align-items:stretch !important;
    justify-content:center !important;
    width:100% !important;
    margin:0 !important;
    gap:16px !important;
}
html body.home-page .home-slim-radio-block .home-slim-extra-filter-wrap {
    min-width:270px !important;
    box-sizing:border-box !important;
    background:#181818 !important;
    border:1px solid #333 !important;
    border-radius:8px !important;
    padding:8px 12px !important;
}
html body.home-page .home-slim-radio-block .home-slim-extra-filter-label {
    color:#a7a7a7 !important;
    font-size:12px !important;
}
html body.home-page .home-slim-radio-block .home-slim-extra-filter {
    background:transparent !important;
    color:#f5f5f5 !important;
    border:0 !important;
    font-weight:700 !important;
    font-size:12px !important;
    padding:2px 4px !important;
}
html body.home-page .home-slim-radio-block .home-slim-extra-filter option {
    background:#181818 !important;
    color:#f5f5f5 !important;
}
html body.home-page .home-slim-radio-block .home-slim-radio-grid {
    width:min(800px,100%) !important;
    max-width:800px !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:18px 14px !important;
}
html body.home-page .home-slim-radio-block .home-slim-radio-card {
    min-width:0 !important;
    padding:0 !important;
}
html body.home-page .home-slim-radio-block .home-slim-radio-card > img {
    width:100% !important;
    height:auto !important;
    aspect-ratio:1/1 !important;
    margin:0 !important;
    border:1px solid #e5e7eb !important;
    border-radius:8px !important;
    box-shadow:none !important;
    object-fit:cover !important;
}
html body.home-page .home-slim-radio-block .home-slim-radio-name {
    width:100% !important;
    margin-top:9px !important;
    color:#f5f5f5 !important;
    font-size:.9rem !important;
    font-weight:500 !important;
    line-height:1.25 !important;
}
html body.home-page .home-slim-radio-block .home-slim-radio-meta { display:none !important; }
html body.home-page .home-showcase-pager {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    min-height:32px !important;
    margin-top:18px !important;
}
html body.home-page [data-home-page-item][hidden] { display:none !important; }
html body.home-page .home-world-block .section-title > i { display:none !important; }
html body.home-page .home-games-local-icon {
    background:linear-gradient(135deg,#f97316,#fb923c) !important;
    color:#fff !important;
}
@media (max-width:768px) {
    html body.home-page .home-slim-radio-block .home-slim-radio-grid {
        display:grid !important;
        grid-auto-flow:column !important;
        grid-auto-columns:31% !important;
        grid-template-columns:none !important;
        gap:16px !important;
        overflow-x:auto !important;
        width:100% !important;
        max-width:none !important;
        padding:4px 6px 22px !important;
        margin:0 -6px 18px !important;
        scrollbar-width:none !important;
    }
    html body.home-page .home-slim-radio-block .home-slim-radio-grid::-webkit-scrollbar {
        display:none !important;
    }
    html body.home-page .home-slim-radio-block .home-slim-select-row {
        display:none !important;
    }
    html body.home-page .home-slim-radio-block .home-slim-radio-card > img {
        border-radius:16px !important;
        margin:0 0 9px !important;
        border-color:#e9eef5 !important;
        box-shadow:0 7px 18px rgba(15,23,42,.06) !important;
    }
    html body.home-page .home-slim-radio-block .home-slim-radio-name {
        margin:0 0 4px !important;
        font-size:15px !important;
        font-weight:850 !important;
        line-height:1.15 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }
}
@media (min-width:769px) and (max-width:980px) {
    html body.home-page .home-slim-radio-block .home-slim-radio-grid {
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
}

/* Reserva no primeiro desenho as dimensoes aplicadas pelo acabamento visual
   mais abaixo. Sem isso, o bloco de radios muda de tamanho durante o parse. */
html body.home-page .home-slim-content {
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:24px !important;
    align-items:start !important;
    width:100% !important;
    max-width:1120px !important;
    margin:0 auto !important;
}
html body.home-page .home-slim-main-column {
    display:flex !important;
    flex-direction:column !important;
    gap:28px !important;
    min-width:0 !important;
}
html body.home-page .home-slim-podcast-block {
    margin-top:0 !important;
    padding:28px 34px !important;
    border-radius:18px !important;
    box-sizing:border-box !important;
    box-shadow:0 12px 28px rgba(0,0,0,.18) !important;
}
html body.home-page .home-slim-podcast-block .section-header {
    min-height:50px !important;
    margin:0 0 24px !important;
    padding:0 !important;
    border:0 !important;
}
html body.home-page .home-slim-category-card {
    transition:transform .18s ease, opacity .18s ease !important;
}
html body.home-page #orSidebarAds .or-top-track-radio {
    color:#9a9a9a !important;
}
@media (max-width:620px) {
    html body.home-page .home-slim-podcast-block {
        padding:20px 14px !important;
    }
    html body.home-page .home-slim-main-column {
        gap:24px !important;
    }
}

/* O carrossel precisa nascer com as mesmas dimensoes usadas no estilo final.
   Sem isto, o CSS carregado no fim da pagina reduz 320px para 220px e provoca CLS. */
html body.home-page .cover-flow-section {
    min-height: 220px !important;
    margin: 0 auto 38px !important;
    padding: 8px 0 28px !important;
}
html body.home-page .cover-flow-track {
    padding: 34px calc(50% - 78px) 26px !important;
    gap: 16px !important;
    align-items: stretch !important;
    scroll-padding-inline: calc(50% - 78px) !important;
}
html body.home-page .cover-item {
    flex: 0 0 112px !important;
    margin: 0 !important;
    padding: 6px !important;
    border: 1px solid transparent !important;
    border-radius: 18px !important;
    background: transparent !important;
    transform: scale(.86) rotateY(8deg) !important;
    opacity: .54 !important;
}
html body.home-page .cover-img {
    width: 100px !important;
    height: 100px !important;
    border-radius: 18px !important;
    background: #121212 !important;
    object-fit: contain !important;
}
html body.home-page .cover-item:hover,
html body.home-page .cover-item.active {
    transform: scale(1.08) rotateY(0deg) !important;
    opacity: 1 !important;
    background: transparent !important;
    border-color: rgba(249,115,22,.28) !important;
    box-shadow: 0 18px 34px rgba(0,0,0,.35) !important;
}
html body.home-page .cover-art {
    width: 100px !important;
    height: 100px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 18px !important;
    border: 1px solid rgba(148,163,184,.28) !important;
    background: linear-gradient(180deg,#fff,#f8fafc) !important;
    overflow: hidden !important;
}
html body.home-page .cover-art::after { display:none !important; }
html body.home-page .cover-item.active .cover-art { border-color:#fb923c !important; }
html body.home-page .cover-info {
    width: 100% !important;
    margin-top: 10px !important;
    opacity: 1 !important;
    text-align: center !important;
}
html body.home-page .cover-title {
    width: 100% !important;
    max-width: 136px !important;
    color: #f5f5f5 !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    min-height: 30px !important;
}
html body.home-page .cover-item::after { color:#a7a7a7 !important; }
html body.home-page .home-hot-stage {
    max-width: 1180px !important;
    min-height: 220px !important;
    margin: 0 auto !important;
}
html body.home-page .home-hot-stage::before { display:none !important; }
html body.home-page .home-hot-nav {
    width: 42px !important;
    height: 42px !important;
    background: rgba(255,255,255,.88) !important;
    color: #f97316 !important;
    border-color: rgba(37,99,235,.2) !important;
}
html body.home-page .home-hot-nav:hover { background:#f97316 !important; color:#fff !important; }
@media (max-width:760px) {
    html body.home-page .cover-flow-track {
        padding-inline: 58px !important;
        scroll-padding-inline: 58px !important;
    }
    html body.home-page .cover-item { flex-basis:142px !important; }
}


    #orFloatingSideAds { display: none; }
    .or-float-ad {
        position: fixed;
        top: 210px;
        z-index: 40;
        text-align: center;
        width: 160px;
        max-width: 160px;
        overflow: hidden;
    }
    .or-float-ad-left  { left:  8px; }
    .or-float-ad-right { right: 8px; }
    .or-float-ad-label {
        display: block;
        font-size: 9px;
        color: #94a3b8;
        text-transform: uppercase;
        margin-bottom: 4px;
        letter-spacing: 0.5px;
    }
    @media (min-width: 1580px) {
        #orFloatingSideAds { display: block; }
    }