/*
Theme Name: Vandeilson CD's
Author: Vandeilson CD's
Description: Tema Vandeilson CD's com painel seguro de postagem.
Version: 3.0.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: vandeilson-cds
*/

* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        html, body {
            width: 100%;
            height: 100%;
            background-color: #f4f4f4;
            color: #121212;
            overflow-x: hidden;
        }

        .app-container {
    width: 100%;
    max-width: 480px;
    min-height: 100dvh;
    margin: 0 auto;
    background: #f4f4f4;
    display: flex;
    flex-direction: column;
    position: relative;
}

        /* Telas */
        .screen {
            display: none;
            flex-direction: column;
            height: 100%;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background-color: #f4f4f4;
            z-index: 1;
        }
        .screen.active {
            display: flex;
        }

        header {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: min(480px, 100%);
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 18px;
    background: #121212;
    flex-shrink: 0;
    z-index: 9999;
}

        #homeScreen {
    padding-top: 64px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100dvh;
}

/* Conteúdo da página rola por baixo do cabeçalho fixo */
#homeScreen > .search-box,
#homeScreen > .categories,
#homeScreen > .vcd-banners-real-area,
#homeScreen > #vcd-category-status,
#homeScreen > .scrollable-content {
    position: relative;
}

        header h1 { cursor: pointer; }
        .menu-btn {
            background: #1a1a1a;
            border: 1px solid #333;
            color: #fff;
            width: 38px;
            height: 38px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.1rem;
            cursor: pointer;
        }
        header h1 {
            color: #ffffff;
            font-size: 1.1rem;
            font-weight: 800;
            letter-spacing: 0.5px;
            text-align: center;
        }
        header h1 span {
            color: #ffb703;
        }

        .scrollable-content {
            flex: 0 0 auto;
            overflow: visible;
            padding-bottom: 140px;
        }
        .scrollable-content::-webkit-scrollbar,
        .detail-scroll::-webkit-scrollbar {
            display: none;
        }

        .search-box {
            position: relative;
            padding: 10px 15px 12px;
            background-color: #121212;
        }
        .search-box input {
            width: 100%;
            padding: 10px 15px 10px 40px;
            background-color: #1a1a1a;
            border: 1px solid #2a2a2a;
            border-radius: 20px;
            color: #ffffff;
            font-size: 0.85rem;
            outline: none;
        }
        .search-box i {
            position: absolute;
            left: 27px;
            top: 50%;
            transform: translateY(-50%);
            color: #888;
        }

        .categories {
            display: flex;
            gap: 8px;
            padding: 10px 15px;
            background-color: #121212;
            overflow-x: auto;
            scrollbar-width: none;
        }
        .cat-btn {
            background-color: #1a1a1a;
            color: #ccc;
            border: 1px solid #333;
            padding: 6px 14px;
            border-radius: 6px;
            font-size: 0.75rem;
            font-weight: 700;
            cursor: pointer;
            white-space: nowrap;
            text-transform: uppercase;
        }
        .cat-btn.active {
            background-color: #ff0000;
            color: #ffffff;
            border-color: #ff0000;
        }

        .loja-banner-link {
            display: block;
            margin: 12px 15px 15px;
            border-radius: 12px;
            overflow: hidden;
            line-height: 0;
            box-shadow: 0 4px 14px rgba(0,0,0,.18);
            background: #fff;
        }
        .loja-banner-img {
            display: block;
            width: 100%;
            height: auto;
            max-height: 280px;
            object-fit: cover;
        }
        .loja-banner-link:focus-visible {
            outline: 3px solid #ffb703;
            outline-offset: 2px;
        }

        .section-header-lancamentos {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            background-color: #000;
            margin: 0 15px 12px;
            padding: 8px;
            border-radius: 6px;
        }
        .section-header-lancamentos i {
            color: #fff;
            font-size: 1rem;
        }
        .section-header-lancamentos h2 {
            color: #fff;
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-weight: 800;
        }

        .cd-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
            padding: 0 15px;
            margin-bottom: 15px;
        }
        .cd-card {
            background-color: #ffffff;
            border-radius: 10px;
            padding: 8px;
            border: 1px solid #e0e0e0;
            box-shadow: 0 2px 4px rgba(0,0,0,0.03);
            display: flex;
            flex-direction: column;
            gap: 6px;
            cursor: pointer;
        }
        .cd-card img {
            width: 100%;
            height: 110px;
            object-fit: contain !important;
            border-radius: 6px;
        }
        .cd-card h3 {
            font-size: 0.75rem;
            color: #000;
            text-align: center;
            font-weight: 800;
            text-transform: uppercase;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .btn-ouvir-card {
            width: 100%;
            background-color: #000;
            color: #fff;
            border: none;
            padding: 7px;
            border-radius: 5px;
            font-size: 0.65rem;
            font-weight: 800;
            cursor: pointer;
            text-align: center;
            letter-spacing: 0.5px;
        }

        .btn-mais {
            margin: 0 15px 15px;
            background-color: #000;
            color: #fff;
            border: none;
            padding: 10px;
            border-radius: 6px;
            font-weight: 900;
            text-align: center;
            font-size: 0.9rem;
            letter-spacing: 2px;
            cursor: pointer;
        }

        .videos-title {
            background-color: #ff0000;
            color: #fff;
            text-align: center;
            padding: 8px;
            font-weight: 900;
            font-size: 0.9rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 12px;
        }

        .video-container-box {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 15px;
            margin-bottom: 20px;
        }
        .video-container-box i {
            font-size: 1.2rem;
            color: #000;
            cursor: pointer;
            padding: 5px;
        }
        .video-card-preview {
            width: 78%;
            background: #fff;
            border-radius: 8px;
            overflow: hidden;
            border: 1px solid #ddd;
            text-align: center;
        }
        .video-card-preview img {
            width: 100%;
            height: 95px;
            object-fit: contain !important;
            display: block;
        }

        .social-links {
            display: flex;
            flex-direction: column;
            gap: 8px;
            padding: 0 15px 20px;
        }
        .social-btn {
            background-color: #000;
            border: none;
            color: #fff;
            padding: 10px;
            border-radius: 6px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            font-size: 0.8rem;
            font-weight: 800;
            text-decoration: none;
            letter-spacing: 0.5px;
        }

        /* --- PLAYER FIXO INFERIOR --- */
        .bottom-player {
            position: fixed;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 100%;
            max-width: 480px;
            background-color: #121212;
            border-top: 1px solid #222;
            padding: 10px 15px 12px;
            z-index: 10;
        }
        .player-info {
            color: #fff;
            font-size: 0.75rem;
            text-align: center;
            margin-bottom: 6px;
            font-weight: 600;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .player-timeline {
            width: 100%;
            height: 3px;
            background-color: #444;
            border-radius: 2px;
            margin-bottom: 8px;
            cursor: pointer;
        }
        .player-timeline-fill {
            width: 0%;
            height: 100%;
            background-color: #ff0000;
            transition: width 0.1s linear;
        }
        .player-controls {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 25px;
            color: #fff;
            font-size: 1rem;
            margin-bottom: 4px;
        }
        .player-controls i {
            cursor: pointer;
        }
        .player-time-text {
            text-align: center;
            font-size: 0.6rem;
            color: #888;
        }

        /* --- TELA 2: DETALHES --- */
        .detail-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 15px;
            background: #f4f4f4;
            flex-shrink: 0;
        }
        .close-detail-btn, .share-detail-btn {
            background: #e0e0e0;
            border: 1px solid #ccc;
            color: #000;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            font-size: 0.85rem;
        }
        .detail-scroll {
            flex: 1;
            overflow-y: auto;
            padding: 0 15px 140px;
        }
        .album-cover-box {
            width: 100%;
            display: flex;
            justify-content: center;
            margin-bottom: 12px;
        }
        .album-cover-box img {
            width: 100%;
            max-height: 220px;
            object-fit: contain !important;
            border-radius: 10px;
            border: 1px solid #ccc;
        }
        .album-info-card {
            background-color: #ffffff;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            padding: 10px 12px;
            margin-bottom: 12px;
            font-size: 0.75rem;
            line-height: 1.5;
            color: #444;
            box-shadow: 0 2px 4px rgba(0,0,0,0.03);
        }
        .album-info-card span {
            color: #000;
            font-weight: bold;
        }
        .btn-baixar-cd-completo {
            width: 100%;
            background: linear-gradient(180deg, #d32f2f 0%, #900 100%);
            color: #ffffff;
            border: none;
            padding: 14px 10px;
            min-height: 52px;
            border-radius: 6px;
            font-size: 0.85rem;
            font-weight: 800;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            cursor: pointer;
            margin-bottom: 15px;
            text-transform: uppercase;
            text-decoration: none;
        }
        .track-list-container {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        .track-item-card {
            background-color: #ffffff;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            padding: 8px 10px;
            display: flex;
            flex-direction: column;
            gap: 6px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.03);
        }
        .track-row-top {
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .track-play-circle {
            width: 36px;
            height: 36px;
            background: #000;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 0.8rem;
            cursor: pointer;
            flex-shrink: 0;
            transition: background-color .15s ease, color .15s ease;
        }
        .track-download-btn {
            flex: 1;
            background-color: #000000;
            color: #ffffff;
            border: 1px solid #ccc;
            padding: 8px;
            border-radius: 5px;
            font-size: 0.75rem;
            font-weight: 900;
            cursor: pointer;
            text-align: center;
            text-decoration: none;
            letter-spacing: 0.5px;
        }
        .track-name-label {
            font-size: 0.7rem;
            color: #333;
            padding-left: 2px;
            font-weight: 600;
        }
        .track-line-bar {
            width: 100%;
            height: 3px;
            background-color: #000;
            border-radius: 3px;
            margin-top: 2px;
            transition: background-color .15s ease;
        }

        /* CORREÇÕES E MELHORIAS */
        .btn-mais {
            width: calc(100% - 30px);
            display: block;
        }

        .cd-card.hidden {
            display: none !important;
        }

        .search-box input::placeholder {
            color: #888;
        }

        .cat-btn:focus,
        .btn-mais:focus,
        .btn-ouvir-card:focus,
        .track-play-circle:focus,
        .track-download-btn:focus {
            outline: 2px solid #ff0000;
            outline-offset: 2px;
        }

        .bottom-player {
            padding-bottom: max(12px, env(safe-area-inset-bottom));
        }

        @media (max-width: 360px) {
            .cd-grid {
                grid-template-columns: 1fr;
            }

            .player-controls {
                gap: 22px;
            }
        }

        .track-play-circle {
            border: 0;
            padding: 0;
        }
        .track-download-btn {
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .track-unavailable {
            cursor: pointer;
        }
        .track-item-card.playing {
            border-color: #ff0000;
            box-shadow: 0 0 0 2px rgba(255,0,0,.14);
        }
        .track-item-card.playing .track-play-circle {
            background: #ff0000;
            color: #fff;
        }
        .track-item-card.playing .track-line-bar {
            background: #ff0000;
        }
        .btn-baixar-cd-completo {
            text-decoration: none;
        }
        @media (max-width: 480px) {
            .app-container { max-width: 480px; min-height: 100dvh; }
            .screen { min-height: 100dvh; }
            .cd-card img { height: 148px; }
            .cd-card { padding: 7px; }
            .cd-card h3 { font-size: .78rem; }
            .btn-ouvir-card { font-size: .60rem; padding: 7px 5px; }
            .detail-scroll { padding-bottom: 155px; }
            .bottom-player { padding-top: 9px; }
        }
.vcd-menu-link{
    width:40px;height:40px;display:flex;align-items:center;justify-content:center;
    border:1px solid #444;border-radius:9px;color:#fff;background:#181818;
    text-decoration:none;font:28px/1 Arial,sans-serif;
}
.vcd-menu-link:hover{color:#fff;background:#252525}
@media (min-width:769px){
    .app-container{max-width:1200px}
}

/* Imagem do cantor no cadastro do CD */
.vcd-image-upload-row {
    display:flex;
    gap:8px;
    align-items:center;
}
.vcd-image-upload-row input {
    flex:1;
}
.vcd-artist-image-preview {
    margin-top:10px;
    min-height:20px;
}
.vcd-artist-image-preview img {
    display:block;
    width:120px;
    height:120px;
    object-fit: contain !important;
    border-radius:10px;
    border:1px solid #dcdcde;
}
@media (max-width:782px) {
    .vcd-image-upload-row {
        display:block;
    }
    .vcd-image-upload-row input,
    .vcd-image-upload-row button {
        width:100%;
        margin-bottom:8px;
    }
}

/* Cadastro de CD: campos sempre no topo do editor clássico */
#vcd-cadastro-topo {
    background:#fff !important;
    border:1px solid #ccd0d4 !important;
    border-radius:6px;
    padding:20px !important;
    margin:18px 0 22px !important;
}
#vcd-cadastro-topo .vcd-image-first {
    background:#f0f6fc !important;
    border:2px solid #2271b1 !important;
}

/* ===== PADRÃO FINAL DO SITE ===== */
html, body {
    margin: 0 !important;
    padding: 0 !important;
    background: #f4f4f4;
}
.app-container {
    max-width: 480px !important;
    min-height: 100dvh;
}
.screen {
    width: 100% !important;
    max-width: 480px !important;
}
.cd-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start;
}
.cd-card {
    min-width: 0;
    overflow: hidden;
}
.cd-card img {
    aspect-ratio: 1 / 1;
    height: auto !important;
}
.btn-ouvir-card {
    pointer-events: auto !important;
    position: relative;
    z-index: 2;
}
.search-box, .categories {
    width: 100%;
    box-sizing: border-box;
}
.detail-screen {
    max-width: 480px !important;
    left: 50% !important;
    transform: translateX(-50%);
}
.bottom-player {
    width: min(480px, 100%) !important;
    max-width: 480px !important;
    left: 50%;
    transform: translateX(-50%);
}
@media (min-width: 481px) {
    body {
        display: flex;
        justify-content: center;
    }
}
@media (max-width: 480px) {
    body {
        display: block;
    }
    .app-container {
        max-width: 100% !important;
    }
    header {
        width: 100% !important;
    }
}

/* ===== IMAGEM DO CANTOR: MOSTRAR INTEIRA ===== */
.album-cover-box {
    width: calc(100% - 32px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 16px auto !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border-radius: 14px !important;
}

.album-cover-box img,
#detailImgCover {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    border-radius: 14px !important;
}

/* Também evita cortar a imagem do cantor nos cards da página inicial. */
.cd-card img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
}

/* =========================================================
   CORREÇÃO DEFINITIVA: NUNCA CORTAR A FOTO DO CANTOR
   ========================================================= */
#detailScreen .album-cover-box,
#detailScreen .album-cover-box img,
#detailScreen #detailImgCover {
    box-sizing: border-box !important;
}

#detailScreen .album-cover-box {
    width: calc(100% - 32px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 16px auto !important;
    display: block !important;
    background: transparent !important;
}

#detailScreen .album-cover-box img,
#detailScreen #detailImgCover {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    margin: 0 auto !important;
}

/* A imagem do card também não deve ser cortada. */
#homeScreen .cd-card img,
#homeScreen .cd-card > img {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
}

/* Não deixar regras de altura do tema antigo cortarem a foto. */
#detailScreen img,
#homeScreen .cd-card img {
    max-height: none !important;
}

/* =========================================================
   MODELO EXATO: SOMENTE O NOME DO POST ABAIXO DA IMAGEM
   ========================================================= */
.vcd-post-title {
    display: block !important;
    width: calc(100% - 32px) !important;
    margin: 8px auto 14px !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #111 !important;
    font-size: 26px !important;
    line-height: 1.12 !important;
    font-weight: 900 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: normal !important;
    overflow: visible !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}

/* Remove qualquer aparência do antigo cartão de informações. */
.album-info-card,
#detailCantorName,
#detailCategory,
#detailYear {
    display: none !important;
}

/* ===== TÍTULO COMPLETO DO POST/CARD ===== */
.cd-card .cd-title {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    margin: 8px 0 10px !important;
    padding: 0 5px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    font-size: 15px !important;
    line-height: 1.22 !important;
    font-weight: 900 !important;
}

/* =========================================================
   TÍTULO DO CD COMPLETO NA PÁGINA INICIAL — SEM CORTE
   ========================================================= */
#homeScreen .cd-card .cd-title,
.cd-card .cd-title {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 8px 0 10px !important;
    padding: 0 6px !important;
    box-sizing: border-box !important;

    text-align: center !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;

    word-break: normal !important;
    overflow-wrap: anywhere !important;

    font-size: 15px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;

    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    -webkit-box-orient: unset !important;
}

/* O card também cresce para caber o título completo. */
#homeScreen .cd-card {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

/* =========================================================
   CARD DO CD — IMAGEM INTEIRA + TÍTULO COMPLETO LEGÍVEL
   ========================================================= */
#homeScreen .cd-grid .cd-card {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    align-self: start !important;
}

#homeScreen .cd-grid .cd-card > img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
}

/* Nome do post: sempre completo e grande o suficiente para leitura. */
#homeScreen .cd-grid .cd-card > .cd-title {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 10px 0 12px !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;

    color: #111 !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
    text-align: center !important;
    text-transform: none !important;

    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;

    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: unset !important;
}

#homeScreen .cd-grid .cd-card > .btn-ouvir-card {
    width: 100% !important;
    margin-top: 0 !important;
}

@media (max-width: 600px) {
    #homeScreen .cd-grid .cd-card > .cd-title {
        font-size: 16px !important;
        line-height: 1.25 !important;
    }
}

/* =========================================================
   CORREÇÃO FINAL DO CARD — SEM RETICÊNCIAS / SEM CORTE
   ========================================================= */
#homeScreen .cd-grid .cd-card {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

#homeScreen .cd-grid .cd-card > img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
}

#homeScreen .cd-grid .cd-card > .cd-title {
    display: block !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 10px 0 12px !important;
    padding: 0 6px !important;
    box-sizing: border-box !important;

    color: #111 !important;
    background: transparent !important;
    font-size: 17px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
    text-align: center !important;

    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;

    /* Explicitly disable every common line-clamp mechanism. */
    -webkit-line-clamp: initial !important;
    line-clamp: initial !important;
    -webkit-box-orient: initial !important;
    -webkit-box: initial !important;
}

#homeScreen .cd-grid .cd-card > .btn-ouvir-card {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 42px !important;
    margin: 0 !important;
}

@media (max-width: 600px) {
    #homeScreen .cd-grid .cd-card > .cd-title {
        font-size: 16px !important;
        line-height: 1.25 !important;
    }
}

/* VCD FINAL 8.1 — HOME CARD: IMAGEM INTEIRA + TITULO COMPLETO */
#homeScreen .cd-grid .cd-card {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}
#homeScreen .cd-grid .cd-card > img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center !important;
}
#homeScreen .cd-grid .cd-card > .cd-title {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 10px 0 12px !important;
    padding: 0 6px !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 900 !important;
    text-align: center !important;
    color: #111 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    -webkit-box-orient: unset !important;
}
#homeScreen .cd-grid .cd-card > .btn-ouvir-card {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 42px !important;
    margin: 0 !important;
}

/* =========================================================
   BOTÃO BAIXAR CD COMPLETO FIXO DURANTE A ROLAGEM
   As músicas passam por baixo dele quando a capa sai da tela.
   ========================================================= */
.detail-scroll {
    position: relative !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.detail-scroll .btn-baixar-cd-completo {
    position: sticky !important;
    top: 0 !important;
    z-index: 50 !important;

    width: 100% !important;
    box-sizing: border-box !important;

    margin-top: 0 !important;
    margin-bottom: 9px !important;

    /* Fundo sólido para as músicas ficarem visualmente por baixo. */
    background: linear-gradient(180deg, #d32f2f 0%, #900 100%) !important;
    box-shadow: 0 5px 10px rgba(0,0,0,.18) !important;
}

/* A lista e os cards ficam atrás do botão sticky. */
.detail-scroll .track-list-container,
.detail-scroll .track-item-card {
    position: relative !important;
    z-index: 1 !important;
}

/* O título e a capa continuam rolando normalmente. */
.detail-scroll .album-cover-box,
.detail-scroll .vcd-post-title {
    position: relative !important;
    z-index: 1 !important;
}

/* =========================================================
   VCD — PLAYS MAIORES E MAIS VISÍVEIS NO CELULAR
   ========================================================= */

/* Cada item de música fica mais alto e fácil de tocar. */
.track-item,
.track-card,
.music-item,
.track-row {
    min-height: 78px !important;
}

/* Botões de play das músicas: alvo de toque grande. */
.track-item .play-btn,
.track-card .play-btn,
.music-item .play-btn,
.track-row .play-btn,
.play-track,
.btn-play {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    border-radius: 50% !important;
    font-size: 25px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Nome da música com melhor leitura. */
.track-item .track-name,
.track-card .track-name,
.music-item .track-name,
.track-row .track-name {
    font-size: 17px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
}

/* Player fixo inferior maior e mais fácil de enxergar/tocar. */
#fixedPlayer,
.fixed-player,
.bottom-player,
.music-player {
    min-height: 112px !important;
    padding: 14px 18px !important;
}

#fixedPlayer button,
.fixed-player button,
.bottom-player button,
.music-player button {
    min-width: 48px !important;
    min-height: 48px !important;
    font-size: 22px !important;
}

#fixedPlayer .play,
.fixed-player .play,
.bottom-player .play,
.music-player .play {
    width: 62px !important;
    height: 62px !important;
    min-width: 62px !important;
    min-height: 62px !important;
    font-size: 28px !important;
    border-radius: 50% !important;
}

/* Principal: celular. */
@media (max-width: 700px) {
    .track-item,
    .track-card,
    .music-item,
    .track-row {
        min-height: 88px !important;
        padding: 10px !important;
    }

    .track-item .play-btn,
    .track-card .play-btn,
    .music-item .play-btn,
    .track-row .play-btn,
    .play-track,
    .btn-play {
        width: 64px !important;
        height: 64px !important;
        min-width: 64px !important;
        min-height: 64px !important;
        font-size: 28px !important;
    }

    .track-item .track-name,
    .track-card .track-name,
    .music-item .track-name,
    .track-row .track-name {
        font-size: 18px !important;
        line-height: 1.3 !important;
    }

    #fixedPlayer,
    .fixed-player,
    .bottom-player,
    .music-player {
        min-height: 132px !important;
        padding: 15px 14px !important;
    }

    #fixedPlayer button,
    .fixed-player button,
    .bottom-player button,
    .music-player button {
        min-width: 54px !important;
        min-height: 54px !important;
        font-size: 25px !important;
    }

    #fixedPlayer .play,
    .fixed-player .play,
    .bottom-player .play,
    .music-player .play {
        width: 70px !important;
        height: 70px !important;
        min-width: 70px !important;
        min-height: 70px !important;
        font-size: 32px !important;
    }
}

/* =========================================================
   VCD 17 — PLAY GRANDE PARA CELULAR
   ========================================================= */
.track-item-card {
    min-height: 104px !important;
    padding: 12px 14px !important;
    gap: 9px !important;
}

.track-row-top {
    gap: 12px !important;
    min-height: 72px !important;
}

.track-play-circle {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    font-size: 1.55rem !important;
}

.track-download-btn {
    min-height: 56px !important;
    padding: 12px 10px !important;
    font-size: 0.95rem !important;
}

.track-name-label {
    font-size: 0.95rem !important;
    line-height: 1.3 !important;
    padding-left: 4px !important;
}

.track-line-bar {
    height: 3px !important;
    margin-top: 4px !important;
}

/* Player fixo realmente maior */
.bottom-player {
    min-height: 144px !important;
    padding: 12px 16px max(14px, env(safe-area-inset-bottom)) !important;
}

.player-info {
    font-size: 1rem !important;
    margin-bottom: 7px !important;
}

.player-timeline {
    height: 5px !important;
    margin-bottom: 10px !important;
}

.player-controls {
    gap: 34px !important;
    font-size: 1.7rem !important;
    margin-bottom: 4px !important;
}

#mainPlayBtn {
    width: 76px !important;
    height: 76px !important;
    min-width: 76px !important;
    min-height: 76px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 2.1rem !important;
}

#prevTrack,
#nextTrack {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.65rem !important;
}

.player-time-text {
    font-size: 0.8rem !important;
}

/* Ajuste especial para telas de celular */
@media (max-width: 480px) {
    .track-item-card {
        min-height: 118px !important;
        padding: 14px !important;
    }

    .track-row-top {
        min-height: 78px !important;
    }

    .track-play-circle {
        width: 80px !important;
        height: 80px !important;
        min-width: 80px !important;
        min-height: 80px !important;
        font-size: 1.8rem !important;
    }

    .track-download-btn {
        min-height: 60px !important;
        font-size: 1rem !important;
    }

    .track-name-label {
        font-size: 1rem !important;
    }

    .bottom-player {
        min-height: 152px !important;
        padding: 12px 14px max(14px, env(safe-area-inset-bottom)) !important;
    }

    .player-info {
        font-size: 1.05rem !important;
    }

    .player-timeline {
        height: 7px !important;
        margin-bottom: 9px !important;
    }

    .player-controls {
        gap: 38px !important;
        font-size: 1.8rem !important;
    }

    #mainPlayBtn {
        width: 84px !important;
        height: 84px !important;
        min-width: 84px !important;
        min-height: 84px !important;
        font-size: 2.3rem !important;
    }

    #prevTrack,
    #nextTrack {
        width: 58px !important;
        height: 58px !important;
        min-width: 58px !important;
        min-height: 58px !important;
        font-size: 1.8rem !important;
    }

    .detail-scroll {
        padding-bottom: 172px !important;
    }
}

