.elementor-widget-nahiro_map_widget_pro .popupnb_class {
    display: none; 
    position: absolute;
    background-color: transparent; 
    z-index:10; 
    flex-direction:row; 
    width:100px;
}

.cardnc .email_style {
    font-size:14px;
}
.cardnc .email_style a,
.cardnc .email_style a:hover{
    text-align:left;
    font-size:13px;
    line-height:1;
}

.cardnc .name_style {
    font-size:16px;
    font-weight:bold;
}
.cardnc .cel_style,
.cardnc .cel_style a,
.cardnc .cel_style a:hover{
    text-align:left;
    font-size:13px;
    line-height:1;
}

.cardnc .position_style {
    font-size:11px; 
    text-align:left;
    font-size:13px;
    margin-top:4px;
}

/*new rich text*/
.cardnc .email_style > p {
    line-height: 1.3;
    font-size: 13px;
}
.cardnc .email_style > p a {
    text-decoration: underline;
}

.cardnc {
    width: 100%; /* Ajustado para que use el valor de Elementor */
    height: auto;
    display: none; 
    position: absolute;
    background-color: white; 
    z-index:10; 
    flex-direction:row;
    padding-top:12px;
    padding-bottom:12px;
    padding-left:20px;
    padding-right:20px;
    padding: 0 !important; /* Asegúrate de que el padding sea correcto */
}

@media (max-width: 768px) {
    .cardnc {
        margin: 1em !important;
    }
}

/*13 may rule added to overwrite mobile*/
.cardnc .imagecrd {
    height: auto !important;
    object-fit: cover !important;
	/* width 180px !important; */
}

.imgempnext {
    margin-left:auto; 
    margin-right:auto; 
    width:55px;
    position:relative;
}

.mouse-hover-map-maehren:hover {
    cursor: pointer;
}

@keyframes bounce {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-15px);
    }
}

.mapac {
    position: relative;
}

.elementor-widget-nahiro_map_widget_pro .map-contenedor {
    height: 100%;
    margin-inline-end: auto;
    margin-inline-start: auto;
}
@media (max-width: 1025px) {
	.elementor-widget-nahiro_map_widget_pro .popupnb_class{
		transform: translate(-10px, 5px);
	
	}
	.elementor-widget-nahiro_map_widget_pro .jo-animation{
		transform: translate(5px,0px);
	}
}
@media (max-width: 767px) {
    .cardnc .close-btn {
        width: 14px !important;
        top: -3px !important;
        right: 6px !important;
    }
	/*.map-contenedor circle{
		transform: translate(15px, -25px);
	}*/
	.elementor-widget-nahiro_map_widget_pro .popupnb_class{
		transform: translate(-12px, 15px);
	
	}
	.elementor-widget-nahiro_map_widget_pro .jo-pin-text{
		transform: translate(0px,0px);
	}
	#regionSelector{
		display:none;
	}
}

.jo-pin-text{
	font-family:"Lato"
}


.nh-map-region-names{
	font-size: 12px;
    color: #000;
    background-color: rgba(255, 255, 255, 0.7);
}

/* 04-02-2025 Change to card layout*/
.nh-flex-row{
	flex-direction: row;
}
.nh-flex-column{
	flex-direction: column;
}
.nh-flex-column > .text{
	padding-left: 18px !important;
}
.nh-flex-column .imagecrd{
	width: 100% !important;
}
.nh-flex-column .close-btn{
	filter: brightness(0.5);
	filter: opacity(1) brightness(3.6);
}
.nh-flex-column .close-btn::after{
	content: '';
	height: 18px;
	width: 18px;
	position: absolute;
	background-color: #a1a1a16b;
	top: -3px;
	right: 6px;
	transform: translate(53%, 50%);
	z-index: 0;
	border-radius: 36%;
	filter: opacity(0.5);
	filter: opacity(0.6)  brightness(0);

}
@media (max-width: 767px){
	.nh-flex-column > .text{
		padding-left: 12px !important;
	}
	.nh-flex-column .close-btn{
	}

	.nh-flex-column .close-btn::after{
		content: '';
		height: 21px;
		width: 21px;
		top: -7px;
		right: 7.8px;
	}
}

/*map region popup styles*/
.nhMapRegionPopup{

	& button {
		border-radius: 50%;
		padding: 0.5em;
		width: 30px;
		height: 30px;
		border: 2px solid red;
		color: red;
		position: relative;
		background-color: white
	}
	& button:hover {
		border: 2px solid red;
		background-color: red;
		color: white;
	}

	& button::before {
		content: " ";
		position: absolute;
		display: block;
		background-color: red;
		width: 2px;
		left: 12px;
		top: 5px;
		bottom: 5px;
		transform: rotate(45deg);
	}
	& button::after {
		content: " ";
		position: absolute;
		display: block;
		background-color: red;
		height: 2px;
		top:12px;
		left: 5px;
		right: 5px;
		transform: rotate(45deg);
	}

	& button:hover:after, button:hover:before{
		background-color: white;
	}
}

@media (width<=800px){
	.nhMapRegionPopup{
		& button{
			transform: scale(2) translate(-10px, 10px);	
		 }
	}

}