/* Páginas internas — layout compartilhado (quem-sou, causa-animal,
 * mulheres, contato, leis, recursos, ações sociais, notícias). */

.pagina-interna__grade {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--espaco-4);
	align-items: start;
}

@media (min-width: 900px) {
	.pagina-interna__grade { grid-template-columns: 1.1fr 0.9fr; gap: var(--espaco-6); }
}

.pagina-interna__texto h1 {
	font-size: var(--tamanho-h2);
	margin-top: var(--espaco-2);
}

.pagina-interna__texto p { max-width: 65ch; }

.pagina-interna__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: var(--espaco-3);
}

.eyebrow--tag {
	background: var(--rosa-palido);
	color: var(--azul);
}

.pagina-interna__foto,
.pagina-interna__foto-placeholder {
	border-radius: var(--raio-card);
	overflow: hidden;
}

.pagina-interna__foto-placeholder {
	aspect-ratio: 4 / 5;
	background: linear-gradient(135deg, var(--rosa-palido), var(--cinza-borda));
}

.pagina-interna__foto img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Página cheia (sem coluna de foto), ex.: leis, recursos, contato */
.pagina-cheia { max-width: 80ch; }

.pagina-interna__intro {
	max-width: 70ch;
	margin-bottom: var(--espaco-4);
}

/* Filtro de leis */
.filtro-leis__pilulas {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: var(--espaco-4);
}

.filtro-leis__pilula {
	border: 1px solid var(--cinza-borda);
	background: var(--branco);
	color: var(--azul);
	border-radius: var(--raio-pilula);
	padding: 8px 16px;
	font-size: 0.875rem;
	font-weight: 700;
	cursor: pointer;
}

.filtro-leis__pilula.is-ativa {
	background: var(--azul);
	border-color: var(--azul);
	color: var(--branco);
}

.filtro-leis__grade { margin-top: var(--espaco-3); }

.filtro-leis__vazio {
	text-align: center;
	color: var(--cinza-texto);
	margin-top: var(--espaco-4);
}

/* /recursos */
.recursos__total {
	font-size: var(--tamanho-numero);
	font-weight: 900;
	color: var(--rosa);
	letter-spacing: -0.02em;
	line-height: 1.05;
}

.recursos__tabela {
	width: 100%;
	border-collapse: collapse;
	margin-top: var(--espaco-6);
}

.recursos__tabela th,
.recursos__tabela td {
	text-align: left;
	padding: var(--espaco-1) var(--espaco-2);
	border-bottom: 1px solid var(--cinza-borda);
}

.recursos__tabela td:last-child,
.recursos__tabela th:last-child { text-align: right; }

.recursos__tabela tfoot th,
.recursos__tabela tfoot td {
	font-weight: 800;
	color: var(--azul);
	border-bottom: none;
	border-top: 2px solid var(--azul);
}

.recursos__nota {
	margin-top: var(--espaco-2);
	font-size: 0.8125rem;
	color: var(--cinza-texto);
}

/* Single de notícia / ação social */
.single-noticia__categorias { display: flex; gap: 8px; margin-bottom: var(--espaco-1); }
.single-noticia__data { color: var(--cinza-texto); font-size: 0.9375rem; margin-bottom: var(--espaco-3); }

.single-noticia__capa,
.single-acao__capa {
	border-radius: var(--raio-card);
	overflow: hidden;
	margin-bottom: var(--espaco-4);
}

.single-noticia__conteudo,
.single-acao__conteudo {
	max-width: 70ch;
	line-height: 1.75;
}

.single-noticia__conteudo p,
.single-acao__conteudo p { margin-bottom: var(--espaco-2); }

.single-noticia__voltar,
.single-acao__voltar { margin-top: var(--espaco-5); }

.single-acao__galeria {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--espaco-2);
	margin-top: var(--espaco-4);
}

@media (min-width: 640px) {
	.single-acao__galeria { grid-template-columns: repeat(3, 1fr); }
}

.single-acao__galeria img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: var(--raio-card);
}

/* /quem-sou — biografia em linha do tempo */
.bio-intro {
	max-width: 70ch;
	margin-bottom: var(--espaco-6);
	/* Container (1200px) é bem mais largo que o texto — centraliza pra
	 * não sobrar espaço em branco feio só de um lado (usuário reportou
	 * conteúdo "muito na lateral"). */
	margin-inline: auto;
}
.bio-intro p { max-width: 60ch; margin-top: var(--espaco-2); font-size: 1.0625rem; color: var(--cinza-texto); }

.linha-tempo {
	position: relative;
	max-width: 900px;
	margin-inline: auto;
}

.linha-tempo::before {
	content: '';
	position: absolute;
	top: 6px;
	bottom: 6px;
	left: 15px;
	width: 2px;
	background: var(--cinza-borda);
}

@media (min-width: 640px) {
	.linha-tempo::before { left: 23px; }
}

