.contenedor {
	width: 90%;
	max-width: 1000px;
	margin: auto;
	padding-top: 300px;
}

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

figure .mapa {
	width: 100%;
	vertical-align: top;
}

figure .vibracion {
	position: absolute;
	top: 9%;
	left: 74%;
	font-size: 20px;
}

figure .temp-humedad {
	position: absolute;
	top: 10%;
	left: 52%;
	font-size: 20px;
	z-index: 1001;
}

figure .humedad {
	position: absolute;
	top: 44%;
	left: 82%;
	font-size: 20px;
}

figure .presion-aire {
	position: absolute;
	top: 65%;
	left: 64%;
	font-size: 20px;
}

figure .temperatura {
	position: absolute;
	top: 34%;
	left: 54%;
	font-size: 20px;
}

figure .monitoreo-energia {
	position: absolute;
	top: 20%;
	left: 24%;
	font-size: 20px;
}

figure .presion {
	position: absolute;
	top: 38%;
	left: 11%;
	font-size: 20px;
}

figure .tanque {
	position: absolute;
	top: 47%;
	left: -1%;
	font-size: 20px;
}

figure .humedad-indoor {
	position: absolute;
	top: 8%;
	left: 1%;
	font-size: 20px;
	text-align: center;
}

.texto-anim {
	font-size: 16px;
	font-family: 'Poppins';
	font-weight: 600;
	background-color: #0C2848;
	padding: 10px;
	width: fit-content;
	/* Aumenta el espacio de relleno */
	border-radius: 8px;
	color: #ffffff;
	margin-top: 10px;
	font-style: normal;
	text-align: center;
	margin: 0 auto; 
	/* Asegura que el texto no esté en cursiva */
}

.min-width-icons-anim {
	min-width: 200px;
}

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

.tooltip.activo {
	opacity: 1;
	transform: translateY(0px);
	z-index: 1002;
}

.tooltip.activo-top {
	opacity: 1;
	transform: translateY(320px);
	z-index: 1002;
}

.tooltip .thumb {
	width: 100%;
}

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

/* ------------------------- */
/* 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 {
		position: static;
		opacity: 1;
		width: 100%;
		transform: translate(0);
	}

	.tooltip::after {
		content: "";
		display: none;
	}
}

@keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.5;
	}

	100% {
		opacity: 1;
	}
}

.svg-container {
	animation: blink 2s infinite;
	margin-bottom: 10px;
	/* Aplica la animación de parpadeo */
}

@media screen and (max-width: 576px) {
    .tooltip {
        display: none; /* Oculta los tooltips en dispositivos móviles */
    }
}

@media screen and (max-width: 576px) {
    .vibracion,
	.humedad,
	.presion-aire,
	.temperatura,
	.temp-humedad,
	.monitoreo-energia,
	.presion,
	.tanque,
	.humedad-indoor {
        display: none;
    }
}