.map_path,
.map_text {
	fill: var(--cor1);
}

.map_path {
	stroke: var(--cor2);
}

.map_circle {
	fill: var(--cor13);
}

.map_text {
	font-size: 24px;
	font-family: BebasNeue-Regular!important;
}

.selected_map_path {
	cursor: wait;
	fill: var(--cor11);
}

.pointer {
	cursor: pointer;
}

.not_allowed {
	cursor: not-allowed;
}

.interactive_map {
	margin: 0;
	padding: 0;
	width: 100%;
	border: none;
	outline: none;
	display: flex;
	flex-wrap: nowrap;
	position: relative;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.interactive_map_popup {
	gap: 16px;
	margin: 0;
	border: none;
	outline: none;
	padding: 24px;
	display: none;
	max-width: 330px;
	flex-wrap: nowrap;
	position: absolute;
	z-index: 2147483646;
	border-radius: 16px;
	flex-direction: column;
	align-items: flex-start;
	width: calc(100% - 48px);
	justify-content: flex-start;
	background-color: var(--cor2);
	box-shadow: 0px 0px 12px 0px rgba(var(--cor5), 0.16);
}

.interactive_map_popup_header {
	gap: 8px;
	margin: 0;
	width: 100%;
	border: none;
	outline: none;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
}

.interactive_map_popup_header div {
	gap: 4px;
	margin: 0;
	border: none;
	outline: none;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.interactive_map_popup_header div p:first-child {
	margin: 0;
	padding: 0;
	width: 100%;
	border: none;
	outline: none;
	text-align: left;
	color: var(--cor10);
	word-break: break-word;
	text-align: -webkit-left;
	transition: all 0.2s ease;
	font: normal 16px/19px Figtree-SemiBold;
}

.interactive_map_popup_header div p:last-child {
	margin: 0;
	padding: 0;
	width: 100%;
	border: none;
	outline: none;
	text-align: left;
	color: var(--cor1);
	word-break: break-word;
	text-align: -webkit-left;
	transition: all 0.2s ease;
	font: normal 32px/40px Calistoga-Regular;
}

.interactive_map_popup_header_sp_p {
	margin: 0;
	border: none;
	outline: none;
	padding: 18px;
	display: flex;
	overflow: hidden;
	aspect-ratio: 1/1;
	flex-wrap: nowrap;
	text-align: center;
	color: var(--cor2);
	border-radius: 50%;
	white-space: nowrap;
	align-items: center;
	justify-content: center;
	transition: all 0.2s ease;
	text-align: -webkit-center;
	background-color: var(--cor1);
	font: normal 40px/48px Calistoga-Regular;
}

.interactive_map_popup_body {
	gap: 8px;
	margin: 0;
	width: 100%;
	border: none;
	outline: none;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.interactive_map_popup_body div {
	gap: 4px;
	margin: 0;
	width: 100%;
	border: none;
	outline: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.interactive_map_popup_body div p:first-child {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	text-align: left;
	color: var(--cor4);
	word-break: break-word;
	text-align: -webkit-left;
	transition: all 0.2s ease;
	font: normal 16px/19px Figtree-Regular;
}

.interactive_map_popup_body div p:last-child {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	text-align: left;
	color: var(--cor4);
	word-break: break-word;
	text-align: -webkit-left;
	transition: all 0.2s ease;
	font: normal 16px/19px Figtree-Bold;
}

.interactive_map_popup_body .margin_p {
	margin-left: 8px!important;
}

@media screen and (max-width: 700px) {
	.interactive_map_popup_header div p:first-child {
		font: normal 14px/17px Figtree-SemiBold;
	}
	.interactive_map_popup_header div p:last-child {
		font: normal 26px/32px Calistoga-Regular;
	}
	.interactive_map_popup_header_sp_p {
		padding: 14px;
		font: normal 32px/40px Calistoga-Regular;
	}
	.interactive_map_popup_body div p:first-child {
		font: normal 14px/17px Figtree-Regular;
	}
	.interactive_map_popup_body div p:last-child {
		font: normal 14px/17px Figtree-Bold;
	}
}

@media screen and (max-width: 350px) {
	.interactive_map_popup_header {
		flex-direction: column;
		justify-content: flex-start;
	}
	.interactive_map_popup_header div p {
		text-align: center!important;
		text-align: -webkit-center!important;
	}
	.interactive_map_popup_body div {
		flex-direction: column;
		justify-content: flex-start;
	}
	.interactive_map_popup_body div p {
		text-align: center!important;
		text-align: -webkit-center!important;
	}
}