.linha-tempo__item {
	position: relative;
	display: flex;
	gap: var(--espaco-3);
	padding-bottom: var(--espaco-6);
}

.linha-tempo__item:last-child { padding-bottom: 0; }

.linha-tempo__marcador {
	flex-shrink: 0;
	width: 32px;
	display: flex;
	justify-content: center;
	padding-top: 4px;
}

@media (min-width: 640px) {
	.linha-tempo__marcador { width: 48px; }
}

.linha-tempo__ponto {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: var(--rosa);
	border: 3px solid var(--branco);
	box-shadow: 0 0 0 2px var(--rosa);
	position: relative;
	z-index: 1;
}

.linha-tempo__conteudo { min-width: 0; flex: 1; padding-top: 2px; }

.linha-tempo__periodo { color: var(--rosa); margin-bottom: var(--espaco-1); }

.linha-tempo__conteudo h2 {
	font-size: var(--tamanho-h3);
	margin-bottom: var(--espaco-2);
	color: var(--azul);
}

.linha-tempo__conteudo p {
	max-width: 68ch;
	margin-bottom: var(--espaco-2);
	color: var(--cinza-texto);
}

.linha-tempo__conteudo p:last-of-type { margin-bottom: 0; }

.linha-tempo__galeria {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--espaco-2);
	margin-top: var(--espaco-3);
}

@media (min-width: 640px) {
	.linha-tempo__galeria--grande { grid-template-columns: repeat(3, 1fr); }
}

.linha-tempo__foto {
	border-radius: var(--raio-card);
	overflow: hidden;
	/* 3:4 (mais alto que largo) porque a maioria das fotos pessoais é
	 * retrato — reduz o corte nas laterais. object-position: top garante
	 * que, quando ainda sobrar corte vertical, ele saia de baixo, nunca
	 * cortando a cabeça de quem está na foto. */
	aspect-ratio: 3 / 4;
	background: var(--cinza-borda);
}

.linha-tempo__foto img { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }

/* /midia-kit — link pra pasta completa no Google Drive */
.midia-kit__drive {
	display: flex;
	align-items: center;
	gap: var(--espaco-3);
	margin-top: var(--espaco-4);
	padding: var(--espaco-3);
	background: var(--azul);
	border-radius: var(--raio-card);
	text-decoration: none;
	transition: background-color 0.2s ease, transform 0.2s ease;
}

.midia-kit__drive:hover { background: var(--azul-medio); transform: translateY(-2px); }

.midia-kit__drive-icone {
	display: inline-flex;
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--amarelo);
	color: var(--azul);
}

.midia-kit__drive-icone svg { width: 24px; height: 24px; }

.midia-kit__drive-texto { display: flex; flex-direction: column; gap: 2px; }
.midia-kit__drive-texto strong { color: var(--branco); font-size: 1.0625rem; }
.midia-kit__drive-texto span { color: var(--branco); opacity: 0.85; font-size: 0.875rem; }

.midia-kit__drive-seta {
	display: inline-flex;
	margin-left: auto;
	flex-shrink: 0;
	color: var(--branco);
}

.midia-kit__drive-seta svg { width: 20px; height: 20px; }

/* /rondonia-que-queremos — redesenhado 2026-09-02 (pedido: "layout
 * melhor, mais bonito, não tão simples"). */
.rqq-hero { overflow: hidden; }

.rqq-hero__grade {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--espaco-5);
	align-items: center;
}

@media (min-width: 900px) {
	.rqq-hero__grade { grid-template-columns: 1.2fr 0.8fr; }
}

.rqq-hero__texto { max-width: 60ch; }
.rqq-hero__texto p { margin-top: var(--espaco-2); }
.rqq-hero__ctas { margin-top: var(--espaco-3); }

.rqq-stat {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: var(--espaco-3);
	padding: 10px 18px;
	border-radius: var(--raio-pilula);
	background: var(--rosa-palido);
	color: var(--azul);
	font-size: 0.9375rem;
}

.rqq-stat .ieda-heart { width: 18px; height: 18px; }
.rqq-stat strong { color: var(--rosa); font-size: 1.0625rem; }

.rqq-hero__decoracao {
	position: relative;
	display: none;
	height: 320px;
}

@media (min-width: 900px) {
	.rqq-hero__decoracao { display: block; }
}

.rqq-hero__circulo {
	position: absolute;
	border-radius: 50%;
}

.rqq-hero__circulo--1 {
	width: 260px;
	height: 260px;
	top: 0;
	right: 20px;
	background: var(--rosa-palido);
}

.rqq-hero__circulo--2 {
	width: 140px;
	height: 140px;
	bottom: 10px;
	right: 200px;
	background: var(--amarelo);
	opacity: 0.35;
}

.rqq-hero__circulo--3 {
	width: 110px;
	height: 110px;
	bottom: 40px;
	right: 40px;
	background: var(--branco);
	border: 1px solid var(--cinza-borda);
	display: flex;
	align-items: center;
	justify-content: center;
}

