/* Mapa Interativo - Regiões */

.mir-wrapper {
	max-width: 100%;
}

.mir-wrapper svg {
	display: block;
	width: 100%;
	height: auto;
}

.mir-wrapper .region__home__map__path {
	transition: fill var( --mir-transition, 200ms ) ease,
		filter var( --mir-transition, 200ms ) ease;
	cursor: pointer;
}

.mir-wrapper .region__home__map__path.mir-no-link {
	cursor: default;
}

.mir-wrapper a.mir-region-link {
	outline-offset: 2px;
}

/* Hover (rato) e foco por teclado produzem o mesmo efeito visual. */
.mir-wrapper .region__home__map__path:hover,
.mir-wrapper a.mir-region-link:focus-visible .region__home__map__path {
	/* Sem fallback: se --mir-hover-fill não estiver definida (controlo
	   deixado vazio no Elementor), a declaração fica invalida e o
	   browser mantém a cor original do path. */
	fill: var( --mir-hover-fill );
	filter: drop-shadow(
		var( --mir-shadow-x, 0px )
		var( --mir-shadow-y, 0px )
		var( --mir-shadow-blur, 8px )
		var( --mir-shadow-color, rgba( 0, 0, 0, 0.45 ) )
	);
}