.site-footer {
	position: relative;
	margin-top: calc(var(--radio) * -1);
	padding-block: clamp(56px, 6vw, 96px) 32px;
	border-radius: var(--radio) var(--radio) 0 0;
	background: var(--color-navy);
	color: var(--color-blanco);
	font-family: var(--fuente-titulo);
}
.pie {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 40px;
	width: min(var(--ancho), 100% - 2 * var(--margen));
	margin-inline: auto;
}
.pie__logo { display: block; width: clamp(150px, 14vw, 210px); color: var(--color-neon); }
.pie__logo svg { width: 100%; height: auto; }
.pie__claim { margin-top: 10px; color: var(--color-neon); }
.pie__powered { margin-top: 32px; font-size: 14px; letter-spacing: 0.04em; text-transform: uppercase; }
.pie__powered a, .pie__powered span { color: var(--color-neon); }

.pie__contacto { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; text-align: right; font-size: 18px; }
.pie__contacto a { text-decoration: none; }
.pie__contacto a:hover { color: var(--color-neon); }
.pie__redes { display: flex; gap: 16px; margin-top: 16px; }
.pie__redes svg { width: 28px; height: 28px; color: var(--color-neon); }

.pie__legal { grid-column: 1 / -1; padding-top: 24px; border-top: 1px solid rgb(255 255 255 / 20%); font-size: 14px; }
.pie__legal ul { display: flex; flex-wrap: wrap; gap: 8px 28px; }
.pie__legal a:hover { color: var(--color-neon); }

@media (max-width: 720px) {
	.pie { grid-template-columns: 1fr; }
	.pie__contacto { align-items: flex-start; text-align: left; }
}