/* 
* Cabecera
* -----------------------------------------------------
*/
#cabecera {
  background: url(../images/cabecera.jpg) 50% 50% / cover;
  height: 856px;
  position: relative;
}
#cabecera .brand_logo{
  left: 10%;
  top: 5%;
  position: absolute;
  width: 600px;
}
@media (width <= 992px) {
  #cabecera {
    height: 500px;
  }
}
#cabecera .title {
  left: 10%;
  position: absolute;
  top: 15%;
}
@media (width <= 992px) {
  #cabecera .title {
    left: 5%;
    top: 20%;
  }
    #cabecera .brand_logo{
      left: 5%;
    }
}
#cabecera .banner {
  background-color: rgb(157, 149, 87);
  bottom: 0;
  color: var(--white-color);
  position: absolute;
  width: 100%;
}
#cabecera .banner p {
  font-family: 'Roboto-Medium';
  font-size: 36px;
  letter-spacing: 0.06rem;
  line-height: 1em;
  margin: auto;
  text-align: center;
  padding: 4px 0;
}
#cabecera .banner p:first-child{
  padding-top: 6px;
  font-size: 18px;
}

@media (width <= 992px) {
  #cabecera .banner p {
    font-size: 22px;
  }
}
/* 
* Section
* -----------------------------------------------------
*/
@media (width <= 992px) {
  #section1 {
    margin-top: 440px;
  }
}
.paragraph {
  margin: 0 auto;
  width: 480px;
}
@media (width <= 992px) {
  .paragraph {
    width: 100%;
  }
}
.picture img {
  width: 100%;
}

@media (width <= 992px) {
  .icon-container {
    width: 33.33%;
  }
}

#section2 {
  background: linear-gradient(
      to left,
      rgb(51 51 51 / 80%) 30%,
      rgb(51 51 51 / 90%) 75%
    ),
    url('../images/banner.jpg');
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  color: #ffffff;
  width: 100%;
}

@media (width <= 992px) {
  #map img {
    height: 500px;
    object-fit: cover;
  }
}

#logos img {
  width: 50%;
}

@media (width <= 992px) {
  #logos img {
    width: 100%;
  }
}

@media (width <= 768px) {
  #logos img {
    width: 80%;
  }
}