/* BR Times — glue extra do Django (não faz parte do bundle).
   Carregado por último em _css_links.html.
   Nota: [x-cloak], logo switching, HTMX states e mensagens Django
   estão em 100-django-glue.css — este arquivo só contém extensões menores. */

/* Feedback da newsletter (HTMX — não existe no protótipo estático). */
.brt-newsletter-feedback { margin-top: 10px; font: 400 13px/1.4 var(--font-sans); }
.brt-newsletter-feedback--ok    { color: oklch(50% 0.15 145); }
.brt-newsletter-feedback--error { color: oklch(50% 0.20 25); }
html.dark .brt-newsletter-feedback--ok    { color: oklch(75% 0.16 145); }
html.dark .brt-newsletter-feedback--error { color: oklch(72% 0.16 25); }

/* "Carregar mais" (paginação HTMX) — não existe no protótipo estático. */
.brt-loadmore__btn { margin-top: 8px; }

/* ── PADRÃO: todo bloco de mídia/embed do corpo fica CENTRADO ──
   Vale para imagem, vídeo, áudio, embed de vídeo (YouTube/Vimeo) e embed
   social. Cobre os dois eixos: o bloco em si (margin auto, quando é mais
   estreito que a coluna) e o conteúdo dentro dele (text-align, que é o que
   posiciona o botão "Ver publicação no …" — conteúdo inline). Sem isto, um
   bloco estreito encosta na margem esquerda enquanto o resto da matéria
   também é à esquerda, e o embed parece deslocado. ── */
.brt-prose figure,
.brt-prose .ns-embed,
.brt-prose .ns-social-embed,
.brt-prose video,
.brt-prose audio {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.brt-prose figure img,
.brt-prose figure video,
.brt-prose .ns-embed iframe {
  margin-left: auto;
  margin-right: auto;
}

/* ── Embeds sociais no corpo (.ns-social-embed) — hidratados por
   newsroom/public/embeds.js. Neutraliza o 16:9 genérico de
   .brt-prose iframe (embeds sociais são verticais/altura própria). ── */
.brt-prose .ns-social-embed {
  margin: 32px auto;
  max-width: 540px;
  text-align: center;
}
.brt-prose .ns-social-embed iframe {
  aspect-ratio: auto;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
  border-radius: 0;
}
.brt-prose .ns-social-embed blockquote {
  border: 0;
  margin: 0 auto;
  padding: 0;
  background: none;
}
.brt-prose .ns-social-embed > a {
  display: inline-block;
  padding: 10px 16px;
  border: 1px solid var(--border-strong, #cbd5e1);
  border-radius: 10px;
  font-weight: 600;
}