.mapa-container {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 30px;
  background: var(--blue-strong);
}
.mapa,
.grafico {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 30px;
  background: var(--blue-strong);
}
iframe {
  border-radius: 20px;
  box-shadow: 6px 11px 6px 0px var(--blue-light);
}
.datos {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 2rem;
  gap: 20px;
}
.datos h2 {
  font-size: 5rem;
}
.domicilio {
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-content: center;
  gap: 20px;
}
.dom-datos {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.domicilio img {
  width: 40px;
  margin-right: 30px;
}
.disable {
  display: none;
}
/*=============== BREAKPOINTS ===============*/
@media screen and (min-width: 250px) and (max-width: 767px) {
  .mapa-container{
    padding: 0;
  }
  .grafico,.mapa{
    padding: 10px;
  }
  .grafico img{
    width: 100%;
  }
  .mapa{
    flex-direction: column;
  }
  iframe,.domicilio{
    width: 100%;
  }
  .datos{
    margin-top: 20px;
  }
  .datos h2{
    font-size: 2rem;
  }
  .dom-datos{
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1366px) {
}
@media screen and (min-width: 1367px) and (max-width: 1919px) {
  
}