/* ============================================================
   post.css — Estilos exclusivos da página de Post
   ============================================================ */

/* O tema (style.css) usa #9f9f9f como cor padrão de texto — contraste
   insuficiente (~2.3:1) sobre fundo branco, abaixo do mínimo de 4.5:1
   da WCAG AA. O texto do post (des_texto) é HTML cru vindo do editor,
   com tags variadas (p, li, span, div...), então sobrescrevemos todas
   dentro do container. :not([style*="color"]) exclui elementos que já
   têm cor própria definida pelo editor (ex.: <span style="color:...">
   usado para destacar trechos) — sem isso, o !important abaixo apagava
   silenciosamente qualquer cor que o editor tivesse escolhido de propósito. */
.post-content-text,
.post-content-text p:not([style*="color"]),
.post-content-text li:not([style*="color"]),
.post-content-text span:not([style*="color"]),
.post-content-text div:not([style*="color"]) {
  color: #333333 !important;
}

/* O tema zera list-style/padding de TODO <ul>/<ol> do site (style.css,
   ~linha 5816) — necessário para os menus de navegação, mas isso também
   apaga marcador/numeração de listas dentro do texto do post (HTML cru
   vindo do editor: digitado, colado do Word ou do Google Docs). Restaura
   apenas dentro de .post-content-text, sem tocar na regra global. */
.post-content-text ul {
  list-style: disc;
  padding-left: 1.5em;
  margin: 0 0 1em;
}
.post-content-text ol {
  list-style: decimal;
  padding-left: 1.5em;
  margin: 0 0 1em;
}
.post-content-text li {
  margin-bottom: 0.4em;
}
.post-content-text ul ul,
.post-content-text ol ol,
.post-content-text ul ol,
.post-content-text ol ul {
  margin-top: 0.4em;
}

/* Efeito de borrão para conteúdo restrito */
.blurred-content {
  filter: blur(8px);
  -webkit-filter: blur(8px);
  user-select: none;
  opacity: 0.5;
  pointer-events: none;
}

/* Contêiner responsivo para YouTube (proporção 16:9) */
.video-responsive-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
  border-radius: 8px;
  margin-bottom: 30px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.video-responsive-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}