/* VCD 18 — redução leve dos plays, mantendo boa visibilidade no celular */
@media (max-width: 480px) {
    .track-item-card {
        min-height: 106px !important;
        padding: 12px !important;
    }
    .track-row-top {
        min-height: 70px !important;
    }
    .track-play-circle {
        width: 70px !important;
        height: 70px !important;
        min-width: 70px !important;
        min-height: 70px !important;
        font-size: 1.55rem !important;
    }
    .track-download-btn {
        min-height: 54px !important;
        font-size: .95rem !important;
    }
    .track-name-label {
        font-size: .95rem !important;
    }

    .bottom-player {
        min-height: 150px !important;
        padding: 15px 15px max(17px, env(safe-area-inset-bottom)) !important;
    }
    .player-info {
        font-size: 1rem !important;
    }
    .player-timeline {
        height: 6px !important;
        margin-bottom: 13px !important;
    }
    .player-controls {
        gap: 32px !important;
        font-size: 1.6rem !important;
    }
    #mainPlayBtn {
        width: 72px !important;
        height: 72px !important;
        min-width: 72px !important;
        min-height: 72px !important;
        font-size: 2rem !important;
    }
    #prevTrack,
    #nextTrack {
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
        min-height: 52px !important;
        font-size: 1.6rem !important;
    }
    .detail-scroll {
        padding-bottom: 170px !important;
    }
}

/* VCD 19 — rodapé/player mais baixo */
@media (max-width: 480px) {
    .bottom-player {
        min-height: 120px !important;
        padding: 10px 14px max(12px, env(safe-area-inset-bottom)) !important;
    }

    .player-info {
        font-size: .9rem !important;
        margin-bottom: 7px !important;
    }

    .player-timeline {
        height: 4px !important;
        margin-bottom: 9px !important;
    }

    .player-controls {
        gap: 27px !important;
        margin-bottom: 4px !important;
    }

    #mainPlayBtn {
        width: 58px !important;
        height: 58px !important;
        min-width: 58px !important;
        min-height: 58px !important;
        font-size: 1.7rem !important;
    }

    #prevTrack,
    #nextTrack {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        font-size: 1.35rem !important;
    }

    .player-time-text {
        font-size: .7rem !important;
    }

    .detail-scroll {
        padding-bottom: 140px !important;
    }
}

/* VCD 21 — player compacto: tempo ao lado do play */
.main-play-with-time {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
}

.main-play-with-time .player-time-text {
    margin: 0 !important;
    white-space: nowrap !important;
    font-size: .78rem !important;
    line-height: 1 !important;
}

@media (max-width: 480px) {
    .bottom-player {
        min-height: 104px !important;
        padding: 8px 12px max(10px, env(safe-area-inset-bottom)) !important;
    }

    .player-info {
        font-size: .82rem !important;
        margin-bottom: 5px !important;
    }

    .player-timeline {
        height: 4px !important;
        margin-bottom: 7px !important;
    }

    .player-controls {
        gap: 20px !important;
        margin-bottom: 0 !important;
        align-items: center !important;
    }

    #mainPlayBtn {
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
        min-height: 52px !important;
        font-size: 1.55rem !important;
    }

    #prevTrack,
    #nextTrack {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        font-size: 1.2rem !important;
    }

    .main-play-with-time {
        gap: 8px !important;
    }

    .main-play-with-time .player-time-text {
        font-size: .72rem !important;
    }

    .detail-scroll {
        padding-bottom: 120px !important;
    }
}

/* VCD 22 — tempo imediatamente depois do play/pause */
.main-play-with-time {
    display: contents !important;
}

.player-controls .player-time-text {
    margin: 0 2px !important;
    white-space: nowrap !important;
    font-size: .78rem !important;
    line-height: 1 !important;
    align-self: center !important;
}

@media (max-width: 480px) {
    .player-controls {
        gap: 16px !important;
    }

    .player-controls .player-time-text {
        font-size: .72rem !important;
    }
}

/* VCD 23 — ordem exata: anterior, play, próxima, tempo */
.player-controls .player-time-text {
    margin: 0 0 0 4px !important;
    white-space: nowrap !important;
    align-self: center !important;
}

/* VCD 24 — destaque da música que está tocando */
.track-item-card.playing {
    transform: scale(1.01) !important;
    box-shadow: 0 0 0 3px rgba(255, 193, 7, .55) !important;
    scroll-margin-top: 90px !important;
    scroll-margin-bottom: 150px !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
}

/* VCD 25 — botão vassoura para limpar/parar o player */
.clear-player-btn {
    border: 0 !important;
    background: transparent !important;
    color: inherit !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    font-size: 1.05rem !important;
    opacity: .9 !important;
}

.clear-player-btn:hover,
.clear-player-btn:active {
    opacity: 1 !important;
    transform: scale(1.08);
}

@media (max-width: 480px) {
    .clear-player-btn {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        font-size: .95rem !important;
    }

    .player-controls {
        gap: 14px !important;
    }
}

/* VCD 27 — vassoura personalizada enviada pelo usuário */
.clear-player-btn img {
    width: 30px !important;
    height: 30px !important;
    object-fit: contain !important;
    display: block !important;
}

@media (max-width: 480px) {
    .clear-player-btn img {
        width: 28px !important;
        height: 28px !important;
    }
}

/* V29 - PALETA PLAY CONFORME AO EXEMPLO */

.track-item-card { border-color: #000000 !important; }
.track-item-card .track-play-circle { background: #000000 !important; color: #ffffff !important; }
.track-item-card .track-download-btn { background: #000000 !important; color: #ffffff !important; border-color: #000000 !important; }
.track-item-card .track-line-bar { background: #000000 !important; }
.track-item-card.playing { border-color: #ff0000 !important; box-shadow: 0 0 0 2px rgba(255,0,0,.18) !important; }
.track-item-card.playing .track-play-circle { background: #ff0000 !important; color: #ffffff !important; }
.track-item-card.playing .track-line-bar { background: #ff0000 !important; }
.player-timeline-fill { background: #ff0000 !important; }

/* VCD — BOTÕES VOLTAR/COMPARTILHAR SEMPRE VISÍVEIS AO ABRIR UM CD */
#detailScreen {
    z-index: 100000 !important;
    position: absolute !important;
    inset: 0 !important;
    background: #f4f4f4 !important;
}
#detailScreen.active {
    display: flex !important;
}
#detailScreen .detail-header.vcd-detail-actions {
    position: sticky !important;
    top: 0 !important;
    z-index: 100001 !important;
    display: flex !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    min-height: 70px !important;
    padding: 8px 15px !important;
    margin: 0 !important;
    background: #f4f4f4 !important;
    box-sizing: border-box !important;
}
#detailScreen .vcd-detail-actions .detail-action-btn {
    appearance: none !important;
    -webkit-appearance: none !important;
    flex: 1 1 50% !important;
    width: 50% !important;
    min-width: 0 !important;
    min-height: 54px !important;
    height: 58px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 0 !important;
    outline: 0 !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    font-size: 16px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    visibility: visible !important;
    opacity: 1 !important;
    box-shadow: none !important;
}
#detailScreen .vcd-detail-actions .detail-back-btn {
    background: linear-gradient(180deg, #1c1c1c 0%, #050505 100%) !important;
    border-radius: 14px 0 0 14px !important;
}
#detailScreen .vcd-detail-actions .detail-share-btn {
    background: linear-gradient(180deg, #4fb52a 0%, #248b00 100%) !important;
    border-radius: 0 14px 14px 0 !important;
}
#detailScreen .vcd-detail-actions .detail-action-btn i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    font-size: 24px !important;
    flex: 0 0 auto !important;
}
#detailScreen .vcd-detail-actions .detail-action-btn span {
    display: inline-block !important;
    color: #fff !important;
    white-space: nowrap !important;
}
#detailScreen .detail-scroll {
    position: relative !important;
    z-index: 1 !important;
}
@media (max-width: 480px) {
    #detailScreen .detail-header.vcd-detail-actions {
        min-height: 64px !important;
        padding: 7px 10px !important;
    }
    #detailScreen .vcd-detail-actions .detail-action-btn {
        min-height: 50px !important;
        height: 54px !important;
        font-size: 14px !important;
        gap: 8px !important;
        padding: 0 8px !important;
    }
    #detailScreen .vcd-detail-actions .detail-action-btn i {
        font-size: 20px !important;
    }
}

/* VCD 30 — PLAY FIXO TAMBÉM NAS PÁGINAS DOS CDs */
.bottom-player {
    position: fixed !important;
    left: 50% !important;
    bottom: 0 !important;
    transform: translateX(-50%) !important;
    width: min(480px, 100%) !important;
    max-width: 480px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 100010 !important;
}
#detailScreen.active ~ .bottom-player {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 100010 !important;
}
#detailScreen.active .detail-scroll {
    padding-bottom: 140px !important;
}
@media (max-width: 480px) {
    #detailScreen.active .detail-scroll {
        padding-bottom: 125px !important;
    }
}

/* VCD 31 — LAYOUT DA PÁGINA DO CD: AÇÕES VERTICAIS + CAPA AO LADO */
#detailScreen .detail-scroll {
    padding: 18px 10px 145px !important;
    overflow-y: auto !important;
}
#detailScreen .detail-hero-layout {
    display: grid !important;
    grid-template-columns: 188px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 7px !important;
    width: 100% !important;
    margin: 0 !important;
}
#detailScreen .detail-hero-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    min-width: 0 !important;
}
#detailScreen .detail-hero-actions .detail-action-btn,
#detailScreen .detail-hero-actions .btn-baixar-cd-completo {
    width: 100% !important;
    min-height: 86px !important;
    height: 86px !important;
    margin: 0 !important;
    border-radius: 8px !important;
    border: 0 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,.18) !important;
    box-sizing: border-box !important;
}
#detailScreen .detail-hero-actions .detail-action-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    padding: 0 10px !important;
    color: #fff !important;
    font-weight: 900 !important;
    font-size: 16px !important;
    line-height: 1.05 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
}
#detailScreen .detail-hero-actions .detail-back-btn {
    background: #0b0b0b !important;
}
#detailScreen .detail-hero-actions .detail-share-btn {
    background: linear-gradient(180deg, #51b72d 0%, #2b970c 100%) !important;
}
#detailScreen .detail-hero-actions .detail-action-btn i {
    color: #fff !important;
    font-size: 24px !important;
    flex: 0 0 auto !important;
}
#detailScreen .detail-hero-actions .detail-action-btn span {
    color: #fff !important;
    white-space: nowrap !important;
}
#detailScreen .detail-hero-actions .btn-baixar-cd-completo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 10px !important;
    background: linear-gradient(180deg, #ed2b2b 0%, #b30000 100%) !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    text-decoration: none !important;
}
#detailScreen .detail-hero-actions .btn-baixar-cd-completo i {
    display: none !important;
}
#detailScreen .album-cover-box {
    width: 100% !important;
    height: 258px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;
}
#detailScreen .album-cover-box img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 10px !important;
    border: 1px solid #c8c8c8 !important;
    background: #fff !important;
}
#detailScreen .vcd-post-title {
    margin: 10px 2px 10px !important;
    text-align: center !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
}
#detailScreen .track-list-container {
    margin-top: 4px !important;
}

@media (max-width: 420px) {
    #detailScreen .detail-scroll {
        padding: 10px 9px 132px !important;
    }
    #detailScreen .detail-hero-layout {
        grid-template-columns: 188px minmax(0, 1fr) !important;
        gap: 6px !important;
    }
    #detailScreen .detail-hero-actions .detail-action-btn,
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo {
        min-height: 82px !important;
        height: 82px !important;
        font-size: 15px !important;
    }
    #detailScreen .album-cover-box {
        height: 246px !important;
    }
}

@media (max-width: 360px) {
    #detailScreen .detail-hero-layout {
        grid-template-columns: 150px minmax(0, 1fr) !important;
    }
    #detailScreen .detail-hero-actions .detail-action-btn,
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo {
        min-height: 72px !important;
        height: 72px !important;
        font-size: 13px !important;
    }
    #detailScreen .detail-hero-actions .detail-action-btn i {
        font-size: 20px !important;
    }
    #detailScreen .album-cover-box {
        height: 218px !important;
    }
}

/* VCD 32 — BOTÕES DO CD COM A MESMA ALTURA DA FOTO + VISUAL PREMIUM */
#detailScreen .detail-hero-layout {
    align-items: stretch !important;
}

#detailScreen .detail-hero-actions {
    height: 258px !important;
    display: grid !important;
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
}

#detailScreen .detail-hero-actions .detail-action-btn,
#detailScreen .detail-hero-actions .btn-baixar-cd-completo {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    border-radius: 11px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 5px 12px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.10) !important;
    transition: transform .15s ease, filter .15s ease, box-shadow .15s ease !important;
}

#detailScreen .detail-hero-actions .detail-action-btn:hover,
#detailScreen .detail-hero-actions .btn-baixar-cd-completo:hover {
    transform: translateY(-1px) !important;
    filter: brightness(1.08) !important;
    box-shadow: 0 7px 14px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.12) !important;
}

#detailScreen .detail-hero-actions .detail-action-btn:active,
#detailScreen .detail-hero-actions .btn-baixar-cd-completo:active {
    transform: translateY(0) scale(.99) !important;
}

#detailScreen .detail-hero-actions .detail-back-btn {
    background: linear-gradient(135deg, #181818 0%, #050505 100%) !important;
}

#detailScreen .detail-hero-actions .detail-share-btn {
    background: linear-gradient(135deg, #57bb2d 0%, #278900 100%) !important;
}

#detailScreen .detail-hero-actions .btn-baixar-cd-completo {
    background: linear-gradient(135deg, #f02626 0%, #b50000 100%) !important;
}

#detailScreen .detail-hero-actions .detail-action-btn i {
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255,255,255,.12) !important;
    font-size: 20px !important;
}

#detailScreen .detail-hero-actions .detail-action-btn span,
#detailScreen .detail-hero-actions .btn-baixar-cd-completo {
    text-shadow: 0 1px 2px rgba(0,0,0,.28) !important;
}

#detailScreen .detail-hero-actions .btn-baixar-cd-completo {
    padding: 8px 10px !important;
    font-size: 15px !important;
    line-height: 1.08 !important;
}

#detailScreen .detail-hero-actions .btn-baixar-cd-completo i {
    display: inline-flex !important;
    width: 34px !important;
    height: 34px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.12) !important;
    font-size: 17px !important;
    margin-right: 7px !important;
}

@media (max-width: 420px) {
    #detailScreen .detail-hero-actions {
        height: 246px !important;
    }
    #detailScreen .album-cover-box {
        height: 246px !important;
    }
}

@media (max-width: 360px) {
    #detailScreen .detail-hero-actions {
        height: 218px !important;
        gap: 5px !important;
    }
    #detailScreen .album-cover-box {
        height: 218px !important;
    }
    #detailScreen .detail-hero-actions .detail-action-btn span,
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo {
        font-size: 12px !important;
    }
    #detailScreen .detail-hero-actions .detail-action-btn i,
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo i {
        width: 30px !important;
        height: 30px !important;
        font-size: 16px !important;
    }
}

/* VCD 33 — ESTRUTURA PREMIUM: BOTÕES SEPARADOS DA CAPA */
#detailScreen .detail-hero-layout {
    display: grid !important;
    grid-template-columns: 188px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: stretch !important;
    width: min(100%, 470px) !important;
    margin: 0 auto !important;
}

#detailScreen .detail-hero-actions {
    height: 258px !important;
    min-width: 0 !important;
    padding: 8px !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    background: #ffffff !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: 14px !important;
    box-shadow: 0 5px 18px rgba(0,0,0,.10) !important;
}

#detailScreen .detail-hero-actions .detail-action-btn,
#detailScreen .detail-hero-actions .btn-baixar-cd-completo {
    min-width: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    border-radius: 10px !important;
    border: 0 !important;
    box-shadow: 0 3px 9px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.14) !important;
    transform: none !important;
}

#detailScreen .detail-hero-actions .detail-action-btn:hover,
#detailScreen .detail-hero-actions .btn-baixar-cd-completo:hover {
    transform: translateY(-1px) !important;
    filter: brightness(1.06) !important;
    box-shadow: 0 5px 12px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.16) !important;
}

#detailScreen .detail-hero-actions .detail-action-btn:active,
#detailScreen .detail-hero-actions .btn-baixar-cd-completo:active {
    transform: scale(.985) !important;
}

#detailScreen .detail-hero-actions .detail-action-btn i,
#detailScreen .detail-hero-actions .btn-baixar-cd-completo i {
    flex: 0 0 auto !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255,255,255,.14) !important;
}

#detailScreen .detail-hero-actions .btn-baixar-cd-completo {
    padding: 8px 10px !important;
    text-align: center !important;
    line-height: 1.05 !important;
}

#detailScreen .album-cover-box {
    width: 100% !important;
    height: 258px !important;
    min-width: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 5px 18px rgba(0,0,0,.12) !important;
}

#detailScreen .album-cover-box img,
#detailScreen #detailImgCover {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    object-fit: cover !important;
    background: #fff !important;
}

@media (max-width: 420px) {
    #detailScreen .detail-hero-layout {
        grid-template-columns: 158px minmax(0, 1fr) !important;
        gap: 10px !important;
        width: 100% !important;
    }
    #detailScreen .detail-hero-actions,
    #detailScreen .album-cover-box {
        height: 246px !important;
    }
    #detailScreen .detail-hero-actions {
        padding: 7px !important;
        gap: 7px !important;
        border-radius: 12px !important;
    }
    #detailScreen .detail-hero-actions .detail-action-btn,
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo {
        font-size: 14px !important;
    }
}

@media (max-width: 360px) {
    #detailScreen .detail-hero-layout {
        grid-template-columns: 138px minmax(0, 1fr) !important;
        gap: 9px !important;
    }
    #detailScreen .detail-hero-actions,
    #detailScreen .album-cover-box {
        height: 218px !important;
    }
    #detailScreen .detail-hero-actions {
        padding: 6px !important;
        gap: 6px !important;
    }
    #detailScreen .detail-hero-actions .detail-action-btn,
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo {
        font-size: 12px !important;
    }
    #detailScreen .detail-hero-actions .detail-action-btn i,
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo i {
        width: 27px !important;
        height: 27px !important;
        font-size: 14px !important;
    }
}

/* VCD 34 — TEXTO DOS BOTÕES CENTRALIZADO + TÍTULO FIXO SOBRE A LISTA */
#detailScreen .detail-hero-actions .detail-action-btn,
#detailScreen .detail-hero-actions .btn-baixar-cd-completo {
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

#detailScreen .detail-hero-actions .detail-action-btn span {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: 1.08 !important;
}

#detailScreen .detail-hero-actions .btn-baixar-cd-completo {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 7px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

#detailScreen .detail-hero-actions .btn-baixar-cd-completo i {
    flex: 0 0 30px !important;
    margin-right: 0 !important;
}

#detailScreen .detail-hero-actions .btn-baixar-cd-completo {
    font-size: clamp(13px, 3.3vw, 16px) !important;
    letter-spacing: .1px !important;
}

#detailScreen .vcd-post-title {
    position: sticky !important;
    top: 0 !important;
    z-index: 100002 !important;
    margin: 12px auto 10px !important;
    padding: 10px 12px !important;
    width: min(100%, 470px) !important;
    box-sizing: border-box !important;
    background: rgba(244,244,244,.98) !important;
    border-bottom: 1px solid #d7d7d7 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,.10) !important;
    text-align: center !important;
    line-height: 1.15 !important;
    overflow-wrap: anywhere !important;
}

#detailScreen .track-list-container {
    position: relative !important;
    z-index: 1 !important;
}

