.web-top{
  width: 100%;
  height: auto;
}

.web-top .ruta a{
  all: unset;
}
.web-top .ruta .active{
  color: var(--color-celeste);
  font-weight: 900;
}

.web-top .ruta .separador{
  margin-left: 15px;
  margin-right: 15px;
}
.web-top .title{
    margin-top: 6vw;
    padding-left: 20%;
    padding-right: 20%;
    position: absolute;
    width: 100%;
}
.web-top .linea{
  width: 30px;
  height: 3px;
  background: var(--color-celeste-claro);
  margin-bottom: 10px;
}
.web-top .titulo{
  color: white;
  font-size: 1.5em;
  font-weight: 700;
}


.web-historia{
    padding-top: 40px;
    padding-left: 20%;
    padding-right: 20%;
    width: 100%;
    background: rgb(255, 255, 255);
    display: flex;
}
.web-historia .izquierda{
    width: 50%;
    font-size: 1.2em;
    margin-right: 20px;
}
.web-historia .derecha{
  width: 50%;
}
.web-historia .derecha .imagen{
    padding:0px;
    margin-top: -17vh;
    background: #fff;
    box-shadow: 6px 6px 10px -1px rgba(0, 0, 0, 0.15), -6px -6px 10px -1px rgba(0, 0, 0, 0.219);
    height: 610px;
    border-radius: 20px;
    overflow: hidden;
}

.web-cualidades{
  padding-left: 10%;
  padding-right: 10%;
  width: 100%;
  background: rgb(255, 255, 255);
  height: auto;
  display: flex;
  justify-content: space-between;
  padding-top: 5vh;
  margin-bottom: 20px;
}
.web-cualidades .cualidad{
  width: 30%;
  height: 250px;
  background: white;
  text-align: -webkit-center;
}
.web-cualidades .linea{
  width: 5px;
  height: 22vw;
  background: var(--color-celeste);
}
.web-cualidades .icon{
  text-align: center;
  width: 7vw;
  height: 7vw;
  fill: var(--color-celeste);
  text-align: center;
}
.web-cualidades .titulo{
  margin-top: 15px;
  text-align: center;
  font-size: 2vw;
  font-weight: 900;
}
.web-cualidades .texto{
  margin-top: 15px;
  text-align: center;
  font-size: 1.5vw;
  font-weight: 500;
}




@media screen and (max-width: 780px){
/*INICIO PARTE SUPERIOR 4 (Banner) */
.web-top .title {
    margin-top: 13vw;
    padding-left: 5%;
    padding-right: 5%;
    position: absolute;
    width: 100%;
    /* font-size: 1.2rem; */
}
.web-top .titulo {
    color: white;
    font-size: 1.21rem;
    font-weight: 700;
}
/*fin PARTE SUPERIOR 4 (Banner) */
/*INICIO PARTE SUPERIOR 5 (Banner) */
.web-historia {
    padding-top: 4vw;
    padding-left: 5%;
    padding-right: 5%;
    width: 100%;
    background: rgb(255, 255, 255);
    display: flex;
}
.web-historia .izquierda {
    width: 100%;
    font-size: 0.9rem;
    margin-right: 20px;
}
.web-historia .derecha {
    width: 100%;
}
.web-historia .derecha .imagen {
    margin-top: 30px;
    background: #fff;
    box-shadow: 6px 6px 10px -1px rgba(0, 0, 0, 0.15), -6px -6px 10px -1px rgba(0, 0, 0, 0.219);
    height: 610px;
    border-radius: 20px;
    overflow: hidden;
}



















/*fin PARTE SUPERIOR 5 (Banner) */
}