/* --- Clase que agregaremos cuando el usuario haga scroll --- */
.menu-fixed {
	position:fixed;
	z-index:1000;
	top:0;
	max-width:1000px;
	width:100%;
	box-shadow:0px 4px 3px rgba(0,0,0,.5);
}


/*CODIGO PARA CLICK EN BOTTON*/
.click_chevere .button, .tick {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: sans-serif;
}

.click_chevere {
  width: 100%;
  height: 90vh;
}

.button2 {
  margin: center;
  width: 200px;
  height: 55px;
  background: dodgerblue;
  border-radius: 6px;
  transition: all .3s cubic-bezier(0.67, 0.17, 0.40, 0.83);
  background: #00058F;
}

.button2 svg {
  transform: rotate(180deg);
  transition: all .5s;
}

.button__circle {
  width: 80px;
  height: 80px;
  background: mediumseagreen;
  border-radius: 50%;
  transform: rotate(-180deg);
}

.button2:hover {
  cursor: pointer;
}

.tick {
  color: white;
  font-size: 2em;
  transition: all .9s;
}

/*CODIGO PARA CIRCULOS CENTRADO*/
span.circuleyaqha {
              background: red;
              border-radius: 4em;
              -moz-border-radius: 4em;
              -webkit-border-radius: 4em;
              color: #ffffff;
              display: inline-block;
              font-weight: bold;
              line-height: 8em;
              margin-right: 15px;
              text-align: center;
              width: 8em; 
              height: 8em; 
  }

  /* FACEBOOK MENSAJES Y MAPA DE GOOGLE RESPONSIVOS */

          .google-maps {
          position: relative;
          padding-bottom: 75%; // This is the aspect ratio
          height: 0;
          overflow: hidden;
          }
          .google-maps iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100% !important;
          height: 100% !important;
          }

          .face-publi {
          position: relative;
          padding-bottom: 50%; // This is the aspect ratio
          height: 0;
          overflow: hidden;
          }
          .face-publi iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100% !important;
          
          height: 100% !important;
          }