/* ==========================================================================
   RAP CLICK / CSS não crítico
   Tudo o que aparece abaixo da dobra ou depois de uma interação.
   Carregado sem bloquear a primeira pintura (ver inc/enqueue.php).
   ========================================================================== */

/* --------------------------------------------------------------------------
   Menu mobile
   -------------------------------------------------------------------------- */

.rc-gaveta {
	position: fixed;
	inset: 0 0 0 auto;
	z-index: 90;
	width: min(88vw, 380px);
	padding: 20px clamp(18px, 5vw, 28px) 40px;
	background: var(--rc-fundo);
	border-left: 1px solid var(--rc-linha);
	overflow-y: auto;
	overscroll-behavior: contain;
	transform: translateX(100%);
	transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
	visibility: hidden;
}

.rc-gaveta[data-aberta="true"] { transform: none; visibility: visible; }

.rc-gaveta--tela-cheia { width: 100%; border-left: 0; }

.rc-gaveta__topo {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
}

.rc-gaveta nav ul { list-style: none; margin: 0; padding: 0; }

.rc-gaveta nav a {
	display: block;
	padding: 13px 0;
	border-bottom: 1px solid var(--rc-linha);
	font-family: var(--rc-fonte-titulo);
	font-size: 1.125rem;
	font-weight: var(--rc-peso-titulo);
	line-height: 1.2;
}

.rc-gaveta nav .sub-menu a {
	padding-left: 16px;
	font-family: var(--rc-fonte-texto);
	font-size: 0.9375rem;
	font-weight: 500;
	color: var(--rc-texto-suave);
}

.rc-veu {
	position: fixed;
	inset: 0;
	z-index: 80;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.28s ease, visibility 0.28s;
}
.rc-veu[data-aberta="true"] { opacity: 1; visibility: visible; }

body.rc-travado { overflow: hidden; }

/* --------------------------------------------------------------------------
   Busca
   -------------------------------------------------------------------------- */

.rc-busca { display: flex; gap: 8px; }

.rc-busca__campo {
	flex: 1;
	min-width: 0;
	padding: 11px 14px;
	border: 1px solid var(--rc-linha);
	border-radius: var(--rc-canto);
	background: var(--rc-fundo);
}
.rc-busca__campo:focus { border-color: var(--rc-marca); outline: none; }


/* --------------------------------------------------------------------------
   Barra lateral
   -------------------------------------------------------------------------- */

.rc-lateral { min-width: 0; }

@media (min-width: 1000px) {
	.rc-lateral--fixa {
		position: sticky;
		top: calc(80px * var(--rc-densidade));
	}
}

.rc-widget + .rc-widget { margin-top: calc(32px * var(--rc-densidade)); }

.rc-widget__titulo {
	margin-bottom: 16px;
	padding-bottom: 10px;
	border-bottom: 2px solid var(--rc-texto);
	font-size: 1rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.rc-widget ul { list-style: none; margin: 0; padding: 0; }
.rc-widget li + li { margin-top: 10px; padding-top: 10px; border-top: var(--rc-sep, 1px solid var(--rc-linha)); }

@media (max-width: 999px) {
	.rc-sidebar-mobile-oculta .rc-lateral { display: none; }
}

/* --------------------------------------------------------------------------
   Cabeçalho de arquivo
   -------------------------------------------------------------------------- */

.rc-arquivo-topo {
	padding-block: calc(28px * var(--rc-densidade));
	border-bottom: 1px solid var(--rc-linha);
}

.rc-arquivo-topo__descricao {
	margin-top: 10px;
	max-width: 60ch;
	color: var(--rc-texto-suave);
}

/* --------------------------------------------------------------------------
   Paginação
   -------------------------------------------------------------------------- */

.rc-paginacao {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: calc(40px * var(--rc-densidade));
}

.rc-paginacao .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	padding: 0 12px;
	border: 1px solid var(--rc-linha);
	border-radius: var(--rc-canto);
	font-size: 0.9375rem;
	font-weight: 600;
}

.rc-paginacao .page-numbers.current,
.rc-paginacao .page-numbers:hover {
	border-color: var(--rc-texto);
	background: var(--rc-texto);
	color: var(--rc-fundo);
}

.rc-carregar-mais { display: flex; justify-content: center; margin-top: calc(40px * var(--rc-densidade)); }

/* --------------------------------------------------------------------------
   Post
   -------------------------------------------------------------------------- */

.rc-artigo__topo { margin-bottom: calc(24px * var(--rc-densidade)); }
.rc-artigo__titulo { margin-block: 12px; }

.rc-artigo__linha-fina {
	max-width: 62ch;
	font-size: calc(1.0625rem * var(--rc-escala));
	line-height: 1.55;
	color: var(--rc-texto-suave);
}

