 *{
  --text-title:  #ff0044;
  --text: #fff; 
 }
 

/* 
.text-svg{
   font-size: 34px;
   text-shadow: 0 0 1em rgb(181, 143, 137), 0 0 0.2em rgb(177, 141, 135);
   transition: .5s;
} */
 
.contacto{
  /* border: 1px solid red; */
  width: 100%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.formulario, .mapa{
  margin-top: 150px;
  width: 45%;
}

.map{
  margin-top: 50px;
}

iframe{
  width: 100%;
}

label, .text > p{
  color: var(--text);
}

.titulo{
  color: var(--text-title);
}

.text{
  text-align: center;
  font-size: 20px;
}

.wa, .fb{
  margin-top: 19px;
}
/* REDES */

.redes{
  margin: 155px 0px 85px 0px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-around;
}

.img-width{
  width: 130px;
}

.img-width-r{
  width: 120px;
}
 
.block-redes{
  width: 20%;
  text-align: center;
}
.block-redes:hover{
  transition:1.5s;
  border-radius: 15px;
  box-shadow: rgba(240, 46, 170, 0.4) -5px 5px, rgba(240, 46, 170, 0.3) -10px 10px, rgba(240, 46, 170, 0.2) -15px 15px, rgba(240, 46, 170, 0.1) -20px 20px, rgba(240, 46, 170, 0.05) -25px 25px;
}

 
.text > p a{
  text-decoration: none;
  color: var(--text);
}

.block-redes > .titulo{
  margin: 15px 0px 15px 0px;
}


/*  */

 

  .foto{
    margin-top: 150px;
    width: 45%;
    /* border: 1px solid red; */
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .img-form{
    position: relative;
    top: 4px;
    width: 630px;
  }

/*  */


@media (max-width: 1590px) {

  .img-form{
    width: 540px;
  }
  
}

@media (max-width: 991px) {
  .formulario, .mapa, .foto{
    margin-top: 50px;
    width: 90%;
    transition: .5s;
  }

  .img-form{
    width: 340px;
   transition: .5s;
  }
}

 
@media (max-width: 1090px) {
  .redes{
    margin-top: 30px;
  }
  .block-redes{
    width: 40%;
    margin: 30px;  
  }

  .img-form{
    width: 440px;
  }
  
}

@media (max-width: 799px) {
 
  .block-redes{
    width: 90%;
    text-align: center;
  }
  
  .img-width-r{
    width: 100px;
    transition: .5s;
  }
  .img-form{
    width: 350px;
  }
  
} 
 
 
@media (max-width: 330px) {

  .img-form{
    width: 250px;
  }
  
}
