#ventana {
  display: block;
  position: absolute;
  width: 32%;
  background-color: #025f61;
  color: #000;
  top: 40%;
  left: 65%;
  padding: 15px;
  border-radius: 10px; 
}
.cerrar {
  text-align: right; 
  padding: 5px; 
  font-size: 20px;
  display: block;
  cursor: pointer;
  color: #fff;
}

.p-0 {
    padding: 0!important;
    background: #efefef;
}
h1{
	text-align: center;
	color: #fff;
}

h2{
  text-align: center;
  color: #fff;
}
h3{
 text-align: center;
  color: #fff; 
}
h4 {
  text-align: center;
  color: #fff;
}
h5{
  text-align: center;
  color: #fff;
}
.titlab {
  font-size: 15px;
}
p{
  font-style: normal;
}
ul.redes-sociales{
  list-style: none;
  display: flex;
  justify-content: center;
  margin-right: 45px;
}
.urlbit {
  color: #bedbb2;
  line-height: 0px;
  font-weight: bold;
}
.urlbit3 {
  color: #025f61;
  line-height: 0px;
  font-weight: bold;
}
.verde{
  color: #62ad23;
}
.mapa{
  width: 60%;
  margin-top: -60px;
}
.hide{
  background-color: #025f61;
  border-radius: 5px;
  text-align: center;
  position: absolute;
  margin: 0 auto;
  padding: 10px 20px;
  border: 1px solid #644666;
  font-size: 12px;
      z-index: 2;

}

.hide2{
  background-color: #3e9060;
  border-radius: 5px;
  text-align: center;
  position: absolute;
  margin: 0 auto;
  padding: 10px 20px;
  border: 1px solid #644666;
  font-size: 12px;
      z-index: 2;

}

.hide3{
  background-color: #73b963;
  border-radius: 5px;
  text-align: center;
  position: absolute;
  margin: 0 auto;
  padding: 10px 20px;
  border: 1px solid #644666;
  font-size: 12px;
      z-index: 2;

}

p{
  font-family: 'NotoSans-Regular';
  font-size: 12px;
  color: #fff;
  
}
p.bold{
  font-style: bold;
  font-size: 14px;
}
li{
  font-family: 'NotoSans-Regular';
font-weight: 300;
  font-size: 12px;
  color: #fff; 
}
.cerrar {
  color: #fff;
  text-align: right; !important; 
  font-size: 20px;
  margin-right: -90%;
  
}
.cerrar:hover{
  text-decoration: none;
  font-size: 20px;
  transition: 0.5s;
  color: #644666;
  cursor: pointer;
  font-weight: bold;
}
.cls-1:hover{
	fill:rgba(8, 90, 113, 0.3);
  cursor: pointer;
}
.cls-2:hover{
  fill:rgba(40, 169, 211, 0.3);
  cursor: pointer;
}
.cls-3:hover{
  fill:rgba(98, 173, 35, 0.3);
  cursor: pointer;
}



.caja-scroll {
    width: 500px;
    height: 800px;
    border: 1px solid #ccc;
    overflow: auto; /* Muestra barras si es necesario */
    padding: 10px;
  }





.chihuahua-txt{
  
  top: 40%;
	left: 63%;
}

.sonora-txt{
	top: 40%;
	left: 63%;
}

.sinaloa-txt{
	top: 40%;
	left: 70%;
}

.nayarit-txt{
	top: 40%;
	left: 65%;
}

.jalisco-txt{
	top: 20%;
	left: 65%;
}

.colima-txt{
  top: 40%;
  left: 65%;
}

.michoacan-txt{
  top: 40%;
  left: 65%;
}

.guerrero-txt{
  top: 40%;
  left: 65%;
}

.puebla-txt{
  top: 40%;
  left: 65%;
}

.morelos-txt{
  top: 40%;
  left: 63%;
}

.tlaxcala-txt{
  top: 20%;
  left: 63%;
}

.cdmx-txt{
  top: 15%;
  left: 70%;
}

.edomex-txt{
  top: 25%;
  left: 60%;
}

.queretaro-txt{
  top: 40%;
  left: 61%;
}

.aguascalientes-txt{
  top: 40%;
  left: 65%;
}

.zacatecas-txt{
  top: 40%;
  left: 66%;
}

