/* ==========================================================================
   RODAPÉ
   ==========================================================================

   O QUE CONTROLA: fundo verde, nome e descrição do site, colunas de links
   (Navegue/Editorias, Institucional, Legal) e a linha final com o direito
   autoral. A coluna "Navegue" repete o Menu principal em colunas.

   HTML: footer.php e template-parts/rodape/rodape.php
   COR DE FUNDO: --cor-rodape em base/variaveis.css
   ========================================================================== */

.rodape {
	margin-top: var(--espaco-secao);
	background: var(--cor-rodape);
	color: rgba(245, 243, 237, 0.86);
	font-size: 0.9375rem;
}

.rodape a {
	color: rgba(245, 243, 237, 0.86);
	text-decoration: none;
}

.rodape a:hover {
	color: var(--cor-branco);
	text-decoration: underline;
	text-decoration-color: var(--cor-destaque);
}

.rodape :focus-visible {
	outline-color: var(--cor-foco-escuro);
}

.rodape__grade {
	display: grid;
	gap: var(--espaco-6);
	padding-block: var(--espaco-7);
}

@media (min-width: 600px) {
	.rodape__grade {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rodape__marca {
		grid-column: 1 / -1;
	}
}

/* A coluna "Navegue" (Menu principal) ocupa a largura toda no celular e no
   tablet, com os links em duas colunas; no computador, ganha mais espaço. */
.rodape__coluna--principal {
	grid-column: 1 / -1;
}

@media (min-width: 1024px) {
	.rodape__grade {
		grid-template-columns: minmax(0, 1.3fr) minmax(0, 2.2fr) repeat(2, minmax(0, 1fr));
		gap: var(--espaco-7);
		padding-block: var(--espaco-8);
	}

	.rodape__marca,
	.rodape__coluna--principal {
		grid-column: auto;
	}
}

.rodape__nome {
	display: inline-flex;
	align-items: baseline;
	font-family: var(--fonte-titulos);
	font-size: 1.5rem;
	font-weight: var(--peso-extra);
	letter-spacing: -0.035em;
	color: var(--cor-branco) !important; /* Mantém o nome sempre branco, mesmo com regras gerais de link do rodapé. */
}

.rodape__nome::after {
	content: "";
	width: 0.28em;
	height: 0.28em;
	margin-left: 0.1em;
	border-radius: 50%;
	background: var(--cor-destaque);
}

.rodape__descricao {
	max-width: 34ch;
	margin-top: var(--espaco-3);
	line-height: 1.6;
}

.rodape__titulo {
	margin-bottom: var(--espaco-3);
	font-family: var(--fonte-corpo);
	font-size: var(--texto-pequeno);
	font-weight: var(--peso-semi);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--cor-destaque);
}

.rodape__lista {
	margin: 0;
	padding: 0;
	list-style: none;
}

.rodape__lista a {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	padding-block: var(--espaco-1);
	line-height: 1.35;
}

/* Lista longa (Menu principal) dividida em colunas, como num índice. */
.rodape__lista--colunas {
	columns: 2;
	column-gap: var(--espaco-5);
}

.rodape__lista--colunas li {
	break-inside: avoid;
}

@media (min-width: 768px) and (max-width: 1023px) {
	.rodape__lista--colunas {
		columns: 3;
	}
}

.rodape__final {
	border-top: 1px solid rgba(245, 243, 237, 0.14);
	font-size: var(--texto-meta);
	color: rgba(245, 243, 237, 0.72);
}

.rodape__final-interno {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--espaco-3);
	padding-block: var(--espaco-5);
}