/* 
* Cabecera
* -----------------------------------------------------
*/

#cabecera {
  background: url(../images/renders/slider2/img-3.jpg) 50% 50% / cover;
  min-height: 900px;
  height: 100vh;
  position: relative;
}

#cabecera .topo {
  position: absolute;
  top: 5%;
  right: 35%;
  height: 180px;
  z-index: 10;
}

#cabecera .logo {
  left: 10%;
  position: absolute;
  top: 10%;
}

#cabecera .logo img {
  max-width: 200px;
}
@media (max-width: 992px) {
  #cabecera .logo img {
    max-width: 120px;
  }
}

#cabecera .title {
  left: 10%;
  position: absolute;
  bottom: 7%;
}

#cabecera .title h2 {
  color: #ffffff;
  font-size: 34px;
}

#cabecera .title h3 > span {
  font-family: 'STIXIntegralsSm';
}

/* CÓDIGO CSS JPA */
/*
#cabecera h1 {
  font-size: 36px !important;
}
#cabecera .cabecera-jpa {
  padding: 20px 40px;
  background-color: black;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
#cabecera .cabecera-jpa-title {
  color: white;
  text-align: center;
  font-size: 22px;
  font-family: 'BentonSans-Regular';
}
#cabecera .cabecera-jpa-title strong {
  font-family: 'BentonSans-Bold';
}
#cabecera .cabecera-jpa-button {
  display: inline-block;
  color: white;
  padding: 5px 15px;
  border-radius: 20px;
  border: 1px solid white;
  text-align: center;
  font-family: 'BentonSans-Regular';
}
#cabecera .cabecera-jpa-info {
  text-align: center;
  color: white;
  font-family: 'BentonSans-Regular';
  font-size: 20px;
}
#cabecera .cabecera-jpa-info strong {
  font-family: 'BentonSans-Bold';
}
@media (max-width: 992px) {
  #cabecera {
      min-height: 670px!important;
      height: 70vh!important;
  }
  #cabecera h1 {
    font-size: 28px!important;
  }
  h1 > p {
    font-size: 24px!important;
    margin-top: 5px!important;
  }
  #cabecera .title {
    bottom: 7%!important;
  }
  #cabecera .title h3 {
    margin-bottom: -10px;
  }
  #cabecera .title .button {
    margin-top: 20px!important;
  }
  #cabecera .cabecera-jpa {
    width: 100%;
    padding: 10px 20px;
    gap: 10px;
  }
  #cabecera .cabecera-jpa-title { font-size: 16px; }
  #cabecera .cabecera-jpa-button {font-size: 14px; }
  #cabecera .cabecera-jpa-info { font-size: 16px; }
}
*/
/* FIN CÓDIGO CSS JPA */

@media (max-width: 992px) {
  #cabecera {
    min-height: 600px;
    height: 60vh;
  }

  #cabecera .topo {
    right: 5%;
  }

  #cabecera .logo {
    left: 5%;
    position: absolute;
    top: 5%;
  }

  #cabecera .title {
    left: 5%;
    position: absolute;
    bottom: 10%;
  }

  @media (max-width: 992px) {
    #cabecera .topo {
      height: 120px;
    }
  }
}

/* 
* Section
* -----------------------------------------------------
*/

.paragraph {
  margin: 0 auto;
  width: 480px;
}

@media (max-width: 992px) {
  .paragraph {
    width: 100%;
  }
}

.picture img {
  width: 100%;
}

/* 
* Map
* -----------------------------------------------------
*/

#map {
  background: url(../images/map.jpg) 50% 50% / cover;
  height: 1000px;
}

@media (max-width:992px) {
  #map {
    height: 500px;
  }
}

.map-address h2 {
  font-size: 26px;
}

@media (max-width: 992px) {
  .map-address h2 {
    font-size: 20px;
  }
}