.rc-conteudo { max-width: 68ch; font-size: calc(1.0625rem * var(--rc-escala) * var(--rc-escala-texto, 1)); line-height: 1.72; }
.rc-sem-sidebar .rc-conteudo { margin-inline: auto; }

.rc-conteudo > * + * { margin-top: 1.35em; }
.rc-conteudo h2 { margin-top: 1.9em; }
.rc-conteudo h3 { margin-top: 1.6em; }
.rc-conteudo a { color: var(--rc-marca); text-decoration: underline; text-underline-offset: 3px; }
.rc-conteudo img, .rc-conteudo figure { border-radius: var(--rc-canto); }
.rc-conteudo figcaption { margin-top: 8px; font-size: 0.8125rem; color: var(--rc-texto-suave); }
.rc-conteudo blockquote {
	margin-inline: 0;
	padding-left: 20px;
	border-left: 3px solid var(--rc-marca);
	font-size: 1.125em;
	line-height: 1.5;
}
/* O reset tira o marcador de toda lista com classe, e o editor do WordPress põe
   classe em toda lista (wp-block-list). Sem isto, lista dentro de matéria
   aparecia sem bolinha e sem número. */
.rc-conteudo ul, .rc-conteudo ol { padding-left: 1.4em; }
.rc-conteudo ul { list-style: disc; }
.rc-conteudo ol { list-style: decimal; }
.rc-conteudo li::marker { color: var(--rc-marca); }
.rc-conteudo li + li { margin-top: 0.5em; }

/* Embeds e tabelas não podem estourar a largura no celular. */
.rc-conteudo .wp-block-embed__wrapper { position: relative; }
.rc-conteudo iframe { width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; }
.rc-conteudo table { display: block; width: 100%; overflow-x: auto; border-collapse: collapse; }
.rc-conteudo pre { overflow-x: auto; padding: 16px; background: var(--rc-superficie); border-radius: var(--rc-canto); }

.rc-progresso {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 60;
	height: 3px;
	width: 100%;
	transform: scaleX(0);
	transform-origin: 0 50%;
	background: var(--rc-marca);
	pointer-events: none;
}

/* --------------------------------------------------------------------------
   Rodapé
   -------------------------------------------------------------------------- */

.rc-rodape {
	margin-top: calc(56px * var(--rc-densidade));
	padding-block: calc(48px * var(--rc-densidade)) 28px;
	border-top: 1px solid var(--rc-linha);
	background: var(--rc-superficie);
}

.rc-rodape__colunas {
	display: grid;
	gap: 32px;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
}

.rc-rodape__base {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: 36px;
	padding-top: 22px;
	border-top: 1px solid var(--rc-linha);
	font-size: 0.875rem;
	color: var(--rc-texto-suave);
}

.rc-redes { display: flex; flex-wrap: wrap; gap: 6px; }
.rc-redes a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	padding: 0 10px;
	border: 1px solid var(--rc-linha);
	border-radius: var(--rc-canto);
	font-size: 0.8125rem;
	font-weight: 600;
}
.rc-redes a:hover { border-color: var(--rc-marca); color: var(--rc-marca); }

/* --------------------------------------------------------------------------
   Utilitários
   -------------------------------------------------------------------------- */

