
/* ===================================
    General
====================================== */

.card-info{
  display: inherit;
  padding: 20px;
border-radius: 10px;
width: 100%;
position: relative;
transition: 0.5s;
background: #fff;
color: #000!important;
}

.card-info a{
  color: #000;
}

.card-info:hover a{
  color: #fff;
}


.btn-cards{
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0px;
  right: 0px;
  transform: translate(0%, -50%);
  cursor: pointer;
  border-radius: 50%;
  transition: 0.5s;

  background: #FB7D01;
}

.btn-cards-whatssap{
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0%, -50%);
  cursor: pointer;
  border-radius: 50%;
  transition: 0.5s;

  background: #2EB843;
}

.btn-cards-whatssap svg{
  width: 60%;
}


.icono-info{
  width: 30px;
  margin-right: 10px;
}


.card-info:hover{
  background: #144379;
  color: #fff!important;
  transition: 0.5s;
}

.card-info:hover h5{
  color: #fff!important
}

.card-info:hover img{
  filter: brightness(0) invert(1);
}

.card-info:hover .btn-cards{
  background: #fff;
}

.card-info:hover .btn-cards path{
  stroke:#144379;
}


/*Content form*/

input, select, textarea, .form-control, .form-select{
  background-color:#E7ECF2!important;
}

.form-check-input{
  padding: 0px!important;
}

.form-check-input:checked {
  background-color: #FB7C00!important;
  border-color: #FB7C00;
  background: #FB7C00;
}



.content-form{
  background: #1443794D;
  min-height: 450px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  border-radius: 30px;
  padding: 20px;
  margin-top: 50px;
}


#formulario .aviso-link{
  color: #144379;
  transition:all .5s ease;
}

#formulario .aviso-link:hover{
  text-decoration: underline;
  color: #FB7C00;
  transition:all .5s ease;
}

.icon-techo{
  width: 120px;
}


/* ===================================
    Thank you page
====================================== */

.content-gracias{
  background: #F4F4F6;
  padding: 20px;
  border-radius: 32px;
  width: 100%;
  min-height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.icono-main{
  width: 85px;
}

/* ===================================
    Responsive
====================================== */


/* xxs */ @media (max-width: 430px) {}
/* xs  */ @media (min-width: 431px) {} /* @media (max-width: 575px) {} */
/* sm  */ @media (min-width: 576px) {


}
/* md  */ @media (min-width: 768px) {

.icono-main{
  width: 125px;
}



.btn-cards{
  width: 45px;
  height: 45px;}

  .btn-cards-whatssap{
    width: 45px;
    height: 45px;}

.content-form{padding: 50px}

} /* ipad Portrait */
/* lg  */ @media (min-width: 992px) {


.content-form{
  background: url("../../assets/img/contacto/cover.jpg");
  min-height: 450px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  border-radius: 30px;
  margin-top: 50px;
}

} /* ipad Landscape */
/* xl  */ @media (min-width: 1200px) {}
/* xxl */ @media (min-width: 1400px) {}
