.contenedor-contacto {
	width: 100%;
	max-width: 1000px;
	margin: auto;
}

figure {
	width: 100%;
	position: relative;
}

figure .mapa {
	width: 100%;
	vertical-align: top;
	border-radius: 10px;
}

figure .sucursal-villahermosa {
	position: absolute;
	top: 45%;
	left: 62%;
	font-size: 26px;
	color: #004579;
	font-family: montserrat-black !important;
	font-style:normal;
}

figure .sucursal-guadalajara {
	position: absolute;
	top: 65%;
	left: -5%;
	font-size: 26px;
	color: #004579;
	font-family: montserrat-black  !important;
	font-style:normal;
}

figure .sucursal-cdmx {
	position: absolute;
	top: 90%;
	left: 41%;
	font-size: 26px;
	color: #004579;
	font-family: montserrat-black  !important;
	font-style:normal;
}

/*
.tooltip {
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 10px;
	width: 250px;
	z-index: 1000;
	opacity: 0;
	transition: .3s ease all;
	transform: translateY(10px);
}
*/
/* movil */
.tooltip {
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 10px;
	width: 250px;
	z-index: 1000;
	opacity: 0;
	transition: .3s ease all;
	transform: translateY(10px);
}

.tooltip::after {
	content: "";
	display: inline-block;
	border-left: 0px solid transparent;
	border-right: 0px solid transparent;
	border-top: 15px solid transparent;
	position: absolute;
	bottom:-15px;
	left: calc(50% - 15px);
}

.tooltip.activo {
	opacity: 1;
	transform: translateY(0px);
}

.tooltip .thumb {
	width: 100%;
}

.tooltip .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px 10px 10px 10px;
	vertical-align: top;
}


/* ------------------------- */
/* Mediaqueries */
/* ------------------------- */

@media screen and (max-width: 768px) {
	figcaption .tooltip {
		font-size: 12px;
	}

	.tooltip .info button {
		width: 100%;
	}
}

@media screen and (max-width: 576px) {
	figure .mapa {
		margin-bottom: 40px;
	}

	figcaption .icono {
		top: 32px;
		/* display: none; */
	}
	
	.tooltip {
		width: 150px;
	}
	
	/*
	.tooltip {
		position: static;
		opacity: 1;
		width: 100%;
		transform: translate(0);
	}

	.tooltip::after {
		content: "";
		display: none;
	}
	*/
	/* movil */
	figure .sucursal-villahermosa {
		position: absolute;
		top: 37%;
		left: 62%;
		font-size: 10px;
		color: #004579;
		font-family: montserrat-black !important;
		font-style:normal;
	}
	
	/* movil */
	figure .sucursal-guadalajara {
		position: absolute;
		top: 55%;
		left: 5%;
		font-size: 10px;
		color: #004579;
		font-family: montserrat-black  !important;
		font-style:normal;
	}
	/* movil */
	figure .sucursal-cdmx {
		position: absolute;
		top: 80%;
		left: 50%;
		font-size: 10px;
		color: #004579;
		font-family: montserrat-black  !important;
		font-style:normal;
	}
}