footer {
	background: var(--color-black);
}

.footer__navigation--link {
	color: var(--color-white);
	transition: text-shadow 150ms ease;
}

.footer__navigation--link:hover {
	text-shadow: -0.3px -0.3px 0 currentColor, 0.3px -0.3px 0 currentColor,
		-0.3px 0.3px 0 currentColor, 0.3px 0.3px 0 currentColor;
}

.footer__navigation--link-social {
	transition: filter 0.3s ease-in-out;
}

.footer__navigation--link-social:hover {
	filter: invert(0.3);
}

.sub-footer {
	justify-content: center;
	align-items: center;
	text-align: center;
	background-color: #3F3C3C;
}

.foot__description {
	font-size: 14px;
}

.footer__navigation--title,
.sub-footer__cnpj,
.sub-footer__developed {
	color: var(--color-white);
	font-weight: 600;
}

.sub-footer__developed {
	text-decoration: underline;
}

.whatsapp {
	border-radius: 100%;
	background: rgb(37, 211, 102);
}

.whatsapp__link {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	width: 100%;
	height: 100%;

	display: flex;
	justify-content: center;
	align-items: center;
}

.whatsapp__link:hover::before {
	position: absolute;
	top: -65px;
	right: 0;
	content: attr(data-message);

	font-family: var(--text-font);
	font-size: var(--text-font-size);
	line-height: var(--line-height);

	padding: 8px;
	border-radius: 8px;
	background-color: var(--secondary-color);

	width: 140px;
	text-align: center;
	color: var(--color-white);
}


.footer__card-payment{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 8px;
}

.card__payment_item {
	width: 47px;
	height: 31px;
	border-radius: 4px;
	background: url(../../../images/cardsSprite.webp) no-repeat left top;
}

.card__payment--elo {
	background-position: 0 0;
}

.card__payment--hipercard {
	background-position: -48px 0;
}

.card__payment--jcb {
	background-position: -96px 0;
}

.card__payment--aura {
	background-position: -143px 0;
}

.card__payment--pix {
	background-position: 0 -32px;
}

.card__payment--visa {
	background-position: -48px -32px;
}

.card__payment--amex {
	background-position: -96px -32px;
}

.card__payment--master {
	background-position: -143px -32px;
}

.card__payment--diners {
	background-position: 0 -64px;
}

.card__payment--discover {
	background-position: -48px -64px;
}