/* ─── Ouvir e Ver (página /ouvir-e-ver/) ────────────────────────────────────
   Adaptado do ajustes-rv.css da Revista de Vinhos (secção "Ouvir e Ver",
   21/9/2026): o `section-title`/`.heading-title` do tema é BRANCO (feito
   para as secções escuras da homepage) — em fundo branco os nomes das
   secções nem se viam. Por isso esta página não usa essas classes: cada
   secção tem cabeçalho próprio, com a cor da marca da blue Travel
   (var(--primary-color), #00b1eb) em vez do amarelo da RV.
   As três secções (TV, Podcast, Vídeos) alternam de fundo para se lerem
   como partes separadas e não como uma lista comprida. */

.rv-ouvir-topo .rv-ouvir-atalhos {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin-top: 28px;
}
.rv-ouvir-topo .rv-ouvir-atalhos a {
    border: 1px solid #e0ddd4;
    border-radius: 999px;
    color: var(--dark, #333);
    font-family: var(--secondary-font);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .12em;
    padding: 9px 20px;
    text-transform: uppercase;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.rv-ouvir-topo .rv-ouvir-atalhos a:hover {
    background: var(--primary-color, #00b1eb);
    border-color: var(--primary-color, #00b1eb);
    color: #fff;
}

.rv-ouvir { padding: 80px 0; }
/* Uma secção sim, outra não, em cinza muito claro: separa as três sem linhas. */
.rv-ouvir--papel { background: #f7f6f2; }

.rv-ouvir__cabecalho { margin-bottom: 46px; }

.rv-ouvir__etiqueta {
    align-items: center;
    color: var(--dark, #333);
    display: flex;
    font-family: var(--secondary-font);
    font-size: 12px;
    font-weight: 600;
    gap: 12px;
    letter-spacing: .16em;
    margin-bottom: 16px;
    text-transform: uppercase;
}
.rv-ouvir__etiqueta::before {
    background: var(--primary-color, #00b1eb);
    content: "";
    display: block;
    height: 4px;
    width: 34px;
}

/* O nome e a fonte na mesma linha, assentes na mesma base, com o filete por
   baixo dos dois. */
.rv-ouvir__linha {
    align-items: baseline;
    border-bottom: 1px solid #e0ddd4;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 30px;
    justify-content: space-between;
    padding-bottom: 18px;
}

.rv-ouvir__nome {
    color: var(--dark, #333);
    font-family: var(--primary-font);
    font-size: 46px;
    font-weight: 300;
    line-height: 1.05;
    margin: 0;
}

.rv-ouvir__fonte {
    color: var(--dark, #333);
    flex: none;
    font-family: var(--secondary-font);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .12em;
    padding-bottom: 3px;
    text-transform: uppercase;
    white-space: nowrap;
    box-shadow: inset 0 -6px 0 var(--primary-color, #00b1eb);
    transition: box-shadow .2s ease;
}
.rv-ouvir__fonte::after { content: " \2197"; }
.rv-ouvir__fonte:hover { box-shadow: inset 0 -20px 0 var(--primary-color, #00b1eb); }

.rv-ouvir__texto {
    color: #6d6a63;
    font-size: 16px;
    line-height: 1.6;
    margin: 18px 0 0;
    max-width: 620px;
}

.rv-ouvir__grelha { margin-bottom: 10px; }

/* Podcast sem episódios publicados (decisão 7, 23/9/2026): aviso discreto,
   sem inventar datas, em vez de a secção desaparecer ou mostrar conteúdo de
   demonstração. */
.rv-ouvir__em-breve {
    border: 1px dashed #d8d5cb;
    border-radius: 4px;
    padding: 40px;
    text-align: center;
}
.rv-ouvir__em-breve-etiqueta {
    color: var(--primary-color, #00b1eb);
    display: block;
    font-family: var(--secondary-font);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .16em;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.rv-ouvir__em-breve p {
    color: #6d6a63;
    font-size: 15px;
    margin: 0;
}

.rv-ouvir__todos {
    margin: 26px 0 0;
    text-align: right;
}
.rv-ouvir__todos a {
    color: var(--dark, #333);
    font-family: var(--secondary-font);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .08em;
    border-bottom: 1px solid var(--primary-color, #00b1eb);
    padding-bottom: 4px;
}
.rv-ouvir__todos a::after { content: " \2192"; }
.rv-ouvir__todos a:hover { border-bottom-color: var(--dark, #333); }

@media (max-width: 991px) {
    .rv-ouvir { padding: 56px 0; }
    .rv-ouvir__nome { font-size: 34px; }
    .rv-ouvir__cabecalho { margin-bottom: 34px; }
    .rv-ouvir__todos { text-align: left; }
}
@media (max-width: 575px) {
    .rv-ouvir__nome { font-size: 28px; }
    .rv-ouvir__linha { gap: 12px; }
}

/* O `category-top-space` do tema abre 260px no topo — é o que as páginas com
   forma de fundo (right-shape) precisam. Esta página não tem forma nenhuma
   e ficava um buraco entre a navbar e o título (mesmo reparo feito na RV,
   21/9/2026). Chega o suficiente para não passar por baixo do menu fixo —
   essa parte (a armadilha em si) NÃO se tira: sem `category-top-space` o
   título fica escondido atrás da navbar. */
.rv-ouvir-topo.category-top-space { padding-top: 150px !important; }
@media (max-width: 992px) { .rv-ouvir-topo.category-top-space { padding-top: 120px !important; } }
@media (max-width: 768px) { .rv-ouvir-topo.category-top-space { padding-top: 100px !important; } }