/* ======================================== */
    /*        Estilos Específicos da Página     */
    /* ======================================== */

    /* Seção Hero do Gênero */
    .genre-hero {
        padding: 4rem 1rem;
        text-align: center;
        border-radius: 1rem;
        position: relative;
        overflow: hidden;
        border: 1px solid var(--brand-border);
        animation: fadeInUp 0.5s ease-out;

        /* Gradiente de fundo dinâmico (exemplo para Rock) */
        background-image: linear-gradient(145deg, rgba(220, 38, 38, 0.1), rgba(0, 0, 0, 0.5)),
            radial-gradient(ellipse at bottom, var(--brand-bg-content) 0%, var(--brand-bg-dark) 100%);
    }

    .genre-hero .hero-icon {
        font-size: 5rem;
        color: var(--color-primary);
        margin-bottom: 1rem;
        text-shadow: 0 0 20px rgba(255, 255, 255, 0.1);
        opacity: 0.8;
    }

    .genre-hero h1 {
        font-size: 2.5rem;
        font-weight: 900;
        color: var(--color-text-primary);
        letter-spacing: -0.05em;
        margin-bottom: 0.5rem;
    }

    .genre-hero p {
        max-width: 600px;
        margin: 0 auto;
        font-size: 0.9rem;
    }

    @media (min-width: 768px) {
        .genre-hero {
            padding: 5rem 1rem;
            padding-bottom: 0;
        }

        .genre-hero h1 {
            font-size: 3.5rem;
        }

        .genre-hero p {
            font-size: 1rem;
        }

    }

    @media (max-width: 767px) {
        .contax-genero>div {
            width: 340px !important;
        }
    }

    /* Badges de Gêneros Relacionados */
    .related-genres {
        text-align: center;
        padding: 2rem 0;
        animation: fadeInUp 0.6s ease-out;
    }

    .related-genres .badge-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.5rem;
    }

    .related-genres .genre-badge {
        background-color: var(--color-bg-content);
        color: var(--color-text-secondary);
        border: 1px solid var(--color-border);
        padding: var(--spacing-1) var(--spacing-4);
        border-radius: var(--border-radius-full);
        font-size: var(--fs-sm);
        font-weight: 500;
        cursor: pointer;
        transition: var(--transition-fast);
    }

    .related-genres .genre-badge:hover {
        color: var(--color-text-primary);
        border-color: var(--brand-border);
        transform: translateY(-2px);
    }

    /* Lista de Músicas (Reutilizando e Adaptando Estilo `song-item`) */
    .lyrics-list-section {
        animation: fadeInUp 0.7s ease-out;
    }

    .lyrics-list-section h2 {
        font-size: 1.75rem;
        font-weight: 700;
        color: var(--color-text-primary);
        margin-bottom: 1.5rem;
    }

    .song-list {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
    }

    .song-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.75rem;
        border-radius: 0.5rem;
        transition: background-color 0.2s ease;
    }

    .song-item:hover {
        background-color: var(--brand-bg-elevated);
    }

    .song-item .song-info {
        display: flex;
        align-items: center;
        gap: 1rem;
        overflow: hidden;
    }

    .song-item .song-info img {
        width: 48px;
        height: 48px;
        object-fit: cover;
        border-radius: 0.25rem;
        flex-shrink: 0;
    }

    .song-item .song-info div {
        overflow: hidden;
    }

    .song-item .song-info h3 {
        font-size: 0.95rem;
        font-weight: 500;
        color: var(--color-text-primary);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .song-item .song-info p {
        font-size: 0.8rem;
        color: var(--brand-text-tertiary);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .song-item .song-actions {
        display: flex;
        align-items: center;
        gap: 1rem;
        flex-shrink: 0;
        margin-left: 1rem;
    }

    .song-item .song-actions i {
        font-size: 1.25rem;
        color: var(--brand-text-tertiary);
    }

    .song-item .song-actions .play-icon {
        opacity: 0;
        color: var(--color-text-primary);
        transform: scale(0.8);
        transition: opacity 0.2s, transform 0.2s;
    }

    .song-item:hover .play-icon {
        opacity: 1;
        transform: scale(1);
    }

    /* Botão Ver Mais */
    .load-more-container {
        text-align: center;
        margin-top: 2rem;
    }

    .btn-load-more {
        background-color: var(--brand-bg-elevated);
        color: var(--color-text-primary);
        border: 1px solid var(--brand-border);
        padding: 0.75rem 1.5rem;
        border-radius: 9999px;
        font-weight: 600;
        font-size: 0.875rem;
        transition: all 0.2s;
    }

    .btn-load-more:hover {
        background-color: var(--brand-primary);
        color: var(--brand-bg-dark);
        border-color: var(--brand-primary);
    }

    .contax-genero {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .contax-genero>div {
        width: 600px;
    }