@media (max-width: 420px) {
    #detailScreen .detail-hero-actions .detail-action-btn span,
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo {
        font-size: 13px !important;
        line-height: 1.05 !important;
    }
    #detailScreen .detail-hero-actions .detail-action-btn i,
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo i {
        flex-basis: 27px !important;
        width: 27px !important;
        height: 27px !important;
        font-size: 14px !important;
    }
    #detailScreen .vcd-post-title {
        padding: 9px 10px !important;
        margin-top: 10px !important;
    }
}

@media (max-width: 360px) {
    #detailScreen .detail-hero-actions .detail-action-btn span,
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo {
        font-size: 11px !important;
    }
    #detailScreen .vcd-post-title {
        font-size: .95rem !important;
    }
}


/* VCD 35 — TOPO DO CD FIXO: FOTO + BOTÕES + NOME DO CD JUNTOS */
#detailScreen .detail-fixed-top {
    position: sticky !important;
    top: 0 !important;
    z-index: 100005 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px 0 8px !important;
    background: rgba(244,244,244,.98) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    border-bottom: 1px solid #d2d2d2 !important;
    box-shadow: 0 5px 14px rgba(0,0,0,.14) !important;
}

#detailScreen .detail-fixed-top .detail-hero-layout {
    position: relative !important;
    z-index: 2 !important;
}

#detailScreen .detail-fixed-top .vcd-post-title {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    width: min(100%, 470px) !important;
    margin: 8px auto 0 !important;
    padding: 8px 12px !important;
    background: #fff !important;
    border: 1px solid #dedede !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 7px rgba(0,0,0,.08) !important;
    color: #111 !important;
    font-size: clamp(15px, 3.8vw, 22px) !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
}

#detailScreen .detail-fixed-top + .track-list-container {
    position: relative !important;
    z-index: 1 !important;
    padding-top: 10px !important;
}

@media (max-width: 480px) {
    #detailScreen .detail-fixed-top {
        padding: 8px 0 7px !important;
    }
    #detailScreen .detail-fixed-top .vcd-post-title {
        margin-top: 7px !important;
        padding: 8px 10px !important;
        font-size: 15px !important;
    }
}


/* VCD 34 — AJUSTE FINO DOS NOMES DOS BOTÕES */
#detailScreen .detail-hero-actions .detail-action-btn {
    justify-content: center !important;
    text-align: center !important;
}
#detailScreen .detail-hero-actions .detail-back-btn {
    gap: 5px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
}
#detailScreen .detail-hero-actions .detail-share-btn {
    gap: 7px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
}
#detailScreen .detail-hero-actions .detail-share-btn span {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow: visible !important;
    font-size: 14px !important;
    letter-spacing: .1px !important;
}
#detailScreen .detail-hero-actions .btn-baixar-cd-completo {
    gap: 6px !important;
    padding: 6px 8px !important;
    text-align: center !important;
}
#detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-label {
    display: inline-block !important;
    text-align: center !important;
    white-space: nowrap !important;
    line-height: 1.08 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}
#detailScreen .detail-hero-actions .btn-baixar-cd-completo i {
    margin-right: 2px !important;
    flex: 0 0 auto !important;
}
@media (max-width: 360px) {
    #detailScreen .detail-hero-layout {
        grid-template-columns: 150px minmax(0, 1fr) !important;
        gap: 9px !important;
    }
    #detailScreen .detail-hero-actions .detail-share-btn span {
        font-size: 12px !important;
    }
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-label {
        font-size: 12px !important;
    }
    #detailScreen .detail-hero-actions .detail-action-btn i,
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo i {
        width: 28px !important;
        height: 28px !important;
        font-size: 15px !important;
    }
}

/* VCD 36 — TOPO DO CD REALMENTE FIXO, SEM A LISTA PASSAR POR CIMA */
#detailScreen .detail-fixed-top {
    position: fixed !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: min(480px, 100%) !important;
    max-width: 480px !important;
    margin: 0 !important;
    z-index: 100200 !important;
    background: #f4f4f4 !important;
    opacity: 1 !important;
    isolation: isolate !important;
    box-shadow: 0 6px 16px rgba(0,0,0,.18) !important;
    border-bottom: 1px solid #cfcfcf !important;
}

#detailScreen .detail-fixed-top::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: #f4f4f4 !important;
    z-index: -1 !important;
}

#detailScreen .detail-fixed-top .detail-hero-layout,
#detailScreen .detail-fixed-top .vcd-post-title {
    position: relative !important;
    z-index: 2 !important;
}

#detailScreen .detail-fixed-top + .track-list-container {
    padding-top: 350px !important;
    position: relative !important;
    z-index: 1 !important;
}

@media (max-width: 480px) {
    #detailScreen .detail-fixed-top + .track-list-container {
        padding-top: 338px !important;
    }
}

@media (max-width: 360px) {
    #detailScreen .detail-fixed-top + .track-list-container {
        padding-top: 307px !important;
    }
}

/* AJUSTE FINAL — BOTÕES MAIS BAIXOS E PEQUENO RESPIRO NAS LATERAIS */
#detailScreen .detail-scroll {
    padding-left: 13px !important;
    padding-right: 13px !important;
}
#detailScreen .detail-hero-layout {
    gap: 9px !important;
}
#detailScreen .detail-hero-actions {
    height: 246px !important;
    gap: 7px !important;
}
#detailScreen .detail-hero-actions .detail-action-btn,
#detailScreen .detail-hero-actions .btn-baixar-cd-completo {
    min-height: 0 !important;
    height: auto !important;
}
#detailScreen .album-cover-box {
    height: 246px !important;
}

@media (max-width: 420px) {
    #detailScreen .detail-scroll {
        padding-left: 11px !important;
        padding-right: 11px !important;
    }
    #detailScreen .detail-hero-layout {
        gap: 8px !important;
    }
    #detailScreen .detail-hero-actions {
        height: 234px !important;
        gap: 6px !important;
    }
    #detailScreen .album-cover-box {
        height: 234px !important;
    }
}

@media (max-width: 360px) {
    #detailScreen .detail-scroll {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }
    #detailScreen .detail-hero-layout {
        gap: 7px !important;
    }
    #detailScreen .detail-hero-actions {
        height: 210px !important;
        gap: 5px !important;
    }
    #detailScreen .album-cover-box {
        height: 210px !important;
    }
}


/* VCD 37 — AJUSTE FINAL SOLICITADO
   - Mantém o CD fixo no topo sem movimento automático ao clicar em PLAY.
   - Reduz a altura do bloco de botões/capa.
   - Mantém pequeno respiro nas laterais.
   - Impede qualquer rolagem automática da música para cima/baixo.
*/
#detailScreen .detail-fixed-top {
    width: min(480px, calc(100% - 18px)) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    padding: 7px 7px 8px !important;
    box-sizing: border-box !important;
}

#detailScreen .detail-fixed-top .detail-hero-layout {
    width: 100% !important;
    gap: 8px !important;
    box-sizing: border-box !important;
}

#detailScreen .detail-fixed-top .detail-hero-actions,
#detailScreen .detail-fixed-top .album-cover-box {
    height: 214px !important;
}

#detailScreen .detail-fixed-top .detail-hero-actions {
    padding: 6px !important;
    gap: 6px !important;
    box-sizing: border-box !important;
}

#detailScreen .detail-fixed-top .detail-hero-actions .detail-action-btn,
#detailScreen .detail-fixed-top .detail-hero-actions .btn-baixar-cd-completo {
    min-height: 0 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

#detailScreen .detail-fixed-top .album-cover-box {
    margin: 0 !important;
}

#detailScreen .detail-fixed-top .vcd-post-title {
    margin: 6px 0 0 !important;
    padding: 7px 9px !important;
}

/* Espaço correto abaixo do cabeçalho fixo, sem invadir a lista. */
#detailScreen .detail-fixed-top + .track-list-container {
    padding-top: 322px !important;
}

@media (max-width: 480px) {
    #detailScreen .detail-fixed-top {
        width: calc(100% - 14px) !important;
        padding: 6px 6px 7px !important;
    }
    #detailScreen .detail-fixed-top .detail-hero-actions,
    #detailScreen .detail-fixed-top .album-cover-box {
        height: 198px !important;
    }
    #detailScreen .detail-fixed-top + .track-list-container {
        padding-top: 302px !important;
    }
}

@media (max-width: 360px) {
    #detailScreen .detail-fixed-top {
        width: calc(100% - 12px) !important;
        padding: 5px !important;
    }
    #detailScreen .detail-fixed-top .detail-hero-actions,
    #detailScreen .detail-fixed-top .album-cover-box {
        height: 180px !important;
    }
    #detailScreen .detail-fixed-top + .track-list-container {
        padding-top: 279px !important;
    }
}


/* VCD 38 — AJUSTE DA CAPA + ROLAGEM CONTROLADA + COMPARTILHAR */
#detailScreen .detail-fixed-top .album-cover-box,
#detailScreen .detail-fixed-top #detailImgCover {
    overflow: hidden !important;
}
#detailScreen .detail-fixed-top #detailImgCover {
    object-fit: contain !important;
    object-position: center center !important;
    background: #ffffff !important;
}
#detailScreen .detail-fixed-top .detail-share-btn span {
    font-size: 12.5px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    word-break: keep-all !important;
    flex: 0 1 auto !important;
}
#detailScreen .detail-fixed-top .detail-share-btn {
    padding-left: 4px !important;
    padding-right: 4px !important;
    gap: 5px !important;
}
#detailScreen .detail-fixed-top .detail-share-btn i {
    font-size: 18px !important;
}
@media (max-width: 420px) {
    #detailScreen .detail-fixed-top .detail-share-btn span { font-size: 12px !important; }
}
@media (max-width: 360px) {
    #detailScreen .detail-fixed-top .detail-share-btn span { font-size: 11px !important; }
}

/* VCD 39 — REDUZ ESPAÇO ENTRE O CD FIXO E A PRIMEIRA MÚSICA */
#detailScreen .detail-fixed-top + .track-list-container {
    padding-top: 270px !important;
}

@media (max-width: 480px) {
    #detailScreen .detail-fixed-top + .track-list-container {
        padding-top: 260px !important;
    }
}

@media (max-width: 360px) {
    #detailScreen .detail-fixed-top + .track-list-container {
        padding-top: 238px !important;
    }
}

/* VCD 36 — CAPA DO CD INTEIRA DENTRO DA BORDA, SEM CORTAR AS PONTAS */
#detailScreen .album-cover-box {
    overflow: hidden !important;
    padding: 4px !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

#detailScreen .album-cover-box img,
#detailScreen #detailImgCover {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    margin: 0 auto !important;
    border-radius: 9px !important;
    background: #fff !important;
}

@media (max-width: 480px) {
    #detailScreen .album-cover-box {
        padding: 3px !important;
    }
}

/* VCD 40 — BORDA EXATAMENTE NO TAMANHO DA CAPA */
#detailScreen .detail-fixed-top .detail-hero-layout {
    align-items: stretch !important;
}

#detailScreen .detail-fixed-top .album-cover-box {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    display: block !important;
}

#detailScreen .detail-fixed-top .album-cover-box img,
#detailScreen .detail-fixed-top #detailImgCover {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #fff !important;
}

#detailScreen .detail-fixed-top .detail-hero-actions {
    height: auto !important;
    align-self: stretch !important;
}

@media (max-width: 480px) {
    #detailScreen .detail-fixed-top .album-cover-box {
        aspect-ratio: 1 / 1 !important;
    }
    #detailScreen .detail-fixed-top .detail-hero-actions {
        height: auto !important;
    }
}

/* VCD 31 — PLAYER DO RODAPÉ NO ESTILO MOBILE SOLICITADO */
.bottom-player {
    position: fixed !important;
    left: 50% !important;
    bottom: 0 !important;
    transform: translateX(-50%) !important;
    width: min(480px, 100%) !important;
    max-width: 480px !important;
    background: #121212 !important;
    color: #fff !important;
    padding: 14px 16px max(18px, env(safe-area-inset-bottom)) !important;
    min-height: 150px !important;
    border-top: 1px solid #202020 !important;
    z-index: 100010 !important;
    box-sizing: border-box !important;
}
.bottom-player .player-topline {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    width: 100% !important;
    margin-bottom: 11px !important;
}
.bottom-player .player-info {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    color: #fff !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.bottom-player .player-time-text {
    flex: 0 0 auto !important;
    color: #888 !important;
    font-size: .95rem !important;
    white-space: nowrap !important;
    text-align: right !important;
}
.bottom-player .player-timeline {
    width: 100% !important;
    height: 8px !important;
    margin: 0 0 22px !important;
    background: #444 !important;
    border-radius: 999px !important;
    overflow: hidden !important;
}
.bottom-player .player-timeline-fill {
    height: 100% !important;
    background: #555 !important;
    border-radius: inherit !important;
}
.bottom-player .player-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 54px !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: 2.15rem !important;
}
.bottom-player .player-controls i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 54px !important;
    height: 54px !important;
    margin: 0 !important;
    color: #fff !important;
    cursor: pointer !important;
    user-select: none !important;
}
.bottom-player #mainPlayBtn {
    width: 82px !important;
    height: 68px !important;
    min-width: 82px !important;
    min-height: 68px !important;
    font-size: 3rem !important;
}
.bottom-player #prevTrack,
.bottom-player #nextTrack {
    font-size: 2.1rem !important;
}

/* não exibe mais o ícone de vassoura no player */
.clear-player-btn { display: none !important; }

@media (max-width: 480px) {
    .bottom-player {
        min-height: 164px !important;
        padding: 13px 14px max(18px, env(safe-area-inset-bottom)) !important;
    }
    .bottom-player .player-topline {
        gap: 10px !important;
        margin-bottom: 10px !important;
    }
    .bottom-player .player-info {
        font-size: 1.02rem !important;
    }
    .bottom-player .player-time-text {
        font-size: .9rem !important;
    }
    .bottom-player .player-timeline {
        height: 8px !important;
        margin-bottom: 21px !important;
    }
    .bottom-player .player-controls {
        gap: 42px !important;
        font-size: 2.15rem !important;
    }
    .bottom-player .player-controls i {
        width: 50px !important;
        height: 50px !important;
    }
    .bottom-player #mainPlayBtn {
        width: 78px !important;
        height: 66px !important;
        min-width: 78px !important;
        min-height: 66px !important;
        font-size: 2.8rem !important;
    }
}

/* VCD 32 — altura e linha superior vermelha conforme referência mobile */
.bottom-player {
    min-height: 180px !important;
    border-top: 4px solid #ff0000 !important;
    padding-top: 12px !important;
}

@media (max-width: 480px) {
    .bottom-player {
        min-height: 180px !important;
        padding: 12px 14px max(14px, env(safe-area-inset-bottom)) !important;
        border-top: 4px solid #ff0000 !important;
    }
    .bottom-player .player-topline {
        margin-bottom: 10px !important;
    }
    .bottom-player .player-timeline {
        margin-bottom: 18px !important;
    }
    .bottom-player .player-controls {
        margin-top: 2px !important;
    }
}

/* VCD 33 — player do rodapé ainda mais baixo, mantendo os controles visíveis */
.bottom-player {
    min-height: 140px !important;
    padding: 8px 14px max(10px, env(safe-area-inset-bottom)) !important;
}
.bottom-player .player-topline {
    margin-bottom: 6px !important;
}
.bottom-player .player-timeline {
    height: 5px !important;
    margin-bottom: 10px !important;
}
.bottom-player .player-controls {
    gap: 34px !important;
    margin-top: 0 !important;
}

@media (max-width: 480px) {
    .bottom-player {
        min-height: 132px !important;
        padding: 8px 12px max(10px, env(safe-area-inset-bottom)) !important;
    }
    .bottom-player .player-topline {
        margin-bottom: 5px !important;
    }
    .bottom-player .player-info {
        font-size: .92rem !important;
    }
    .bottom-player .player-time-text {
        font-size: .78rem !important;
    }
    .bottom-player .player-timeline {
        height: 4px !important;
        margin-bottom: 9px !important;
    }
    .bottom-player .player-controls {
        gap: 28px !important;
    }
    .bottom-player #mainPlayBtn {
        width: 70px !important;
        height: 58px !important;
        min-width: 70px !important;
        min-height: 58px !important;
        font-size: 2.5rem !important;
    }
    .bottom-player #prevTrack,
    .bottom-player #nextTrack {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        min-height: 46px !important;
        font-size: 1.5rem !important;
    }
}

/* VCD 34 — player ainda mais compacto, mantendo o Play destacado */
.bottom-player {
    min-height: 114px !important;
    padding: 5px 10px max(7px, env(safe-area-inset-bottom)) !important;
}
.bottom-player .player-topline {
    margin-bottom: 6px !important;
}
.bottom-player .player-timeline {
    height: 6px !important;
    margin-bottom: 8px !important;
}
.bottom-player .player-controls {
    gap: 34px !important;
}
.bottom-player .player-controls i {
    width: 46px !important;
    height: 46px !important;
}
.bottom-player #mainPlayBtn {
    width: 78px !important;
    height: 58px !important;
    min-width: 78px !important;
    min-height: 58px !important;
    font-size: 2.8rem !important;
}
@media (max-width: 480px) {
    .bottom-player {
        min-height: 118px !important;
        padding: 5px 10px max(7px, env(safe-area-inset-bottom)) !important;
    }
    .bottom-player .player-topline {
        margin-bottom: 6px !important;
    }
    .bottom-player .player-info {
        font-size: .98rem !important;
    }
    .bottom-player .player-time-text {
        font-size: .86rem !important;
    }
    .bottom-player .player-timeline {
        height: 6px !important;
        margin-bottom: 8px !important;
    }
    .bottom-player .player-controls {
        gap: 30px !important;
    }
    .bottom-player .player-controls i {
        width: 44px !important;
        height: 44px !important;
    }
    .bottom-player #mainPlayBtn {
        width: 76px !important;
        height: 58px !important;
        min-width: 76px !important;
        min-height: 58px !important;
        font-size: 2.7rem !important;
    }
}

/* VCD 35 — reduzir mais um pequeno espaço da altura do player */
.bottom-player {
    min-height: 108px !important;
    padding: 4px 10px max(5px, env(safe-area-inset-bottom)) !important;
}
.bottom-player .player-topline {
    margin-bottom: 4px !important;
}
.bottom-player .player-timeline {
    margin-bottom: 6px !important;
}
@media (max-width: 480px) {
    .bottom-player {
        min-height: 112px !important;
        padding: 4px 10px max(5px, env(safe-area-inset-bottom)) !important;
    }
    .bottom-player .player-topline {
        margin-bottom: 4px !important;
    }
    .bottom-player .player-timeline {
        margin-bottom: 6px !important;
    }
}

/* VCD — botões de download sem URL visível no hover e sem sair da página */
#detailScreen .btn-baixar-cd-completo,
#detailScreen button.track-download-btn {
    appearance: none;
    -webkit-appearance: none;
    font: inherit;
    cursor: pointer;
    text-decoration: none;
}
#detailScreen .btn-baixar-cd-completo:hover,
#detailScreen button.track-download-btn:hover {
    text-decoration: none;
}

/* VCD — downloads ficam como botões, sem href visível no navegador */
#detailScreen .btn-baixar-cd-completo, #detailScreen .track-download-btn {
  border: 0;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

.vcd-empty-filter{grid-column:1/-1;text-align:center;padding:24px 16px;margin:8px 0;background:#fff;border-radius:12px;color:#555;font-weight:700}


/* V30 — contador da categoria: aparece somente quando uma categoria é selecionada */
.vcd-category-status {
    min-height: 0;
    margin: 0 0 10px;
    padding: 7px 10px;
    box-sizing: border-box;
    width: 100%;
    background: #050505;
    color: #fff;
    border-radius: 0;
    font-size: 12px;
    line-height: 1.1;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .2px;
    display: none;
    align-items: center;
    justify-content: center;
    gap: 18px;
    white-space: nowrap;
}
.vcd-category-status:not(:empty) { display: flex; }
.vcd-category-status .vcd-status-total,
.vcd-category-status .vcd-status-count,
.vcd-category-status .vcd-status-label { display: inline-block; }
.vcd-category-status .vcd-status-total { font-weight: 900; }
.vcd-category-status .vcd-status-count { font-weight: 900; }
.vcd-category-status .vcd-status-label { font-weight: 900; }
#homeScreen .categories .cat-btn.active {
    font-weight: 900;
    transform: translateY(-1px);
}
#homeScreen .cd-grid .cd-card[hidden] {
    display: none !important;
}


/* VCD 47 — TELA DO CD: CAPA MENOR À ESQUERDA + EQUALIZADOR ACIMA DOS BOTÕES */
#detailScreen .detail-hero-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1.18fr) minmax(0, .82fr) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto !important;
    align-items: stretch !important;
}
#detailScreen .album-cover-box {
    height: 300px !important;
    min-width: 0 !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important;
    border: 1px solid #d7d7d7 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 5px 18px rgba(0,0,0,.12) !important;
}
#detailScreen .album-cover-box img,
#detailScreen #detailImgCover {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: #fff !important;
}
#detailScreen .detail-hero-actions {
    height: 300px !important;
    min-width: 0 !important;
    padding: 9px !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-rows: 1.35fr .72fr .72fr !important;
    gap: 8px !important;
    background: #fff !important;
    border: 1px solid #d7d7d7 !important;
    border-radius: 16px !important;
    box-shadow: 0 5px 18px rgba(0,0,0,.10) !important;
}
#detailScreen .detail-hero-actions .detail-back-btn { display:none !important; }
#detailScreen .detail-hero-actions .detail-share-btn,
#detailScreen .detail-hero-actions .btn-baixar-cd-completo {
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    border-radius:11px !important;
    border:1px solid rgba(255,255,255,.1) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    color:#fff !important;
    font-weight:900 !important;
    font-size:clamp(12px, 2.5vw, 16px) !important;
    line-height:1.05 !important;
    text-align:center !important;
    box-sizing:border-box !important;
}
#detailScreen .detail-hero-actions .detail-share-btn { background:linear-gradient(180deg,#162f2c,#071313) !important; }
#detailScreen .detail-hero-actions .btn-baixar-cd-completo { background:linear-gradient(180deg,#162f2c,#071313) !important; }
#detailScreen .detail-hero-actions .detail-share-btn i,
#detailScreen .detail-hero-actions .btn-baixar-cd-completo i {
    width:34px !important; height:34px !important; min-width:34px !important;
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    border-radius:50% !important; background:rgba(255,255,255,.08) !important; font-size:13px !important;
}
#detailScreen .vcd-post-title {
    width:100% !important;
    max-width:760px !important;
    margin:10px auto !important;
    padding:12px !important;
    box-sizing:border-box !important;
    background:#fff !important;
    border:1px solid #ddd !important;
    border-radius:10px !important;
    text-align:center !important;
    font-weight:900 !important;
}
@media (max-width: 600px) {
    #detailScreen .detail-hero-layout { grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr) !important; gap:8px !important; }
    #detailScreen .album-cover-box, #detailScreen .detail-hero-actions { height:270px !important; }
    #detailScreen .album-cover-box { padding:10px !important; }
    #detailScreen .detail-hero-actions { padding:7px !important; gap:6px !important; }
    #detailScreen .detail-hero-actions .detail-share-btn,
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo { font-size:13px !important; }
}
@media (max-width: 390px) {
    #detailScreen .album-cover-box, #detailScreen .detail-hero-actions { height:245px !important; }
    #detailScreen .album-cover-box { padding:9px !important; }
    #detailScreen .detail-hero-actions { padding:6px !important; gap:5px !important; }
    #detailScreen .detail-hero-actions .detail-share-btn,
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo { font-size:12px !important; }
}



