/* Footer — fundo tinta, identificação institucional */

.nws-footer {
	margin-top: 80px;
	background: var(--nws-ink-950);
	color: var(--nws-ink-200);
	font-family: var(--nws-font-sans); font-size: 13px;
}
.nws-footer__grid {
	display: grid; grid-template-columns: 1fr; gap: 32px;
	padding: 48px 0 32px;
}
@media (min-width: 768px) {
	.nws-footer__grid { grid-template-columns: 2fr repeat(3, 1fr) 1.4fr; gap: 40px; }
}

.nws-footer__brand .nws-logo__text { color: #fff; font-size: 32px; }
.nws-footer__brand .nws-logo__dot   { color: var(--nws-breaking-500); }
.nws-footer__tagline {
	color: var(--nws-ink-400);
	margin-top: 8px;
	max-width: 320px;
	line-height: 1.55;
}

.nws-footer__heading {
	display: block;
	font-family: var(--nws-font-sans);
	font-size: 11px; font-weight: 800;
	letter-spacing: 0.14em; text-transform: uppercase;
	color: #fff; margin-bottom: 12px;
}

.nws-footer__menu li, .nws-footer__col li { margin-bottom: 8px; }
.nws-footer__menu a, .nws-footer__col a { color: var(--nws-ink-300); }
.nws-footer__menu a:hover, .nws-footer__col a:hover { color: #fff; }

.nws-footer__legal p {
	font-size: 13px; line-height: 1.7; color: var(--nws-ink-300);
}
.nws-footer__legal a { color: var(--nws-ink-200); border-bottom: 1px dotted var(--nws-ink-700); }
.nws-footer__legal a:hover { color: #fff; }

.nws-footer__bottom {
	border-top: 1px solid var(--nws-ink-800);
	padding: 16px 0;
}
.nws-footer__bottom .nws-container {
	display: flex; flex-direction: column; gap: 6px;
	font-size: 12px; color: var(--nws-ink-500);
}
@media (min-width: 768px) {
	.nws-footer__bottom .nws-container { flex-direction: row; justify-content: space-between; align-items: center; }
}

.nws-social { margin-top: 18px; }
.nws-social-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}
.nws-social-list__item { margin: 0; }
.nws-social-list a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border: 1px solid var(--nws-ink-700);
	border-radius: 50%;
	color: var(--nws-ink-200);
	transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
}
.nws-social-list a:hover,
.nws-social-list a:focus-visible {
	border-color: var(--nws-breaking-500);
	background-color: var(--nws-breaking-500);
	color: #fff;
	outline: none;
}
.nws-social-list svg {
	width: 18px;
	height: 18px;
	fill: currentColor;
	display: block;
}
