/* Página do curso e aula de amostra (usa os componentes de home.css) */

.rc-breadcrumb { font-size: .875rem; color: var(--rc-muted); margin-bottom: 14px; }
.rc-breadcrumb a { color: var(--rc-muted); }
.rc-breadcrumb a:hover { color: var(--rc-link); }

.rc-curso-hero { background: var(--rc-bg-soft); }
.rc-curso-hero__grid { display: grid; grid-template-columns: 1fr 360px; gap: 48px; align-items: start; padding-top: 56px; padding-bottom: 56px; }
.rc-curso-hero h1 { margin-bottom: 16px; }
.rc-curso-hero .rc-meta { margin-top: 20px; }
@media (max-width: 960px) { .rc-curso-hero__grid { grid-template-columns: 1fr; gap: 28px; padding-top: 36px; padding-bottom: 36px; } }

/* Caixa de inscrição */
.rc-inscricao { background: var(--rc-card); border: 1px solid var(--rc-border); border-radius: var(--rc-radius-lg); padding: 24px; box-shadow: var(--rc-shadow); position: sticky; top: 88px; }
.rc-inscricao__preco { display: flex; flex-direction: column; gap: 2px; margin: 0 0 16px; }
.rc-inscricao__preco strong { font-size: 1.75rem; font-weight: 800; letter-spacing: -.02em; }
.rc-inscricao__preco span { color: var(--rc-muted); font-size: .9375rem; }
.rc-btn--block { display: block; text-align: center; width: 100%; }
.rc-inscricao__entrar { text-align: center; font-size: .875rem; color: var(--rc-muted); margin: 12px 0 16px; }
.rc-inscricao__checks { list-style: none; margin: 0 0 16px; padding: 0; display: flex; flex-direction: column; gap: 8px; font-size: .9375rem; color: var(--rc-text-2); }
.rc-inscricao__checks li { padding-left: 24px; position: relative; }
.rc-inscricao__checks li::before { content: "✓"; position: absolute; left: 0; color: var(--rc-link); font-weight: 800; }
.rc-inscricao__cert { margin: 0; padding-top: 16px; border-top: 1px solid var(--rc-border); font-size: .9375rem; color: var(--rc-text-2); }
@media (max-width: 960px) { .rc-inscricao { position: static; } }

/* Barra fixa no celular */
.rc-barra-fixa { display: none; }
@media (max-width: 960px) {
	.rc-barra-fixa {
		display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 60;
		align-items: center; justify-content: space-between; gap: 12px;
		padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: var(--rc-card);
		border-top: 1px solid var(--rc-border); box-shadow: 0 -4px 16px rgba(15, 42, 68, .1);
	}
	body.single-rc_curso { padding-bottom: 64px; }
}

.rc-duas-colunas--topo { align-items: start; }
.rc-duas-colunas--topo h2 { margin: 0; }

