/* ==========================================================================
PIE DE PÁGINA  ·  css/global/footer.css
Se carga en todas las páginas
========================================================================== */

/* Menú legal */
.footer-legal-menu {
	text-align: center;
}

.footer-legal-menu ul {
	display: flex;
	justify-content: center;
	gap: 2rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-legal-menu a {
	color: #6a6a6a;
	font-size: 0.9rem;
	text-decoration: none;
	transition: color 0.2s ease;
}

.footer-legal-menu a:hover {
	color: #007369;
}


/* Navegación legal de Impreza */
.footer-legal-nav .w-nav-list.level_1 {
	justify-content: center;
}

.footer-legal-nav .w-nav-anchor {
	color: #6a6a6a;
	font-size: 14px;
}

.footer-legal-nav .w-nav-anchor:hover {
	color: #007369;
}

#cta-contact-block .contact-wrapper .wpb_wrapper>div{
	display: flex;
	justify-content: center;
	gap: 2rem;
	flex-wrap: wrap;
}


/* Redes sociales */
.footer-socials .w-socials-item {
	color: #007369 !important;
	border-color: #007369 !important;
}

.footer-socials .w-socials-item:hover {
	color: #f7f4ee !important;
	background-color: #007369 !important;
}

.footer-social .w-socials-item-link {
	color: #007369;
}

footer #main-row .social-wrapper .social-html a{
	width: 100%;
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
}
footer #main-row .social-wrapper .social-html svg{
	width: 20px;
	height: 20px;
}

footer #main-row .social-wrapper .social-html, footer #main-row .social-wrapper .social-html svg, footer #main-row .social-wrapper .social-html svg circle{
	transition: .3s ease;
}

footer #main-row .social-wrapper .social-html:hover{
	background-color: #007369;
}

footer #main-row .social-wrapper .social-html:hover svg, footer #main-row .social-wrapper .social-html:hover svg circle{
	stroke: white;
}

footer .logo-kit{
	filter: opacity(0.7);
}

/* --------------------------------------------------------------------------
Responsive
-------------------------------------------------------------------------- */

@media (width<= 400px) {
	#cta-contact-block .contact-wrapper .wpb_wrapper>div{
		flex-direction: column;
		gap: 1rem;
	}
}