footer { top: -12em; }

.compra-producto {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 2em;
	padding-bottom: 2em;
}

.promo {
	font-size: 2em;
	font-weight: bold;
}

@media screen and (max-width: 425px) {
	footer { background: #1d1c1f; top: 0; }
}

@media screen and (min-width: 425 and max-width: 768px) {
	footer { top: -14em; }
	footer .redes-sociales { margin: 2em; }
}

@media screen and (min-width: 768px and max-width: 1024px) {
	footer { top: -14em; }
}

@media screen and (min-width: 2560px) {
	footer { top: -24em; }
}