/* Conteúdo programático */
.rc-programa ol { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.rc-programa li { display: flex; gap: 12px; font-size: .9375rem; color: var(--rc-text-2); }
.rc-programa li span { flex: none; min-width: 2.2em; font-weight: 800; color: var(--rc-link); }

.rc-fontes { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; color: var(--rc-text-2); }

/* Aula de amostra */
.rc-amostra-pagina { max-width: 860px; padding-top: 40px; padding-bottom: 72px; }
.aula-wrap { position: relative; margin-top: 8px; }
.rc-amostra-fade { position: absolute; left: 0; right: 0; bottom: 0; height: 220px; background: linear-gradient(to bottom, transparent, var(--rc-bg) 85%); pointer-events: none; }
.rc-amostra-cta { margin-top: -40px; position: relative; text-align: center; padding: 28px 24px; background: var(--rc-bg-soft); border: 1px solid var(--rc-border); border-radius: var(--rc-radius-lg); }
.rc-amostra-cta p { margin-bottom: 14px; }
.rc-amostra-cta .rc-micro { margin: 14px 0 0; }

/* aula.css (plugin) no modo noturno: o padrão oficial é claro; aqui só ajustamos as cores. */
:root[data-theme="dark"] .aula h2,
:root[data-theme="dark"] .aula h3,
:root[data-theme="dark"] .aula h4,
:root[data-theme="dark"] .aula strong,
:root[data-theme="dark"] .aula th,
:root[data-theme="dark"] .tabela .cap { color: #E8EEF4; }
:root[data-theme="dark"] .aula h3 span { color: #4FD1C5; }
:root[data-theme="dark"] .aula p,
:root[data-theme="dark"] .aula li,
:root[data-theme="dark"] .aula td { color: #CBD6E2; }
:root[data-theme="dark"] .aula figure img { background: #fff; border-color: #31506D; }
:root[data-theme="dark"] .aula figcaption { color: #9FB0C0; }
:root[data-theme="dark"] .aula th, :root[data-theme="dark"] .aula td { border-color: #24394F; }
:root[data-theme="dark"] .aula th { background: #112840; }
:root[data-theme="dark"] .objetivos { background: #112840; border-left-color: #4FD1C5; }
:root[data-theme="dark"] .objetivos b, :root[data-theme="dark"] .exemplo b { color: #4FD1C5; }
:root[data-theme="dark"] .exemplo { background: #0F2236; border-color: #1F6B6B; }
:root[data-theme="dark"] .atual { background: #07131F; border: 1px solid #1F6B6B; }
:root[data-theme="dark"] .atencao { background: #3A2412; border-color: #7A4A22; }
:root[data-theme="dark"] .atencao b { color: #FFB27A; }
:root[data-theme="dark"] .calc { background: #112840; color: #E8EEF4 !important; }
:root[data-theme="dark"] .sintese { background: #0F3A3A; }
:root[data-theme="dark"] .sintese b { color: #8FE6DD; }
:root[data-theme="dark"] .exerc, :root[data-theme="dark"] .leitura, :root[data-theme="dark"] .video { border-color: #24394F; background: transparent; }
:root[data-theme="dark"] .exerc > b, :root[data-theme="dark"] .leitura > b { color: #E8EEF4; }
:root[data-theme="dark"] .exerc summary { color: #4FD1C5; }
:root[data-theme="dark"] .fonte { color: #9FB0C0 !important; }
:root[data-theme="dark"] .meta span.t { color: #9FB0C0; }

/* Espaço de anúncio (só existe com AdSense ligado, após consentimento) */
.rc-anuncio { margin: 32px 0; min-height: 90px; text-align: center; }
.rc-anuncio__rotulo { display: block; font-size: .6875rem; letter-spacing: .08em; text-transform: uppercase; color: var(--rc-muted); margin-bottom: 4px; }

/* Cartão de vídeo na aula de amostra (modo escuro) */
:root[data-theme="dark"] .aula .video > span:nth-child(2) > span:nth-child(1) { color: #4FD1C5 !important; }
:root[data-theme="dark"] .aula .video > span:nth-child(2) > span:nth-child(2) { color: #E8EEF4 !important; }
:root[data-theme="dark"] .aula .video > span:nth-child(2) > span:nth-child(3) { color: #B8C6D4 !important; }

/* Prévia pública de cada aula */
.rc-previa { padding-top: 40px; padding-bottom: 72px; }
.rc-previa__grade { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 48px; align-items: start; }
.rc-previa__principal { max-width: 800px; min-width: 0; }
.rc-previa__principal .rc-eyebrow { margin-bottom: 8px; }
.rc-previa__nav { margin-top: 28px; display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.rc-previa__indice { position: sticky; top: 88px; max-height: calc(100vh - 110px); overflow-y: auto; background: var(--rc-bg-soft); border: 1px solid var(--rc-border); border-radius: var(--rc-radius-lg); padding: 20px; }
.rc-previa__indice h2 { font-size: 1.0625rem; line-height: 1.3; margin: 0 0 4px; }
.rc-previa__indice h3 { font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--rc-muted); margin: 18px 0 6px; line-height: 1.35; }
.rc-previa__indice ol { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.rc-previa__indice li a { display: grid; grid-template-columns: 2.4em 1fr; gap: 6px; padding: 7px 8px; border-radius: 8px; text-decoration: none; color: var(--rc-text-2); font-size: .875rem; line-height: 1.4; }
.rc-previa__indice li a:hover { background: var(--rc-card); }
.rc-previa__indice li a span { font-weight: 800; color: var(--rc-link); }
.rc-previa__indice li.is-atual a { background: var(--rc-card); font-weight: 700; color: var(--rc-text); box-shadow: inset 3px 0 0 var(--rc-teal-bright); }
.rc-previa__indice .rc-btn { margin-top: 16px; }
@media (max-width: 960px) {
	.rc-previa__grade { grid-template-columns: 1fr; gap: 32px; }
	.rc-previa__indice { position: static; max-height: none; }
	.rc-previa__nav .rc-btn { flex: 1 1 100%; text-align: center; }
}

/* Título da aula como <h1> e seções promovidas (h3→h2, h4→h3) com o visual do padrão aula.css */
.aula h1 { margin: 0; font-size: 31px; font-weight: 800; letter-spacing: -0.015em; line-height: 1.2; color: #0F2A44; }
:root[data-theme="dark"] .aula h1 { color: #E8EEF4; }
@media (max-width: 560px) { .aula h1, .aula h2 { font-size: 26px; } }
.aula h2.rc-sec { margin: 18px 0 0; font-size: 21px; font-weight: 800; color: #0F2A44; line-height: 1.3; letter-spacing: normal; }
.aula h2.rc-sec span { color: #0B7373; margin-right: 8px; }
.aula h3.rc-sub { margin: 6px 0 0; font-size: 17px; font-weight: 800; color: #0F2A44; letter-spacing: normal; }
:root[data-theme="dark"] .aula h2.rc-sec, :root[data-theme="dark"] .aula h3.rc-sub { color: #E8EEF4; }
:root[data-theme="dark"] .aula h2.rc-sec span { color: #4FD1C5; }

.rc-programa li a { color: inherit; text-decoration: none; }
.rc-programa li a:hover { color: var(--rc-link); text-decoration: underline; }