/* Equalizador V45 integrado ao pacote V49 */
#detailScreen .detail-hero-actions .detail-equalizer {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    border: 1px solid #203d39 !important;
    background:
        radial-gradient(circle at 50% 80%, rgba(0,255,190,.12), transparent 60%),
        linear-gradient(180deg, #071413 0%, #020706 100%) !important;
    box-shadow: inset 0 0 22px rgba(0,255,190,.08), 0 4px 12px rgba(0,0,0,.16) !important;
    padding: 12px 10px 14px !important;
    box-sizing: border-box !important;
}
#detailScreen .detail-hero-actions .eq-bars {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 4px !important;
}
#detailScreen .detail-hero-actions .eq-bars span {
    display: block !important;
    flex: 1 1 0 !important;
    max-width: 9px !important;
    height: var(--eq-h, 8%) !important;
    min-height: 4px !important;
    border-radius: 3px 3px 1px 1px !important;
    background: linear-gradient(180deg,#dffff7 0%,#55ffd8 38%,#00d6ae 100%) !important;
    box-shadow: 0 0 7px rgba(0,255,190,.65), 0 0 15px rgba(0,255,190,.28) !important;
    transition: height .08s linear !important;
}
@media (max-width: 480px) {
    #detailScreen .detail-hero-actions .detail-equalizer { padding: 10px 8px 12px !important; }
    #detailScreen .detail-hero-actions .eq-bars { gap: 3px !important; }
    #detailScreen .detail-hero-actions .eq-bars span { max-width: 7px !important; }
}


/* VCD 35 — BOTÕES DO CD IGUAIS AO MODELO ENVIADO PELO USUÁRIO */
#detailScreen .detail-hero-layout {
    grid-template-columns: minmax(0, 1fr) minmax(170px, 0.64fr) !important;
    gap: 14px !important;
    width: min(100%, 760px) !important;
    align-items: stretch !important;
}
#detailScreen .detail-hero-actions {
    height: 258px !important;
    padding: 8px !important;
    gap: 7px !important;
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) 48px 62px !important;
    background: linear-gradient(180deg, #f7f7f7 0%, #eeeeee 100%) !important;
    border: 1px solid #d4d4d4 !important;
    border-radius: 15px !important;
    box-shadow: 0 5px 18px rgba(0,0,0,.16), inset 0 1px 0 #fff !important;
    box-sizing: border-box !important;
}
#detailScreen .detail-hero-actions .detail-equalizer {
    grid-row: 1 !important;
    border-radius: 13px !important;
    border: 1px solid #344441 !important;
    background:
        radial-gradient(circle at 50% 78%, rgba(86,255,222,.13), transparent 58%),
        linear-gradient(145deg, #050b0b 0%, #071817 52%, #020505 100%) !important;
    box-shadow: inset 0 0 28px rgba(0,255,190,.08), 0 3px 9px rgba(0,0,0,.28) !important;
    padding: 12px 10px 14px !important;
}
#detailScreen .detail-hero-actions .eq-bars span {
    background: linear-gradient(180deg,#f4fff9 0%,#c9fff1 35%,#74f6d6 72%,#4ad8bd 100%) !important;
    box-shadow: 0 0 7px rgba(153,255,235,.68), 0 0 16px rgba(0,255,190,.28) !important;
}
#detailScreen .detail-hero-actions .detail-share-btn,
#detailScreen .detail-hero-actions .btn-baixar-cd-completo {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255,255,255,.68) !important;
    color: #f7f7f7 !important;
    background: linear-gradient(180deg, #304343 0%, #172525 48%, #091111 100%) !important;
    box-shadow: 0 5px 10px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.32), inset 0 -3px 0 rgba(0,0,0,.38) !important;
    text-shadow: 0 2px 2px rgba(0,0,0,.7) !important;
    position: relative !important;
    overflow: hidden !important;
}
#detailScreen .detail-hero-actions .detail-share-btn::before,
#detailScreen .detail-hero-actions .btn-baixar-cd-completo::before {
    content: "" !important;
    position: absolute !important;
    inset: 2px !important;
    border-radius: 11px !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    pointer-events: none !important;
}
#detailScreen .detail-hero-actions .detail-share-btn {
    grid-row: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 8px !important;
}
#detailScreen .detail-hero-actions .detail-share-btn span {
    color: #fff !important;
    font-size: clamp(12px, 1.7vw, 17px) !important;
    font-weight: 900 !important;
    letter-spacing: .2px !important;
    white-space: nowrap !important;
}
#detailScreen .detail-hero-actions .detail-share-btn i {
    display: inline-flex !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-size: 20px !important;
    color: #fff !important;
    flex: 0 0 auto !important;
}
#detailScreen .detail-hero-actions .btn-baixar-cd-completo {
    grid-row: 3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    padding: 4px 7px !important;
    text-transform: uppercase !important;
}
#detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-label {
    color: #fff !important;
    font-size: clamp(13px, 2.1vw, 20px) !important;
    line-height: 1.02 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    text-align: left !important;
}
#detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-icon-wrap {
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #101010 !important;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.65)) !important;
}
#detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-icon-wrap .fa-compact-disc {
    position: absolute !important;
    font-size: 38px !important;
    color: #f5f5f5 !important;
    text-shadow: 0 1px 2px #000 !important;
}
#detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-icon-wrap .fa-arrow-down {
    position: relative !important;
    z-index: 2 !important;
    font-size: 19px !important;
    color: #151515 !important;
    transform: translateY(5px) !important;
    text-shadow: 0 1px 0 #fff !important;
}
#detailScreen .detail-hero-actions .detail-share-btn:hover,
#detailScreen .detail-hero-actions .btn-baixar-cd-completo:hover {
    filter: brightness(1.12) !important;
    transform: translateY(-1px) !important;
}
#detailScreen .detail-hero-actions .detail-share-btn:active,
#detailScreen .detail-hero-actions .btn-baixar-cd-completo:active {
    transform: scale(.985) !important;
    filter: brightness(.96) !important;
}
@media (max-width: 600px) {
    #detailScreen .detail-hero-layout {
        grid-template-columns: minmax(0, 1fr) minmax(145px, .64fr) !important;
        gap: 8px !important;
    }
    #detailScreen .detail-hero-actions {
        height: 246px !important;
        padding: 7px !important;
        gap: 7px !important;
    }
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-icon-wrap {
        width: 38px !important;
        height: 38px !important;
        flex-basis: 38px !important;
    }
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-icon-wrap .fa-compact-disc {
        font-size: 38px !important;
    }
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-icon-wrap .fa-arrow-down {
        font-size: 18px !important;
    }
}
@media (max-width: 380px) {
    #detailScreen .detail-hero-layout {
        grid-template-columns: minmax(0, 1fr) minmax(125px, .68fr) !important;
        gap: 6px !important;
    }
    #detailScreen .detail-hero-actions {
        height: 218px !important;
        padding: 5px !important;
        gap: 5px !important;
    }
    #detailScreen .detail-hero-actions .detail-share-btn span {
        font-size: 12px !important;
    }
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-label {
        font-size: 11px !important;
    }
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-icon-wrap {
        width: 31px !important;
        height: 31px !important;
        flex-basis: 31px !important;
    }
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-icon-wrap .fa-compact-disc {
        font-size: 31px !important;
    }
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-icon-wrap .fa-arrow-down {
        font-size: 15px !important;
    }
}


/* VCD — botões menores + ícones iguais ao modelo enviado */
#detailScreen .detail-hero-actions {
    grid-template-rows: minmax(0, 1fr) 48px 62px !important;
    gap: 7px !important;
}
#detailScreen .detail-hero-actions .detail-share-btn {
    padding: 0 10px !important;
}
#detailScreen .detail-hero-actions .detail-share-btn i.fa-share-nodes {
    display: inline-flex !important;
    width: auto !important; height: auto !important; min-width: 0 !important;
    background: transparent !important; border-radius: 0 !important;
    color: #fff !important; font-size: 19px !important;
}
#detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-icon-wrap {
    width: 38px !important; height: 38px !important; flex-basis: 38px !important;
}
#detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-icon-wrap .fa-compact-disc {
    font-size: 38px !important;
}
#detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-icon-wrap .fa-arrow-down {
    font-size: 18px !important;
}
#detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-label {
    font-size: clamp(11px, 1.6vw, 16px) !important;
}
@media (max-width: 600px) {
    #detailScreen .detail-hero-actions {
        grid-template-rows: minmax(0, 1fr) 42px 54px !important;
        gap: 5px !important;
    }
    #detailScreen .detail-hero-actions .detail-share-btn span { font-size: 11px !important; }
    #detailScreen .detail-hero-actions .detail-share-btn i.fa-share-nodes { font-size: 16px !important; }
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-icon-wrap {
        width: 32px !important; height: 32px !important; flex-basis: 32px !important;
    }
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-icon-wrap .fa-compact-disc { font-size: 32px !important; }
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-icon-wrap .fa-arrow-down { font-size: 15px !important; }
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-label { font-size: 10px !important; }
}

/* =========================================================
   VCD - BOTÕES EXATOS DO MODELO ENVIADO PELO USUÁRIO
   Compartilhar: botão metálico escuro, menor e sem ícone.
   Baixar completo: botão metálico escuro com CD + seta para baixo.
   ========================================================= */
#detailScreen .detail-hero-actions {
    grid-template-rows: minmax(0, 1fr) 50px 64px !important;
    gap: 7px !important;
    padding: 8px !important;
    background: linear-gradient(180deg, #f7f7f7 0%, #ededed 100%) !important;
    border: 1px solid #d6d6d6 !important;
    border-radius: 15px !important;
    box-shadow: 0 5px 18px rgba(0,0,0,.15), inset 0 1px 0 #fff !important;
}

#detailScreen .detail-hero-actions .detail-equalizer {
    min-height: 0 !important;
    border-radius: 13px !important;
    background:
        radial-gradient(circle at 50% 78%, rgba(86,255,222,.13), transparent 58%),
        linear-gradient(145deg, #050b0b 0%, #071817 52%, #020505 100%) !important;
    border: 1px solid #344441 !important;
    box-shadow: inset 0 0 28px rgba(0,255,190,.08), 0 3px 9px rgba(0,0,0,.28) !important;
}

#detailScreen .detail-hero-actions .detail-share-btn,
#detailScreen .detail-hero-actions .btn-baixar-cd-completo {
    background: linear-gradient(180deg, #304343 0%, #172525 48%, #091111 100%) !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    border-radius: 14px !important;
    box-shadow:
        0 5px 10px rgba(0,0,0,.34),
        inset 0 1px 0 rgba(255,255,255,.32),
        inset 0 -3px 0 rgba(0,0,0,.38) !important;
    color: #fff !important;
    text-shadow: 0 2px 2px rgba(0,0,0,.7) !important;
}

/* Igual ao modelo: somente o texto no botão compartilhar. */
#detailScreen .detail-hero-actions .detail-share-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 50px !important;
    min-height: 50px !important;
    padding: 0 8px !important;
}
#detailScreen .detail-hero-actions .detail-share-btn i {
    display: none !important;
}
#detailScreen .detail-hero-actions .detail-share-btn span {
    color: #fff !important;
    font-size: clamp(14px, 2vw, 18px) !important;
    font-weight: 900 !important;
    letter-spacing: .2px !important;
    white-space: nowrap !important;
}

/* Botão baixar: CD branco/prateado + seta escura, como na imagem. */
#detailScreen .detail-hero-actions .btn-baixar-cd-completo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    height: 64px !important;
    min-height: 64px !important;
    padding: 4px 8px !important;
    font-size: 0 !important;
}
#detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-icon-wrap {
    width: 43px !important;
    height: 43px !important;
    flex: 0 0 43px !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.75)) !important;
}
#detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-icon-wrap .fa-compact-disc {
    position: absolute !important;
    font-size: 43px !important;
    color: #f3f3f3 !important;
    text-shadow: 0 1px 2px #000 !important;
}
#detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-icon-wrap .fa-arrow-down {
    position: relative !important;
    z-index: 2 !important;
    font-size: 21px !important;
    color: #151515 !important;
    transform: translateY(5px) !important;
    text-shadow: 0 1px 0 #fff !important;
}
#detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-label {
    color: #fff !important;
    font-size: clamp(15px, 2.2vw, 21px) !important;
    line-height: 1.02 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    text-align: left !important;
    text-shadow: 0 2px 2px rgba(0,0,0,.7) !important;
}

@media (max-width: 600px) {
    #detailScreen .detail-hero-actions {
        grid-template-rows: minmax(0, 1fr) 46px 60px !important;
        gap: 6px !important;
        padding: 7px !important;
    }
    #detailScreen .detail-hero-actions .detail-share-btn {
        height: 46px !important;
        min-height: 46px !important;
    }
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo {
        height: 60px !important;
        min-height: 60px !important;
    }
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-icon-wrap {
        width: 39px !important;
        height: 39px !important;
        flex-basis: 39px !important;
    }
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-icon-wrap .fa-compact-disc {
        font-size: 39px !important;
    }
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-icon-wrap .fa-arrow-down {
        font-size: 19px !important;
    }
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-label {
        font-size: 14px !important;
    }
}

/* VCD — BOTÃO BAIXAR COMPLETO IGUAL AO MODELO ENVIADO */
#detailScreen .detail-hero-actions .btn-baixar-cd-completo {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;
    padding: 10px 18px !important;
    overflow: hidden !important;
    border-radius: 20px !important;
    border: 2px solid #8d9492 !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 16%),
        linear-gradient(180deg, #17302f 0%, #0b1717 48%, #071010 100%) !important;
    box-shadow:
        0 4px 8px rgba(0,0,0,.65),
        inset 0 2px 2px rgba(255,255,255,.18),
        inset 0 -5px 10px rgba(0,0,0,.55) !important;
    color: #fff !important;
    text-shadow: 0 2px 2px rgba(0,0,0,.8) !important;
}

#detailScreen .detail-hero-actions .btn-baixar-cd-completo::before {
    content: '' !important;
    position: absolute !important;
    left: 8px !important;
    right: 8px !important;
    top: 6px !important;
    height: 22% !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0)) !important;
    pointer-events: none !important;
}

#detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-icon-wrap {
    position: relative !important;
    z-index: 2 !important;
    flex: 0 0 72px !important;
    width: 72px !important;
    height: 72px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 35% 30%, #ffffff 0%, #e7e7e7 35%, #aeb3b2 62%, #5c6260 100%) !important;
    border: 2px solid #f5f5f5 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,.65), inset 0 2px 3px rgba(255,255,255,.9), inset 0 -3px 5px rgba(0,0,0,.35) !important;
}

#detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-icon-wrap .fa-compact-disc {
    display: inline-flex !important;
    color: #171717 !important;
    font-size: 49px !important;
    line-height: 1 !important;
    background: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
}

#detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-icon-wrap .fa-arrow-down {
    position: absolute !important;
    right: -7px !important;
    bottom: -4px !important;
    z-index: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 42px !important;
    border-radius: 4px !important;
    color: #fff !important;
    background: linear-gradient(180deg, #f4f4f4 0%, #a7aaa9 100%) !important;
    border: 2px solid #333 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,.7) !important;
    font-size: 24px !important;
    margin: 0 !important;
}

#detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-label {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    color: #fff !important;
    font-size: 23px !important;
    line-height: 1.03 !important;
    font-weight: 1000 !important;
    letter-spacing: .2px !important;
    text-align: left !important;
    white-space: nowrap !important;
}

#detailScreen .detail-hero-actions .btn-baixar-cd-completo:hover {
    filter: brightness(1.08) !important;
    transform: translateY(-1px) !important;
}

@media (max-width: 420px) {
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo {
        gap: 10px !important;
        padding: 7px 10px !important;
        border-radius: 14px !important;
    }
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-icon-wrap {
        flex-basis: 48px !important;
        width: 48px !important;
        height: 48px !important;
    }
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-icon-wrap .fa-compact-disc {
        font-size: 33px !important;
    }
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-icon-wrap .fa-arrow-down {
        width: 25px !important;
        height: 31px !important;
        right: -5px !important;
        bottom: -3px !important;
        font-size: 17px !important;
    }
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-label {
        font-size: 15px !important;
    }
}

/* VCD — BOTÃO BAIXAR COMPLETO: MODELO EXATO ENVIADO PELO USUÁRIO */
#detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo {
    background-image: url('assets/baixar-completo-modelo.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 472 / 198 !important;
    border-radius: 0 !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-shadow: none !important;
    overflow: hidden !important;
}

#detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo .download-icon-wrap,
#detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo .download-label {
    display: none !important;
}

#detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo:hover,
#detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo:focus,
#detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo:active {
    background-image: url('assets/baixar-completo-modelo.png') !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    filter: brightness(1.04) !important;
    transform: none !important;
}

@media (max-width: 480px) {
    #detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo {
        width: 100% !important;
        aspect-ratio: 472 / 198 !important;
        min-height: 0 !important;
        height: auto !important;
    }
}


/* VCD — AJUSTE FINAL: TEXTO MENOR + SOMENTE ÍCONE DO CD, SEM SETA */
#detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo {
    background-image: none !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 16%),
        linear-gradient(180deg, #17302f 0%, #0b1717 48%, #071010 100%) !important;
    border: 2px solid #8d9492 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 8px rgba(0,0,0,.65), inset 0 2px 2px rgba(255,255,255,.18), inset 0 -5px 10px rgba(0,0,0,.55) !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    width: 100% !important;
    height: 58px !important;
    aspect-ratio: auto !important;
    padding: 5px 10px !important;
    font-size: 0 !important;
}
#detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo .download-icon-wrap {
    display: inline-flex !important;
    position: relative !important;
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 35% 30%, #fff 0%, #e6e6e6 36%, #b5b8b7 64%, #656b69 100%) !important;
    border: 2px solid #f5f5f5 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,.65), inset 0 2px 3px rgba(255,255,255,.9), inset 0 -3px 5px rgba(0,0,0,.35) !important;
    filter: none !important;
}
#detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo .download-icon-wrap .fa-compact-disc {
    display: inline-block !important;
    position: static !important;
    color: #171717 !important;
    font-size: 31px !important;
    line-height: 1 !important;
    text-shadow: 0 1px 1px rgba(255,255,255,.65) !important;
}
#detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo .download-label {
    display: block !important;
    position: static !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    letter-spacing: .1px !important;
    white-space: nowrap !important;
    text-align: left !important;
    text-shadow: 0 2px 2px rgba(0,0,0,.8) !important;
}
#detailScreen .detail-hero-actions .detail-share-btn span {
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
}
#detailScreen .detail-hero-actions .detail-share-btn i {
    display: inline-block !important;
    font-size: 16px !important;
    margin-right: 6px !important;
}
@media (max-width: 600px) {
    #detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo {
        height: 52px !important;
        min-height: 52px !important;
        gap: 7px !important;
        padding: 4px 7px !important;
        border-radius: 13px !important;
    }
    #detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo .download-icon-wrap {
        width: 36px !important;
        height: 36px !important;
        flex-basis: 36px !important;
    }
    #detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo .download-icon-wrap .fa-compact-disc {
        font-size: 27px !important;
    }
    #detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo .download-label,
    #detailScreen .detail-hero-actions .detail-share-btn span {
        font-size: 11px !important;
    }
    #detailScreen .detail-hero-actions .detail-share-btn i {
        font-size: 14px !important;
        margin-right: 4px !important;
    }
}

/* VCD 35 — REDUZ SOMENTE O TAMANHO DOS NOMES DENTRO DOS BOTÕES */
#detailScreen .detail-hero-actions .detail-action-btn span {
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    line-height: 1.05 !important;
}

#detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-label {
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    line-height: 1.05 !important;
}

@media (max-width: 420px) {
    #detailScreen .detail-hero-actions .detail-action-btn span,
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-label {
        font-size: 10px !important;
    }
}

@media (max-width: 360px) {
    #detailScreen .detail-hero-actions .detail-action-btn span,
    #detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-label {
        font-size: 9px !important;
    }
}


/* VCD 36 — PC COM O MESMO TAMANHO DOS BOTÕES DO CELULAR */
#detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo { height:52px !important; min-height:52px !important; gap:7px !important; padding:4px 7px !important; border-radius:13px !important; }
#detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo .download-icon-wrap { width:36px !important; height:36px !important; flex-basis:36px !important; }
#detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo .download-icon-wrap .fa-compact-disc { font-size:27px !important; }
#detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo .download-label,
#detailScreen .detail-hero-actions .detail-share-btn span { font-size:11px !important; }
#detailScreen .detail-hero-actions .detail-share-btn i { font-size:14px !important; margin-right:4px !important; }

/* =========================================================
   ESCALA FINAL — PC COM A MESMA ESCALA VISUAL DO CELULAR
   ========================================================= */
html, body {
    width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
}

body {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
}

.app-container,
.screen,
.detail-screen {
    width: 100% !important;
    max-width: 480px !important;
    min-width: 0 !important;
}

header {
    width: min(480px, 100%) !important;
}

.bottom-player,
.fixed-player,
.music-player {
    width: min(480px, 100%) !important;
    max-width: 480px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

/* Mesmos tamanhos usados na versão celular */
.track-item,
.track-card,
.music-item,
.track-row {
    min-height: 88px !important;
    padding: 10px !important;
}

.track-item .play-btn,
.track-card .play-btn,
.music-item .play-btn,
.track-row .play-btn,
.play-track,
.btn-play {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    font-size: 28px !important;
}

.track-item .track-name,
.track-card .track-name,
.music-item .track-name,
.track-row .track-name {
    font-size: 18px !important;
    line-height: 1.3 !important;
}

#fixedPlayer,
.fixed-player,
.bottom-player,
.music-player {
    min-height: 132px !important;
    padding: 15px 14px !important;
}

#fixedPlayer button,
.fixed-player button,
.bottom-player button,
.music-player button {
    min-width: 54px !important;
    min-height: 54px !important;
    font-size: 25px !important;
}

#fixedPlayer .play,
.fixed-player .play,
.bottom-player .play,
.music-player .play {
    width: 70px !important;
    height: 70px !important;
    min-width: 70px !important;
    min-height: 70px !important;
    font-size: 32px !important;
}

#homeScreen .cd-grid .cd-card > .cd-title {
    font-size: 16px !important;
    line-height: 1.25 !important;
}

