/* CONFIGURAÇÃO BASE DA SEÇÃO */
.a-radio-section {
    margin: 10px 15px;
    padding: 30px;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 12px;
}

[data-theme="light"] .a-radio-section { background: #ffffff !important; }

.a-radio-section h2 {
    color: var(--accent-solid);
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 30px;
    font-size: 16px;
}

.radio-topo { display: flex; align-items: center; gap: 40px; margin-bottom: 20px; }

/* INICIO LOGO RESPONSIVA + RETINA (LOGO A RÁDIO) */
.radio-logo-box {
    text-align: center;
    padding: 10px;
}

.radio-logo-box img {
    width: 100%;
    max-width: 180px; /* Um pouco maior que na sidebar por ser página de conteúdo */
    height: auto !important;
    display: block;
    margin: 0 auto;
    object-fit: contain;
}
/* FIM LOGO RESPONSIVA + RETINA (LOGO A RÁDIO) */

.radio-text-box { flex: 1; color: var(--text-dim); line-height: 1.7; text-align: left; }
.radio-contatos-baixo { display: flex; justify-content: center; align-items: center; gap: 25px; padding-top: 25px; border-top: 1px solid var(--border); }
.radio-contatos-baixo a { text-decoration: none; color: var(--text); display: flex; align-items: center; gap: 10px; }
.divisor-contato { color: var(--border); font-size: 1.8rem; font-weight: 100; }

/* ===================================== */
/* REGRAS DE VISIBILIDADE                */
/* ===================================== */

/* No PC: Mostra a da que tá abaixo das noticias, esconde a dos anúncio */
@media (min-width: 769px) {
    .radio-desktop { display: block !important; }
    .radio-mobile { display: none !important; }
}

/* No Celular: Esconde a da que tá abaixo das noticias, mostra a que tá abaixo dos anúncio */
@media (max-width: 768px) {
    .radio-desktop { display: none !important; }
    .radio-mobile { display: block !important; }
    
    /* AJUSTES PARA REMOVER ESPAÇO VAZIO NO MOBILE */
    .a-radio-section {
        padding: 20px 15px !important; /* Reduz padding interno da caixa */
        margin: 5px 10px !important;
    }

    .radio-topo { 
        flex-direction: column; 
        text-align: center; 
        gap: 15px !important; /* Reduz espaço entre logo e texto */
    }

    .radio-logo-box {
        padding: 0 !important;
    }

    .radio-logo-box img {
        max-width: 180px !important; /* Tamanho da logo A Rádio levemente menor para otimizar espaço */
    }
    /* FIM DOS AJUSTES DE ESPAÇO */

    .radio-text-box { text-align: left; } /* Aqui o texto A Rádio fica na esquerda a baixo dos anúncios */
    .radio-contatos-baixo { flex-direction: column; gap: 15px; }
    .divisor-contato { display: none; }
}