.map-item {
	position: relative;
	padding-left: 3rem !important;
	max-width: max-content;
	min-width: max-content;
	left: 10%;
	background-color: #F5F5F5;
}

.map_211 path.active {
	fill: #C3311D !important;
}

.calaca-detail {
	position: absolute;
	left: 0%;
	top: 50%;
	transform: translate(-50%, -50%);
}

@media screen and (min-width: 750px) {
	.map-item {
		position: absolute;
		transform: translate(-50%, -50%);
		left: var(--leftPosition);
		top: var(--topPosition);
	}

	.map-item.item-left {
		padding-left: 3rem !important;
	}

	.map-item.item-right {
		padding-right: 3rem !important;
	}

	.calaca-detail {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.item-left .calaca-detail {
		left: 0%
	}

	.item-right .calaca-detail {
		left: 100%
	}
}

.map-item-color {
	color: var(--mapColor) !important;
}