/* Seção Recursos didáticos (/recursos/)
   Usa as classes do tema e do site.css (posts-grid, post-card, post-meta,
   chips, chip, coluna-prosa, linha-indigo, voltar-link) e acrescenta só
   o que é próprio dos recursos. Carregado pelo baseof quando .Section = recursos. */

/* ---------- filtro da lista ---------- */
.recursos-filtro { margin: 2rem 0 0; }
.recursos-filtro input[type=search] {
  width: 100%; max-width: 480px;
  font: inherit; font-size: 14px; color: var(--creme);
  background: var(--superficie);
  border: 1px solid var(--indigo-fraco); border-bottom: 1.5px solid var(--indigo);
  border-radius: 4px; padding: 0.6rem 0.9rem;
}
.recursos-filtro input[type=search]:focus { outline: none; border-color: var(--indigo); }
.recursos-filtro input::placeholder { color: var(--creme-mudo); }
button.chip { border: 0; font-family: inherit; cursor: pointer; }
.chip.ativo { background-color: var(--indigo); color: var(--creme); }
.chip-conta { opacity: 0.6; margin-left: 0.2rem; }
.recursos-vazio { color: var(--creme-mudo); font-size: 14px; margin-top: 1rem; }

/* ---------- cartões ---------- */
.recursos-grid { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); margin-top: 1.5rem; }
.recurso-card[hidden] { display: none; }
.recurso-card-link { text-decoration: none; color: inherit; display: block; }
.recurso-capa {
  display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover;
  border-radius: 4px; margin-bottom: 1rem; background: var(--noite);
}
.recurso-card .post-card-title { font-size: 1.6rem; line-height: 1.15; }
.recurso-card p { font-size: 14px; color: var(--creme-mudo); }

/* ---------- página do recurso ---------- */
.recurso-voltar { margin: 1.5rem 0 0.8rem; font-size: 13px; }
.recurso .linha-indigo { margin-bottom: 0; }
.recurso h1 { margin-top: 1.2rem; }
.recurso-lead { font-size: 1.05rem; line-height: 1.6; color: var(--creme-mudo); }

/* a simulação ocupa a largura do container (1100px), o texto fica na coluna de leitura */
.recurso-sim {
  margin: 2rem 0 0.6rem;
  background: var(--noite);
  border: 1px solid var(--indigo-fraco); border-top: 2px solid var(--indigo);
  border-radius: 8px; overflow: hidden;
}
.recurso-sim iframe { display: block; width: 100%; height: 75vh; border: 0; }

.recurso-acoes { display: flex; flex-wrap: wrap; gap: 0.5rem 1.5rem; font-size: 13px; margin-bottom: 1rem; }

.recurso .post-content h2 { margin-top: 2rem; }
.recurso .post-content ol li { margin-bottom: 0.6rem; }

.recurso-aulas { margin-top: 2.5rem; padding-top: 1rem; border-top: 1px solid var(--indigo-fraco); }
.recurso-aulas h2 { font-size: 1.5rem; margin-top: 0; }
.recurso-aulas ul { padding-left: 1.2rem; }
.recurso-aulas li { margin-bottom: 0.4rem; }

.recurso-tags { margin-top: 1.5rem; }
.recurso-licenca { font-size: 12px; color: var(--creme-mudo); margin-top: 1.5rem; line-height: 1.6; }