/**
 * Ola sobre el pie (::after de la sección 6cd4f62, común a los pies es/en/it).
 *
 * Misma curva que el separador "waves" de Elementor que corona el bloque azul
 * de contacto (invertida en horizontal, al 122 % de ancho y 52 px de alto),
 * pero rellena por debajo con el azul marino del pie. El ::before de los
 * contenedores lo usa Elementor para su capa de fondo, por eso va en ::after.
 */

.elementor-location-footer .elementor-element-6cd4f62 {
	position: relative;
	overflow: visible;
}

.elementor-location-footer .elementor-element-6cd4f62::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: auto;
	bottom: calc( 100% - 1px );
	z-index: 1;
	height: 52px;
	pointer-events: none;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath d='M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7c23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V100H0V30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4c21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z' fill='%23102F4F'/%3E%3C/svg%3E") center bottom / 122% 100% no-repeat;
	transform: scaleX( -1 );
}

/*
 * Los bloques azules de encima (plantilla "Atención al cliente" 2508d452 y el
 * formulario del pie ee898d7) necesitan más aire abajo: la ola se come 52 px
 * y el último botón quedaba pegado a ella. Se suma la ola + 60 px al padding
 * original (80 px y 60 px).
 */
.elementor-element.elementor-element-2508d452 {
	--padding-bottom: 190px !important;
}

.elementor-location-footer .elementor-element.elementor-element-ee898d7 {
	--padding-bottom: 170px !important;
}

@media ( max-width: 1024px ) {
	.elementor-element.elementor-element-2508d452,
	.elementor-location-footer .elementor-element.elementor-element-ee898d7 {
		--padding-bottom: 150px !important;
	}
}

@media ( max-width: 767px ) {
	.elementor-element.elementor-element-2508d452,
	.elementor-location-footer .elementor-element.elementor-element-ee898d7 {
		--padding-bottom: 120px !important;
	}

	.elementor-location-footer .elementor-element-6cd4f62::after {
		height: 42px;
		background-size: 166% 100%;
	}
}

/*
 * Dibujo de contenedores apilados abajo a la derecha del pie. La opacidad va
 * ya dentro de la imagen (WebP con transparencia), así que no afecta al texto.
 */
.elementor-location-footer .elementor-element.elementor-element-6cd4f62 {
	background-image: url( "../img/deco/footer-contenedores.webp" );
	background-position: right bottom;
	background-size: min( 62%, 900px ) auto;
	background-repeat: no-repeat;
}

@media ( max-width: 767px ) {
	.elementor-location-footer .elementor-element.elementor-element-6cd4f62 {
		background-size: 95% auto;
	}
}

/* La rejilla de columnas tenía su propio fondo azul marino y tapaba el dibujo. */
.elementor-location-footer .elementor-element.elementor-element-4a4a458:not( .elementor-motion-effects-element-type-background ) {
	background-color: transparent;
}

/* Títulos de columna del pie en el azul de la marca. */
.elementor-location-footer .elementor-element.elementor-element-663b589 .elementor-heading-title,
.elementor-location-footer .elementor-element.elementor-element-32d9af2 .elementor-heading-title,
.elementor-location-footer .elementor-element.elementor-element-6faeb0f .elementor-heading-title {
	color: var( --e-global-color-primary );
}

/* Redes sociales en círculos azules; al pasar el ratón, blanco con icono marino. */
.elementor-location-footer .elementor-element.elementor-element-582ae1b {
	--icon-size: 17px;
	--grid-column-gap: 10px;
}

.elementor-location-footer .elementor-element.elementor-element-582ae1b .elementor-social-icon {
	--icon-padding: .62em;
	border-radius: 50%;
	background-color: var( --e-global-color-primary );
	transition: background-color .2s ease, transform .2s ease;
}

.elementor-location-footer .elementor-element.elementor-element-582ae1b .elementor-social-icon svg {
	fill: #fff;
}

.elementor-location-footer .elementor-element.elementor-element-582ae1b .elementor-social-icon:hover {
	background-color: #fff;
	transform: translateY( -2px );
}

.elementor-location-footer .elementor-element.elementor-element-582ae1b .elementor-social-icon:hover svg {
	fill: var( --e-global-color-secondary );
}

/* El email largo invadía la columna de al lado en pantallas medianas. */
.elementor-location-footer .elementor-element-6cd4f62 a[href^="mailto:"],
.elementor-location-footer .elementor-element-6cd4f62 a[href^="mailto:"] * {
	overflow-wrap: anywhere;
}