/* Impede o layout de desktop de aumentar a escala */
@media (min-width: 769px) {
    .app-container { max-width: 480px !important; }
    .screen { max-width: 480px !important; }
    .detail-screen { max-width: 480px !important; }
    header { width: 480px !important; }
    .bottom-player,
    .fixed-player,
    .music-player { max-width: 480px !important; width: 480px !important; }
}

/* VCD 37 — ESCALA GERAL UM POUCO MENOR (CELULAR + PC) */
.app-container,
.screen,
.detail-screen { max-width: 450px !important; }
header { width: min(450px, 100%) !important; }
.bottom-player,
.fixed-player,
.music-player { width: min(450px, 100%) !important; max-width: 450px !important; }
.track-item,
.track-card,
.music-item,
.track-row { min-height: 80px !important; padding: 8px !important; }
.track-item .play-btn,
.track-card .play-btn,
.music-item .play-btn,
.track-row .play-btn,
.play-track,
.btn-play { width: 58px !important; height: 58px !important; min-width: 58px !important; min-height: 58px !important; font-size: 25px !important; }
.track-item .track-name,
.track-card .track-name,
.music-item .track-name,
.track-row .track-name { font-size: 16px !important; }
#fixedPlayer,
.fixed-player,
.bottom-player,
.music-player { min-height: 120px !important; padding: 12px 12px !important; }
#fixedPlayer button,
.fixed-player button,
.bottom-player button,
.music-player button { min-width: 48px !important; min-height: 48px !important; font-size: 22px !important; }
#fixedPlayer .play,
.fixed-player .play,
.bottom-player .play,
.music-player .play { width: 62px !important; height: 62px !important; min-width: 62px !important; min-height: 62px !important; font-size: 28px !important; }
#homeScreen .cd-grid .cd-card > .cd-title { font-size: 12px !important; }
@media (min-width: 769px) {
  .app-container, .screen, .detail-screen { max-width: 450px !important; }
  header { width: 450px !important; }
  .bottom-player, .fixed-player, .music-player { max-width: 450px !important; width: 450px !important; }
}

/* V49 - escala visual reduzida adicional (PC e celular) */
@media (min-width: 769px) {
  .app-container, .screen, .detail-screen { max-width: 420px !important; }
  header { width: 420px !important; }
  .bottom-player, .fixed-player, .music-player { max-width: 420px !important; width: 420px !important; }
}
@media (max-width: 768px) {
  .app-container, .screen, .detail-screen, header, .bottom-player, .fixed-player, .music-player {
    max-width: 420px !important;
  }
}

/* ===== ESCALA GLOBAL FINAL: PC E CELULAR ===== */
.app-container {
    width: 88% !important;
    max-width: 422px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
header {
    width: 88% !important;
    max-width: 422px !important;
}
.screen,
.detail-screen {
    max-width: 422px !important;
}
.bottom-player {
    width: 88% !important;
    max-width: 422px !important;
}
@media (max-width: 480px) {
    body { display:flex !important; justify-content:center !important; }
    .app-container { width:88% !important; max-width:422px !important; }
    header { width:88% !important; max-width:422px !important; }
    .screen, .detail-screen { width:100% !important; max-width:422px !important; }
    .bottom-player { width:88% !important; max-width:422px !important; }
}

/* Contador da categoria — aparece somente após clicar em uma categoria. */
#vcd-category-status.vcd-category-status {
    display: none;
    width: 100%;
    min-height: 36px;
    margin: 0 0 10px;
    padding: 7px 12px;
    box-sizing: border-box;
    background: #050505;
    color: #fff;
    border-radius: 0;
    align-items: center;
    justify-content: center;
    gap: 18px;
    font-size: 14px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
}
#vcd-category-status.vcd-category-status:not(:empty) { display: flex; }
#vcd-category-status .vcd-status-total,
#vcd-category-status .vcd-status-count,
#vcd-category-status .vcd-status-label { font-weight: 900; }

/* VCD — contador de categoria: mostrar somente depois do clique, com controle JS explícito. */
#vcd-category-status.vcd-category-status {
  display: none;
  width: 100%;
  min-height: 36px;
  margin: 0 0 10px;
  padding: 7px 12px;
  box-sizing: border-box;
  background: #000;
  color: #fff;
  border: 0;
  border-radius: 0;
  align-items: center;
  justify-content: center;
  gap: 18px;
  font-size: 14px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
}
#vcd-category-status.vcd-category-status.is-active { display: flex !important; }
#vcd-category-status .vcd-status-total,
#vcd-category-status .vcd-status-count,
#vcd-category-status .vcd-status-label { font-weight: 900; color: #fff; }


/* AJUSTE FINAL — faixa de categoria exatamente como o modelo */
#vcd-category-status.vcd-category-status {
  width: 100% !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 7px 12px !important;
  box-sizing: border-box !important;
  background: #000 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  white-space: nowrap !important;
  display: none !important;
}
#vcd-category-status.vcd-category-status.is-active {
  display: flex !important;
}
#vcd-category-status .vcd-status-total {
  display: inline-block !important;
  margin-right: 28px !important;
  color: #fff !important;
  font-weight: 900 !important;
}
#vcd-category-status .vcd-status-label {
  display: inline-block !important;
  color: #fff !important;
  font-weight: 900 !important;
}

/* V50 — centralizar a faixa TOTAL exatamente no centro do layout */
#homeScreen #vcd-category-status.vcd-category-status {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  align-self: center !important;
  justify-self: center !important;
  text-align: center !important;
  display: none !important;
}
#homeScreen #vcd-category-status.vcd-category-status.is-active {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* V49 - painel de login: abertura garantida pelos 3 pontinhos */
.vcd-login-overlay{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  min-height:100vh !important;
  margin:0 !important;
  padding:18px 12px 30px !important;
  box-sizing:border-box !important;
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
  z-index:2147483647 !important;
  background:#050505 !important;
}
.vcd-login-overlay.is-open{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
  align-items:center !important;
  justify-content:center !important;
}
.vcd-login-panel{z-index:1 !important;}
.vcd-menu-link{position:relative !important;z-index:2147483646 !important;cursor:pointer !important;touch-action:manipulation !important;}
/* =========================================================
   PAINEL DE LOGIN — ABERTO PELOS 3 PONTINHOS
   ========================================================= */