.rqq-hero__circulo--3 .ieda-heart { width: 44px; height: 44px; }

/* Grade de temas — clicável (pré-seleciona o <select> do formulário e
 * rola até ele, ver assets/js/rondonia-que-queremos.js). Não filtra
 * nada, é só atalho. */
.rqq-temas-grade {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--espaco-2);
	margin-top: var(--espaco-4);
}

@media (min-width: 640px) {
	.rqq-temas-grade { grid-template-columns: repeat(3, 1fr); }
}

@media (min-width: 1024px) {
	.rqq-temas-grade { grid-template-columns: repeat(4, 1fr); }
}

.rqq-tema {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--espaco-2);
	padding: var(--espaco-3);
	background: var(--branco);
	border: 1px solid var(--cinza-borda);
	border-radius: var(--raio-card);
	cursor: pointer;
	text-align: left;
	font-family: var(--fonte);
	transition: border-color 0.2s ease, transform 0.2s ease;
}

.rqq-tema:hover,
.rqq-tema:focus-visible {
	border-color: var(--rosa);
	transform: translateY(-2px);
}

.rqq-tema__icone {
	display: inline-flex;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--rosa-palido);
	color: var(--rosa);
}

.rqq-tema__icone svg { width: 22px; height: 22px; }

.rqq-tema__rotulo { font-weight: 700; color: var(--azul); font-size: 0.9375rem; }

/* Como funciona — 3 passos */
.rqq-passos {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--espaco-4);
	margin-top: var(--espaco-4);
}

@media (min-width: 768px) {
	.rqq-passos { grid-template-columns: repeat(3, 1fr); }
}

.rqq-passo__numero {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--amarelo);
	color: var(--azul);
	font-weight: 900;
	font-size: 1.25rem;
	margin-bottom: var(--espaco-2);
}

.rqq-passo h3 { color: var(--branco); margin-bottom: 4px; }
.rqq-passo p { color: var(--branco); opacity: 0.85; font-size: 0.9375rem; }

/* Formulário — card branco elevado sobre a seção rosa */
.rqq-form-secao { position: relative; }

.rqq-form-grade {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--espaco-4);
	align-items: start;
}

@media (min-width: 900px) {
	.rqq-form-grade { grid-template-columns: 1.4fr 0.6fr; }
}

.rqq-form-card {
	background: var(--branco);
	border-radius: var(--raio-card);
	padding: var(--espaco-4);
	box-shadow: 0 24px 48px rgba(0, 42, 114, 0.18);
	color: var(--cinza-texto);
}

@media (min-width: 640px) {
	.rqq-form-card { padding: var(--espaco-5); }
}

.rqq-form-card h2 { color: var(--azul); margin-bottom: var(--espaco-1); }

.rqq-form-campos {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--espaco-2);
	margin-top: var(--espaco-3);
}

@media (min-width: 640px) {
	.rqq-form-campos { grid-template-columns: 1fr 1fr; }
}

.rqq-form-campo { display: flex; flex-direction: column; gap: 6px; }
.rqq-form-campo--full { grid-column: 1 / -1; }

.rqq-form-campo label { font-weight: 700; font-size: 0.9375rem; color: var(--azul); }

.rqq-form-campo input,
.rqq-form-campo select {
	min-height: var(--altura-botao);
	padding: 0 var(--espaco-2);
	border-radius: 10px;
	border: 1px solid var(--cinza-borda);
	font-family: var(--fonte);
	font-size: 1rem;
	background: var(--branco);
	color: var(--cinza-texto);
}

.rqq-form-campo textarea {
	padding: var(--espaco-2);
	border-radius: 10px;
	border: 1px solid var(--cinza-borda);
	font-family: var(--fonte);
	font-size: 1rem;
	resize: vertical;
	background: var(--branco);
	color: var(--cinza-texto);
}

.rqq-form-campo input:focus,
.rqq-form-campo select:focus,
.rqq-form-campo textarea:focus {
	outline: none;
	border-color: var(--rosa);
}

.rqq-whatsapp {
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: var(--raio-card);
	padding: var(--espaco-4);
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--espaco-2);
}

.rqq-whatsapp__icone {
	display: inline-flex;
	width: 48px;
	height: 48px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.15);
	color: var(--branco);
}

.rqq-whatsapp__icone svg { width: 26px; height: 26px; fill: currentColor; }

.rqq-whatsapp p { color: var(--branco); font-weight: 600; }

/* Arquivo de notícias */
.arquivo-noticias__paginacao {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: var(--espaco-5);
}

.arquivo-noticias__paginacao .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 12px;
	border-radius: var(--raio-pilula);
	border: 1px solid var(--cinza-borda);
	color: var(--azul);
	text-decoration: none;
	font-weight: 700;
}

.arquivo-noticias__paginacao .page-numbers.current {
	background: var(--azul);
	border-color: var(--azul);
	color: var(--branco);
}