.rc-oculto-visual {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.rc-vazio {
	padding: calc(48px * var(--rc-densidade)) 0;
	text-align: center;
	color: var(--rc-texto-suave);
}

/* --------------------------------------------------------------------------
   Seções
   -------------------------------------------------------------------------- */

.rc-secao { margin-top: calc(48px * var(--rc-densidade)); }

.rc-secao__titulo {
	margin-bottom: calc(20px * var(--rc-densidade));
	padding-bottom: 10px;
	border-bottom: 2px solid var(--rc-texto);
	font-size: calc(1.15rem * var(--rc-escala));
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Cabeçalho de arquivo: variações
   -------------------------------------------------------------------------- */

.rc-arquivo-topo__contagem { margin-top: 8px; font-size: 0.8125rem; color: var(--rc-texto-suave); }

.rc-arquivo-topo--com-capa {
	position: relative;
	display: grid;
	min-height: clamp(200px, 30vw, 320px);
	padding: 0;
	border: 0;
	border-radius: var(--rc-canto);
	overflow: hidden;
}
.rc-arquivo-topo__capa { grid-area: 1 / 1; width: 100%; height: 100%; object-fit: cover; }
.rc-arquivo-topo--com-capa .rc-arquivo-topo__texto {
	grid-area: 1 / 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: clamp(20px, 4vw, 36px);
	color: #fff;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0.2) 70%, transparent);
}
.rc-arquivo-topo--com-capa .rc-arquivo-topo__descricao,
.rc-arquivo-topo--com-capa .rc-arquivo-topo__contagem { color: rgba(255, 255, 255, 0.85); }

.rc-arquivo-topo--autor { display: flex; align-items: center; gap: 20px; }
.rc-arquivo-topo__foto { border-radius: 50%; flex: none; }

/* --------------------------------------------------------------------------
   Post: compartilhar, tags, autor, navegação
   -------------------------------------------------------------------------- */

.rc-artigo__capa { margin-block: calc(24px * var(--rc-densidade)); }
.rc-artigo__capa-img { width: 100%; border-radius: var(--rc-canto); }
.rc-artigo__capa figcaption { margin-top: 8px; font-size: 0.8125rem; color: var(--rc-texto-suave); }

.rc-share { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.rc-share--topo { margin-bottom: calc(20px * var(--rc-densidade)); }
.rc-share--fim { margin-top: calc(32px * var(--rc-densidade)); padding-top: 20px; border-top: 1px solid var(--rc-linha); }

.rc-share__rotulo {
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--rc-texto-suave);
}

.rc-share__lista { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; }

.rc-share__botao {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	padding: 0 14px;
	border: 1px solid var(--rc-linha);
	border-radius: var(--rc-canto);
	background: none;
	font-size: 0.8125rem;
	font-weight: 600;
	cursor: pointer;
}
.rc-share__botao:hover { border-color: var(--rc-marca); color: var(--rc-marca); }

/* Barra lateral de compartilhamento no desktop. */
@media (min-width: 1100px) {
	.rc-artigo__miolo--com-barra {
		display: grid;
		grid-template-columns: 56px minmax(0, 1fr);
		gap: 24px;
	}
	.rc-share--lateral {
		flex-direction: column;
		align-items: flex-start;
		position: sticky;
		top: calc(90px * var(--rc-densidade));
		align-self: start;
	}
	.rc-share--lateral .rc-share__lista { flex-direction: column; }
	.rc-share--lateral .rc-share__rotulo { display: none; }
	.rc-share--lateral .rc-share__botao { width: 44px; padding: 0; justify-content: center; }
}
@media (max-width: 1099px) {
	.rc-share--lateral { margin-bottom: calc(20px * var(--rc-densidade)); }
}

.rc-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(28px * var(--rc-densidade)); }
.rc-tag {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: 0 12px;
	border: 1px solid var(--rc-linha);
	border-radius: var(--rc-canto);
	font-size: 0.8125rem;
	color: var(--rc-texto-suave);
}
.rc-tag:hover { border-color: var(--rc-marca); color: var(--rc-marca); }

.rc-caixa-autor {
	display: flex;
	gap: 18px;
	margin-top: calc(36px * var(--rc-densidade));
	padding: clamp(18px, 3vw, 26px);
	border: 1px solid var(--rc-linha);
	border-radius: var(--rc-canto);
	background: var(--rc-superficie);
}
.rc-caixa-autor__foto { flex: none; border-radius: 50%; }
.rc-caixa-autor__rotulo {
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--rc-texto-suave);
}
.rc-caixa-autor__nome { margin-top: 4px; font-size: calc(1.15rem * var(--rc-escala)); }
.rc-caixa-autor__bio { margin-top: 8px; font-size: 0.9375rem; color: var(--rc-texto-suave); }

.rc-nav-post {
	display: grid;
	gap: 12px;
	margin-top: calc(32px * var(--rc-densidade));
}
@media (min-width: 700px) {
	.rc-nav-post { grid-template-columns: 1fr 1fr; }
	.rc-nav-post__item--proximo { text-align: right; }
}
.rc-nav-post__item {
	padding: 16px 18px;
	border: 1px solid var(--rc-linha);
	border-radius: var(--rc-canto);
}
.rc-nav-post__item:hover { border-color: var(--rc-texto); }
.rc-nav-post__rotulo {
	display: block;
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--rc-texto-suave);
}
.rc-nav-post__titulo {
	display: block;
	margin-top: 6px;
	font-family: var(--rc-fonte-titulo);
	font-weight: var(--rc-peso-titulo);
	font-size: 1.0625rem;
	line-height: 1.25;
}

/* --------------------------------------------------------------------------
   Comentários
   -------------------------------------------------------------------------- */

.rc-comentarios { margin-top: calc(48px * var(--rc-densidade)); max-width: 68ch; }
.rc-comentarios__lista, .rc-comentarios__lista .children { list-style: none; margin: 0; padding: 0; }
.rc-comentarios__lista .children { margin-left: clamp(16px, 4vw, 40px); }
.rc-comentarios__lista li { padding-block: 18px; border-top: 1px solid var(--rc-linha); }
.rc-comentarios__lista .avatar { border-radius: 50%; }
.rc-comentarios .comment-meta { display: flex; align-items: center; gap: 10px; font-size: 0.8125rem; color: var(--rc-texto-suave); }
.rc-comentarios .comment-author { display: flex; align-items: center; gap: 10px; font-weight: 700; }
.rc-comentarios .comment-content { margin-top: 10px; }
.rc-comentarios .reply { margin-top: 8px; font-size: 0.8125rem; font-weight: 600; }