.vcd-menu-link{cursor:pointer;border:1px solid rgba(255,255,255,.20);background:#111;color:#fff;font:inherit;display:flex;align-items:center;justify-content:center;}
.vcd-login-overlay{position:fixed;inset:0;z-index:999999;display:none;overflow:auto;background:#050505;color:#fff;padding:22px 14px 40px;box-sizing:border-box;}
.vcd-login-overlay.is-open{display:flex;align-items:center;justify-content:center;}
.vcd-login-panel{position:relative;width:min(100%,560px);min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 0 20px;box-sizing:border-box;background:radial-gradient(circle at 50% 8%,rgba(255,0,0,.10),transparent 28%),#050505;}
.vcd-login-close{position:absolute;right:0;top:0;width:42px;height:42px;border:1px solid #333;border-radius:12px;background:#111;color:#fff;font-size:30px;line-height:1;cursor:pointer;}
.vcd-login-brand-icon,.vcd-login-user-icon{display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff3333,#780000 72%);box-shadow:0 0 18px rgba(255,0,0,.45);color:#fff;}
.vcd-login-brand-icon{width:92px;height:92px;font-size:50px;margin-bottom:14px;border:2px solid #f22;}
.vcd-login-brand{font-size:clamp(34px,7vw,58px);font-weight:800;line-height:1;text-align:center;text-transform:none;}
.vcd-login-subtitle{margin-top:16px;font-size:clamp(15px,3vw,23px);letter-spacing:.38em;color:#eee;text-align:center;}
.vcd-login-card{position:relative;width:min(100%,520px);margin-top:34px;padding:36px 30px 28px;border:2px solid #9b1010;border-radius:34px;background:linear-gradient(145deg,#151515,#080808);box-shadow:0 0 28px rgba(255,0,0,.18);box-sizing:border-box;}
.vcd-login-user-icon{width:76px;height:76px;margin:-72px auto 14px;border:2px solid #f22;font-size:34px;}
.vcd-login-card h2{margin:0;text-align:center;font-size:clamp(28px,6vw,42px);font-weight:800;}
.vcd-login-card p{margin:8px 0 12px;text-align:center;color:#bbb;font-size:18px;}
.vcd-login-dots{display:flex;justify-content:center;gap:10px;margin:12px 0 28px}.vcd-login-dots span{width:10px;height:10px;border-radius:50%;background:#444}.vcd-login-dots span.active{width:80px;border-radius:8px;background:linear-gradient(90deg,#f00,#550000);}
.vcd-login-form label{display:block;margin:0 0 8px;font-size:18px;font-weight:700;color:#eee;}
.vcd-login-input{display:flex;align-items:center;gap:12px;height:62px;border:2px solid #761010;border-radius:16px;background:#080808;padding:0 16px;margin-bottom:22px;box-sizing:border-box;}
.vcd-login-input>i{font-size:22px;color:#aaa}.vcd-login-input input{min-width:0;flex:1;background:transparent!important;border:0!important;outline:0!important;color:#fff!important;font-size:17px!important;padding:0!important;box-shadow:none!important;}.vcd-login-input input::placeholder{color:#777;}
.vcd-password-toggle{border:0;background:none;color:#fff;font-size:22px;cursor:pointer;padding:5px;}
.vcd-login-options{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 2px 22px;font-size:16px}.vcd-login-options a{color:#e31b23;text-decoration:none}.vcd-remember{display:flex!important;align-items:center;gap:7px!important;margin:0!important;font-size:16px!important;font-weight:400!important}.vcd-remember input{width:22px;height:22px;accent-color:#e00000;}
.vcd-login-submit{width:100%;height:68px;border:1px solid #ff3838;border-radius:18px;background:linear-gradient(#ef2222,#9b0000);color:#fff;font-size:28px;font-weight:800;cursor:pointer;box-shadow:0 8px 22px rgba(255,0,0,.22);}.vcd-login-submit i{float:right;margin:3px 14px 0 0;}
.vcd-login-back,.vcd-login-language{width:min(100%,560px);min-height:58px;border:1px solid #8d1111;border-radius:16px;background:#111;color:#eee;font-size:17px;font-weight:600;display:flex;align-items:center;gap:18px;padding:10px 22px;box-sizing:border-box;cursor:pointer;margin-top:22px}.vcd-login-back i,.vcd-login-language>i:first-child{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#a00;color:#fff;}.vcd-login-language{justify-content:flex-start}.vcd-login-language>i:last-child{margin-left:auto}.vcd-login-secure{margin-top:24px;color:#aaa;font-size:16px}.vcd-login-secure i{color:#e00000;margin-right:8px;}
body.vcd-login-lock{overflow:hidden;}
@media(max-width:600px){.vcd-login-overlay{padding:12px 10px 28px}.vcd-login-panel{width:100%;padding-top:38px}.vcd-login-card{padding:32px 18px 22px;border-radius:26px;margin-top:30px}.vcd-login-brand{font-size:38px}.vcd-login-subtitle{font-size:13px;letter-spacing:.28em}.vcd-login-options{font-size:14px}.vcd-login-input{height:56px}.vcd-login-submit{height:60px;font-size:25px}.vcd-login-back,.vcd-login-language{font-size:15px;}}

/* V49 LOGIN - ABERTURA 100% POR LINK/ANCHOR, SEM DEPENDER DE JAVASCRIPT */
#vcdOpenLogin.vcd-menu-link{display:flex!important;text-decoration:none!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;touch-action:manipulation!important;}
#vcdLoginOverlay.vcd-login-overlay:target{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;align-items:center!important;justify-content:center!important;z-index:2147483647!important;}
#vcdLoginOverlay.vcd-login-overlay:target .vcd-login-panel{display:flex!important;visibility:visible!important;opacity:1!important;}
#vcdLoginOverlay .vcd-login-close,
#vcdLoginOverlay .vcd-login-back{text-decoration:none!important;}

/* V49.1 — manter o player do rodapé visível quando o painel de login abrir */
.vcd-login-overlay,
#vcdLoginOverlay.vcd-login-overlay,
#vcdLoginOverlay.vcd-login-overlay:target {
    z-index: 2147483640 !important;
}
.bottom-player,
#fixedPlayer,
.fixed-player,
.music-player {
    position: fixed !important;
    z-index: 2147483647 !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}

/* V49 FIX — PLAYER DO RODAPÉ SEMPRE VISÍVEL SOBRE O PAINEL DE LOGIN */
.bottom-player {
    z-index: 2147483647 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}
#vcdLoginOverlay.vcd-login-overlay {
    z-index: 2147483000 !important;
}
#vcdLoginOverlay.vcd-login-overlay.is-open {
    z-index: 2147483000 !important;
}

/* V49.3 — login com player fixo: reserva espaço para o player sem cortar o painel */
#vcdLoginOverlay.vcd-login-overlay.vcd-login-player-reserved{
  bottom:0!important;
  padding-bottom:calc(var(--vcd-player-height,190px) + 28px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  align-items:flex-start!important;
}
#vcdLoginOverlay.vcd-login-overlay.vcd-login-player-reserved .vcd-login-panel{
  min-height:0!important;
  height:auto!important;
  justify-content:flex-start!important;
  padding-bottom:24px!important;
}
@media(max-width:600px){
  #vcdLoginOverlay.vcd-login-overlay.vcd-login-player-reserved{
    padding-bottom:calc(var(--vcd-player-height,190px) + 24px)!important;
  }
}

/* =========================================================
   V49 — CABEÇALHO NO MODELO ENVIADO PELO USUÁRIO
   ========================================================= */
header {
    height: 78px !important;
    width: 88% !important;
    max-width: 422px !important;
    padding: 10px 8px !important;
    background: #000 !important;
    box-sizing: border-box !important;
    gap: 10px !important;
}
header h1 {
    flex: 1 1 auto !important;
    margin: 0 !important;
    font-size: 2.05rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-align: center !important;
}
header h1 span { color:#ffb703 !important; }
.vcd-menu-link {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    border: 3px solid #fff !important;
    border-radius: 8px !important;
    background: #000 !important;
    color: #fff !important;
    font-family: Arial, sans-serif !important;
    font-size: 34px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
}
.vcd-contact-link {
    width: 92px !important;
    height: 48px !important;
    min-width: 92px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    border-radius: 14px !important;
    background: #ed1b24 !important;
    color:#fff !important;
    text-decoration:none !important;
    font-size: 18px !important;
    font-weight: 500 !important;
}
#homeScreen { padding-top: 78px !important; }
.search-box {
    padding: 10px 8px 8px !important;
    background:#000 !important;
    width:88% !important;
    max-width:422px !important;
    margin:0 auto !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    gap:0 !important;
}
.search-box input {
    height: 54px !important;
    padding: 8px 62px 8px 32px !important;
    background:#fff !important;
    border:0 !important;
    border-radius: 18px !important;
    color:#444 !important;
    font-size: 18px !important;
    box-sizing:border-box !important;
}
.search-box input::placeholder { color:#777 !important; opacity:1 !important; }
.search-box i {
    left:auto !important;
    right:8px !important;
    top:50% !important;
    width:54px !important;
    height:54px !important;
    transform:translateY(-50%) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:16px !important;
    background:#ed1b24 !important;
    color:#fff !important;
    font-size:24px !important;
    z-index:2 !important;
}
.categories {
    width:88% !important;
    max-width:422px !important;
    margin:0 auto !important;
    padding:12px 6px 14px !important;
    background:#000 !important;
    gap:10px !important;
    box-sizing:border-box !important;
}
.cat-btn {
    min-width: 0 !important;
    height: 56px !important;
    padding: 8px 24px !important;
    border-radius: 14px !important;
    border:1px solid #444 !important;
    background:#1b1b1b !important;
    color:#ddd !important;
    font-size: 18px !important;
    font-weight:800 !important;
}
.cat-btn.active {
    background:#f20d13 !important;
    border-color:#f20d13 !important;
    color:#fff !important;
}
@media (max-width:480px) {
    header, .search-box, .categories { width:88% !important; max-width:422px !important; }
    header h1 { font-size: 1.65rem !important; }
    .vcd-menu-link { width:44px !important; min-width:44px !important; height:44px !important; font-size:30px !important; }
    .vcd-contact-link { width:78px !important; min-width:78px !important; height:44px !important; font-size:16px !important; border-radius:12px !important; }
    .search-box input { height:52px !important; font-size:16px !important; padding-left:18px !important; padding-right:60px !important; }
    .search-box i { width:52px !important; height:52px !important; right:8px !important; }
    .cat-btn { height:54px !important; padding:8px 20px !important; font-size:17px !important; }
}

/* V49 — botão CONTATO DEFINITIVO */
.vcd-contact-link,
header .vcd-contact-link,
#homeScreen header .vcd-contact-link{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:68px !important;
    min-width:68px !important;
    height:36px !important;
    padding:0 5px !important;
    box-sizing:border-box !important;
    border-radius:10px !important;
    background:#ed1b24 !important;
    background-color:#ed1b24 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    text-decoration:none !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1 !important;
    border:1px solid #ff4a4f !important;
    box-shadow:0 2px 8px rgba(255,0,0,.18) !important;
    white-space:nowrap !important;
    opacity:1 !important;
}
.vcd-contact-link:hover,
.vcd-contact-link:focus,
.vcd-contact-link:active{
    background:#ed1b24 !important;
    background-color:#ed1b24 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}
@media (max-width:480px){
  .vcd-contact-link,
  header .vcd-contact-link,
  #homeScreen header .vcd-contact-link{
    width:96px !important;
    min-width:96px !important;
    height:44px !important;
    padding:0 10px !important;
    font-size:16px !important;
    border-radius:12px !important;
  }
}



/* V49 - ajuste final do cabeçalho */
header h1,
header h1 a,
header h1 span {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
header h1 {
  font-size:2.30rem !important;
  font-weight:800 !important;
}
.vcd-contact-link,
header .vcd-contact-link,
#homeScreen header .vcd-contact-link {
  width:82px !important;
  min-width:82px !important;
  height:42px !important;
  padding:0 8px !important;
  border-radius:12px !important;
  font-size:15px !important;
  font-weight:700 !important;
}
@media (max-width:480px){
  header h1 { font-size:1.90rem !important; }
  .vcd-contact-link,
  header .vcd-contact-link,
  #homeScreen header .vcd-contact-link {
    width:74px !important;
    min-width:74px !important;
    height:40px !important;
    padding:0 6px !important;
    border-radius:11px !important;
    font-size:14px !important;
  }
}

/* V49 — TÍTULO DO CABEÇALHO MAIOR E BEM VISÍVEL NO CELULAR */
header h1,
header h1 a,
header h1 span {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
header h1 {
  font-size:2.45rem !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:-0.03em !important;
}
@media (max-width:480px){
  header h1 {
    font-size:2.10rem !important;
    font-weight:900 !important;
    letter-spacing:-0.035em !important;
    line-height:1 !important;
  }
}

/* Ajuste final: botão de menu/login maior e mais visível */
#vcdOpenLogin.vcd-menu-link{
  width:56px !important;
  min-width:56px !important;
  height:56px !important;
  min-height:56px !important;
  padding:0 !important;
  font-size:38px !important;
  line-height:1 !important;
  border-radius:10px !important;
}
@media (max-width:600px){
  #vcdOpenLogin.vcd-menu-link{
    width:54px !important;
    min-width:54px !important;
    height:54px !important;
    min-height:54px !important;
    font-size:36px !important;
  }
}

/* V49 — FORÇA FINAL: BOTÃO DOS 3 PONTINHOS MAIOR */
#vcdOpenLogin.vcd-menu-link,
header #vcdOpenLogin.vcd-menu-link,
#homeScreen #vcdOpenLogin.vcd-menu-link {
  width:64px !important;
  min-width:64px !important;
  max-width:64px !important;
  height:64px !important;
  min-height:64px !important;
  max-height:64px !important;
  padding:0 !important;
  margin:0 !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-family:Arial,sans-serif !important;
  font-size:44px !important;
  line-height:64px !important;
  font-weight:900 !important;
  transform:scale(1.12) !important;
  transform-origin:center center !important;
  overflow:visible !important;
  z-index:2147483647 !important;
}
@media (max-width:600px){
  #vcdOpenLogin.vcd-menu-link,
  header #vcdOpenLogin.vcd-menu-link,
  #homeScreen #vcdOpenLogin.vcd-menu-link {
    width:62px !important;
    min-width:62px !important;
    max-width:62px !important;
    height:62px !important;
    min-height:62px !important;
    max-height:62px !important;
    font-size:42px !important;
    line-height:62px !important;
    transform:scale(1.12) !important;
  }
}

/* Visualização das pastas individuais dos CDs */
.vcd-quick-actions{display:flex;align-items:center;gap:8px;margin-left:auto;white-space:nowrap}
.vcd-quick-folder{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid #dcdcde;border-radius:6px;background:#fff;font-weight:700;color:#1d2327;cursor:pointer}
.vcd-quick-folder:hover{background:#f0f0f1;border-color:#8c8f94}
.vcd-folder-page .vcd-folder-head{background:#fff;border:1px solid #dcdcde;border-radius:10px;padding:20px;margin:18px 0}.vcd-folder-page .vcd-folder-head h1{margin:18px 0 6px;font-size:27px;line-height:1.2}.vcd-folder-top-actions{margin-bottom:4px}.vcd-folder-path{display:inline-block;margin-top:2px;padding:6px 9px;background:#f6f7f7;border:1px solid #e2e4e7;border-radius:5px;color:#555;font-family:monospace;font-size:13px}.vcd-folder-count{margin-top:12px;color:#555;font-weight:600}.vcd-folder-list-real{background:#fff;border:1px solid #cfd2d6;border-radius:4px;overflow:hidden;max-width:100%;box-shadow:0 1px 2px rgba(0,0,0,.04)}.vcd-folder-file-row{min-height:64px;display:grid;grid-template-columns:48px minmax(0,1fr) 95px 82px;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid #ececec;background:#fff;font-size:17px}.vcd-folder-file-row:last-child{border-bottom:0}.vcd-folder-file-row:hover{background:#f7fbff}.vcd-file-music-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #aeb7c2;border-radius:3px;background:linear-gradient(#fff,#eef2f6);color:#1685d8;font-size:20px}.vcd-folder-file-name{font-weight:500;white-space:normal;overflow-wrap:anywhere;line-height:1.35;color:#222}.vcd-folder-file-size{font-size:13px;color:#777;text-align:right}.vcd-folder-file-open{justify-self:end;text-decoration:none;font-size:12px;font-weight:800;padding:7px 11px;border:1px solid #c7cbd0;border-radius:4px;background:#fff;color:#222}.vcd-folder-file-open:hover{background:#eee;color:#000}.vcd-folder-file-open.disabled{color:#999;background:#f5f5f5;cursor:default}.vcd-folder-empty-real{padding:45px 20px;text-align:center}.vcd-empty-icon{font-size:42px;margin-bottom:8px}.vcd-folder-empty-real p{color:#666}.vcd-folder-page .vcd-folder-file-row:nth-child(even){background:#fcfcfc}@media(max-width:700px){.vcd-folder-page .vcd-folder-head{padding:15px}.vcd-folder-page .vcd-folder-head h1{font-size:22px}.vcd-folder-file-row{grid-template-columns:40px minmax(0,1fr) 65px;gap:7px;padding:0 9px;font-size:15px;min-height:56px}.vcd-folder-file-size{display:none}.vcd-folder-file-open{font-size:10px;padding:6px 7px}.vcd-file-music-icon{width:31px;height:31px;font-size:17px}}

/* V56 — navegador real de pastas dos CDs */
.vcd-folder-page .vcd-folder-help{margin:0 0 18px;color:#50575e;font-size:15px}
.vcd-cd-folder-grid{display:grid;gap:8px;max-width:1000px}
.vcd-cd-folder-card{display:flex;align-items:center;gap:14px;padding:13px 15px;background:#fff;border:1px solid #dcdcde;border-radius:8px;text-decoration:none;color:#1d2327;box-shadow:0 1px 1px rgba(0,0,0,.03)}
.vcd-cd-folder-card:hover{background:#f6f9fc;border-color:#8c8f94}
.vcd-cd-folder-icon{font-size:32px;line-height:1}
.vcd-cd-folder-info{min-width:0;display:flex;flex-direction:column;gap:3px;flex:1}
.vcd-cd-folder-info strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vcd-cd-folder-info small{color:#646970;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vcd-cd-folder-arrow{font-size:28px;color:#777}
.vcd-folder-list-real{max-width:1100px;border:1px solid #c8ccd0;border-radius:4px;background:#fff;overflow:hidden}
.vcd-folder-file-row{display:grid;grid-template-columns:48px minmax(0,1fr) 80px;align-items:center;gap:10px;min-height:58px;padding:0 14px;border-bottom:1px solid #e7e7e7;background:#fff}
.vcd-folder-file-row:last-child{border-bottom:0}
.vcd-folder-file-row:nth-child(even){background:#fafafa}
.vcd-folder-file-row:hover{background:#f1f7fb}
.vcd-file-music-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;font-size:20px}
.vcd-folder-file-name{font-size:17px;font-weight:500;color:#202020;line-height:1.35;overflow-wrap:anywhere}
.vcd-folder-file-open{justify-self:end;padding:6px 10px;border:1px solid #c7cbd0;border-radius:4px;text-decoration:none;color:#222;background:#fff;font-size:12px;font-weight:800}
.vcd-folder-file-open:hover{background:#eee}
@media(max-width:700px){.vcd-folder-file-row{grid-template-columns:38px minmax(0,1fr) 58px;padding:0 9px;gap:7px;min-height:54px}.vcd-folder-file-name{font-size:15px}.vcd-folder-file-open{font-size:10px;padding:5px 6px}.vcd-cd-folder-card{padding:11px}.vcd-cd-folder-icon{font-size:27px}}

/* V57 — PASTAS DOS CDS SEMPRE UMA ABAIXO DA OUTRA */
.vcd-folder-page .vcd-cd-folder-grid{
  display:flex !important;
  flex-direction:column !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  width:100% !important;
  max-width:1000px !important;
  gap:8px !important;
}
.vcd-folder-page .vcd-cd-folder-card{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
  flex:0 0 auto !important;
}


/* BANNERS ABAIXO DO MENU — faixa pequena, com ícone de CD e passagem automática */
.vcd-banners-real-area{width:100%;box-sizing:border-box;margin:8px 0 12px;padding:0 10px;}
.vcd-banners-real-row{width:100%;display:flex;align-items:stretch;gap:8px;box-sizing:border-box;overflow:hidden;}
.vcd-banners-cd-icon{position:relative;flex:0 0 120px;width:120px;height:82px;border-radius:5px;overflow:hidden;background:#eef0f3;border:0;box-shadow:0 1px 4px rgba(0,0,0,.10);display:flex;align-items:center;justify-content:center;color:#111;}
.vcd-banners-cd-icon>.fa-compact-disc{font-size:58px;line-height:1;}
.vcd-banners-cd-note{position:absolute;right:18px;bottom:9px;font-size:27px;line-height:1;color:#111;transform:rotate(-8deg);}
.vcd-banners-real-viewport{flex:1;min-width:0;overflow:hidden;}
.vcd-banners-real-strip{width:max-content;display:flex;align-items:stretch;gap:8px;overflow:visible;padding:0 2px 3px;margin:0;will-change:transform;}
.vcd-banner-real-link{display:block;flex:0 0 330px;width:330px;height:82px;line-height:0;text-decoration:none;overflow:hidden;border-radius:5px;background:#fff;border:0;box-shadow:0 1px 5px rgba(0,0,0,.10);}
.vcd-banner-real-link img{display:block;width:100%;height:100%;object-fit:cover;border:0;}
.vcd-banner-real-link:hover{transform:translateY(-1px);box-shadow:0 3px 10px rgba(0,0,0,.14);}
@media(max-width:700px){
  .vcd-banners-real-area{padding:0 6px;margin:6px 0 9px;}
  .vcd-banners-real-row{gap:6px;}
  .vcd-banners-cd-icon{flex:0 0 78px;width:78px;height:64px;border-radius:9px;}
  .vcd-banners-cd-icon>.fa-compact-disc{font-size:43px;}
  .vcd-banners-cd-note{right:10px;bottom:7px;font-size:20px;}
  .vcd-banner-real-link{flex:0 0 245px;width:245px;height:64px;border-radius:9px;}
}



/* V84 — CARROSSEL NO FLUXO NORMAL DA PÁGINA.
   Somente o cabeçalho fica fixo. O carrossel rola com os CDs e fica encoberto pelo cabeçalho. */
html, body {
  width: 100% !important;
  min-height: 100% !important;
  height: auto !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

body {
  display: block !important;
}

.app-container {
  width: 100% !important;
  max-width: 480px !important;
  min-height: 100vh !important;
  height: auto !important;
  margin: 0 auto !important;
  position: relative !important;
  overflow: visible !important;
  display: block !important;
}

#homeScreen,
#homeScreen.screen,
#homeScreen.screen.active {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  width: 100% !important;
  max-width: 480px !important;
  min-height: 100vh !important;
  height: auto !important;
  max-height: none !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: visible !important;
  overflow-y: visible !important;
  overflow-x: visible !important;
  padding-top: 64px !important;
  transform: none !important;
}

#homeScreen > header {
  position: fixed !important;
  top: 0 !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  width: min(480px, 88%) !important;
  max-width: 422px !important;
  height: 64px !important;
  min-height: 64px !important;
  z-index: 2147483647 !important;
  background: #121212 !important;
  isolation: isolate !important;
}

/* O carrossel NÃO possui nenhuma posição vertical fixa/sticky. */
#homeScreen > .vcd-banners-real-area {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 6px !important;
  overflow: hidden !important;
  z-index: 1 !important;
  transform: none !important;
}

#homeScreen > .vcd-banners-real-area .vcd-banners-real-row,
#homeScreen > .vcd-banners-real-area .vcd-banners-real-viewport,
#homeScreen > .vcd-banners-real-area .vcd-banners-real-strip {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
}

/* Conteúdo normal da página, sempre abaixo do cabeçalho na camada visual. */
#homeScreen > .search-box,
#homeScreen > .categories,
#homeScreen > .vcd-banners-real-area,
#homeScreen > #vcd-category-status,
#homeScreen > .scrollable-content {
  z-index: 1 !important;
}

#homeScreen > .search-box {
  margin-top: 12px !important;
}

@media (max-width: 600px) {
  #homeScreen > header {
    width: 88% !important;
    max-width: 422px !important;
  }
}

/* V87 — CATEGORIAS FIXAS DIRETAMENTE ACIMA DE “ÚLTIMOS LANÇAMENTOS”.
   A barra fica dentro do fluxo da página e só fica sticky quando alcança o cabeçalho. */
#homeScreen > .scrollable-content > #categoriesNav {
  position: sticky !important;
  top: 64px !important;
  z-index: 9998 !important;
  width: calc(100% - 30px) !important;
  max-width: none !important;
  margin: 0 15px 8px !important;
  padding: 8px 0 !important;
  box-sizing: border-box !important;
  background: #000 !important;
  box-shadow: 0 4px 10px rgba(0,0,0,.35) !important;
}
#homeScreen > .scrollable-content > #categoriesNav + .section-header-lancamentos {
  margin-top: 0 !important;
}
@media (min-width: 481px) {
  #homeScreen > .scrollable-content > #categoriesNav { top: 64px !important; }
}
@media (max-width: 480px) {
  #homeScreen > .scrollable-content > #categoriesNav { top: 64px !important; }
}

/* V88 — categorias maiores e mais legíveis no celular */
@media (max-width: 480px) {
  #homeScreen > .scrollable-content > #categoriesNav {
    padding: 10px 2px !important;
    margin-bottom: 10px !important;
  }
  #homeScreen > .scrollable-content > #categoriesNav .cat-btn,
  #homeScreen .categories .cat-btn {
    min-height: 60px !important;
    height: 60px !important;
    padding: 9px 20px !important;
    font-size: 19px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }
}

/* V89 — aumento visível das categorias no celular */
@media (max-width: 600px) {
  #homeScreen > .scrollable-content > #categoriesNav {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    padding: 12px 10px !important;
    min-height: 74px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    box-sizing: border-box !important;
  }

  #homeScreen > .scrollable-content > #categoriesNav .cat-btn {
    flex: 0 0 auto !important;
    min-width: 105px !important;
    min-height: 56px !important;
    height: 56px !important;
    padding: 12px 22px !important;
    margin: 0 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
  }
}


/* TRANSFERIDO DO PACOTE DE REFERÊNCIA — SOMENTE FAIXA ÚLTIMOS LANÇAMENTOS */
/* V95 — FAIXA "ÚLTIMOS LANÇAMENTOS" EXATAMENTE NA LARGURA DO MENU */
#homeScreen .section-header-lancamentos {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  box-sizing: border-box !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  border-radius: 0 !important;
}

@media (max-width: 480px) {
  #homeScreen .section-header-lancamentos {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 0 !important;
  }
}


/* V96 — ÚLTIMOS LANÇAMENTOS: MESMA LARGURA VISUAL DA BARRA DE MENU,
   SEM MARGENS LATERAIS. A seção sai do container estreito e ocupa toda a largura da tela. */
.section-header-lancamentos {
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
}
@media (min-width: 769px) {
    .section-header-lancamentos {
        width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
    }
}


/* V97 — ÚLTIMOS LANÇAMENTOS: EXATAMENTE A MESMA LARGURA DO MENU NO CELULAR */
#homeScreen .section-header-lancamentos {
    width: 88% !important;
    max-width: 422px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    border-radius: 12px !important;
}
@media (max-width: 480px) {
    #homeScreen .section-header-lancamentos {
        width: 88% !important;
        max-width: 422px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        border-radius: 12px !important;
    }
}

/* V98 — ÚLTIMOS LANÇAMENTOS: largura EXATAMENTE igual ao cabeçalho */
#homeScreen .section-header-lancamentos {
  width: var(--vcd-header-width, 88%) !important;
  max-width: var(--vcd-header-width, 422px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}


/* V99 — faixa Últimos Lançamentos com laterais quadradas */
.ultimos-lancamentos,
.ultimos-lancamentos-title,
.latest-releases-title,
.section-title,
#ultimos-lancamentos {
    border-radius: 0 !important;
}


/* V101 — ÚLTIMOS LANÇAMENTOS: laterais realmente quadradas */
#homeScreen .section-header-lancamentos,
#homeScreen .section-header-lancamentos::before,
#homeScreen .section-header-lancamentos::after {
    border-radius: 0 !important;
}


/* V104 — FAIXA ÚLTIMOS LANÇAMENTOS: CANTOS 100% QUADRADOS */
#homeScreen .scrollable-content .section-header-lancamentos {
    border-radius: 0 !important;
    overflow: visible !important;
    clip-path: none !important;
    -webkit-clip-path: none !important;
    mask: none !important;
    -webkit-mask: none !important;
    box-shadow: none !important;
}
#homeScreen .scrollable-content .section-header-lancamentos::before,
#homeScreen .scrollable-content .section-header-lancamentos::after {
    border-radius: 0 !important;
    clip-path: none !important;
    -webkit-clip-path: none !important;
}


/* CORREÇÃO FINAL — carrossel pertence ao conteúdo que rola, nunca ao cabeçalho. */
#homeScreen > .scrollable-content > .vcd-banners-real-area {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 1 !important;
  transform: none !important;
  margin-top: 0 !important;
}
#homeScreen > header { position: fixed !important; }


/* Ajuste do teclado: quebra depois do S */
.vcd-small-keyboard,
.vcd-keyboard,
.virtual-keyboard,
.vcd-keyboard-wrap {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.vcd-keyboard-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: thin !important;
}
.vcd-keyboard-row .vcd-key,
.vcd-small-keyboard button,
.vcd-keyboard button {
  flex: 0 0 auto !important;
}
.vcd-keyboard-row + .vcd-keyboard-row {
  margin-top: 6px !important;
}


/* TECLADO: 10 letras visíveis por linha + rolagem horizontal */
.vcd-keyboard-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  box-sizing: border-box !important;
  gap: 4px !important;
  padding: 2px 0 !important;
  -webkit-overflow-scrolling: touch !important;
}
.vcd-keyboard-row > button,
.vcd-keyboard-row > .vcd-key,
.vcd-keyboard-row button {
  flex: 0 0 calc((100% - 36px) / 10) !important;
  width: calc((100% - 36px) / 10) !important;
  min-width: calc((100% - 36px) / 10) !important;
  max-width: calc((100% - 36px) / 10) !important;
  height: 46px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  font-size: 18px !important;
}
.vcd-keyboard-row::-webkit-scrollbar {
  height: 5px !important;
}


/* === VCD TECLADO: 10 TECLAS VISIVEIS POR LINHA === */
.vcd-search-keyboard-wrap .vcd-virtual-keyboard {
  display:none;
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}
.vcd-search-keyboard-wrap .vcd-keyboard-letters {
  width:100% !important;
  max-width:none !important;
  overflow:hidden !important;
}
.vcd-search-keyboard-wrap .vcd-keyboard-letter-row {
  display:flex !important;
  flex-wrap:nowrap !important;
  width:100% !important;
  max-width:none !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  gap:5px !important;
  padding:4px 0 !important;
  box-sizing:border-box !important;
  -webkit-overflow-scrolling:touch !important;
  scrollbar-width:none !important;
}
.vcd-search-keyboard-wrap .vcd-keyboard-letter-row::-webkit-scrollbar { display:none !important; }
.vcd-search-keyboard-wrap .vcd-keyboard-letter-row > button {
  flex:0 0 calc((100vw - 45px) / 10) !important;
  width:calc((100vw - 45px) / 10) !important;
  min-width:calc((100vw - 45px) / 10) !important;
  max-width:calc((100vw - 45px) / 10) !important;
  height:52px !important;
  padding:0 !important;
  box-sizing:border-box !important;
  font-size:20px !important;
  line-height:1 !important;
}
.vcd-search-keyboard-wrap .vcd-keyboard-actions {
  display:grid !important;
  grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr) !important;
  gap:5px !important;
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
  padding:4px 0 0 !important;
}
.vcd-search-keyboard-wrap .vcd-keyboard-actions > button {
  width:100% !important;
  min-width:0 !important;
  height:52px !important;
  box-sizing:border-box !important;
}
@media (max-width:600px){
  .vcd-search-keyboard-wrap { width:100% !important; max-width:none !important; }
  .vcd-search-keyboard-wrap .vcd-search-box-large { width:100% !important; max-width:none !important; }
}


/* Teclado: 3 linhas de letras, 10 teclas visíveis por linha */
.vcd-keyboard-row{
  display:flex !important;
  flex-wrap:nowrap !important;
  width:100% !important;
  max-width:100% !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  box-sizing:border-box !important;
  gap:4px !important;
  -webkit-overflow-scrolling:touch !important;
}
.vcd-keyboard-row > button,
.vcd-keyboard-row > .vcd-key,
.vcd-keyboard-row button{
  flex:0 0 calc((100% - 36px)/10) !important;
  width:calc((100% - 36px)/10) !important;
  min-width:calc((100% - 36px)/10) !important;
  max-width:calc((100% - 36px)/10) !important;
  height:44px !important;
  box-sizing:border-box !important;
  padding:0 !important;
  font-size:17px !important;
}

/* TERCEIRA LINHA DO TECLADO */
.vcd-keyboard-row{
 width:100%!important; max-width:100%!important; display:flex!important;
 flex-wrap:nowrap!important; overflow-x:auto!important; gap:4px!important;
 margin:4px 0!important; box-sizing:border-box!important;
}
.vcd-keyboard-row > *{
 flex:0 0 calc((100% - 36px)/10)!important;
 min-width:calc((100% - 36px)/10)!important;
 max-width:calc((100% - 36px)/10)!important;
 height:44px!important; box-sizing:border-box!important;
}
.vcd-row-3{display:flex!important;visibility:visible!important;opacity:1!important;height:44px!important;}


/* DEFINITIVO: teclado com 3 linhas reais, 10 teclas visíveis nas duas primeiras */
.vcd-keyboard-letters{display:flex!important;flex-direction:column!important;gap:6px!important;width:100%!important;overflow:visible!important;}
.vcd-keyboard-letter-row{display:flex!important;flex-wrap:nowrap!important;width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;gap:4px!important;box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important;}
.vcd-keyboard-letter-row button{flex:0 0 calc((100% - 36px)/10)!important;width:calc((100% - 36px)/10)!important;min-width:calc((100% - 36px)/10)!important;max-width:calc((100% - 36px)/10)!important;height:44px!important;box-sizing:border-box!important;padding:0!important;font-size:17px!important;}


/* TECLADO FINAL: 9 LETRAS POR LINHA, TUDO VISÍVEL, SEM ROLAGEM */
.vcd-keyboard-letters{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}
.vcd-keyboard-letter-row{
  display:grid!important;
  grid-template-columns:repeat(9,minmax(0,1fr))!important;
  width:100%!important;
  max-width:100%!important;
  gap:4px!important;
  overflow:visible!important;
}
.vcd-keyboard-letter-row button{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:44px!important;
  padding:0!important;
  box-sizing:border-box!important;
  font-size:17px!important;
}


/* Letras menores para manter as 9 totalmente visíveis */
.vcd-keyboard-letter-row{
  display:grid!important;
  grid-template-columns:repeat(9,minmax(0,1fr))!important;
  width:100%!important;
  max-width:100%!important;
  gap:3px!important;
  overflow:visible!important;
}
.vcd-keyboard-letter-row button{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:38px!important;
  padding:0!important;
  font-size:14px!important;
  line-height:1!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
}


/* VCD PC — 4 FAIXAS VISÍVEIS NA CAIXA, SEM ALTERAR CAPA/BOTÕES
   Somente PC. A caixa mantém a mesma largura e altura do bloco do CD. */
@media (min-width: 769px) {
  #detailScreen .track-list-container {
    padding: 6px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  #detailScreen .track-item-card {
    min-height: 0 !important;
    height: 59px !important;
    padding: 4px 8px !important;
    margin: 0 0 5px 0 !important;
    gap: 2px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  #detailScreen .track-item-card:last-child { margin-bottom: 0 !important; }

  #detailScreen .track-row-top {
    min-height: 34px !important;
    height: 34px !important;
    gap: 8px !important;
  }

  #detailScreen .track-play-circle {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    font-size: 0.85rem !important;
  }

  #detailScreen .track-download-btn {
    height: 34px !important;
    min-height: 34px !important;
    padding: 4px 8px !important;
    font-size: 0.72rem !important;
  }

  #detailScreen .track-name-label {
    height: 12px !important;
    min-height: 12px !important;
    padding-left: 2px !important;
    font-size: 0.68rem !important;
    line-height: 12px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #detailScreen .track-line-bar {
    height: 2px !important;
    min-height: 2px !important;
    margin-top: 0 !important;
  }
}

/* VCD PC — aumentar SOMENTE a altura das faixas para deixar o nome visível.
   Mantém largura, capa, botões e estrutura anteriores. */
@media (min-width: 769px) {
  #detailScreen .track-item-card {
    height: 80px !important;
    min-height: 80px !important;
    overflow: visible !important;
  }
}


/* VCD PC FINAL — altura das faixas ajustada para o nome ficar visível.
   Mantém 3 músicas visíveis e a rolagem para as demais.
   Não altera capa nem botões do CD. */
@media (min-width: 769px) {
  #detailScreen .track-list-container {
    padding: 6px !important;
    gap: 4px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
  #detailScreen .track-item-card {
    flex: 0 0 84px !important;
    height: 84px !important;
    min-height: 84px !important;
    max-height: 84px !important;
    padding: 4px 8px !important;
    margin: 0 !important;
    gap: 2px !important;
    overflow: hidden !important;
  }
  #detailScreen .track-row-top {
    flex: 0 0 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    gap: 8px !important;
  }
  #detailScreen .track-play-circle {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
  }
  #detailScreen .track-download-btn {
    height: 44px !important;
    min-height: 44px !important;
  }
  #detailScreen .track-name-label {
    display: block !important;
    height: 16px !important;
    min-height: 16px !important;
    line-height: 16px !important;
    font-size: 0.75rem !important;
    padding-left: 2px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  #detailScreen .track-line-bar {
    height: 2px !important;
    margin-top: 0 !important;
  }
}

/* VCD PC — AJUSTE FINAL: aumentar a altura útil da faixa para o nome não ser cortado.
   Mantém a caixa ao lado do CD, 3 faixas visíveis e rolagem para as demais. */
