/*
 * footer.css — CSS puro do layout da barra do rodapé (#footer)
 *
 * [PERFORMANCE] Este CSS era um <style> inline dentro do footer.php: ~8,5 KB
 * de folha de estilo retransmitidos em TODA visita de TODA página, sem cache
 * de navegador nem de borda. Como arquivo, ele é baixado uma vez e revalidado
 * por versão — e sai do HTML, que é o documento do caminho crítico.
 *
 * Continua escopado inteiramente sob #footer: não afeta .t-secondary, nav,
 * ul/li nem qualquer outra classe usada fora do rodapé.
 *
 * Enfileirado em inc/cwv-2026.php → cdc_cwv_css_rodape().
 *
 * [CORREÇÃO] Este arquivo continha, por engano, o conteúdo INTEIRO de
 * footer.php (função PHP, WP_Query, HTML) colado antes do CSS real, com o
 * CSS preso dentro de uma tag <style> solta. Um arquivo .css é servido cru
 * pelo navegador — PHP nunca era executado, e a tag <style>/<algo> quebrava
 * o parser de CSS bem no primeiro seletor (#footer{}), que muito provavelmente
 * era descartado silenciosamente. O PHP foi restaurado em footer.php, na
 * posição correta; este arquivo agora contém somente CSS válido.
 */

/* Escopado inteiramente sob #footer — não afeta .t-secondary, nav,
	   ul/li ou qualquer outra classe usada fora do rodapé no resto do site. */
	#footer {
		background: #5B1311;
		color: #F3E9DD;
		padding: 64px 24px 36px;
	}
	#footer a { color: inherit; text-decoration: none; }
	#footer .wrapper {
		max-width: 1280px;
		margin: 0 auto;
		display: grid;
		grid-template-columns: 1.3fr 0.9fr 1.15fr;
		gap: 56px;
		align-items: start;
	}

	#footer h2.t-secondary {
		font-size: 14px;
		font-weight: 800;
		letter-spacing: 1.5px;
		text-transform: uppercase;
		color: #ffffff !important;
		margin: 0 0 22px;
		padding-bottom: 12px;
		border-bottom: 2px solid rgba(255,255,255,0.2);
	}

	/* Coluna 1: menu de categorias */
	#footer .footer-menu-nav {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 4px 28px;
	}
	#footer .footer-menu-nav ul { list-style: none; margin: 0; padding: 0; }
	#footer .footer-menu-nav li { margin-bottom: 13px; }
	#footer .footer-menu-nav a {
		font-size: 14px;
		color: rgba(255,255,255,0.82);
		transition: color 0.15s ease;
	}
	#footer .footer-menu-nav a:hover { color: #fff; text-decoration: underline; }

	/* Coluna 2: marca, redes sociais e institucional */
	#footer .footer-logo { text-align: center; }
	#footer .footer-logo > a { display: inline-block; margin-bottom: 24px; }
	#footer .footer-logo > a img { display: block; margin: 0 auto; }

	#footer .footer-logo .social {
		display: flex;
		justify-content: center;
		gap: 12px;
		margin-bottom: 28px;
	}
	#footer .footer-logo .social a {
		width: 38px; height: 38px;
		display: flex; align-items: center; justify-content: center;
		background: rgba(255,255,255,0.12);
		border-radius: 50%;
		transition: background 0.15s ease, transform 0.15s ease;
	}
	#footer .footer-logo .social a:hover {
		background: rgba(255,255,255,0.24);
		transform: translateY(-2px);
	}
	#footer .footer-logo .social svg { width: 18px; height: 18px; }

	#footer .footer-institutional {
		border-top: 1px solid rgba(255,255,255,0.18);
		padding-top: 22px;
	}
	#footer .footer-institutional nav ul {
		list-style: none; margin: 0 0 18px; padding: 0;
		display: flex; flex-wrap: wrap; justify-content: center;
		gap: 8px 18px;
	}
	#footer .footer-institutional nav a {
		font-size: 13px;
		color: rgba(255,255,255,0.78);
	}
	#footer .footer-institutional nav a:hover { color: #fff; text-decoration: underline; }
	#footer .footer-institutional p.copyright {
		font-size: 12px;
		line-height: 1.6;
		color: rgba(255,255,255,0.58);
		margin: 0;
	}

	/* Coluna 3: card do autor */
	#footer .footer-author {
		background: rgba(0,0,0,0.16);
		border: 1px solid rgba(255,255,255,0.1);
		border-radius: 14px;
		padding: 28px 26px;
	}
	#footer .footer-author .author {
		display: flex;
		align-items: center;
		gap: 14px;
		margin-bottom: 16px;
	}
	#footer .footer-author .author img {
		border-radius: 50%;
		object-fit: cover;
		flex-shrink: 0;
	}
	#footer .footer-author .author h3 {
		margin: 0;
		font-size: 16px;
		font-weight: 700;
		color: #fff;
		line-height: 1.35;
	}
	#footer .footer-author .author h3 span {
		display: block;
		font-weight: 400;
		font-size: 12.5px;
		color: rgba(255,255,255,0.72);
		margin-top: 3px;
	}
	#footer .footer-author > p {
		font-size: 14px;
		line-height: 1.7;
		color: rgba(255,255,255,0.86);
		margin: 0;
	}

	@media (max-width: 900px) {
		#footer .wrapper {
			grid-template-columns: 1fr;
			gap: 44px;
		}
		#footer .footer-menu-nav { grid-template-columns: 1fr 1fr; }
	}
	@media (max-width: 480px) {
		#footer .footer-menu-nav { grid-template-columns: 1fr; }
	}