/* ==========================================================================
   ARQUIVO: GodotGC/server/site_web/news_fmt.css
   O QUE FAZ: O visual das marcas de formatação das notícias (negrito, cores, tamanhos, fontes, alinhamento, citação,
     caixa de destaque, listas, linha, vídeo). Tudo dentro de ".nfmt" (o texto da notícia).
   QUEM USA: o site (página da notícia) e a prévia do criador de notícias do Painel ADM — os dois carregam este arquivo,
     então a prévia fica igual ao site.
   ORIGEM NO GC: nenhuma — site novo (chat 126).
   DICA PARA MEXER: as marcas em si são lidas em news_fmt.js; aqui só muda a aparência.
   ========================================================================== */
.nfmt { line-height: 1.65; overflow-wrap: anywhere; }
.nfmt p { margin: 0 0 14px; }
.nfmt h2 { margin: 26px 0 10px; font-size: 21px; color: #ffc94a; }
.nfmt h3 { margin: 20px 0 8px; font-size: 17px; color: #ffd98a; }
.nfmt strong { font-weight: 800; }
.nfmt a { color: #ffc94a; text-decoration: underline; text-underline-offset: 3px; }
.nfmt a:hover { color: #fff; }
/* tamanhos: [size=1] a [size=5] */
.nfmt .nf-t1 { font-size: .82em; }
.nfmt .nf-t2 { font-size: 1em; }
.nfmt .nf-t3 { font-size: 1.25em; line-height: 1.4; }
.nfmt .nf-t4 { font-size: 1.6em; line-height: 1.3; }
.nfmt .nf-t5 { font-size: 2.1em; line-height: 1.2; }
/* fontes: [font=serifa|mono|destaque] */
.nfmt .nf-serifa { font-family: Georgia, "Times New Roman", serif; }
.nfmt .nf-mono { font-family: Consolas, "Courier New", monospace; }
.nfmt .nf-destaque { font-family: Impact, "Arial Black", "Futura", sans-serif; letter-spacing: .5px; text-transform: uppercase; }
/* alinhamento: [left] [center] [right] [justify] */
.nfmt .nf-esquerda { text-align: left; }
.nfmt .nf-centro { text-align: center; }
.nfmt .nf-direita { text-align: right; }
.nfmt .nf-justo { text-align: justify; }
/* citação [quote] e caixa de destaque [aviso] */
.nfmt .nf-citacao { margin: 6px 0 18px; padding: 10px 16px; border-left: 4px solid #ffc94a; background: rgba(255, 255, 255, .05);
  border-radius: 0 10px 10px 0; color: #d9d4e6; font-style: italic; }
.nfmt .nf-aviso { margin: 6px 0 18px; padding: 14px 18px; border: 1px solid rgba(255, 201, 74, .45); border-radius: 12px;
  background: linear-gradient(135deg, rgba(255, 157, 31, .16), rgba(255, 201, 74, .06)); box-shadow: 0 0 22px rgba(255, 170, 50, .12) inset; }
.nfmt .nf-citacao > :last-child, .nfmt .nf-aviso > :last-child { margin-bottom: 0; }
/* listas, linha divisória */
.nfmt ul, .nfmt ol { margin: 0 0 14px; padding-left: 24px; }
.nfmt li { margin: 3px 0; }
.nfmt ul li::marker { color: #ffc94a; }
.nfmt ol li::marker { color: #ffc94a; font-weight: 800; }
.nfmt .nf-linha { border: 0; height: 1px; margin: 22px 0; background: linear-gradient(90deg, transparent, rgba(255, 201, 74, .6), transparent); }
/* vídeo do YouTube [youtube=...] (16:9, ocupa a largura) */
.nfmt .nf-video { position: relative; aspect-ratio: 16 / 9; margin: 6px 0 18px; border-radius: 12px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .12); background: #000; }
.nfmt .nf-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
/* imagens no meio do texto */
.nfmt .nfig { margin: 6px 0 18px; }
.nfmt .nfig img { width: 100%; display: block; border-radius: 12px; }
.nfmt .nfig figcaption { font-size: 13px; opacity: .7; text-align: center; margin-top: 6px; }