@media (min-width: 769px) {
  #detailScreen .track-item-card {
    flex: 0 0 84px !important;
    height: 84px !important;
    min-height: 84px !important;
    max-height: 84px !important;
    padding: 5px 8px !important;
    gap: 3px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }
  #detailScreen .track-row-top {
    flex: 0 0 46px !important;
    height: 46px !important;
    min-height: 46px !important;
  }
  #detailScreen .track-play-circle {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
  }
  #detailScreen .track-download-btn {
    height: 40px !important;
    min-height: 40px !important;
    padding: 5px 8px !important;
  }
  #detailScreen .track-name-label {
    display: block !important;
    height: 18px !important;
    min-height: 18px !important;
    line-height: 18px !important;
    font-size: 0.72rem !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  #detailScreen .track-line-bar {
    height: 2px !important;
    min-height: 2px !important;
    margin-top: 0 !important;
  }
}

/* =========================================================
   ALTURA AUTOMÁTICA E IGUAL DOS CARDS DA PÁGINA INICIAL
   O título pode ter 1, 2 ou mais linhas, e os cards ficam
   com a mesma altura automaticamente.
   ========================================================= */
#homeScreen .cd-grid {
    align-items: stretch !important;
}

#homeScreen .cd-grid .cd-card {
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
}

#homeScreen .cd-grid .cd-card > .cd-title {
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: 0 !important;
}

#homeScreen .cd-grid .cd-card > .btn-ouvir-card {
    margin-top: auto !important;
}


/* AJUSTE: diminuir as bordas laterais ao redor das imagens dos CDs */
#homeScreen .cd-grid .cd-card {
    padding-left: 4px !important;
    padding-right: 4px !important;
}
#homeScreen .cd-grid .cd-card > img {
    width: 100% !important;
}


/* Espaço mínimo entre cabeçalho e banner grande */
#grandeBannerCarousel,
.grande-banner,
#largeBannerCarousel,
.large-banner {
  margin-top: 2px !important;
  padding-top: 0 !important;
}



/* =========================================================
   VCD - BOTÃO BAIXAR COMPLETO - MODELO ENVIADO PELO USUÁRIO
   ========================================================= */
#detailScreen .detail-hero-actions .btn-baixar-cd-completo {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    background-color: #000000 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    text-align: center !important;
    height: auto !important;
    min-height: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font-size: inherit !important;
    justify-content: center !important;
}
#detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-icon-wrap {
    width: auto !important;
    height: auto !important;
    flex: 0 0 auto !important;
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    filter: none !important;
    font-size: 1.2rem !important;
}
#detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-icon-wrap .fa-cloud-arrow-down {
    position: static !important;
    font-size: 1.2rem !important;
    color: #ffffff !important;
    text-shadow: none !important;
}
#detailScreen .detail-hero-actions .btn-baixar-cd-completo .download-label {
    color: #ffffff !important;
    font-size: inherit !important;
    line-height: 1.2 !important;
    font-weight: bold !important;
    white-space: nowrap !important;
    text-align: center !important;
    text-shadow: none !important;
}
#detailScreen .detail-hero-actions .btn-baixar-cd-completo:hover,
#detailScreen .detail-hero-actions .btn-baixar-cd-completo:focus,
#detailScreen .detail-hero-actions .btn-baixar-cd-completo:active {
    background-color: #000000 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}


/* VCD - BOTAO BAIXAR COMPLETO — MODELO EXATO DO USUARIO (FINAL) */
#detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    background-color: #000000 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    text-align: center !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    min-width: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    text-decoration: none !important;
    text-transform: none !important;
}
#detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo::before,
#detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo::after {
    content: none !important;
    display: none !important;
}
#detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo .download-icon-wrap {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    flex: none !important;
    font-size: 1.2rem !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}
#detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo .download-icon-wrap i.fa-cloud-arrow-down {
    font-size: 1.2rem !important;
    color: #ffffff !important;
    display: inline-block !important;
}
#detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo .download-label {
    line-height: 1.2 !important;
    color: #ffffff !important;
    font-size: inherit !important;
    font-weight: bold !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
}
#detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo:hover,
#detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo:focus,
#detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo:active {
    background-color: #000000 !important;
    background-image: none !important;
    color: #ffffff !important;
    box-shadow: none !important;
    transform: none !important;
}

/* =========================================================
   VCD FINAL — SUBSTITUIÇÃO TOTAL DO BOTÃO BAIXAR COMPLETO
   Não usar nenhum visual antigo (CD, seta, círculo, imagem ou gradiente).
   ========================================================= */
#detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo {
    all: unset !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: #000000 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    text-align: center !important;
    box-sizing: border-box !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transform: none !important;
    text-decoration: none !important;
    text-transform: none !important;
}
#detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo::before,
#detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo::after {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}
#detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo .download-icon-wrap {
    all: unset !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    position: static !important;
    font-size: 1.2rem !important;
    line-height: normal !important;
}
#detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo .download-icon-wrap i.fa-cloud-arrow-down {
    display: inline-block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-size: 1.2rem !important;
    line-height: 1 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
}
#detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo .download-label {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-weight: bold !important;
    font-size: inherit !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    text-align: center !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
#detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo:hover,
#detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo:focus,
#detailScreen .detail-hero-actions #detailFullDownload.btn-baixar-cd-completo:active {
    background: #000000 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transform: none !important;
    outline: none !important;
}

/* =========================================================
   VCD — CABEÇALHO FINAL NO MODELO DA IMAGEM ENVIADA
   ========================================================= */
html, body { overflow-x:hidden !important; }

/* Cabeçalho preto ocupando toda a largura da tela. */
#homeScreen > header,
.app-container > header,
header {
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100vw !important;
  max-width:none !important;
  height:64px !important;
  min-height:64px !important;
  margin:0 !important;
  padding:0 !important;
  background:#000 !important;
  box-sizing:border-box !important;
  z-index:2147483000 !important;
  display:grid !important;
  grid-template-columns:calc((100vw - 1024px)/2 + 58px) minmax(0,1fr) 100px calc((100vw - 1024px)/2) !important;
  align-items:center !important;
  gap:0 !important;
}

/* Botão do menu fica alinhado com o início do conteúdo de 1024px. */
#homeScreen > header .vcd-menu-link,
header .vcd-menu-link {
  grid-column:2 !important;
  justify-self:start !important;
  width:48px !important;
  min-width:48px !important;
  height:48px !important;
  margin:0 !important;
  padding:0 !important;
}

/* Título centralizado no bloco de 1024px. */
#homeScreen > header .vcd-site-title,
header .vcd-site-title,
header h1.vcd-site-title {
  grid-column:2 !important;
  justify-self:center !important;
  width:100% !important;
  margin:0 !important;
  padding:0 100px 0 58px !important;
  box-sizing:border-box !important;
  text-align:center !important;
  font-size:30px !important;
  line-height:1 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}

/* CONTATO fica no lado direito do bloco central. */
#homeScreen > header .vcd-contact-link,
header .vcd-contact-link {
  grid-column:3 !important;
  justify-self:end !important;
  width:96px !important;
  min-width:96px !important;
  height:40px !important;
  margin:0 !important;
  padding:0 8px !important;
  border-radius:10px !important;
  font-size:14px !important;
  font-weight:700 !important;
  box-sizing:border-box !important;
}

/* Barra de pesquisa logo abaixo do cabeçalho. */
.vcd-top-search {
  position:fixed !important;
  top:64px !important;
  z-index:2147482000 !important;
  width:100vw !important;
  height:50px !important;
  margin:0 !important;
  padding:5px 0 !important;
  background:#121212 !important;
  box-sizing:border-box !important;
}
.vcd-top-search-inner {
  position:relative !important;
  width:min(465px,calc(100vw - 24px)) !important;
  height:40px !important;
  margin:0 auto !important;
}
.vcd-top-search-inner i {
  position:absolute !important;
  left:13px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  color:#ed1b24 !important;
  font-size:17px !important;
  z-index:2 !important;
}
.vcd-top-search-inner input {
  width:100% !important;
  height:40px !important;
  margin:0 !important;
  padding:0 14px 0 36px !important;
  border:2px solid #ed1b24 !important;
  border-radius:8px !important;
  outline:none !important;
  background:#fff !important;
  color:#444 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:14px !important;
  box-sizing:border-box !important;
  cursor:text !important;
}
.vcd-top-search-inner input:focus {
  border-color:#ff2028 !important;
  box-shadow:0 0 0 2px rgba(237,27,36,.12) !important;
}

/* A página começa abaixo do cabeçalho + pesquisa. */
#homeScreen {
  padding-top:114px !important;
}
#homeScreen > .scrollable-content {
  padding-top:0 !important;
}

/* Esconde completamente o teclado virtual antigo, sem apagar a função de pesquisa. */
#vcdVirtualKeyboard,
.vcd-virtual-keyboard,
.vcd-keyboard-actions,
.vcd-keyboard-letters,
.vcd-keyboard,
.vcd-small-keyboard,
.virtual-keyboard,
.vcd-keyboard-wrap {
  display:none !important;
}

/* O antigo invólucro não ocupa espaço. */
.vcd-search-keyboard-wrap { display:none !important; }

@media (max-width:700px) {
  #homeScreen > header,
  .app-container > header,
  header {
    height:58px !important;
    min-height:58px !important;
    grid-template-columns:calc((100vw - 100%)/2 + 55px) minmax(0,1fr) 88px calc((100vw - 100%)/2) !important;
    padding:0 7px !important;
  }
  #homeScreen > header .vcd-menu-link,
  header .vcd-menu-link {
    width:42px !important;
    min-width:42px !important;
    height:42px !important;
  }
  #homeScreen > header .vcd-site-title,
  header .vcd-site-title,
  header h1.vcd-site-title {
    font-size:20px !important;
    padding:0 88px 0 48px !important;
  }
  #homeScreen > header .vcd-contact-link,
  header .vcd-contact-link {
    width:88px !important;
    min-width:88px !important;
    height:38px !important;
    font-size:12px !important;
    padding:0 5px !important;
  }
  .vcd-top-search {
    top:58px !important;
    height:50px !important;
  }
  .vcd-top-search-inner {
    width:calc(100vw - 24px) !important;
    max-width:465px !important;
    height:40px !important;
  }
  #homeScreen { padding-top:108px !important; }
}


/* =========================================================
   VCD — CABEÇALHO FINAL / MODELO DA IMAGEM
   Esta regra final sobrescreve as regras antigas conflitantes.
   ========================================================= */
html,body{overflow-x:hidden!important;}

.app-container{
  width:100%!important;
  max-width:1024px!important;
  margin:0 auto!important;
}

/* Barra preta do cabeçalho em toda a tela */
.app-container>header,
#homeScreen>header,
body header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100vw!important;
  max-width:none!important;
  height:64px!important;
  min-height:64px!important;
  margin:0!important;
  padding:0!important;
  background:#000!important;
  transform:none!important;
  z-index:2147483000!important;
  display:grid!important;
  grid-template-columns:calc((100vw - 1024px)/2) 48px minmax(0,1fr) 96px calc((100vw - 1024px)/2)!important;
  align-items:center!important;
  box-sizing:border-box!important;
}

/* Menu no começo da área de 1024px */
.app-container>header .vcd-menu-link,
#homeScreen>header .vcd-menu-link,
body header .vcd-menu-link{
  grid-column:2!important;
  justify-self:start!important;
  width:48px!important;
  min-width:48px!important;
  height:48px!important;
  margin:0!important;
  padding:0!important;
  border:3px solid #fff!important;
  border-radius:9px!important;
  background:#000!important;
  color:#fff!important;
  font-size:27px!important;
  line-height:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}

/* Nome central */
.app-container>header .vcd-site-title,
#homeScreen>header .vcd-site-title,
body header .vcd-site-title{
  grid-column:3!important;
  justify-self:center!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:30px!important;
  font-weight:900!important;
  line-height:1!important;
  text-align:center!important;
  white-space:nowrap!important;
}

/* Contato à direita */
.app-container>header .vcd-contact-link,
#homeScreen>header .vcd-contact-link,
body header .vcd-contact-link{
  grid-column:4!important;
  justify-self:end!important;
  width:96px!important;
  min-width:96px!important;
  height:40px!important;
  margin:0!important;
  padding:0 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#ed1b24!important;
  color:#fff!important;
  border:1px solid #ff4a4f!important;
  border-radius:10px!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
  text-decoration:none!important;
}

/* Pesquisa exatamente abaixo do cabeçalho */
.vcd-top-search{
  position:fixed!important;
  top:64px!important;
  left:0!important;
  width:100vw!important;
  height:50px!important;
  margin:0!important;
  padding:5px 0!important;
  background:#121212!important;
  z-index:2147482000!important;
  box-sizing:border-box!important;
}
.vcd-top-search-inner{
  width:min(465px,calc(100vw - 24px))!important;
  height:40px!important;
  margin:0 auto!important;
}

/* Conteúdo começa abaixo do cabeçalho + pesquisa */
#homeScreen,
#homeScreen.screen,
#homeScreen.screen.active{
  width:100%!important;
  max-width:1024px!important;
  margin:0 auto!important;
  padding-top:114px!important;
  box-sizing:border-box!important;
}

@media(max-width:700px){
  .app-container{
    width:100%!important;
    max-width:100%!important;
  }
  .app-container>header,
  #homeScreen>header,
  body header{
    height:58px!important;
    min-height:58px!important;
    grid-template-columns:55px minmax(0,1fr) 88px!important;
    padding:0 7px!important;
  }
  .app-container>header .vcd-menu-link,
  #homeScreen>header .vcd-menu-link,
  body header .vcd-menu-link{
    grid-column:1!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    font-size:25px!important;
  }
  .app-container>header .vcd-site-title,
  #homeScreen>header .vcd-site-title,
  body header .vcd-site-title{
    grid-column:2!important;
    font-size:20px!important;
  }
  .app-container>header .vcd-contact-link,
  #homeScreen>header .vcd-contact-link,
  body header .vcd-contact-link{
    grid-column:3!important;
    width:88px!important;
    min-width:88px!important;
    height:38px!important;
    font-size:12px!important;
    padding:0 5px!important;
  }
  .vcd-top-search{
    top:58px!important;
    height:50px!important;
  }
  #homeScreen,
  #homeScreen.screen,
  #homeScreen.screen.active{
    max-width:100%!important;
    padding-top:108px!important;
  }
}


/* =========================================================
   VCD — CABEÇALHO MODELO EXATO / VERSÃO DEFINITIVA
   ========================================================= */
html, body { overflow-x:hidden !important; margin:0 !important; padding:0 !important; }
.app-container { width:100% !important; max-width:1024px !important; margin:0 auto !important; box-sizing:border-box !important; }

body > .app-container > header,
.app-container > header,
#homeScreen > header {
  position:fixed !important; top:0 !important; left:0 !important; right:0 !important;
  width:100vw !important; max-width:none !important; height:64px !important; min-height:64px !important;
  margin:0 !important; padding:0 !important; background:#000 !important;
  transform:none !important; z-index:2147483000 !important;
  display:grid !important;
  grid-template-columns:max(0px,calc((100vw - 1024px)/2)) 48px minmax(0,1fr) 96px max(0px,calc((100vw - 1024px)/2)) !important;
  align-items:center !important; box-sizing:border-box !important;
}

body > .app-container > header .vcd-menu-link,
.app-container > header .vcd-menu-link,
#homeScreen > header .vcd-menu-link {
  grid-column:2 !important; justify-self:start !important; width:48px !important; min-width:48px !important;
  height:48px !important; margin:0 !important; padding:0 !important; border:3px solid #fff !important;
  border-radius:9px !important; background:#000 !important; color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important; font-size:27px !important; line-height:1 !important;
  display:flex !important; align-items:center !important; justify-content:center !important; box-sizing:border-box !important;
}

body > .app-container > header .vcd-site-title,
.app-container > header .vcd-site-title,
#homeScreen > header .vcd-site-title {
  grid-column:3 !important; justify-self:center !important; width:auto !important; max-width:100% !important;
  margin:0 !important; padding:0 !important; color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important; font-size:30px !important; font-weight:900 !important;
  line-height:1 !important; text-align:center !important; white-space:nowrap !important;
}
body > .app-container > header .vcd-site-title a,
.app-container > header .vcd-site-title a { color:#fff !important; text-decoration:none !important; }

body > .app-container > header .vcd-contact-link,
.app-container > header .vcd-contact-link,
#homeScreen > header .vcd-contact-link {
  grid-column:4 !important; justify-self:end !important; width:96px !important; min-width:96px !important;
  height:40px !important; margin:0 !important; padding:0 8px !important; display:flex !important;
  align-items:center !important; justify-content:center !important; background:#ed1b24 !important;
  color:#fff !important; -webkit-text-fill-color:#fff !important; border:1px solid #ff4a4f !important;
  border-radius:10px !important; font-family:Arial,Helvetica,sans-serif !important; font-size:13px !important;
  font-weight:800 !important; line-height:1 !important; white-space:nowrap !important;
  text-decoration:none !important; box-sizing:border-box !important;
}

.vcd-top-search {
  position:fixed !important; top:64px !important; left:0 !important; right:0 !important;
  width:100vw !important; height:50px !important; margin:0 !important; padding:5px 0 !important;
  background:#121212 !important; z-index:2147482000 !important; box-sizing:border-box !important;
}
.vcd-top-search-inner {
  position:relative !important; width:min(465px,calc(100vw - 24px)) !important; max-width:465px !important;
  height:40px !important; margin:0 auto !important; box-sizing:border-box !important;
}
.vcd-top-search-inner input {
  width:100% !important; height:40px !important; margin:0 !important; padding:0 14px 0 36px !important;
  border:2px solid #ed1b24 !important; border-radius:8px !important; outline:none !important;
  background:#fff !important; color:#444 !important; font-family:Arial,Helvetica,sans-serif !important;
  font-size:14px !important; box-sizing:border-box !important; cursor:text !important;
}
.vcd-top-search-inner i {
  position:absolute !important; left:13px !important; top:50% !important; transform:translateY(-50%) !important;
  color:#ed1b24 !important; font-size:17px !important; z-index:2 !important; pointer-events:none !important;
}

#homeScreen, #homeScreen.screen, #homeScreen.screen.active {
  width:100% !important; max-width:1024px !important; margin:0 auto !important;
  padding-top:114px !important; box-sizing:border-box !important;
}

/* Teclado virtual antigo: oculto; a pesquisa continua funcionando normalmente. */
#vcdVirtualKeyboard, .vcd-virtual-keyboard, .vcd-keyboard-actions, .vcd-keyboard-letters,
.vcd-keyboard, .vcd-small-keyboard, .virtual-keyboard, .vcd-keyboard-wrap,
.vcd-search-keyboard-wrap { display:none !important; }

@media (max-width:700px) {
  body > .app-container > header, .app-container > header, #homeScreen > header {
    width:100vw !important; height:58px !important; min-height:58px !important;
    grid-template-columns:55px minmax(0,1fr) 88px !important; padding:0 7px !important;
  }
  body > .app-container > header .vcd-menu-link, .app-container > header .vcd-menu-link, #homeScreen > header .vcd-menu-link {
    grid-column:1 !important; width:42px !important; min-width:42px !important; height:42px !important; font-size:25px !important;
  }
  body > .app-container > header .vcd-site-title, .app-container > header .vcd-site-title, #homeScreen > header .vcd-site-title {
    grid-column:2 !important; font-size:20px !important; padding:0 !important;
  }
  body > .app-container > header .vcd-contact-link, .app-container > header .vcd-contact-link, #homeScreen > header .vcd-contact-link {
    grid-column:3 !important; width:88px !important; min-width:88px !important; height:38px !important;
    font-size:12px !important; padding:0 5px !important;
  }
  .vcd-top-search { top:58px !important; height:50px !important; }
  #homeScreen, #homeScreen.screen, #homeScreen.screen.active {
    max-width:100% !important; padding-top:108px !important;
  }
}

/* VCD FINAL — TÍTULO ÚLTIMOS LANÇAMENTOS SEM DESLOCAR APÓS O CARREGAMENTO */
#homeScreen .scrollable-content .section-header-lancamentos {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  background: #000 !important;
  box-sizing: border-box !important;
  text-align: center !important;
  overflow: visible !important;
}
#homeScreen .scrollable-content .section-header-lancamentos h2 {
  position: absolute !important;
  left: 50% !important;
  top: 0 !important;
  transform: translateX(-50%) !important;
  width: max-content !important;
  max-width: calc(100% - 70px) !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: 0.85rem !important;
  line-height: 38px !important;
  text-align: center !important;
  white-space: nowrap !important;
  z-index: 2 !important;
}
#homeScreen .scrollable-content .section-header-lancamentos i {
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  z-index: 3 !important;
}
@media (max-width: 600px) {
  #homeScreen .scrollable-content .section-header-lancamentos {
    height: 36px !important;
    min-height: 36px !important;
  }
  #homeScreen .scrollable-content .section-header-lancamentos h2 {
    height: 36px !important;
    line-height: 36px !important;
    font-size: 0.82rem !important;
  }
}

/* VCD — CENTRALIZAÇÃO REAL DO TÍTULO ÚLTIMOS LANÇAMENTOS */
#homeScreen .scrollable-content .section-header-lancamentos {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}
#homeScreen .scrollable-content .section-header-lancamentos h2 {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  width: auto !important;
  max-width: calc(100% - 70px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
}
#homeScreen .scrollable-content .section-header-lancamentos i {
  position: absolute !important;
  left: 16px !important;
  right: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
}

<style id="vcd-ultimos-lancamentos-authoritative">
/* VCD — ÚLTIMOS LANÇAMENTOS: título matematicamente centralizado na faixa */
#homeScreen .scrollable-content .section-header-lancamentos{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:38px!important;
  min-height:38px!important;
  margin:0 0 12px 0!important;
  padding:0!important;
  background:#000!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
#homeScreen .scrollable-content .section-header-lancamentos h2{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  bottom:0!important;
  width:100%!important;
  max-width:none!important;
  height:38px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  color:#fff!important;
  font-size:.85rem!important;
  line-height:1!important;
  white-space:nowrap!important;
  transform:none!important;
  z-index:2!important;
  box-sizing:border-box!important;
}
#homeScreen .scrollable-content .section-header-lancamentos i{
  position:absolute!important;
  left:16px!important;
  right:auto!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  margin:0!important;
  z-index:3!important;
}
@media(max-width:600px){
  #homeScreen .scrollable-content .section-header-lancamentos{height:36px!important;min-height:36px!important;}
  #homeScreen .scrollable-content .section-header-lancamentos h2{height:36px!important;font-size:.82rem!important;}
}
</style>


/* =========================================================
   VCD — FUNDO LATERAL FINAL
   Preenche toda a altura da página e repete verticalmente,
   mantendo a coluna central do site limpa.
   ========================================================= */
