/* Cor do rodapé (Definições > CORES > Cor do rodapé) nas telas de nicho.
   Só é carregado com a cor preenchida; --nx-footer-bg e --nx-footer-ink vêm de rocket_niche_css_vars().
   O rodapé inteiro (todas as faixas) fica na cor escolhida, com texto legível por cima. */

.nx-footer {
	--nx-footer-muted: color-mix(in srgb, var(--nx-footer-ink) 72%, var(--nx-footer-bg));
	--nx-footer-line: color-mix(in srgb, var(--nx-footer-ink) 18%, var(--nx-footer-bg));
	color: var(--nx-footer-ink) !important;
}

.nx-footer,
.nx-footer [class*="nx-footer__"] {
	background-color: var(--nx-footer-bg) !important;
	border-color: var(--nx-footer-line) !important;
}

.nx-footer a:not([class*="btn"]):not(.nx-footer__contato),
.nx-footer strong,
.nx-footer .nx-logo,
.nx-footer .nx-logo > span:not([class*="tag"]):not([class*="mark"]),
.nx-footer .nx-logo-by {
	color: var(--nx-footer-ink) !important;
}

.nx-footer p,
.nx-footer [class*="__head"],
.nx-footer [class*="__bottom"],
.nx-footer [class*="__copy"],
.nx-footer [class*="__tagline"] {
	color: var(--nx-footer-muted) !important;
}

.nx-footer .nx-footer__contato {
	background: var(--nx-footer-line) !important;
	color: var(--nx-footer-ink) !important;
}