/* GENERAL................................... */

/* NAVBAR ......................................*/
/* a .logotipo:hover {
  color: #fff !important;
} */

.nav-link {
  color: #0083c6 !important;
}
.nav-link:hover {
  color: #757d8a !important;
}

.fondo-activo {
  background-color: blue;
}

.sps {
  padding: 1em 0.5em;
  position: fixed;
  top: 0;
  left: 0;
  transition: all 0.25s ease;
  width: 100%;
}

.sps--abv {
  background-color: transparent;
  color: #000;
}

.sps--blw {
  background-color: #333;
  color: #fff;
}

/* HEADER ............................*/
.gradient-custom {
  /* fallback for old browsers */
  background: #b7b8c7;

  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-linear-gradient(
    to top,
    rgba(183, 184, 199, 0.65),
    rgba(0, 131, 198, 0.65)
  );

  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(
    to top,
    rgba(183, 184, 199, 0.65),
    rgba(0, 131, 198, 0.65)
  );
}

/* HEADER */

h1.text-color {
  color: #0083c6 !important;
}

.shadow-custom {
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.25),
    0 3px 15px 5px rgba(0, 0, 0, 0.23) !important;
}

/* ...RESIDENCIA.... */

.residencia {
  background-color: whitesmoke;
}

.residencia img {
  border-radius: 5%;
}

/* ---COMERCIAL */
.comercial img {
  border-radius: 5%;
}

/* CLIENTES */

.box {
  /* width: 300px !important;
  height: 400px !important; */
  position: relative !important;
  overflow: hidden !important;
  margin: 20px !important;
  /* border: 3px solid #fff; */
}
/* .box img {
  width: 100% !important;
  height: 100% !important;
} */
.capa {
  position: absolute !important;
  top: 0 !important;
  left: 0px !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.5) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  color: rgb(182, 163, 163) !important;
  transform: scale(0) !important;
  transition: 0.3s ease !important;
}
.box:hover .capa {
  transform: scale(1) !important;
}
/* FOOTER */

span a {
  color: #fff !important;
}

span a:hover {
  color: #757d8a !important;
}