@media (min-width:769px){
  html{
    min-height:100% !important;
    background-color:#101010 !important;
    background-image:url("assets/fundo-laterais.png") !important;
    background-repeat:repeat-y !important;
    background-position:top center !important;
    background-size:100% auto !important;
    background-attachment:fixed !important;
  }

  body{
    min-height:100vh !important;
    background-color:transparent !important;
    background-image:none !important;
  }

  .app-container{
    background:#f4f4f4 !important;
    position:relative !important;
    z-index:1 !important;
  }

  .screen,
  .detail-screen{
    background:#f4f4f4 !important;
  }
}


/* =========================================================
   VCD — FUNDO LATERAL VISÍVEL (REGRA FINAL)
   O fundo pertence ao BODY; a coluna central continua branca.
   ========================================================= */
@media (min-width: 769px) {
    html {
        min-height: 100% !important;
        background-color: #111 !important;
        background-image: url("assets/fundo-laterais.png") !important;
        background-repeat: no-repeat !important;
        background-position: center top !important;
        background-size: cover !important;
        background-attachment: fixed !important;
    }

    body {
        width: 100% !important;
        min-height: 100vh !important;
        background-color: transparent !important;
        background-image: url("assets/fundo-laterais.png") !important;
        background-repeat: no-repeat !important;
        background-position: center top !important;
        background-size: cover !important;
        background-attachment: fixed !important;
        overflow-x: hidden !important;
    }

    /* Mantém o site central limpo, deixando o fundo aparecer dos dois lados. */
    body > .app-container {
        width: 100% !important;
        max-width: 480px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        background: #f4f4f4 !important;
    }

    /* Todas as telas permanecem dentro da coluna central. */
    body > .app-container .screen {
        background-color: #f4f4f4 !important;
    }
}

@media (max-width: 768px) {
    html, body {
        background-image: none !important;
        background-color: #f4f4f4 !important;
    }
}

/* VCD — LATERAIS DEFINITIVAS: o fundo fica FORA da coluna central */
@media (min-width:769px){
  html, body{
    background-color:#111 !important;
    background-image:url("assets/fundo-laterais.png") !important;
    background-repeat:repeat-y !important;
    background-position:center top !important;
    background-size:100% auto !important;
    background-attachment:fixed !important;
  }

  /* O wrapper não pode pintar a tela inteira de branco. */
  body > .app-container{
    width:100% !important;
    max-width:none !important;
    min-height:100vh !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
  }

  /* Somente a coluna central recebe o fundo claro. */
  #homeScreen,
  #homeScreen.screen,
  #homeScreen.screen.active{
    width:1024px !important;
    min-width:1024px !important;
    max-width:1024px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    background:#f4f4f4 !important;
    background-color:#f4f4f4 !important;
    position:relative !important;
    z-index:1 !important;
  }

  #detailScreen{
    background:#f4f4f4 !important;
    background-color:#f4f4f4 !important;
    position:relative !important;
    z-index:1 !important;
  }
}


/* VCD — PC REAL 1024px / banner 1024x200 — regra final autorizada */
@media (min-width:769px){
  body > .app-container{
    width:1024px !important;
    max-width:1024px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
  }
  #homeScreen, #homeScreen.screen, #homeScreen.screen.active,
  #detailScreen, #detailScreen.screen, #detailScreen.screen.active{
    width:1024px !important;
    min-width:1024px !important;
    max-width:1024px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
  }
  #homeScreen > .scrollable-content,
  #homeScreen > .vcd-banners-real-area,
  #homeScreen > .search-box,
  #homeScreen > .categories,
  #homeScreen > #vcd-category-status,
  #detailScreen .detail-scroll,
  #detailScreen .detail-fixed-top,
  #detailScreen .track-list-container{
    width:100% !important;
    max-width:1024px !important;
    box-sizing:border-box !important;
  }
  .vcd-large-banner-area{
    width:1024px !important;
    max-width:1024px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .vcd-large-banner-slider{
    width:1024px !important;
    max-width:1024px !important;
    height:200px !important;
    aspect-ratio:1024/200 !important;
  }
}
@media (max-width:768px){
  body > .app-container,
  #homeScreen, #homeScreen.screen, #homeScreen.screen.active,
  #detailScreen, #detailScreen.screen, #detailScreen.screen.active{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }
  .vcd-large-banner-area{
    width:calc(100% - 16px) !important;
    max-width:none !important;
  }
  .vcd-large-banner-slider{
    width:100% !important;
    height:auto !important;
    aspect-ratio:1024/200 !important;
  }
}



/* VCD — PC REAL MAIS LARGO — 1200PX */
@media screen and (min-width:769px){
  html,body{width:100%!important;min-width:0!important;overflow-x:auto!important;}
  body > .app-container,
  .app-container{
    width:1200px!important;
    min-width:1200px!important;
    max-width:1200px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  #homeScreen,
  #homeScreen.screen,
  #homeScreen.screen.active,
  #detailScreen,
  #detailScreen.screen,
  #detailScreen.screen.active{
    width:1200px!important;
    min-width:1200px!important;
    max-width:1200px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  #homeScreen > header,
  #homeScreen header{
    width:1200px!important;
    max-width:1200px!important;
    min-width:1200px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    box-sizing:border-box!important;
  }

  #homeScreen > .scrollable-content,
  #homeScreen > .vcd-banners-real-area,
  #homeScreen > .search-box,
  #homeScreen > .categories,
  #homeScreen > #vcd-category-status,
  #detailScreen .detail-scroll,
  #detailScreen .detail-fixed-top,
  #detailScreen .track-list-container{
    width:1200px!important;
    min-width:1200px!important;
    max-width:1200px!important;
    box-sizing:border-box!important;
  }

  .vcd-large-banner-area,
  .vcd-large-banner-slider{
    width:1200px!important;
    min-width:1200px!important;
    max-width:1200px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  .vcd-large-banner-slider{
    height:200px!important;
    min-height:200px!important;
    max-height:200px!important;
    aspect-ratio:6/1!important;
  }

  .vcd-large-banner-slider img,
  .vcd-large-banner-slider picture,
  .vcd-large-banner-slider a{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}



/* VCD — PC FINAL: 1280PX DE LARGURA / BANNER 1280x180 */
@media screen and (min-width:769px){
  body{
    width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
  }

  body > .app-container,
  .app-container,
  #homeScreen,
  #homeScreen.screen,
  #homeScreen.screen.active,
  #detailScreen,
  #detailScreen.screen,
  #detailScreen.screen.active,
  #homeScreen > .scrollable-content,
  #homeScreen > .vcd-banners-real-area,
  #homeScreen > .search-box,
  #homeScreen > .categories,
  #homeScreen > #vcd-category-status,
  #detailScreen .detail-scroll,
  #detailScreen .detail-fixed-top,
  #detailScreen .track-list-container{
    width:1280px!important;
    min-width:1280px!important;
    max-width:1280px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  #homeScreen > header,
  #homeScreen header{
    width:1280px!important;
    min-width:1280px!important;
    max-width:1280px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    box-sizing:border-box!important;
  }

  .vcd-large-banner-area,
  .vcd-large-banner-slider{
    width:1280px!important;
    min-width:1280px!important;
    max-width:1280px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  .vcd-large-banner-slider{
    height:180px!important;
    min-height:180px!important;
    max-height:180px!important;
    aspect-ratio:1280 / 180!important;
  }

  .vcd-large-banner-slider img,
  .vcd-large-banner-slider picture,
  .vcd-large-banner-slider a{
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    box-sizing:border-box!important;
  }
}



/* VCD — CARDS RESPONSIVOS FINAIS
   PC = 6 por linha | Tablet = 3 por linha | Celular = 2 por linha */
#homeScreen .cd-grid{
  display:grid!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  gap:10px!important;
  padding-left:10px!important;
  padding-right:10px!important;
}

@media screen and (min-width:1025px){
  #homeScreen .cd-grid{
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
  }
}

@media screen and (min-width:601px) and (max-width:1024px){
  #homeScreen .cd-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media screen and (max-width:600px){
  #homeScreen .cd-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* VCD — CORREÇÃO PÁGINA DO CD ABERTO
   A área geral continua em 1280px, mas o conteúdo interno da página do CD
   volta a ficar centralizado em 1024px, evitando que a página saia do lugar. */
@media screen and (min-width:769px){
  #detailScreen .detail-scroll,
  #detailScreen .detail-fixed-top,
  #detailScreen .track-list-container{
    width:1024px!important;
    min-width:1024px!important;
    max-width:1024px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }
}

/* VCD — PÁGINA DO CD: CENTRALIZAÇÃO DEFINITIVA SEM HERDAR A LARGURA DA HOME */
@media screen and (min-width:769px){
  #detailScreen{
    width:1280px!important;
    min-width:1280px!important;
    max-width:1280px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }
  #detailScreen .detail-scroll{
    width:1024px!important;
    min-width:1024px!important;
    max-width:1024px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:485px 481px!important;
    column-gap:30px!important;
    align-items:start!important;
  }
  #detailScreen .detail-fixed-top{
    grid-column:1!important;
    grid-row:1!important;
    width:485px!important;
    min-width:485px!important;
    max-width:485px!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  #detailScreen .detail-fixed-top .detail-hero-layout{
    width:485px!important;
    min-width:485px!important;
    max-width:485px!important;
    box-sizing:border-box!important;
  }
  #detailScreen .track-list-container,
  #detailScreen .detail-fixed-top + .track-list-container{
    grid-column:2!important;
    grid-row:1!important;
    width:481px!important;
    min-width:481px!important;
    max-width:481px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
}

/* VCD — FONTE DOS NOMES DAS FAIXAS: REDUÇÃO FINAL
   Mantém tamanho, posição e botões dos cards; somente o texto diminui. */
@media (min-width: 769px) {
  #detailScreen .track-name-label {
    font-size: 0.65rem !important;
    line-height: 18px !important;
  }
}



/* VCD — REDUÇÃO REAL DOS TEXTOS DOS CARDS E FAIXAS */
@media screen and (min-width:769px){
  /* nomes das músicas na página do CD */
  #detailScreen .track-name-label,
  #detailScreen .track-name-label *,
  #detailScreen .track-card .track-name-label,
  #detailScreen .track-card .track-name-label *{
    font-size:8px!important;
    line-height:10px!important;
    height:auto!important;
    min-height:0!important;
    padding:0 2px!important;
    margin:0!important;
    white-space:nowrap!important;
  }

  /* títulos dos cards da página inicial */
  #homeScreen .cd-grid .cd-card .cd-title,
  #homeScreen .cd-grid .cd-card .cd-title *{
    font-size:10px!important;
    line-height:12px!important;
  }
}



/* VCD — ZOOM MENOR SOMENTE NO CD ABERTO */
@media screen and (min-width:769px){
  #detailScreen{
    zoom:0.88!important;
  }

  /* Mantém a área do CD centralizada após o zoom */
  #detailScreen{
    transform-origin:top center!important;
  }

  /* Corrige a largura visual para não criar espaço lateral excessivo */
  #detailScreen .detail-scroll,
  #detailScreen .detail-fixed-top{
    max-width:1136px!important;
  }
}
@media screen and (max-width:768px){
  /* No celular/tablet não aplica o zoom do PC */
  #detailScreen{zoom:1!important;}
}



/* VCD — CORREÇÃO: restaurar tamanhos de texto dos cards e músicas
   O título do CD aberto permanece menor. */
#homeScreen .cd-grid .cd-card > .cd-title{
  font-size:16px !important;
  line-height:1.25 !important;
}

@media screen and (min-width:769px){
  #detailScreen .track-name-label,
  #detailScreen .track-card .track-name-label{
    font-size:0.95rem !important;
    line-height:1.3 !important;
  }
}

/* VCD — imagens: usar qualidade original, sem filtro de baixa resolução */
.cd-card img,
#detailScreen img {
  image-rendering: auto;
}


/* VCD — título dos CDs na página inicial: respeitar a escrita do cadastro. */
#homeScreen .cd-grid .cd-card > .cd-title,
#homeScreen .cd-grid .cd-card > .cd-title * {
    text-transform: none !important;
}

/* SOMENTE os 2 ajustes autorizados */
@media (max-width:768px){
  .bottom-player{
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    left:0!important;
    right:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* ÚNICO AJUSTE AUTORIZADO — ROLAGEM DO CELULAR */
@media screen and (max-width: 768px) {
  html {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: auto !important;
  }
  body {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}

/* AJUSTE FINAL — CARD ENCOSTADO NO CABEÇALHO
   SOMENTE CELULAR. TAMANHO ORIGINAL PRESERVADO. */
@media screen and (max-width:768px) {
  #detailScreen .detail-fixed-top {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 2147483000 !important;
    box-sizing: border-box !important;
  }
}

/* VCD — SOMENTE ROLAGEM DA PÁGINA INICIAL
   Não altera card, capa, botões ou player. */
@media screen and (max-width:768px) {
  html {
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
  body {
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
  body > .app-container {
    overflow: visible !important;
  }
  #homeScreen {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
  }
  #homeScreen .scrollable-content {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
  }
}


/* =========================================================
   VCD FINAL — HOME PODE ROLAR NOVAMENTE
   ========================================================= */
html, body {
  height:auto !important;
  min-height:100% !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
}
body {
  display:block !important;
  -webkit-overflow-scrolling:touch !important;
}
body > .app-container,
.app-container {
  height:auto !important;
  min-height:100dvh !important;
  max-height:none !important;
  overflow:visible !important;
}
#homeScreen,
#homeScreen.screen,
#homeScreen.screen.active {
  height:auto !important;
  min-height:100dvh !important;
  max-height:none !important;
  overflow:visible !important;
}
#homeScreen > .scrollable-content {
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
}

/* =========================================================
   VCD FINAL — CATEGORIAS FORA DO ABRIR MENU
   ========================================================= */
#homeScreen > .scrollable-content > #categoriesNav.vcd-categories-home {
  position:relative !important;
  z-index:50 !important;
  width:calc(100% - 20px) !important;
  height:54px !important;
  min-height:54px !important;
  margin:0 10px 10px !important;
  padding:7px 8px !important;
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:8px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  -webkit-overflow-scrolling:touch !important;
  scrollbar-width:none !important;
  background:#000 !important;
  box-sizing:border-box !important;
}
#homeScreen > .scrollable-content > #categoriesNav.vcd-categories-home::-webkit-scrollbar {
  display:none !important;
}
#homeScreen > .scrollable-content > #categoriesNav.vcd-categories-home .cat-btn {
  flex:0 0 auto !important;
  width:auto !important;
  min-width:82px !important;
  height:40px !important;
  min-height:40px !important;
  max-height:40px !important;
  margin:0 !important;
  padding:4px 13px !important;
  border-radius:9px !important;
  white-space:nowrap !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:800 !important;
  box-sizing:border-box !important;
}
@media screen and (max-width:768px) {
  #homeScreen > .scrollable-content > #categoriesNav.vcd-categories-home {
    width:calc(100% - 16px) !important;
    height:50px !important;
    min-height:50px !important;
    max-height:50px !important;
    margin:0 8px 8px !important;
    padding:6px 7px !important;
    gap:6px !important;
  }
  #homeScreen > .scrollable-content > #categoriesNav.vcd-categories-home .cat-btn {
    min-width:76px !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    padding:4px 11px !important;
    font-size:14px !important;
  }
}
@media screen and (min-width:769px) {
  #homeScreen > .scrollable-content > #categoriesNav.vcd-categories-home {
    width:calc(100% - 30px) !important;
    margin-left:15px !important;
    margin-right:15px !important;
  }
}
.app-container.vcd-cd-open #categoriesNav.vcd-categories-home {
  display:none !important;
}


/* =========================================================
   VCD — CORREÇÃO FINAL: HOME SEM TRAVAMENTO DE ROLAGEM
   ========================================================= */
html {
  height:auto !important;
  min-height:100% !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  scroll-behavior:auto !important;
}
body {
  height:auto !important;
  min-height:100% !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch !important;
}
body > .app-container,
.app-container {
  height:auto !important;
  min-height:100dvh !important;
  max-height:none !important;
  overflow:visible !important;
}
#homeScreen,
#homeScreen.screen,
#homeScreen.screen.active {
  position:relative !important;
  top:auto !important;
  left:auto !important;
  inset:auto !important;
  height:auto !important;
  min-height:100dvh !important;
  max-height:none !important;
  overflow:visible !important;
  overflow-y:visible !important;
}
#homeScreen > .scrollable-content {
  position:relative !important;
  display:block !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  overflow-y:visible !important;
}

/* =========================================================
   VCD — CATEGORIAS: FORA DO MENU E NO FLUXO NORMAL
   ========================================================= */
#homeScreen > .scrollable-content > #categoriesNav.vcd-categories-home {
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  inset:auto !important;
  transform:none !important;
  float:none !important;
  display:flex !important;
  width:calc(100% - 30px) !important;
  max-width:none !important;
  height:54px !important;
  min-height:54px !important;
  max-height:54px !important;
  margin:8px 15px 10px !important;
  padding:7px 8px !important;
  gap:8px !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:nowrap !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  -webkit-overflow-scrolling:touch !important;
  scrollbar-width:none !important;
  background:#000 !important;
  box-shadow:none !important;
  z-index:2 !important;
  box-sizing:border-box !important;
}
#homeScreen > .scrollable-content > #categoriesNav.vcd-categories-home::-webkit-scrollbar {
  display:none !important;
}
#homeScreen > .scrollable-content > #categoriesNav.vcd-categories-home .cat-btn {
  position:relative !important;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:82px !important;
  height:40px !important;
  min-height:40px !important;
  max-height:40px !important;
  margin:0 !important;
  padding:4px 14px !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  border-radius:9px !important;
  box-sizing:border-box !important;
}

/* Banner sempre fica DEPOIS da barra de categorias. */
#homeScreen > .scrollable-content > #categoriesNav.vcd-categories-home + .vcd-large-banner-area,
#homeScreen > .scrollable-content > #categoriesNav.vcd-categories-home + .vcd-large-banner-slider,
#homeScreen > .scrollable-content > #categoriesNav.vcd-categories-home + .vcd-banners-real-area {
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  transform:none !important;
  margin-top:0 !important;
  z-index:1 !important;
}

/* Carrossel pequeno também permanece no fluxo normal. */
#homeScreen > .scrollable-content > .vcd-banners-real-area {
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  transform:none !important;
  height:auto !important;
  max-height:none !important;
  overflow:hidden !important;
}

/* Nunca bloquear a rolagem por uma camada invisível. */
#vcdMenuOverlay[aria-hidden="true"],
#vcdLoginOverlay[aria-hidden="true"] {
  pointer-events:none !important;
}
#vcdMenuOverlay[aria-hidden="true"] *,
#vcdLoginOverlay[aria-hidden="true"] * {
  pointer-events:none !important;
}

@media (max-width:768px) {
  #homeScreen > .scrollable-content > #categoriesNav.vcd-categories-home {
    width:calc(100% - 16px) !important;
    height:50px !important;
    min-height:50px !important;
    max-height:50px !important;
    margin:6px 8px 8px !important;
    padding:6px 7px !important;
    gap:6px !important;
  }
  #homeScreen > .scrollable-content > #categoriesNav.vcd-categories-home .cat-btn {
    min-width:76px !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    padding:4px 11px !important;
    font-size:14px !important;
  }
}

/* PC: a página continua larga e rolável, sem largura forçada na barra. */
@media (min-width:769px) {
  #homeScreen > .scrollable-content > #categoriesNav.vcd-categories-home {
    width:calc(100% - 30px) !important;
    max-width:none !important;
    margin-left:15px !important;
    margin-right:15px !important;
  }
}

/* =========================================================
   VCD — CATEGORIAS COLADAS NA BARRA DE PESQUISA
   SOMENTE POSIÇÃO. NÃO ALTERA O RESTANTE.
   ========================================================= */
#homeScreen > .scrollable-content > #categoriesNav.vcd-categories-home {
  margin-top: -52px !important;
  margin-bottom: 10px !important;
}

/* No celular: deixar a barra praticamente encostada
   na barra de pesquisa, mantendo apenas pequeno respiro. */
@media screen and (max-width: 768px) {
  #homeScreen > .scrollable-content > #categoriesNav.vcd-categories-home {
    margin-top: -44px !important;
    margin-bottom: 8px !important;
  }
}

/* VCD — CATEGORIAS: POSIÇÃO ESTRUTURAL NO PC
   Mantém 1280px e move o bloco inteiro no fluxo.
   Não altera o celular. */
@media screen and (min-width: 769px) {
  #homeScreen > .scrollable-content > .vcd-category-pc-anchor {
    display: block !important;
    position: relative !important;
    width: 1280px !important;
    max-width: 1280px !important;
    min-width: 1280px !important;
    height: 54px !important;
    margin: 0 auto 8px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    z-index: 1000 !important;
    transform: translateY(-40px) !important;
  }

  #homeScreen > .scrollable-content > .vcd-category-pc-anchor > #categoriesNav.vcd-categories-home {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 1280px !important;
    min-width: 1280px !important;
    max-width: 1280px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
}

/* VCD — RESTAURA PADRÃO: categorias acima do banner, logo abaixo da pesquisa */
@media screen and (min-width: 769px) {
  #homeScreen > .scrollable-content > #categoriesNav.vcd-categories-home {
    position: relative !important;
    display: flex !important;
    top: -8px !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;

    width: 1280px !important;
    min-width: 1280px !important;
    max-width: 1280px !important;

    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;

    z-index: 50 !important;
  }

  /* Banner permanece depois das categorias, no fluxo normal. */
  #homeScreen > .scrollable-content > .vcd-large-banner-area,
  #homeScreen > .scrollable-content > .vcd-large-banner-slider,
  #homeScreen > .scrollable-content > .vcd-banners-real-area {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
  }
}

/* VCD — CATEGORIAS ENTRE CABEÇALHO E PESQUISA — ESTRUTURA REAL */
.vcd-categories-between-header-search {
  width: 100%;
  box-sizing: border-box;
}

@media screen and (min-width: 769px) {
  .vcd-categories-between-header-search {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 1000 !important;
  }

  .vcd-categories-between-header-search > #categoriesNav.vcd-categories-home {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    float: none !important;

    width: 1280px !important;
    min-width: 1280px !important;
    max-width: 1280px !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;

    margin: 0 !important;
    padding: 6px 7px !important;
    box-sizing: border-box !important;
    z-index: 1001 !important;
  }
}

/* No celular, mantém o comportamento existente da barra. */
@media screen and (max-width: 768px) {
  .vcd-categories-between-header-search {
    width: 100% !important;
  }
}