/* ==========================================================================
   cursos.css
   Só o que é específico da página /cursos/. A capa escura, a trilha, as
   seções alternadas, os divisores, o acordeão, a assinatura e o efeito de
   entrada vivem em base.css. Criado em 2026-10-01 (Parte 5); refeito em
   2026-10-19, no redesenho da página.
   ========================================================================== */

/* subheadline da capa: a voz do .resumo, sem ser o .resumo (a página não
   tem p.resumo, por exceção registrada no CLAUDE.md) */
.capa .sub-capa{font-size:19px;line-height:1.7;color:rgba(255,255,255,.84);font-weight:300;
 max-width:640px;margin:0}

/* cards de curso: o card dos temas da home (violeta, ilustração no topo),
   em duas colunas. O card não é link e não tem hover. */
.texto .cursos-cards{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:24px;margin:34px 0 0;padding:0;max-width:none}
.texto .cursos-cards li{display:flex;flex-direction:column;padding:0 0 28px;background:var(--violeta);
 border:1px solid rgba(201,188,224,.18);border-radius:16px;overflow:hidden;color:#fff}
.texto .cursos-cards li:before{display:none}
.curso-capa{aspect-ratio:2/1;background:var(--violeta-esc);border-bottom:1px solid rgba(201,188,224,.14)}
.curso-capa img{display:block;width:100%;height:100%;object-fit:cover}
.texto .cursos-cards h3{padding:24px 28px 0;margin:0;font-family:'Archivo',sans-serif;font-weight:800;
 font-size:19px;letter-spacing:.03em;text-transform:uppercase;line-height:1.3;color:#fff}
.texto .cursos-cards li>p{padding:10px 28px 0;margin:0 0 24px;font-size:16px;line-height:1.7;
 color:rgba(255,255,255,.80);max-width:none}

/* selo "Em breve": pílula de status, não botão (decisão do Cleivan,
   2026-10-19). Borda tracejada, ícone de relógio, menor que o .cta, cursor
   normal. O texto cinza claro sobre o violeta passa de 7:1. */
.texto .cursos-cards p.selo-status{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;
 margin:auto 28px 0;padding:6px 14px;border:1px dashed rgba(228,224,234,.5);border-radius:999px;
 background:rgba(255,255,255,.06);color:#E4E0EA;font-size:12.5px;font-weight:600;letter-spacing:.1em;
 text-transform:uppercase;line-height:1.4}

/* link do curso: só existe com URL própria e curso não provisório */
.curso-link{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin:auto 28px 0;
 padding:11px 20px;border-radius:999px;background:var(--dourado);color:var(--violeta-esc);
 font-weight:700;font-size:15px;text-decoration:none}
.curso-link:hover{background:var(--dourado-cl)}

/* resposta do FAQ com lista (os cursos, lidos de cursos.js): a voz do
   "details p" de base.css, com a bolinha dourada da prosa */
.listaFaq details p:has(+ul){padding-bottom:12px}
.listaFaq details ul{list-style:none;margin:0;padding:0 24px 24px;display:grid;gap:10px}
.listaFaq details li{position:relative;padding-left:18px;font-size:15px;line-height:1.8;color:#57525F;font-weight:300}
.listaFaq details li:before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:var(--dourado)}
.listaFaq details li b{color:#3F3A4A;font-weight:600}

@media (max-width:900px){
 .texto .cursos-cards{grid-template-columns:1fr;max-width:560px}
 .capa .sub-capa{font-size:17.5px}
}
@media (max-width:600px){
 .capa .sub-capa{font-size:16.5px}
 .texto .cursos-cards h3{padding:20px 22px 0;font-size:17px}
 .texto .cursos-cards li>p{padding:8px 22px 0;font-size:15.5px}
 .texto .cursos-cards p.selo-status,.curso-link{margin-left:22px;margin-right:22px}
 .listaFaq details ul{padding:0 18px 20px}
 .listaFaq details li{font-size:14.5px}
}