@media (max-width:900px){
    .main-nav{
        position:fixed;
        top:var(--header-height);
        left:0;
        right:0;
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:20px;
        padding:25px;
        background:rgba(8,8,8,.98);
        border-bottom:1px solid var(--color-border);
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transform:translateY(-14px);
        transition:opacity .28s ease,transform .28s ease,visibility .28s ease;
    }
    .main-nav.open{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:translateY(0);
    }
    .main-nav a{
        opacity:0;
        transform:translateY(-7px);
        transition:opacity .22s ease,transform .22s ease,color .2s ease;
    }
    .main-nav.open a{
        opacity:1;
        transform:translateY(0);
    }
    .main-nav.open a:nth-child(1){transition-delay:.03s}
    .main-nav.open a:nth-child(2){transition-delay:.05s}
    .main-nav.open a:nth-child(3){transition-delay:.07s}
    .main-nav.open a:nth-child(4){transition-delay:.09s}
    .main-nav.open a:nth-child(5){transition-delay:.11s}
    .main-nav.open a:nth-child(6){transition-delay:.13s}
    .main-nav.open a:nth-child(7){transition-delay:.15s}
    .main-nav.open a:nth-child(8){transition-delay:.17s}
    .menu-toggle{display:block}
    .hero{min-height:calc(100vh - var(--header-height) - var(--player-height));min-height:calc(100svh - var(--header-height) - var(--player-height))}
    .schedule-days{grid-template-columns:repeat(4,1fr)}
    .hero-content{grid-template-columns:1fr;gap:45px}
    .hero-now-playing{display:none}
    .cards-grid,.news-grid{grid-template-columns:1fr 1fr}
    .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){:root{--header-height:70px;--player-height:76px}.container{width:calc(100% - 30px)}.logo{width:145px}.hero{min-height:calc(100vh - var(--header-height) - var(--player-height));min-height:calc(100svh - var(--header-height) - var(--player-height))}.hero h1{font-size:50px}.hero p{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.section{padding:75px 0}.cards-grid,.news-grid{grid-template-columns:1fr}.page-header{padding:90px 0 60px}.page-header h1{font-size:52px}.schedule-item{grid-template-columns:1fr;gap:12px}.schedule-days{grid-template-columns:repeat(2,1fr)}.schedule-day{min-height:62px;padding:10px 6px}.schedule-day strong{font-size:10px}.footer-grid{grid-template-columns:1fr;gap:35px;padding:60px 0}.player-container{width:calc(100% - 20px);gap:12px}.player-cover{width:45px;height:45px;flex-basis:45px}.player-play{width:46px;height:46px}.player-live{display:none}.player-status{font-size:8px}.player-track strong{font-size:13px}.large-text{font-size:24px}}
@media (max-width: 600px) {
    .crossfade-media-layer {
        transition-duration: 1.1s;
    }
}


@media (max-width: 900px) {
    .partners-intro-grid,
    .partners-cta {
        grid-template-columns: 1fr;
    }

    .partners-opportunities {
        grid-template-columns: 1fr 1fr;
    }

    .partners-current-box {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .partners-current-mark {
        justify-self: end;
    }
}

@media (max-width: 600px) {
    .partners-introduction,
    .partners-opportunities-section,
    .partners-current-section,
    .partners-cta-section {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .partners-opportunities {
        grid-template-columns: 1fr;
    }

    .partner-opportunity-card {
        min-height: 230px;
        padding: 26px;
    }

    .partner-opportunity-card h3 {
        margin-top: 48px;
    }

    .partners-current-box {
        padding: 28px;
    }

    .partners-current-mark {
        font-size: 100px;
    }

    .partners-cta {
        padding-top: 50px;
    }
}


@media (max-width: 900px) {
    .about-manifesto-grid,
    .about-explore {
        grid-template-columns: 1fr;
    }

    .about-pillars {
        grid-template-columns: 1fr 1fr;
    }

    .about-statement {
        grid-template-columns: 1fr;
    }

    .about-statement-mark {
        justify-self: end;
    }

    .about-explore-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 600px) {
    .about-manifesto-section,
    .about-pillars-section,
    .about-statement-section,
    .about-explore-section {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .about-pillars {
        grid-template-columns: 1fr;
    }

    .about-pillar-card {
        min-height: 235px;
        padding: 26px;
    }

    .about-pillar-card h3 {
        margin-top: 48px;
    }

    .about-statement {
        padding: 28px;
    }

    .about-statement-mark {
        font-size: 105px;
    }

    .about-explore {
        padding-top: 50px;
    }

    .about-explore-actions {
        display: grid;
        width: 100%;
    }
}


@media (max-width: 900px) {
    .schedule-overview,
    .event-detail-facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .schedule-section-intro,
    .program-detail-times,
    .event-featured {
        grid-template-columns: 1fr;
    }

    .schedule-section-intro {
        display: grid;
    }

    .program-detail-schedule-link {
        grid-column: 1;
    }

    .event-featured-image {
        min-height: 360px;
        max-height: 520px;
    }
}

@media (max-width: 600px) {
    .schedule-overview,
    .event-detail-facts {
        grid-template-columns: 1fr;
    }

    .schedule-overview {
        margin-bottom: 40px;
    }

    .schedule-section-intro {
        margin-bottom: 22px;
    }

    .programs-schedule-cta {
        align-items: flex-start;
        flex-direction: column;
    }

    .program-detail-schedule-section {
        padding: 60px 0;
    }

    .program-detail-times {
        gap: 32px;
    }

    .program-detail-time-item {
        grid-template-columns: 1fr 1fr;
    }

    .program-detail-time-item small {
        grid-column: 1 / -1;
    }

    .event-featured {
        min-height: 0;
    }

    .event-featured-image {
        min-height: 260px;
    }

    .event-featured-content {
        padding: 30px 26px 34px;
    }

    .events-more-heading {
        margin-top: 55px;
    }

    .footer-socials {
        margin-top: 18px;
    }

    .not-found-page {
        padding: 65px 0;
    }

    .not-found-code {
        top: 20px;
        right: 15px;
        transform: none;
        font-size: 170px;
    }

    .not-found-actions {
        display: grid;
    }
}


@media (max-width: 1000px) {
    .partners-brand-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .partners-brand-grid {
        grid-template-columns: 1fr;
    }

    .partner-brand-card {
        grid-template-columns: 82px minmax(0, 1fr);
        gap: 18px;
        min-height: 0;
        padding: 22px;
    }

    .partner-brand-logo {
        width: 82px;
        height: 82px;
    }

    .past-events-section {
        margin-top: 60px;
        padding-top: 60px;
    }
}


/* ==========================================================================
   PLAYER MOBILE — VISUALIZER COMO FUNDO
   ========================================================================== */

@media (max-width: 700px) {

    .radio-player {
        overflow: hidden;
        isolation: isolate;
        background: rgba(7, 7, 7, .94);
    }

    /*
     * O canvas sai do fluxo do flex e ocupa todo o player.
     * O estilo escolhido pelo usuário continua sendo respeitado.
     */
    /*
     * Incluímos explicitamente os estados playing/buffering/reconnecting
     * porque components.css possui seletores mais específicos que antes
     * forçavam opacity: 1 durante a reprodução.
     */
    .radio-player .player-visualizer-wrap,
    .radio-player.playing .player-visualizer-wrap,
    .radio-player.buffering .player-visualizer-wrap,
    .radio-player.reconnecting .player-visualizer-wrap {
        position: absolute;
        inset: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        max-width: none;
        flex: none;
        opacity: var(--mobile-visualizer-opacity, .23);
        pointer-events: none;
        transform: scaleX(1.025);
        transform-origin: center;
    }

    .radio-player #player-visualizer {
        width: 100%;
        height: 100%;
    }

    /*
     * Duas zonas escuras protegem a leitura:
     * - mais forte atrás das informações da faixa;
     * - suave atrás dos controles.
     * O visualizer continua visível entre elas e nas bordas.
     */
    .radio-player::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        background:
            linear-gradient(
                90deg,
                rgba(7, 7, 7, .78) 0%,
                rgba(7, 7, 7, .60) 36%,
                rgba(7, 7, 7, .22) 63%,
                rgba(7, 7, 7, .48) 100%
            ),
            linear-gradient(
                180deg,
                rgba(7, 7, 7, .16) 0%,
                rgba(7, 7, 7, .34) 100%
            );
    }

    .radio-player .player-info,
    .radio-player .player-controls,
    .radio-player .player-live {
        position: relative;
        z-index: 2;
    }

    /*
     * No mobile o seletor continua disponível. Ele fica compacto,
     * integrado aos controles e acima do visualizer de fundo.
     */
    .radio-player .player-visualizer-style {
        display: grid;
        width: 32px;
        height: 32px;
        flex: 0 0 32px;
        font-size: 12px;
        border-color: rgba(255,255,255,.18);
        background: rgba(8,8,8,.46);
        backdrop-filter: blur(8px);
    }

    /*
     * Quando pausado, o canvas para de receber novos dados e fica
     * visualmente mais discreto junto com o estado do player.
     */
    .radio-player:not(.playing) .player-visualizer-wrap {
        opacity: calc(var(--mobile-visualizer-opacity, .23) * .57);
    }
}

@media (max-width: 520px) {

    .radio-player .player-visualizer-wrap,
    .radio-player.playing .player-visualizer-wrap,
    .radio-player.buffering .player-visualizer-wrap,
    .radio-player.reconnecting .player-visualizer-wrap {
        opacity: var(--mobile-visualizer-opacity, .20);
    }

    .radio-player:not(.playing) .player-visualizer-wrap {
        opacity: calc(var(--mobile-visualizer-opacity, .20) * .55);
    }

    .radio-player::after {
        background:
            linear-gradient(
                90deg,
                rgba(7, 7, 7, .82) 0%,
                rgba(7, 7, 7, .64) 43%,
                rgba(7, 7, 7, .30) 68%,
                rgba(7, 7, 7, .53) 100%
            ),
            linear-gradient(
                180deg,
                rgba(7, 7, 7, .18) 0%,
                rgba(7, 7, 7, .38) 100%
            );
    }
}

@media (prefers-reduced-motion: reduce) and (max-width: 700px) {
    .radio-player .player-visualizer-wrap {
        opacity: calc(var(--mobile-visualizer-opacity, .20) * .50);
    }
}


@media (max-width: 520px) {
    .radio-player .player-controls {
        gap: 5px;
    }

    .radio-player .player-visualizer-style {
        width: 29px;
        height: 29px;
        flex-basis: 29px;
        font-size: 11px;
    }

    .radio-player .player-volume-button {
        width: 28px;
        height: 28px;
    }
}


@media (max-width: 700px) {
    .radio-player.visualizer-mobile-disabled .player-visualizer-wrap {
        display: none !important;
    }
}


/* ==========================================================================
   EVENTO — DETALHE RESPONSIVO
   ========================================================================== */

@media (max-width: 900px) {
    .event-detail-hero {
        padding: 80px 0 54px;
    }

    .event-detail-heading h1 {
        font-size: clamp(46px, 9vw, 72px);
    }

    .event-detail-media {
        padding-top: 38px;
    }

    .event-detail-image img {
        max-height: 560px;
    }
}

@media (max-width: 600px) {
    .event-detail-hero {
        padding: 64px 0 44px;
    }

    .event-detail-hero::after {
        width: 145px;
        height: 145px;
        right: -35px;
        bottom: -70px;
    }

    .event-detail-breadcrumb {
        margin-bottom: 26px;
    }

    .event-detail-heading .eyebrow {
        margin-bottom: 15px;
        line-height: 1.5;
    }

    .event-detail-heading h1 {
        font-size: clamp(40px, 13vw, 56px);
        line-height: .98;
    }

    .event-detail-intro {
        margin-top: 22px;
        font-size: 16px;
        line-height: 1.65;
    }

    .event-detail-media {
        padding-top: 26px;
    }

    .event-detail-image {
        border-radius: var(--radius-medium);
    }

    .event-detail-image img {
        max-height: none;
    }

    .event-detail-content-section {
        padding-top: 45px;
    }

    .event-detail-facts {
        margin-bottom: 38px;
    }

    .event-detail-body {
        font-size: 15px;
        line-height: 1.75;
    }
}


/* Fase 3.3 — histórico musical */
@media (max-width: 900px) {
    .played-history-filters {
        grid-template-columns: 1fr 1fr;
    }

    .played-history-search {
        grid-column: 1 / -1;
    }

    .played-history-filters .button {
        align-self: end;
    }
}

@media (max-width: 600px) {
    .played-history-filters {
        grid-template-columns: 1fr;
        padding: 18px;
    }

    .played-history-search {
        grid-column: auto;
    }

    .played-history-summary {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .played-history-top {
        padding-left: 0;
        padding-top: 24px;
        border-left: 0;
        border-top: 1px solid var(--color-border);
    }
}


/* Fase 3.4 — favoritos e compartilhamento */
@media (max-width: 700px) {
    .radio-player .player-action {
        width:32px;
        height:32px;
        flex-basis:32px;
        border-color:rgba(255,255,255,.18);
        background:rgba(8,8,8,.46);
        backdrop-filter:blur(8px);
        font-size:12px;
    }
}

@media (max-width: 600px) {
    .page-header-actions {
        margin-top: 22px;
    }

    .page-header-actions .button {
        width: 100%;
    }

    .played-history-item {
        grid-template-columns: 58px 54px minmax(0,1fr);
    }

    .played-history-actions {
        grid-column: 2 / -1;
        justify-content: flex-end;
        padding-bottom: 4px;
    }

    .favorite-track-item {
        grid-template-columns: 54px minmax(0,1fr) auto;
        gap: 12px;
    }

    .favorite-track-item > img {
        width: 54px;
        height: 54px;
    }

    .favorites-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 520px) {
    .radio-player .player-action {
        width:29px;
        height:29px;
        flex-basis:29px;
        font-size:11px;
    }

    .favorite-track-actions {
        gap: 5px;
    }

    .favorite-track-actions .track-action {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
    }
}


@media (min-width: 601px) and (max-width: 700px) {
    .played-history-item {
        grid-template-columns: 58px 54px minmax(0,1fr) auto;
    }
}


/* Fase 3.5 — PWA / pedidos */
@media (max-width: 700px) {
    .pwa-install-prompt {
        right: 12px;
        bottom: calc(var(--player-height) + 12px);
        grid-template-columns: 42px minmax(0, 1fr) auto;
        gap: 10px;
        width: calc(100% - 24px);
        padding: 11px;
        border-radius: 13px;
    }

    .pwa-install-prompt > img {
        width: 42px;
        height: 42px;
        border-radius: 9px;
    }

    .pwa-install-copy strong {
        font-size: 12px;
    }

    .pwa-install-copy span {
        font-size: 10px;
    }

    .pwa-install-button {
        height: 32px;
        padding: 0 10px;
        font-size: 10px;
    }

    .pwa-install-close {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 520px) {
    .pwa-install-prompt {
        grid-template-columns: 38px minmax(0,1fr);
    }

    .pwa-install-prompt > img {
        width: 38px;
        height: 38px;
    }

    .pwa-install-actions {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}


/* ==========================================================================
   FASE 4.1 — REVISÃO VISUAL GLOBAL / RESPONSIVO
   ========================================================================== */

@media (max-width: 900px) {
    .page-header {
        padding-top: 105px;
        padding-bottom: 68px;
    }

    .page-header .page-breadcrumb {
        margin-bottom: 24px;
    }

    .page-header h1 {
        font-size: clamp(46px, 8vw, 70px);
    }
}

@media (max-width: 600px) {
    .page-header {
        padding-top: 78px;
        padding-bottom: 50px;
    }

    .page-header .page-breadcrumb {
        margin-bottom: 21px;
    }

    .page-header .eyebrow {
        margin-bottom: 14px;
    }

    .page-header h1 {
        margin-bottom: 17px;
        font-size: clamp(40px, 13vw, 52px);
        line-height: .98;
    }

    .page-header p {
        font-size: 16px;
        line-height: 1.65;
    }

    .page-header-actions {
        align-items: stretch;
        margin-top: 22px;
    }

    .page-header-actions .button {
        width: 100%;
    }

    .breadcrumb {
        gap: 6px;
        font-size: 10px;
    }

    .empty-state {
        padding-top: 68px;
        padding-bottom: 68px;
    }

    .empty-state h2 {
        font-size: clamp(36px, 11vw, 46px);
    }

    .empty-state p {
        font-size: 16px;
    }

    .empty-state .button {
        width: 100%;
    }

    .contact-form input,
    .contact-form select,
    .contact-form textarea,
    .played-history-filters input,
    .played-history-filters select {
        font-size: 16px;
    }
}


/* Fase 4.2 — controles do player em telas estreitas */
@media (max-width: 700px) {
    .radio-player .player-controls {
        gap: 6px;
    }

    .radio-player .player-action,
    .radio-player .player-visualizer-style {
        min-width: 32px;
        min-height: 32px;
    }
}

@media (max-width: 520px) {
    .radio-player .player-controls {
        gap: 4px;
    }

    .radio-player .player-action,
    .radio-player .player-visualizer-style {
        min-width: 29px;
        min-height: 29px;
    }
}


/* Fase 4.3 — programa inteligente */
@media (max-width: 760px) {
    .program-detail-section-heading {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .program-detail-history-meta {
        justify-items: start;
        text-align: left;
    }

    .program-detail-history-meta span {
        max-width: none;
    }

    .program-recent-track {
        grid-template-columns: 50px 54px minmax(0,1fr);
        gap: 12px;
    }

    .program-recent-track > img {
        width: 54px;
        height: 54px;
    }

    .program-recent-track-actions {
        grid-column: 2 / -1;
        justify-content: flex-end;
        padding-bottom: 3px;
    }
}

@media (max-width: 520px) {
    .program-detail-kicker {
        align-items: flex-start;
        flex-direction: column;
        gap: 9px;
    }

    .program-recent-track {
        grid-template-columns: 45px 50px minmax(0,1fr);
        gap: 10px;
    }

    .program-recent-track > img {
        width: 50px;
        height: 50px;
    }
}


/* Fase 4.4 — estatísticas musicais */
@media (max-width: 900px) {
    .music-stats-overview {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .music-stats-grid {
        grid-template-columns: 1fr;
    }

    .music-ranking-tracks {
        grid-row: auto;
    }
}

@media (max-width: 600px) {
    .music-stats-periods {
        display: grid;
        grid-template-columns: repeat(2, minmax(0,1fr));
        gap: 7px;
    }

    .music-stats-period {
        justify-content: center;
        padding-inline: 10px;
        font-size: 10px;
    }

    .music-stats-overview {
        grid-template-columns: 1fr 1fr;
        margin-bottom: 45px;
    }

    .music-stats-overview article {
        padding: 21px 18px;
    }

    .music-stats-overview strong {
        font-size: clamp(36px,11vw,48px);
    }

    .music-ranking {
        padding: 23px 19px;
    }

    .music-ranking-item {
        grid-template-columns: 24px minmax(0,1fr) auto;
        gap: 10px;
    }
}


/* Fase 4.5 — programação integrada */
@media (max-width: 700px) {
    .program-detail-next-airing {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }
}

@media (max-width: 600px) {
    .program-number.schedule-live,
    .program-number.schedule-next,
    .program-number.schedule-special,
    .program-number.schedule-off {
        max-width: 100%;
        line-height: 1.35;
    }
}


/* Fase 4.6 — compartilhamento */
@media (max-width: 600px) {
    .detail-share-button {
        min-height: 42px;
    }
}


/* Ajustes pós-Fase 4 — programa / notícia */
@media (max-width: 700px) {
    .program-detail-share {
        margin-bottom: 24px;
    }

    .program-detail-info-cards {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .program-detail-info-cards .program-detail-schedule,
    .program-detail-info-cards .program-detail-next-airing {
        min-height: 0;
    }
}


/* Fase 5 */
@media (max-width: 1000px) {
    .no-air-hero {
        grid-template-columns: minmax(220px,320px) minmax(0,1fr);
    }

    .no-air-next {
        grid-column: 1 / -1;
    }

    .schedule-timeline-horizontal {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .charts-layout,
    .artist-detail-grid,
    .track-detail-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .no-air-hero,
    .track-detail-hero {
        grid-template-columns: 1fr;
    }

    .no-air-cover,
    .track-detail-hero > img {
        width: min(100%, 390px);
    }

    .no-air-grid {
        grid-template-columns: 1fr;
    }

    .my-house-collections {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .home-section-links {
        justify-content: flex-start;
        gap: 12px;
    }

    .no-air-live-section {
        padding-top: 45px;
    }

    .no-air-hero {
        padding-bottom: 50px;
    }

    .no-air-track h2,
    .track-detail-hero h1 {
        font-size: clamp(40px,13vw,58px);
    }

    .no-air-actions {
        display: grid;
    }

    .no-air-grid {
        padding-top: 50px;
    }

    .schedule-timeline-horizontal {
        grid-template-columns: 1fr;
    }

    .chart-row {
        grid-template-columns: 34px minmax(0,1fr) auto;
    }

    .chart-row > i {
        display: none;
    }

    .chart-plays small {
        display: none;
    }

    .charts-artists,
    .artist-programs,
    .my-house-collection {
        padding: 22px;
    }

    .my-house-actions {
        display: grid;
        width: 100%;
    }

    .my-house-actions .detail-share-button {
        width: 100%;
    }
}


/* Parceiros na Home */
@media (max-width: 980px) {
    .home-partners-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .home-partners {
        margin-top: 54px;
        padding-top: 48px;
    }

    .home-partners-heading {
        display: grid;
        align-items: start;
    }

    .home-partners-grid {
        grid-template-columns: 1fr;
    }

    .home-partner-card {
        grid-template-columns: 108px minmax(0, 1fr);
        grid-template-rows: auto;
    }

    .home-partner-logo {
        border-right: 1px solid var(--color-border);
        border-bottom: 0;
    }

    .home-partner-logo img {
        height: 62px;
    }
}


/* Ajustes visuais — horários completos */
@media (max-width: 900px) {
    .program-detail-time-item {
        grid-template-columns: minmax(0, 1fr) minmax(125px, auto);
        gap: 8px 22px;
        align-items: start;
    }

    .program-detail-time-description {
        grid-column: 1 / -1;
    }
}

@media (max-width: 600px) {
    .program-detail-time-item {
        grid-template-columns: 1fr;
        gap: 7px;
    }

    .program-detail-time-hours,
    .program-detail-time-description {
        grid-column: 1;
    }
}


/* Fase 6 */
@media (max-width: 980px) {
    .home-editorial-grid,
    .discovery-trend-grid {
        grid-template-columns: 1fr 1fr;
    }

    .discovery-columns {
        grid-template-columns: 1fr;
    }

    .related-artist-grid,
    .related-track-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 700px) {
    .home-editorial-heading {
        display: grid;
        align-items: start;
    }

    .home-editorial-grid,
    .discovery-trend-grid,
    .discovery-artist-grid,
    .program-music-profile-grid,
    .my-house-recommendation-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .related-artist-grid,
    .related-track-grid {
        grid-template-columns: 1fr;
    }

    .discovery-trend-card {
        grid-template-columns: 28px minmax(0,1fr) auto;
        padding: 15px;
    }
}


/* Fase 6 */
@media (max-width: 900px) {
    .home-editorial-grid {
        grid-template-columns: 1fr 1fr;
    }

    .discovery-radar-grid {
        grid-template-columns: 1fr;
    }

    .program-insights-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .home-editorial-heading {
        display: grid;
        align-items: start;
    }

    .home-editorial-grid,
    .discovery-classics-grid,
    .my-house-recommendation-list {
        grid-template-columns: 1fr;
    }

    .discovery-classics-grid {
        margin-top: 50px;
        padding-top: 45px;
    }

    .home-editorial-card {
        min-height: 180px;
    }
}

@media (max-width: 980px){.header-audience-link span{display:none}.audience-dashboard-grid,.audience-auth-grid,.community-layout{grid-template-columns:1fr}.community-compose{position:static}}
@media (max-width: 640px){.audience-panel{padding:20px}.header-audience-link{margin-left:auto}.audience-level{flex-direction:column}}


@media (max-width: 640px){.audience-avatar-editor{align-items:flex-start;flex-direction:column}.audience-public-identity{align-items:flex-start;flex-direction:column}.audience-avatar-public{width:88px;height:88px}.audience-profile-summary{align-items:flex-start}.header-audience-avatar{width:22px;height:22px}}

@media(max-width:980px){
 .audience-people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .community-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .audience-connections-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
 .community-layout>aside{position:static}
}
@media(max-width:640px){
 .community-social-head,.audience-social-toolbar{align-items:flex-start;flex-direction:column}
 .community-social-head-actions{width:100%}.community-social-head-actions .button{flex:1}
 .audience-people-grid,.community-activity-grid{grid-template-columns:1fr}
 .audience-connections-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
 .community-activity-card{align-items:flex-start;flex-direction:column}.community-activity-card time{white-space:normal}
}

@media(max-width:640px){
 .audience-personal-stats{grid-template-columns:1fr}
 .audience-personal-list>div{align-items:flex-start;flex-direction:column}
 .audience-personal-actions{width:100%;justify-content:flex-start}
}

@media(max-width:980px){
 .personalized-discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .personalized-people-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:640px){
 .personalized-discovery-grid,.personalized-people-strip{grid-template-columns:1fr}
 .personalized-discovery-block{padding:16px}
 .discovery-personalization-optout{align-items:flex-start;flex-direction:column}
}
@media(max-width:980px){.media-series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-detail-grid{grid-template-columns:220px 1fr}.media-item-content{grid-template-columns:1fr}}
@media(max-width:640px){.media-series-grid,.media-mini-grid{grid-template-columns:1fr}.media-series-card{grid-template-columns:92px 1fr}.media-detail-grid{grid-template-columns:1fr}.media-detail-cover{max-width:260px}.media-episode-row{grid-template-columns:64px 1fr auto}.media-episode-cover{width:64px}.media-detail-copy h1{font-size:2.25rem}}

/* ==========================================================================
   FASE 19C · PUBLIC UX CONSISTENCY & RESPONSIVE PASS
   ========================================================================== */
:where(.hero-copy,.hero-immersive-copy,.section-heading,.page-header .container,.program-card,.news-card,.partner-brand-card,.event-featured-content,.schedule-item,.audience-panel,.media-series-copy,.media-episode-copy,.media-detail-copy,.footer-grid>*){min-width:0}
:where(.program-card,.news-card,.partner-brand-card,.event-featured-content,.audience-panel,.media-series-copy,.media-episode-copy,.media-detail-copy) :where(h1,h2,h3,strong,p,span,small,a){overflow-wrap:anywhere}
@media (max-width:900px){
 .page-header h1{font-size:clamp(44px,9vw,68px)}.section-heading h2{font-size:clamp(34px,6.5vw,52px)}.section-heading{margin-bottom:40px}
 .hero-editorial-item strong,.hero-editorial-item small{white-space:normal;text-overflow:clip}.event-featured-content{padding:clamp(28px,5vw,46px)}
}
@media (max-width:600px){
 .container{width:min(calc(100% - 32px),var(--container))}.section{padding:clamp(62px,16vw,76px) 0}.page-header{padding:76px 0 48px}
 .page-header h1{font-size:clamp(40px,12vw,56px);line-height:.98}.page-header p{font-size:16px;line-height:1.65}.section-heading{margin-bottom:34px}
 .section-heading h2{font-size:clamp(32px,10vw,44px);line-height:1.02}.section-heading p{font-size:15px;line-height:1.65}
 .hero h1,.hero-immersive h1{font-size:clamp(42px,13vw,60px);line-height:.92}.hero-copy,.hero-immersive-copy{width:100%;max-width:100%}
 .hero-actions{display:grid;grid-template-columns:1fr;width:100%}.hero-actions .button{width:100%;min-height:48px}.hero-editorial-strip{width:100%;margin-top:32px}.hero-editorial-item{padding:15px 0}
 .cards-grid,.news-grid,.partners-brand-grid,.media-series-grid,.media-mini-grid{gap:14px}.feature-card,.program-card{min-height:0;padding:24px}
 .partner-brand-card{grid-template-columns:72px minmax(0,1fr);gap:16px;padding:18px}.partner-brand-logo{width:72px;height:72px}
 .event-featured{grid-template-columns:1fr;min-height:0}.event-featured-image{min-height:240px;max-height:360px}.event-featured-content{padding:26px}.event-featured-content h2{font-size:clamp(32px,10vw,44px)}
 .schedule-days{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:30px}.schedule-day{min-height:56px;padding:9px 6px}.schedule-timeline-horizontal{gap:10px}
 .programs-schedule-cta,.page-header-actions,.played-history-actions,.media-detail-actions,.audience-personal-actions{align-items:stretch;flex-direction:column}
 .page-header-actions .button,.media-detail-actions .button{width:100%}.media-series-card{grid-template-columns:84px minmax(0,1fr);gap:13px}
 .media-episode-row{grid-template-columns:60px minmax(0,1fr) auto;gap:10px}.media-episode-cover{width:60px}.media-row-play{width:40px;height:40px}
 .footer-grid{gap:30px}.site-footer a{min-height:34px;display:flex;align-items:center}
}
@media (max-width:420px){
 .container{width:calc(100% - 24px)}.hero h1,.hero-immersive h1{font-size:clamp(38px,13vw,52px)}.page-header h1{font-size:clamp(36px,12vw,48px)}
 .partner-brand-card{grid-template-columns:1fr}.partner-brand-logo{width:76px;height:76px}.media-series-card{grid-template-columns:72px minmax(0,1fr)}
 .radio-player .player-info{gap:8px}.radio-player .player-cover{width:36px;height:36px;flex-basis:36px}.radio-player .player-track strong{font-size:10px}.radio-player .player-track>span:last-child{font-size:8px}
 .radio-player .player-action{width:28px;height:28px;flex-basis:28px;font-size:11px}.radio-player .player-play{width:40px;height:40px;flex-basis:40px}
}

/* Ajuste fino mobile — respiro entre ações auxiliares e Play/Pause */
@media (max-width: 600px) {
    .radio-player .player-controls .player-play {
        margin-left: 4px;
    }
}