/***** LANDING PAGE STYLE *******/

/********************************/
/*** COROUSEL ***/
.carousel-portada .carousel {
  display: none;

  max-width: 2000px;
    overflow: hidden;
    margin: 0 auto;
}
/* ajusta altura fija */
.carousel-portada .carousel-item, .carousel-item.active {
  height: 280px;
}
  .carousel-portada .carousel-caption {
    z-index: 60;
  }

  .carousel-portada .filtro {
    position: absolute;
      top: 0;
      width: 100%; height: 100%;
    background: linear-gradient(to top, hsla(0, 0%, 0%, .1), transparent);
    z-index: 50;
  }


/* */
@media only screen and (max-width: 992px) {
  .carousel-portada .carousel {
    display: flex;
  }

  .carousel-portada .carousel-item, .carousel-item.active {
    height: auto;
  }
}

/* Small devices (tablets, 768px and down) */
@media only screen and (max-width: 768px) {
  .carousel-portada .carousel-item, .carousel-item.active {
    /*height: 180px;*/
  }
}
@media only screen and (max-width: 486px) {
  .carousel-portada .carousel-item, .carousel-item.active {
    /*height: 200px;*/
  }
}


/******************************************/
section {
  padding: 3.5rem 0;
}


/*** SECCION INTRO ***/
.introduccion {
  background-color: hsl(0, 0%, 97%);
}
  .introduccion h1 {

  }


/* Large devices (large desktops, 1200px and down) */
@media only screen and (max-width: 1200px) {
  h1 {
    font-size: 2.35rem;
  }
}

/* Medium devices (desktops, 992px and down) */
@media only screen and (max-width: 992px) {

}

/* Small devices (tablets, 768px and down) */
@media only screen and (max-width: 768px) {
  section {
    padding: 2.5rem 0;
  }
    .introduccion {
      padding: 2.5rem 4%;
    }

  h1 {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 486px) {
  h1 {
    font-size: 1.8rem;
  }
}



/******************************************/
/*** SECCION REFERENCIAS ***/
.referencias {

}






/******************************************************/
/**** MEDIA QUERIES ****/

/* Large devices (large desktops, 1200px and down) */
@media only screen and (max-width: 1200px) {

}

/* Medium devices (desktops, 992px and down) */
@media only screen and (max-width: 992px) {

}

/* Small devices (tablets, 768px and down) */
@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 486px) {


}