/* ==========================================================================
   Minha Capital: página da matéria (T01). Só usa tokens --mc-* de base.css.
   ========================================================================== */

.mc-materia__ad-topo { display: flex; justify-content: center; padding-top: var(--mc-espaco-4); }
.mc-materia__ad-topo:empty { display: none; }

.mc-materia__grade { display: grid; gap: var(--mc-espaco-6); padding-top: var(--mc-espaco-5); }
.mc-materia__principal { min-width: 0; }
@media (min-width: 960px) {
	.mc-materia__grade { grid-template-columns: minmax(0, 1fr) var(--mc-largura-lateral); gap: var(--mc-espaco-7); }
}

/* Cabeçalho --------------------------------------------------------------- */
.mc-trilha { font-size: var(--mc-tam-xs); color: var(--mc-cor-texto-suave); margin-bottom: var(--mc-espaco-4); }
.mc-trilha a { color: inherit; }
.mc-trilha a:hover { color: var(--mc-cor-destaque); }
.mc-trilha span { margin-inline: var(--mc-espaco-1); }
.mc-materia__titulo { font-size: var(--mc-tam-3xl); line-height: 1.12; margin: var(--mc-espaco-2) 0 var(--mc-espaco-4); letter-spacing: -0.01em; }
.mc-materia__linha-fina { font-size: var(--mc-tam-xl); line-height: 1.4; color: var(--mc-cor-texto-suave); margin-bottom: var(--mc-espaco-5); }
.mc-materia__meta {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--mc-espaco-4);
	padding-block: var(--mc-espaco-4); border-block: 1px solid var(--mc-cor-borda); margin-bottom: var(--mc-espaco-5);
}
.mc-materia__assinatura { display: flex; align-items: center; gap: var(--mc-espaco-3); }
.mc-materia__avatar { border-radius: 50%; }
.mc-materia__autor { font-weight: 700; font-size: var(--mc-tam-s); }
.mc-materia__datas { font-size: var(--mc-tam-xs); color: var(--mc-cor-texto-suave); display: flex; flex-wrap: wrap; gap: 0 var(--mc-espaco-3); }

/* Foto destacada ---------------------------------------------------------- */
.mc-materia__foto { margin: 0 0 var(--mc-espaco-5); }
.mc-materia__foto img { width: 100%; border-radius: var(--mc-raio); }
.mc-materia__foto figcaption, .mc-materia__texto figcaption {
	font-size: var(--mc-tam-xs); color: var(--mc-cor-texto-suave); margin-top: var(--mc-espaco-2); text-align: left;
}

/* Texto: leitura e blocos do editor ---------------------------------------- */
.mc-materia__texto { max-width: var(--mc-largura-texto); font-size: var(--mc-tam-l); line-height: 1.7; overflow-wrap: break-word; }
.mc-materia__texto > * { margin-block: 0 var(--mc-espaco-5); }
.mc-materia__texto a { color: var(--mc-cor-destaque-escura); text-decoration: underline; text-underline-offset: 2px; }
.mc-materia__texto h2 { font-size: var(--mc-tam-2xl); margin-top: var(--mc-espaco-6); }
.mc-materia__texto h3 { font-size: var(--mc-tam-xl); margin-top: var(--mc-espaco-5); }
.mc-materia__texto ul, .mc-materia__texto ol { padding-left: 1.4em; }
.mc-materia__texto ul { list-style: disc; }
.mc-materia__texto ol { list-style: decimal; }
.mc-materia__texto li + li { margin-top: var(--mc-espaco-2); }
.mc-materia__texto figure { margin-inline: 0; }
.mc-materia__texto img { border-radius: var(--mc-raio); height: auto; }
.mc-materia__texto .wp-block-image img { width: 100%; }
.mc-materia__texto blockquote, .mc-materia__texto .wp-block-quote {
	margin-inline: 0; padding: var(--mc-espaco-2) 0 var(--mc-espaco-2) var(--mc-espaco-5);
	border-left: 4px solid var(--mc-cor-destaque); font-family: var(--mc-fonte-titulo); font-size: var(--mc-tam-xl); font-style: italic;
}
.mc-materia__texto blockquote cite { display: block; margin-top: var(--mc-espaco-2); font-family: var(--mc-fonte-texto); font-size: var(--mc-tam-s); font-style: normal; color: var(--mc-cor-texto-suave); }
.mc-materia__texto .wp-block-pullquote { border-block: 4px solid var(--mc-cor-destaque); padding: var(--mc-espaco-5) 0; text-align: center; }
.mc-materia__texto table { width: 100%; border-collapse: collapse; font-size: var(--mc-tam-s); }
.mc-materia__texto th, .mc-materia__texto td { border: 1px solid var(--mc-cor-borda); padding: var(--mc-espaco-2) var(--mc-espaco-3); text-align: left; }
.mc-materia__texto .wp-block-table { overflow-x: auto; }
.mc-materia__texto iframe { max-width: 100%; }
.mc-materia__texto .wp-block-embed__wrapper { position: relative; }
.mc-materia__texto .wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,
.mc-materia__texto .wp-block-embed-youtube iframe { width: 100%; height: auto; aspect-ratio: 16 / 9; }
.mc-materia__texto .twitter-tweet, .mc-materia__texto .instagram-media { margin-inline: auto !important; }
.mc-materia__paginas { font-weight: 700; }

/* Rodapé da matéria ------------------------------------------------------- */
.mc-materia__rodape { max-width: var(--mc-largura-texto); margin-top: var(--mc-espaco-6); display: grid; gap: var(--mc-espaco-5); }
.mc-tags { display: flex; flex-wrap: wrap; gap: var(--mc-espaco-2); }
.mc-tags a {
	display: inline-block; padding: var(--mc-espaco-1) var(--mc-espaco-3); border-radius: 999px;
	background: var(--mc-cor-fundo-suave); font-size: var(--mc-tam-s); font-weight: 600;
}
.mc-tags a:hover { background: var(--mc-cor-destaque-clara); }
.mc-materia__compartilhar-fim { display: flex; flex-wrap: wrap; align-items: center; gap: var(--mc-espaco-3); font-weight: 700; font-size: var(--mc-tam-s); }
.mc-autor-caixa { display: flex; gap: var(--mc-espaco-4); padding: var(--mc-espaco-5); background: var(--mc-cor-fundo-suave); border-radius: var(--mc-raio); }
.mc-autor-caixa img { border-radius: 50%; flex: none; }
.mc-autor-caixa__nome { font-weight: 800; }
.mc-autor-caixa p { margin: var(--mc-espaco-1) 0 0; font-size: var(--mc-tam-s); color: var(--mc-cor-texto-suave); }

/* Lateral ----------------------------------------------------------------- */
.mc-materia__lateral { display: grid; gap: var(--mc-espaco-6); align-content: start; }
@media (min-width: 960px) {
	.mc-materia__ad-lateral { position: sticky; top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--mc-espaco-4)); }
}

/* Relacionadas ------------------------------------------------------------ */
.mc-grade-rel { display: grid; gap: var(--mc-espaco-5); }
@media (min-width: 600px) { .mc-grade-rel { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 960px) { .mc-grade-rel { grid-template-columns: repeat(4, 1fr); } }