.guanajuato-txt{
  top: 40%;
  left: 63%;
}

.durango-txt{
  top: 40%;
  left: 63%;
}

.sanluis-txt{
  top: 40%;
  left: 63%;
}

.tamaulipas-txt{
  top: 40%;
  left: 63%;
}

.nuevoleon-txt{
  top: 40%;
  left: 63%;
}

.coahuila-txt{
  top: 40%;
  left: 63%;
}

.veracruz-txt{
  top: 20%;
  left: 67%;
}

.oaxaca-txt{
  top: 20%;
  left: 65%;
}

.chiapas-txt{
  top: 40%;
  left: 65%;
}

.tabasco-txt{
  top: 40%;
  left: 63%;
}

.quintanaroo-txt{
  top: 40%;
  left: 63%;
}

.campeche-txt{
  top: 45%;
  left: 63%;
}

.yucatan-txt{
  top: 45%;
  left: 63%;
}

.bcs-txt{
  top: 40%;
  left: 63%;
}

.bc-txt{
  top: 40%;
  left: 63%;
}

.hidalgo-txt{
  top: 40%;
  left: 63%;
}


@media (max-width: 30em){




.mapa{
  width: 100%;
  margin-top: 0px;
}

#ventana {
  display: none !important;
  position: absolute !important;
  width: 90% !important;
  background-color: #62ad23 !important;
  color: #000 !important;
  top: 20% !important;
  left: 0 !important;
  padding: 15px !important;
  border-radius: 10px !important; 
  z-index: 5px !important;
}

.hide{
  display: block;
  background-color: #085a71;
  border-radius: 5px;
  text-align: center;
  position: absolute;
  margin: 0 auto;
  padding: 10px 20px;
  border: 1px solid #644666;
  font-size: 12px;
}

.chihuahua-txt{
  top: 25%;
  left: 0%;
}

.sonora-txt{
  top: 25%;
  left: 0%;
}

.sinaloa-txt{
  top: 25%;
  left: 0%;
}

.nayarit-txt{
  top: 25%;
  left: 0%;
}

.jalisco-txt{
  top: 25%;
  left: 0%;
}

.colima-txt{
  top: 25%;
  left: 0%;
}

.michoacan-txt{
  top: 25%;
  left: 0%;
}

.guerrero-txt{
  top: 25%;
  left: 0%;
}

.puebla-txt{
  top: 25%;
  left: 0%;
}

.morelos-txt{
  top: 25%;
  left: 0%;
}

.tlaxcala-txt{
  top: 25%;
  left: 0%;
}

.cdmx-txt{
  top: 35%;
  left: 0%;
}

.edomex-txt{
  top: 25%;
  left: 0%;
}

.queretaro-txt{
  top: 25%;
  left: 0%;
}

.aguascalientes-txt{
  top: 25%;
  left: 0%;
}

.zacatecas-txt{
  top: 25%;
  left: 0%;
}

.guanajuato-txt{
  top: 25%;
  left: 0%;
}

.durango-txt{
  top: 25%;
  left: 0%;
}

.sanluis-txt{
  top: 25%;
  left: 0%;
}

.tamaulipas-txt{
  top: 25%;
  left: 0%;
}

.nuevoleon-txt{
  top: 25%;
  left: 0%;
}

.coahuila-txt{
  top: 25%;
  left: 0%;
}

.veracruz-txt{
  top: 25%;
  left: 0%;
}

.oaxaca-txt{
  top: 25%;
  left: 0%;
}

.chiapas-txt{
  top: 25%;
  left: 0%;
}

.tabasco-txt{
  top: 25%;
  left: 0%;
}

.quintanaroo-txt{
  top: 25%;
  left: 0%;
}

.campeche-txt{
  top: 25%;
  left: 0%;
}

.yucatan-txt{
  top: 25%;
  left: 0%;
}

.bcs-txt{
  top: 25%;
  left: 0%;
}

.bc-txt{
  top: 25%;
  left: 0%;
}

.hidalgo-txt{
  top: 25%;
  left: 0%;
}

}




@media (max-width: 1280px){

 #ventana {
  display: block;
  position: absolute;
  width: 36%;
  background-color: #62ad23;
  color: #000;
  top: 26%;
  left: 62%;
  padding: 15px;
  border-radius: 10px;
  
}

}