/* ══════ Blocos de conteúdo rico (editor de Notícias e de Eventos) ══════
 * Mesmas classes no editor (dentro do .ql-editor, pra o preview do admin
 * bater com o real) e na página pública (article-content / evd-descricao).
 * Prefixo .rc- = "rich content", compartilhado entre os dois módulos.
 */

.rc-tag{
  display:inline-flex;align-items:center;background:var(--gold-bg,rgba(201,151,58,.08));color:var(--gold,#c9973a);
  border:1px solid rgba(201,151,58,.35);border-radius:999px;padding:5px 13px;
  font-size:11.5px;font-weight:800;letter-spacing:.03em;margin:0 8px 8px 0;
}

/* ── Pessoa em destaque (palestrante, entrevistado, fonte...) ── */
.rc-pessoa{
  display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--border,#dde3ec);
  border-radius:12px;padding:16px 18px;margin:18px 0;
}
.rc-pessoa-avatar{
  width:56px;height:56px;border-radius:50%;flex-shrink:0;background:var(--bg2,#e8edf3);color:var(--muted,#718096);
  display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.rc-pessoa-avatar svg{width:26px;height:26px;}
.rc-pessoa-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.rc-pessoa-txt{min-width:0;}
.rc-pessoa-label{font-size:11.5px;font-weight:700;color:var(--gold,#c9973a);text-transform:uppercase;letter-spacing:.03em;margin-bottom:3px;}
.rc-pessoa-nome{font-size:16px;font-weight:800;color:var(--navy,#0a2744);line-height:1.3;}
.rc-pessoa-cargo{font-size:13px;color:var(--muted,#718096);margin-top:2px;}

/* ── Observação em destaque (mesmo tom âmbar já usado no aviso de
   pendência do dashboard do associado — ver .ah-aviso-pendencia) ── */
.rc-observacao{
  display:flex;gap:12px;background:#fff8ec;border:1px solid #f0d7a2;
  border-radius:12px;padding:16px 18px;margin:18px 0;
}
.rc-observacao svg{width:19px;height:19px;color:#b7791f;flex-shrink:0;margin-top:1px;}
.rc-observacao-corpo{min-width:0;}
.rc-observacao-titulo{font-size:13.5px;font-weight:800;color:#8a6620;margin-bottom:4px;}
.rc-observacao-texto{font-size:13.5px;color:#6b5518;line-height:1.55;white-space:pre-line;}

/* ── Duas colunas ── */
.rc-colunas{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:18px 0;}
.rc-coluna{font-size:14px;color:var(--text2,#4a5568);line-height:1.65;white-space:pre-line;}
@media(max-width:600px){.rc-colunas{grid-template-columns:1fr;gap:8px;}}

/* ── Afinação dentro do editor Quill: os blocos acima viram embeds
   clicáveis pra editar, com uma pista visual de que são clicáveis. ── */
.ql-editor .rc-pessoa,
.ql-editor .rc-observacao,
.ql-editor .rc-colunas{cursor:pointer;transition:box-shadow .15s;}
.ql-editor .rc-pessoa:hover,
.ql-editor .rc-observacao:hover,
.ql-editor .rc-colunas:hover{box-shadow:0 0 0 2px var(--gold,#c9973a);}
.ql-editor .rc-coluna:empty::before{content:'(coluna vazia)';color:var(--muted,#718096);font-style:italic;}

/* ── Barra de botões extra, logo abaixo da barra padrão do Quill ── */
.rc-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:8px 10px;background:var(--bg2,#e8edf3);border:1px solid var(--border,#dde3ec);border-top:0;}
.rc-toolbar button{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--border,#dde3ec);border-radius:8px;padding:6px 12px;font-size:12.5px;font-weight:700;color:var(--text2,#4a5568);cursor:pointer;font-family:inherit;}
.rc-toolbar button:hover{border-color:var(--gold,#c9973a);color:var(--navy,#0a2744);}
.rc-toolbar button svg{width:14px;height:14px;flex-shrink:0;}

/* ── Modal genérico de edição de bloco ── */
.rcm-overlay{position:fixed;inset:0;background:rgba(10,24,41,.55);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;}
.rcm-caixa{background:#fff;border-radius:14px;padding:24px;width:100%;max-width:440px;max-height:88vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);}
.rcm-caixa h3{font-size:16px;font-weight:800;color:var(--navy,#0a2744);margin:0 0 16px;}
.rcm-campo{margin-bottom:14px;}
.rcm-campo label{display:block;font-size:12.5px;font-weight:700;color:var(--text2,#4a5568);margin-bottom:5px;}
.rcm-campo input[type="text"],
.rcm-campo textarea{width:100%;box-sizing:border-box;padding:9px 12px;border:1.5px solid var(--border2,#c8d0dc);border-radius:8px;font-size:13.5px;font-family:inherit;color:var(--navy,#0a2744);}
.rcm-campo input[type="text"]:focus,
.rcm-campo textarea:focus{outline:none;border-color:var(--gold,#c9973a);}
.rcm-campo input[type="file"]{font-size:12.5px;margin-top:4px;}
.rcm-foto-preview{margin-bottom:8px;}
.rcm-foto-preview img{width:72px;height:72px;object-fit:cover;border-radius:50%;display:block;}
.rcm-foto-status{font-size:11.5px;color:var(--muted,#718096);margin-top:4px;}
.rcm-acoes{display:flex;justify-content:flex-end;gap:10px;margin-top:6px;}
.rcm-acoes button{border:0;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;}
.rcm-cancelar{background:var(--bg2,#e8edf3);color:var(--text2,#4a5568);}
.rcm-salvar{background:var(--gold,#c9973a);color:#fff;}
.rcm-salvar:hover{filter:brightness(.94);}