/* Páginas de divulgação dos cursos (geradas por gerador/gerar_cursos.py). Usa as variáveis de style.css. */

.curso-trilha { font-size: 0.85rem; color: var(--text-muted); margin-bottom: 16px; }
.curso-trilha a { color: var(--accent); text-decoration: none; }
.curso-trilha a:hover { text-decoration: underline; }

.post-meta a { color: inherit; }

.curso-resumo { font-size: 1.12rem; line-height: 1.75; }

.curso-caixa {
    background: var(--bg-alt);
    border: 1px solid var(--accent-pale);
    border-left: 3px solid var(--gold);
    border-radius: 12px;
    padding: 24px 28px;
    margin: 32px 0 40px;
}
.curso-caixa ul { margin: 16px 0 20px; padding-left: 1.1em; }
.curso-caixa li { margin: 6px 0; color: var(--text); }
.curso-preco { font-family: var(--font-display); font-size: 2rem; color: var(--accent); margin: 0; line-height: 1.2; }
.curso-preco-nota { font-size: 0.9rem; color: var(--text-muted); margin: 4px 0 0; }
.post-body a.curso-botao,
.curso-botao {
    display: inline-block;
    background: var(--gold);
    color: #0A0A0A;
    font-weight: 600;
    text-decoration: none;
    padding: 12px 22px;
    border-radius: 8px;
    border-bottom: none;
}
.post-body a.curso-botao:hover { background: var(--gold-claro); color: #0A0A0A; }

.curso-perguntas { list-style: none; padding: 0; }
.curso-perguntas li {
    border-left: 3px solid var(--gold);
    padding: 6px 0 6px 16px;
    margin: 12px 0;
    font-style: italic;
}

.curso-programa { padding-left: 0; list-style: none; counter-reset: none; }
.curso-programa li {
    padding: 14px 0;
    border-bottom: 1px solid var(--accent-pale);
}
.curso-mod-cont { float: right; font-size: 0.85rem; color: var(--text-muted); margin-left: 12px; }
.curso-mod-resumo { font-size: 0.95rem; color: var(--text-muted); }

.curso-faq {
    border: 1px solid var(--accent-pale);
    border-radius: 10px;
    padding: 14px 18px;
    margin: 10px 0;
    background: var(--white);
}
.curso-faq summary { cursor: pointer; font-weight: 600; color: var(--text); }
.curso-faq p { margin: 10px 0 0; }

.curso-rodape { font-size: 0.85rem; color: var(--text-muted); margin-top: 48px; }

@media (max-width: 600px) {
    .curso-caixa { padding: 20px; }
    .curso-mod-cont { float: none; display: block; margin: 4px 0 0; }
}

/* O estilo de parágrafo do blog (.post-body p) tem prioridade sobre as classes acima; estas regras
   vêm depois e com o mesmo peso, para o preço e as notas da caixa ficarem com o tamanho certo. */
.post-body p.curso-preco { font-family: var(--font-display); font-size: 2rem; color: var(--accent); margin: 0; line-height: 1.2; }
.post-body p.curso-preco-nota { font-family: var(--font-body); font-size: 0.9rem; line-height: 1.5; color: var(--text-muted); margin: 4px 0 0; }
.post-body p.curso-rodape { font-family: var(--font-body); font-size: 0.85rem; line-height: 1.6; color: var(--text-muted); margin-top: 48px; }
.curso-faq p { margin-bottom: 0; }

/* Listas no mesmo corpo de texto dos parágrafos. */
.post-body ul, .post-body ol { margin: 0 0 1.5rem; padding-left: 1.3em; }
.post-body li {
    font-family: 'Merriweather', Georgia, serif;
    font-size: 1.02rem;
    line-height: 1.8;
    color: var(--text);
    margin: 0.35rem 0;
}
.curso-caixa li, .curso-programa li { font-family: var(--font-body); font-size: 0.98rem; line-height: 1.6; }
.curso-programa { padding-left: 0; }

/* Lista de cursos (/cursos) */
.curso-lista { list-style: none; padding: 0; margin: 32px 0; }
.post-body .curso-lista li.curso-item { border-bottom: 1px solid var(--accent-pale); padding: 20px 0; margin: 0; font-family: var(--font-body); }
.curso-item h2 { margin: 0 0 6px; font-size: 1.4rem; }
.curso-item h2::after { display: none; }
.post-body .curso-item h2 a { color: var(--text); text-decoration: none; border-bottom: none; }
.post-body .curso-item h2 a:hover { color: var(--accent); }
.post-body p.curso-item-slogan { font-style: italic; margin: 0 0 6px; font-size: 1rem; line-height: 1.6; }
.post-body p.curso-item-fatos { font-family: var(--font-body); font-size: 0.9rem; color: var(--text-muted); margin: 0; line-height: 1.5; }