section{
  width: 100%;
}
.contenedorTexto{
  width: 85%;
  margin: auto;
  padding: 1.5rem;
  text-align: center;
}
.contenedorTexto p{
  padding: 2rem 0;
}
.contenedorTexto a{
  color: #78BAE4;
  text-decoration: none;
  display: inline-block;
  margin: 1rem 0;
}
.contenedorTexto a:hover{
  text-decoration: underline;
}
.sectionColor{
  background-color: #F2A21A;
  padding: 1rem;
}
.sectionColor img{
  max-width: 65%;
  margin: auto;
  box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.85);
}
#textoIndicativo{
  font-size: 0.8rem;
  font-style: oblique;
  display: block;
  width: 50%;
  margin: 0 auto;
  padding: 0;
}
.contenedorImagenes{
  width: 100%;
  position: relative;
}
.botonCambio{
  width: 50%;
  margin: auto;
  display: flex;
  justify-content: space-around;
}
.botonCambio a{
  color: #ffffff;
  display: block;
  padding: 1rem;
  border-radius: 0.8rem;
  text-align: center;
  background-color: #6B1AA5;
  box-shadow: 1px 1px 2px rgb(50, 50, 50);
  transition: all 0.3s;
}
.botonCambio a:hover{
  text-decoration: none;
  background-color: #9D26F1;
}
#textoSobreImagen{
  position: absolute;
  display: inline-block;
  width: 65%;
  height: 2rem;
  font-size: 1.5rem;
  left: 17.5%;
  top: 0;
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0px 2px 4px rgba(26, 26, 26, 0.7);
}
.mapa{
  width: 80%;
  margin: auto;
  padding: 1rem 0;
  text-align: center;
}
.circuloContMapa{
  width: 80%;
  margin: auto;
  margin-top: 1rem;
  background-color: #F5EA46;
  border-radius: 2rem;
}
#mapaGoogle{
  width: 95%;
  height: 20rem;
  border-radius: 1rem;
  margin: auto;
  border: 1px solid rgba(196, 106, 0, 0.3);
}
@media only screen and (max-width: 850px){
  .contenedorTexto{
    width: 90%;
  }
  #textoIndicativo{
    width: 80%;
  }
  .botonCambio{
    width: 90%;
  }
  .sectionColor img{
    max-width: 90%;
  }
  .mapa, .circuloContMapa{
    width: 90%;
  }
}
@media only screen and (max-width: 600px){
  .sectionColor{
    padding: 0;
  }
  .contenedorTexto{
    width: 100%;
  }
  .mapa{
    width: 100%;
  }
}
@media only screen and (max-width: 485px){
  .contenedorTexto p{
    padding: 1rem;
  }
  .sectionColor img{
    max-width: 95%;
  }
}
