/* Footer en azul marino (tal como pide el brief) + botón flotante de WhatsApp. */

.hm-footer {
	background: var(--color-secundario);
	color: var(--color-texto-claro);
	padding: var(--espaciado-xxl) 0 var(--espaciado-lg);
}

.hm-footer__inner {
	max-width: var(--ancho-contenedor);
	margin: 0 auto;
	padding: 0 var(--espaciado-md);
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--espaciado-xl);
}

.hm-footer__col a {
	color: var(--color-texto-claro);
	display: block;
	margin-bottom: var(--espaciado-sm);
}

.hm-footer__heading {
	color: var(--color-texto-claro);
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.hm-footer__logo {
	height: 46px;
	margin-bottom: var(--espaciado-md);
}

.hm-footer__menu-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hm-footer__legal {
	text-align: center;
	margin: var(--espaciado-xl) 0 0;
	opacity: 0.7;
	font-size: 0.85rem;
}

@media (max-width: 900px) {
	.hm-footer__inner {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	.hm-footer__inner {
		grid-template-columns: 1fr;
	}
}

/* Botón flotante de WhatsApp — visible en todas las páginas */
.hm-whatsapp-flotante {
	position: fixed;
	bottom: var(--espaciado-lg);
	right: var(--espaciado-lg);
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #25D366;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: var(--sombra-media);
	z-index: 200;
}