/* Materiais — só o que base.css não resolve. */

/* Capas de PDF têm orientações diferentes: mostra a página inteira, sem cortar. */
.material__capa {
  display: grid;
  place-items: center;
  aspect-ratio: 4 / 3;
  padding: 1.25rem;
  background: var(--verde-suave);
  border-bottom: 1px solid var(--borda);
}
.material__capa img {
  width: auto;
  max-height: 100%;
  aspect-ratio: auto;
  object-fit: contain;
  border-radius: 4px;
  box-shadow: var(--sombra-m);
}
.material__capa .icone { width: 3rem; height: 3rem; color: var(--verde); }

.material__meta { font-size: 0.875rem; }
.cartao--imagem .botao { align-self: flex-start; margin-top: auto; }

/* Vídeos do YouTube: 16/9 sem truque de padding. */
.video {
  aspect-ratio: 16 / 9;
  border-radius: var(--raio);
  overflow: hidden;
  background: #000;
  box-shadow: var(--sombra-m);
}
.video iframe { width: 100%; height: 100%; border: 0; display: block; }

/* --- aba Cursos e Palestras: cartazes de divulgação ----------------------- */
.galeria--cartazes { grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr)); align-items: start; }

.cartaz {
  margin: 0; display: flex; flex-direction: column;
  border-radius: var(--raio); overflow: hidden; background: var(--branco);
  box-shadow: var(--sombra); transition: transform var(--transicao), box-shadow var(--transicao);
}
.cartaz:hover { transform: translateY(-4px); box-shadow: var(--sombra-m); }

/* cartaz não pode ser cortado: mostra a peça inteira sobre fundo neutro */
.cartaz__imagem { display: block; background: var(--lilas); }
.cartaz__imagem img { width: 100%; height: 15rem; object-fit: contain; transition: transform 0.4s ease; }
.cartaz:hover .cartaz__imagem img { transform: scale(1.03); }

.cartaz figcaption { display: grid; gap: 0.3rem; padding: 0.9rem 1rem 1.1rem; }
.cartaz figcaption strong {
  font-family: var(--fonte-titulo); font-size: 0.9375rem; font-weight: 600;
  line-height: 1.35; color: var(--titulo-cartao);
}
.cartaz figcaption span { font-size: 0.8125rem; color: var(--texto-suave); }

/* --- destaque da playlist na aba Vídeos ---------------------------------- */
.destaque-playlist {
  display: flex; flex-wrap: wrap; align-items: center; gap: 1rem;
  margin-bottom: 2rem; padding: 1.25rem 1.5rem;
  border-radius: var(--raio); background: var(--branco);
}
.destaque-playlist > span { flex: 1; min-width: 14rem; font-size: 0.9375rem; }
.destaque-playlist > .icone { width: 1.75rem; height: 1.75rem; color: var(--verde); }