.rc-form-comentario label { display: block; margin-bottom: 6px; font-size: 0.875rem; font-weight: 600; }
.rc-form-comentario input[type="text"],
.rc-form-comentario input[type="email"],
.rc-form-comentario input[type="url"],
.rc-form-comentario textarea {
	width: 100%;
	padding: 11px 14px;
	border: 1px solid var(--rc-linha);
	border-radius: var(--rc-canto);
	background: var(--rc-fundo);
}
.rc-form-comentario textarea { resize: vertical; }
.rc-form-comentario p { margin-bottom: 16px; }
.rc-form-comentario .comment-form-cookies-consent { display: flex; align-items: center; gap: 8px; }
.rc-form-comentario .comment-form-cookies-consent label { margin: 0; font-weight: 400; }

/* Ícones */
.rc-icone { flex: none; }
.rc-share__botao { gap: 7px; }
.rc-redes a { gap: 6px; }

@media (min-width: 1100px) {
	.rc-share--lateral .rc-share__botao { gap: 0; }
}

/* --------------------------------------------------------------------------
   Mais lidas no meio da matéria
   -------------------------------------------------------------------------- */

.rc-nomeio {
	margin-block: calc(32px * var(--rc-densidade));
	padding: clamp(18px, 3vw, 24px);
	border-top: 3px solid var(--rc-marca);
	background: var(--rc-superficie);
	border-radius: 0 0 var(--rc-canto) var(--rc-canto);
}

.rc-nomeio__titulo {
	margin-bottom: 14px;
	font-size: calc(0.9375rem * var(--rc-escala));
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.rc-nomeio__lista { margin: 0; padding: 0; list-style: none; counter-reset: nomeio; }
.rc-nomeio__lista li { display: flex; align-items: baseline; gap: 12px; }
.rc-nomeio__lista li + li { margin-top: 12px; padding-top: 12px; border-top: var(--rc-sep, 1px solid var(--rc-linha)); }
.rc-nomeio__lista a {
	font-family: var(--rc-fonte-titulo);
	font-weight: var(--rc-peso-titulo);
	font-size: calc(1rem * var(--rc-escala));
	line-height: 1.25;
	text-decoration: none;
}
.rc-nomeio__numero {
	flex: none;
	font-family: var(--rc-fonte-titulo);
	font-size: calc(1.25rem * var(--rc-escala));
	font-weight: var(--rc-peso-titulo);
	line-height: 1;
	color: var(--rc-marca);
	font-variant-numeric: tabular-nums;
}

/* --------------------------------------------------------------------------
   Widget de mais lidas
   -------------------------------------------------------------------------- */

.rc-widget-lidas { margin: 0; padding: 0; list-style: none; }
.rc-widget-lidas__item { display: flex; align-items: flex-start; gap: 12px; }
.rc-widget-lidas__item + .rc-widget-lidas__item { margin-top: 12px; padding-top: 12px; border-top: var(--rc-sep, 1px solid var(--rc-linha)); }

.rc-widget-lidas__numero {
	flex: none;
	min-width: 1.2em;
	font-family: var(--rc-fonte-titulo);
	font-size: calc(1.15rem * var(--rc-escala));
	font-weight: var(--rc-peso-titulo);
	line-height: 1.2;
	color: var(--rc-marca);
	font-variant-numeric: tabular-nums;
}

.rc-widget-lidas__foto { flex: none; width: 96px; aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--rc-canto); background: var(--rc-superficie); }
.rc-widget-lidas__img { width: 100%; height: 100%; object-fit: cover; }

.rc-widget-lidas__texto { min-width: 0; }
.rc-widget-lidas__texto a {
	font-family: var(--rc-fonte-titulo);
	font-weight: var(--rc-peso-titulo);
	font-size: calc(0.9375rem * var(--rc-escala));
	line-height: 1.3;
}
.rc-widget-lidas__contagem { display: block; margin-top: 4px; font-size: 0.75rem; color: var(--rc-texto-suave); }

/* --------------------------------------------------------------------------
   Carregar mais
   -------------------------------------------------------------------------- */

/* Os links numerados continuam no HTML para o Google e para quem está sem
   JavaScript; com o botão ligado, eles só saem da vista. */
