// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.raleway-regular {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}
 .fondo{
  
 background:url(../img/bg-inicial.png) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
      min-height: 90vh;
}
 .fill{
   width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  min-height: 250px;
  padding-top: 20px;
  padding-bottom: 2px;
  min-height: 400px;
 }
 .full{
   background:url(../img/bg-ventajas.png) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
        padding-bottom: 400px; 
  }
  .full-cta{
   background:url(../img/bg-cta.png) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
  }
 .fill-sm{
   width: 100%;
  background-position: center;
  background-size: cover;
  min-height: 300px;
  padding-top: 20px;
 }
 .if-image {

filter: grayscale(100%);

-webkit-filter: grayscale(100%);

transition:filter 0.4s;

-webkit-transition:-webkit-filter 1s;

}
.if-image:hover {

filter: grayscale(0);

-webkit-filter: grayscale(0);

}
.text-regular{
  color: #525252;
}
.text-blue{
  color: #1b1051;
}
.bg-blue{
  background-color: #1b1051;
}
#footer p, a, i{
  color: #EBEBEB;
  font-size: 90%;
  text-decoration: none;
}
#index p, a, i{
  color: #fff;
  text-decoration: none;
}
.bg-orange{
  background-color: #FFA53A;
}
.bg-darkest{
  background-image: linear-gradient(#000, #222);
}
.bg-darkeost{
  background-image: linear-gradient(#000, #333);
}
#sci li{
  list-style: url(../img/check.svg);
}
#hvac li{
  list-style: url(../img/blue-check.svg);
}
#serv li{
  list-style: url(../img/check.svg);
}
#electric li{
  list-style: url(../img/blue-light-check.svg);
}
#acabados li{
  list-style: url(../img/blue-light-check.svg);
}
.if-image {

filter: grayscale(100%);

-webkit-filter: grayscale(100%);

transition:filter 0.4s;

-webkit-transition:-webkit-filter 1s;

}
.if-image:hover {

filter: grayscale(0);

-webkit-filter: grayscale(0);

}
.iz {
  transition: transform 0.2s linear; /* Duración y suavidad de la transición */
}

.iz:hover {
  transform: scale(1.15); /* Aumenta el tamaño en un 8% */
}