/**
 * Iconos de la barra del header (Elementor «Header chaniar»): sustituye la imagen
 * del widget sin cambiar la BD. IDs de widget: ed54905, e6699c7, 29a1ba9, 10fc256.
 */
html body .elementor-element.elementor-element-ed54905 .elementor-widget-container a,
html body .elementor-element.elementor-element-e6699c7 .elementor-widget-container a,
html body .elementor-element.elementor-element-29a1ba9 .elementor-widget-container a,
html body .elementor-element.elementor-element-10fc256 .elementor-widget-container a {
	display: inline-block;
	position: relative;
	width: 43px;
	height: 43px;
	line-height: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	vertical-align: middle;
	box-sizing: border-box;
}

html body .elementor-element.elementor-element-ed54905 .elementor-widget-container a {
	background-image: url("header-icons/header-360-guia.jpg");
	border-radius: 10px;
	overflow: hidden;
	box-sizing: border-box;
}

/* TripAdvisor: logo con negro sobre header oscuro — fondo blanco para contraste */
html body .elementor-element.elementor-element-e6699c7 .elementor-widget-container a {
	background-color: #fff;
	background-image: url("header-icons/header-tripadvisor.png");
	border-radius: 10px;
	box-sizing: border-box;
}

/* Maps / Instagram: PNG cuadrados ~512 px (logo al borde); se ven nitidos con contain en 43×43. */
html body .elementor-element.elementor-element-29a1ba9 .elementor-widget-container a {
	background-color: transparent;
	background-image: url("header-icons/header-google-maps.png");
	border-radius: 10px;
	overflow: hidden;
}

html body .elementor-element.elementor-element-10fc256 .elementor-widget-container a {
	background-image: url("header-icons/header-instagram.png");
	border-radius: 10px;
	overflow: hidden;
}

html body .elementor-element.elementor-element-ed54905 .elementor-widget-container a img,
html body .elementor-element.elementor-element-e6699c7 .elementor-widget-container a img,
html body .elementor-element.elementor-element-29a1ba9 .elementor-widget-container a img,
html body .elementor-element.elementor-element-10fc256 .elementor-widget-container a img {
	opacity: 0 !important;
	width: 43px !important;
	height: 43px !important;
	max-width: none !important;
	object-fit: contain;
	vertical-align: top;
	pointer-events: none;
}

/*
 * Orden visual: Instagram antes que Google Maps (360 y TripAdvisor primero).
 * El wrap debe ser flex; Elementor suele poner los cuatro .elementor-element como hijos directos.
 */
html body
	.elementor-widget-wrap:has(> .elementor-element.elementor-element-ed54905.elementor-widget-image):has(
		> .elementor-element.elementor-element-29a1ba9.elementor-widget-image
	) {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	column-gap: 0.45rem;
}

html body
	.elementor-widget-wrap:has(> .elementor-element.elementor-element-ed54905.elementor-widget-image):has(
		> .elementor-element.elementor-element-29a1ba9.elementor-widget-image
	)
	> .elementor-element.elementor-element-ed54905 {
	order: 1;
}

html body
	.elementor-widget-wrap:has(> .elementor-element.elementor-element-ed54905.elementor-widget-image):has(
		> .elementor-element.elementor-element-29a1ba9.elementor-widget-image
	)
	> .elementor-element.elementor-element-e6699c7 {
	order: 2;
}

html body
	.elementor-widget-wrap:has(> .elementor-element.elementor-element-ed54905.elementor-widget-image):has(
		> .elementor-element.elementor-element-29a1ba9.elementor-widget-image
	)
	> .elementor-element.elementor-element-10fc256 {
	order: 3;
}

html body
	.elementor-widget-wrap:has(> .elementor-element.elementor-element-ed54905.elementor-widget-image):has(
		> .elementor-element.elementor-element-29a1ba9.elementor-widget-image
	)
	> .elementor-element.elementor-element-29a1ba9 {
	order: 4;
}

/* Misma fila si Elementor envuelve distinto (columna HFE «Header chaniar») */
html body .elementor-element.elementor-element-6a109d88 > .elementor-widget-wrap {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	column-gap: 0.45rem;
}

html body .elementor-element.elementor-element-6a109d88 > .elementor-widget-wrap > .elementor-element.elementor-element-ed54905 {
	order: 1;
}

html body .elementor-element.elementor-element-6a109d88 > .elementor-widget-wrap > .elementor-element.elementor-element-e6699c7 {
	order: 2;
}

html body .elementor-element.elementor-element-6a109d88 > .elementor-widget-wrap > .elementor-element.elementor-element-10fc256 {
	order: 3;
}

html body .elementor-element.elementor-element-6a109d88 > .elementor-widget-wrap > .elementor-element.elementor-element-29a1ba9 {
	order: 4;
}