.rc-paginacao-oculta { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.no-js .rc-paginacao-oculta { position: static; width: auto; height: auto; clip-path: none; }
.no-js .rc-carregar-mais { display: none; }

/* --------------------------------------------------------------------------
   Anúncios
   A altura é reservada aqui, antes de qualquer código de rede carregar. É o
   que impede o anúncio de empurrar a página quando chega.
   -------------------------------------------------------------------------- */

.rc-ad {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	margin-block: calc(24px * var(--rc-densidade));
	text-align: center;
}

.rc-ad__rotulo {
	font-size: 0.625rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--rc-texto-suave);
	opacity: 0.75;
}

.rc-ad__caixa {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: var(--rc-ad-hm, 250px);
	overflow: hidden;
}

@media (min-width: 760px) {
	.rc-ad__caixa { min-height: var(--rc-ad-hd, 250px); }
}

.rc-ad img, .rc-ad iframe { max-width: 100%; }

/* Regras de exibição por tamanho de tela. Além de esconder, o script nem chega
   a injetar o código do lado que não aparece. */
@media (max-width: 759px) { .rc-ad--exibir-desktop { display: none; } }
@media (min-width: 760px) { .rc-ad--exibir-mobile { display: none; } }

/* Dentro da matéria e da listagem */
.rc-conteudo > .rc-ad { margin-block: calc(28px * var(--rc-densidade)); }
.rc-grade > .rc-ad { grid-column: 1 / -1; }

/* Faixa fixa na base do celular */
.rc-ad--ancora-mobile {
	position: fixed;
	inset: auto 0 0 0;
	z-index: 70;
	margin: 0;
	padding: 6px 0 max(6px, env(safe-area-inset-bottom));
	background: var(--rc-fundo);
	border-top: 1px solid var(--rc-linha);
	box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.1);
}
.rc-ad--ancora-mobile .rc-ad__rotulo { display: none; }
@media (min-width: 760px) { .rc-ad--ancora-mobile { display: none; } }

body.rc-com-ancora .rc-rodape { padding-bottom: calc(var(--rc-ad-hm, 50px) + 24px); }

.rc-ad__fechar {
	position: absolute;
	top: -13px;
	right: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	padding: 0;
	border: 1px solid var(--rc-linha);
	border-radius: 50%;
	background: var(--rc-fundo);
	color: var(--rc-texto);
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
}

/* --------------------------------------------------------------------------
   Trilha de navegação
   -------------------------------------------------------------------------- */

/* O layout da trilha (uma linha, reticências no fim) mora no CSS crítico. Aqui
   só o acabamento, para esta folha não desfazer aquele quando carregar. */

.rc-trilha__item + .rc-trilha__item::before {
	content: "/";
	margin-right: 6px;
	opacity: 0.5;
}

.rc-trilha a { text-decoration: none; }
.rc-trilha a:hover { color: var(--rc-marca); text-decoration: underline; }
.rc-trilha [aria-current="page"] { color: var(--rc-texto); font-weight: 600; }

/* --------------------------------------------------------------------------
   Rodapé: as três variações
   -------------------------------------------------------------------------- */

.rc-rodape__menu ul { display: flex; flex-wrap: wrap; gap: 8px 20px; list-style: none; margin: 0; padding: 0; }
.rc-rodape__menu a { font-size: 0.875rem; font-weight: 600; }

/* B: enxuto */
.rc-rodape--b { padding-block: calc(32px * var(--rc-densidade)) 20px; }
.rc-rodape__enxuto {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}
@media (max-width: 699px) { .rc-rodape__enxuto { flex-direction: column; text-align: center; } }

/* C: marca grande */
.rc-rodape--c .rc-rodape__marca { margin-bottom: calc(32px * var(--rc-densidade)); }

.rc-rodape__nome {
	font-family: var(--rc-fonte-titulo);
	font-weight: var(--rc-peso-titulo);
	font-size: clamp(2.2rem, 1rem + 6vw, 5.5rem);
	line-height: 0.92;
	letter-spacing: -0.03em;
	text-transform: uppercase;
	/* O nome é decoração: o texto de verdade já está no cabeçalho da página. */
	color: var(--rc-texto);
	opacity: 0.12;
}

.rc-rodape__tagline { margin-top: 8px; max-width: 46ch; color: var(--rc-texto-suave); }
.rc-rodape--c .rc-redes { margin-top: 18px; }
.rc-rodape--c .rc-rodape__colunas {
	display: grid;
	gap: 28px;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
}
.rc-rodape__legal ul { display: flex; flex-wrap: wrap; gap: 6px 16px; list-style: none; margin: 0; padding: 0; font-size: 0.8125rem; }
.rc-rodape__legal a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.rc-rodape__legal a:hover { text-decoration-thickness: 2px; }

