/* ===================================
    General
====================================== */
.bg-contacto{
  width: 100%;
  height: auto;
  background-image:url('../../assets/img/contacto/fondo-contacto.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  padding: 100px 0px 100px 0px;
}



input::placeholder,
textarea::placeholder {
  color: #323232!important;
  font-weight: 300!important;
}

/* Inputs y textarea */
.form-control:hover {
  border-color: #ffa99c;
}

.form-control:focus{
      box-shadow: 0 0 0 0rem rgba(13, 110, 253, .25);
      border-color: #EBF1F6;
}


.content-social{
  display: flex;
  align-items: flex-start;
  margin-top: 30px;
  flex-direction: column;
  gap:15px;
}

.content-social .icon{
  margin-right: 20px;
}

.content-social .icon img{
  width: 45px;
  height: 45px;
}

a{
  color: #fff;
  font-weight: 300;
}

.content-social .tittle{
  margin-right: 20px;
}


/* ===================================
    responsive
====================================== */


/* xxs */ @media (max-width: 430px) {}
/* xs  */ @media (min-width: 431px) {

.content-social{align-items: center;flex-direction: row;gap:0px;}

} /* @media (max-width: 575px) {} */
/* sm  */ @media (min-width: 576px) {}
/* md  */ @media (min-width: 768px) {




} /* ipad Portrait */
/* lg  */ @media (min-width: 992px) {



} /* ipad Landscape */
/* xl  */ @media (min-width: 1200px) {}
/* xxl */ @media (min-width: 1400px) {}