/* --------------------------------------------------------------------------
   Compartilhar só com ícone
   Sempre no celular (com nome, cinco redes quebram em duas linhas) e em
   qualquer tela quando o painel pede. O nome continua no HTML, escondido só da
   vista, para leitor de tela saber o que cada botão faz.
   -------------------------------------------------------------------------- */

.rc-share--estilo-icone .rc-share__botao .rc-rotulo {
	position: absolute; width: 1px; height: 1px; overflow: hidden;
	clip-path: inset(50%); white-space: nowrap;
}
.rc-share--estilo-icone .rc-share__botao { width: 44px; min-height: 44px; padding: 0; justify-content: center; }

@media (max-width: 599px) {
	.rc-share .rc-share__botao .rc-rotulo {
		position: absolute; width: 1px; height: 1px; overflow: hidden;
		clip-path: inset(50%); white-space: nowrap;
	}
	.rc-share .rc-share__botao { width: 44px; min-height: 44px; padding: 0; justify-content: center; }
	.rc-share__lista { flex-wrap: nowrap; }
}

/* Redes no menu do celular: longe da linha do último item. */
.rc-gaveta__redes { margin-top: 28px; }

/* --------------------------------------------------------------------------
   Anúncio da casa (RAP CLICK)
   Cores e fonte da marca da agência, não do portal: é a RAP CLICK falando.
   Preenche a altura reservada do espaço. Em espaço largo fica numa linha; em
   espaço estreito (celular, barra lateral) empilha.
   -------------------------------------------------------------------------- */

@font-face {
	font-family: 'RC Casa';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/anton.woff2') format('woff2');
}

/* O espaço é o contêiner consultado: a regra de "largo ou estreito" vale para
   a peça dentro dele. */
.rc-ad__caixa:has(.rc-casa) { align-items: stretch; container-type: inline-size; }

.rc-casa {
	flex: 1;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-content: center;
	gap: 14px;
	width: 100%;
	padding: clamp(18px, 4vw, 28px);
	background: #0B0A0A;
	color: #EFEBE4;
	text-align: left;
	text-decoration: none;
	border-radius: var(--rc-canto);
}
.rc-casa:hover { color: #EFEBE4; }
/* Dentro da matéria, o link do texto pintava a peça inteira com a cor da
   marca e sublinhava tudo. */
.rc-conteudo a.rc-casa,
.rc-conteudo a.rc-casa:hover { color: #EFEBE4; text-decoration: none; }

.rc-casa__logo { width: 150px; height: auto; }
.rc-casa__texto { display: grid; gap: 6px; }

.rc-casa__titulo {
	font-family: 'RC Casa', 'Anton', Impact, sans-serif;
	font-weight: 400;
	font-size: clamp(1.5rem, 1rem + 2vw, 2.1rem);
	line-height: 1.05;
	letter-spacing: 0.01em;
	text-transform: uppercase;
}

.rc-casa__linha { max-width: 46ch; font-size: 0.9375rem; line-height: 1.45; color: rgba(239, 235, 228, 0.78); }

.rc-casa__botao {
	justify-self: start;
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 18px;
	background: #C93A2C;
	color: #fff;
	font-size: 0.875rem;
	font-weight: 700;
	border-radius: var(--rc-canto);
	transition: background 0.2s ease;
}
.rc-casa:hover .rc-casa__botao { background: #A82A1D; }

/* Espaço largo: logo, texto e botão na mesma linha. */
@container (min-width: 760px) {
	.rc-casa { grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 28px; }
	.rc-casa__logo { width: 170px; }
	.rc-casa__botao { justify-self: end; }
}

/* --------------------------------------------------------------------------
   Setas dos carrosséis
   Só com mouse: no toque o carrossel desliza com o dedo e a seta atrapalharia.
   Ficam na altura do meio da foto, calculada pelo script.
   -------------------------------------------------------------------------- */

.rc-carrossel { position: relative; }

.rc-carrossel__seta {
	position: absolute;
	top: var(--rc-seta-topo, 40%);
	z-index: 2;
	display: none;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--rc-texto);
	color: var(--rc-fundo);
	transform: translateY(-50%);
	cursor: pointer;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
	transition: opacity 0.2s ease, background 0.2s ease;
}
.rc-carrossel__seta--ant { left: -14px; }
.rc-carrossel__seta--prox { right: -14px; }
.rc-carrossel__seta:hover { background: var(--rc-marca); color: #fff; }
.rc-carrossel__seta[disabled] { opacity: 0; pointer-events: none; }

@media (hover: hover) and (pointer: fine) {
	.rc-carrossel--rola .rc-carrossel__seta { display: inline-flex; }
}

/* --------------------------------------------------------------------------
   Matéria: opções de leitura
   -------------------------------------------------------------------------- */

/* Fonte do texto. A serifa e a do sistema não baixam arquivo nenhum. */
.rc-texto-serifa .rc-conteudo { font-family: 'Iowan Old Style', 'Palatino Linotype', Charter, Georgia, serif; }
.rc-texto-sistema .rc-conteudo { font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; }

/* Largura da coluna de texto */
.rc-medida-estreita .rc-conteudo { max-width: 60ch; }
.rc-medida-larga .rc-conteudo { max-width: 78ch; }

/* Letra capitular no primeiro parágrafo */
.rc-capitular .rc-conteudo > p:first-of-type::first-letter {
	float: left;
	margin: 0.06em 0.1em 0 0;
	font-family: var(--rc-fonte-titulo);
	font-size: 3.6em;
	font-weight: var(--rc-peso-titulo);
	line-height: 0.82;
	color: var(--rc-marca);
}

/* Compartilhar: círculos contornados e botões preenchidos */
.rc-share--estilo-circulo .rc-share__botao { width: 42px; min-height: 42px; padding: 0; justify-content: center; border-radius: 50%; }
.rc-share--estilo-solido .rc-share__botao { background: var(--rc-marca); border-color: var(--rc-marca); color: #fff; }
.rc-share--estilo-solido .rc-share__botao:hover { color: #fff; filter: brightness(0.88); }

/* Compartilhar na coluna do layout com informações ao lado */
.rc-share--trilho { gap: 8px; }
.rc-share--trilho .rc-share__rotulo { width: 100%; }
.rc-share--trilho .rc-share__botao { width: 38px; min-height: 38px; padding: 0; justify-content: center; }

/* Tags em pílulas com "Descubra mais" */
.rc-tags__rotulo { width: 100%; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--rc-texto-suave); }
.rc-tags--pilulas .rc-tag { border-color: transparent; border-radius: 999px; background: var(--rc-superficie); color: var(--rc-texto); }
.rc-tags--pilulas .rc-tag:hover { background: var(--rc-marca); color: #fff; }

/* "Leia também" dentro do texto */
.rc-conteudo > .rc-leia { display: grid; gap: 4px; padding: 14px 18px; border-left: 3px solid var(--rc-marca); background: var(--rc-superficie); }
.rc-leia__rotulo { font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--rc-marca); }
.rc-conteudo .rc-leia__link { font-family: var(--rc-fonte-titulo); font-size: 1.0625rem; font-weight: var(--rc-peso-titulo); line-height: 1.3; color: var(--rc-texto); text-decoration: none; }
.rc-conteudo .rc-leia__link:hover { color: var(--rc-marca); }
.rc-titulos-caixa-alta .rc-leia__link { text-transform: uppercase; }

/* Relacionados em lista e numerados */
.rc-relacionados--lista .rc-grade { grid-template-columns: minmax(0, 1fr); gap: 18px; }
.rc-relacionados--lista .rc-grade > * + * { padding-top: 18px; border-top: var(--rc-sep, 1px solid var(--rc-linha)); }

.rc-numerada { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; counter-reset: rc-numerada; }
.rc-numerada__item {
	position: relative;
	display: grid;
	gap: 4px;
	padding: 14px 0 14px 52px;
	border-top: var(--rc-sep, 1px solid var(--rc-linha));
	counter-increment: rc-numerada;
}
.rc-numerada__item::before {
	content: counter(rc-numerada);
	position: absolute;
	top: 10px;
	left: 0;
	font-family: var(--rc-fonte-titulo);
	font-size: 2rem;
	font-weight: var(--rc-peso-titulo);
	line-height: 1;
	color: var(--rc-marca);
}
.rc-numerada__link { font-family: var(--rc-fonte-titulo); font-size: 1.0625rem; font-weight: var(--rc-peso-titulo); line-height: 1.3; }
.rc-numerada__link:hover { color: var(--rc-marca); }
.rc-titulos-caixa-alta .rc-numerada__link { text-transform: uppercase; }
/* A primeira linha não leva traço: o título da seção já tem o dele. */
.rc-numerada__item:first-child { border-top: 0; }
@media (min-width: 760px) {
	.rc-numerada { grid-template-columns: 1fr 1fr; column-gap: 32px; }
	.rc-numerada__item:nth-child(2) { border-top: 0; }
}

/* --------------------------------------------------------------------------
   Premium: leituras, "Em resumo" e estilos de citação
   -------------------------------------------------------------------------- */

.rc-meta__leituras { font-weight: 600; }

.rc-resumo {
	margin: 0 0 1.6em;
	padding: 18px 22px 16px;
	background: var(--rc-superficie);
	border-top: 3px solid var(--rc-marca);
}
.rc-conteudo > .rc-resumo { margin-top: 0; }
.rc-resumo__titulo { margin: 0 0 8px; font-size: 0.8125rem; letter-spacing: 0.08em; text-transform: uppercase; }
.rc-conteudo .rc-resumo__lista { margin: 0; padding-left: 1.1em; font-size: 0.95em; }
.rc-conteudo .rc-resumo__lista li + li { margin-top: 0.4em; }

/* Citação grande: centralizada, maior, com as aspas desenhadas na cor da marca */
.rc-citacao-grande .rc-conteudo blockquote {
	position: relative;
	margin: 2em 0;
	padding: 1.6em 0 0;
	border: 0;
	font-family: var(--rc-fonte-titulo);
	font-size: 1.6em;
	font-weight: var(--rc-peso-titulo);
	line-height: 1.25;
	text-align: center;
}
.rc-citacao-grande .rc-conteudo blockquote::before {
	content: "\201C";
	position: absolute;
	top: -0.12em;
	left: 50%;
	transform: translateX(-50%);
	font-size: 2.6em;
	line-height: 1;
	color: var(--rc-marca);
}
.rc-citacao-grande .rc-conteudo blockquote cite { display: block; margin-top: 0.8em; font-family: var(--rc-fonte-texto); font-size: 0.5em; font-style: normal; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--rc-texto-suave); }

/* Citação em caixa */
.rc-citacao-caixa .rc-conteudo blockquote {
	padding: 1.1em 1.3em;
	border-left: 0;
	background: var(--rc-superficie);
	border-radius: var(--rc-canto);
	font-style: italic;
}

/* --------------------------------------------------------------------------
   Rodapé D: mega rodapé
   -------------------------------------------------------------------------- */

.rc-rodape--d .rc-rodape__topo {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	padding-bottom: 28px;
	border-bottom: 3px solid var(--rc-texto);
}
.rc-rodape__logo { display: inline-flex; }
.rc-rodape__logo-img { display: block; width: auto; height: calc(var(--rc-logo-altura, 40px) * 1.15); }
.rc-rodape__logo-texto { font-family: var(--rc-fonte-titulo); font-weight: var(--rc-peso-titulo); font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.4rem); line-height: 1; letter-spacing: -0.02em; }
.rc-rodape__subir { font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }
.rc-rodape__subir:hover { color: var(--rc-marca); }
.rc-rodape__mega {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
	gap: 32px clamp(24px, 3vw, 44px);
	padding-top: 30px;
}
.rc-rodape__titulo { margin: 0 0 14px; font-family: var(--rc-fonte-texto); font-size: 0.75rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--rc-texto-suave); }
.rc-rodape__lista { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; font-size: 0.9375rem; }
.rc-rodape__lista a:hover { color: var(--rc-marca); }
.rc-rodape__lista--numerada { counter-reset: rodape; }
.rc-rodape__lista--numerada li { display: grid; grid-template-columns: 22px 1fr; counter-increment: rodape; line-height: 1.35; }
.rc-rodape__lista--numerada li::before { content: counter(rodape); font-weight: 800; color: var(--rc-marca); }
.rc-rodape__lista--redes a { display: inline-flex; align-items: center; gap: 10px; }
.rc-rodape__coluna--lidas { grid-column: span 2; }
@media (max-width: 699px) { .rc-rodape__coluna--lidas { grid-column: auto; } }

/* --------------------------------------------------------------------------
   Rodapé E: assinatura gigante no escuro
   -------------------------------------------------------------------------- */

.rc-rodape--e {
	--rc-fundo: #0b0b0b;
	--rc-texto: #f2f0ec;
	--rc-texto-suave: rgba(242, 240, 236, 0.62);
	--rc-linha: #262626;
	--rc-superficie: #161616;
	margin-top: calc(56px * var(--rc-densidade));
	padding-bottom: 22px;
	border-top: 0;
	background: var(--rc-fundo);
	color: var(--rc-texto);
	overflow: hidden;
}
.rc-rodape--e .rc-rodape__linha { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; padding-bottom: 26px; border-bottom: 1px solid var(--rc-linha); }
.rc-rodape__editorias ul { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 0; padding: 0; list-style: none; }
.rc-rodape__editorias a { font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }
.rc-rodape__editorias a:hover { color: var(--rc-marca); }
.rc-rodape--e .rc-rodape__colunas { padding-top: 30px; }
.rc-rodape__assinatura {
	margin: clamp(28px, 5vw, 64px) 0 0;
	font-family: var(--rc-fonte-titulo);
	font-weight: var(--rc-peso-titulo, 800);
	font-size: min(calc(150vw / var(--rc-letras)), calc(var(--rc-largura, 1240px) * 1.5 / var(--rc-letras)));
	line-height: 0.82;
	letter-spacing: -0.045em;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
}
.rc-rodape--e .rc-rodape__base { margin-top: 18px; }