@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');

body{
    font-family: 'Questrial', sans-serif;
}
header{
    background-image: url(../images/bg-header.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    color:#FFFFFF;
    padding-top: 60px;
    padding-bottom: 60px;
}
#logo{
    width: 236px;
    margin-bottom: 67px;
}
#logo-arbol{
    width: 118px;
    margin-bottom: 57px;
}
h1{
    font-size: 27px;
    line-height: 31px;
    margin-bottom: 50px;
}
h2{
    font-size: 33px;
    line-height: 42px;
    color: #1E4398;
}
h3{
    font-size: 23px;
    line-height: 31px;
    margin-bottom: 50px;
}
p{
    font-weight: 400;
    font-size: 19px;
    line-height: 26px;
    color: #1E4398;
    letter-spacing: 0.11em;
}
hr:not([size]) {
    height: 2px;
}
hr{
    background-color: #1E4398;
    width: 75px;
    margin: 50px auto 40px auto;
    opacity: 1;
}
header a,header a:hover{
    color:white;
}
.bi.bi-chevron-down{
    position: relative;
    font-size: 50px;
    animation: jumpInfinite 1.5s infinite;
}
.bi.bi-chevron-left,.bi.bi-chevron-right{
    color: #1E4398;
    font-size: 50px;
}
.carousel-inner{
    overflow: visible;
}
.carousel-control-prev{
    margin-left: -12%;
}
.carousel-control-next{
    margin-right: -12%;
}

section{
    padding-top: 60px;
    padding-bottom: 60px;
}
@keyframes jumpInfinite {
    0% {
      top: 0;
    }
    50% {
      top: 20px;
    }
    100% {
        top: 0;
    }
  }
figure{
    margin-bottom: 0px;
}
.btn-azul{
    border:solid 1px #1E4398;
    padding: 10px 30px;
    margin-top: 50px;
    background-color: #1E4398;
    font-size: 19px;
    line-height: 26px;
    text-align: center;
    letter-spacing: 0.11em;
    color: #FFFFFF;
    transition: 0.3s;
}
.btn-azul:hover{
    color: #1E4398;
    background-color: #FFFFFF;
}
.mb-6{
    margin-bottom: 60px;
}
.caracteristicas{
    margin-bottom: 50px;
}
.descripcion{
    padding: 18px;
}
.descripcion div{
    padding: 120px 15px;
}
.descripcion p{
    text-align: center;
    color:#FFFFFF;
}
.uno{
    background-image: url(../images/uno.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.dos{
    background-image: url(../images/dos.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.tres{
    background-image: url(../images/tres.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#amenidades{
    background-image: url(../images/bg-amenidades.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
#amenidades ul{
    font-weight: 400;
    font-size: 19px;
    line-height: 21px;
    color: #1E4398;
    letter-spacing: 0.11em;
    width: fit-content;
    margin: auto;
}
#amenidades ul>li{
    width: fit-content;
    margin: auto;
}
.bg-white{
    background-color: #FFFFFF;
    padding: 80px 15px;
}
#residencias{
    background-image: url(../images/bg-residencias.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
#residencias .bg-white{
    padding: 150px 15px;
}
.bg-dpto{
    background-image: url(../images/bg-dpto.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding:65px 15px;
}
.bg-dpto h2{
    font-size: 33px;
    line-height: 37px;
    text-align: center;
    letter-spacing: 0.11em;
    color: #FFFFFF;
}

.bg-dpto ul{
    list-style: none;
    color: #FFFFFF;
    font-size: 19px;
    line-height: 26px;
    text-align: center;
    letter-spacing: 0.11em;
    padding: 0px;
    margin-bottom: 25px;
}
.bg-dpto > hr{
    background-color: #FFFFFF;
}
.bg-azul{
    padding: 30px 15px;
    background-color: #1E4398;
}
.bg-azul a{
    text-decoration: none;
    color:#FFFFFF;
    letter-spacing: 0.11em;
}
.py-5{
    padding: 50px 15px;
}
.form-control{
    font-size: 19px;
    line-height: 26px;
    letter-spacing: 0.11em;
    border:none;
    border-bottom: solid 2px #1E4398;
    margin-bottom: 20px;
}
.form-control:focus{
    border-color:none;
    box-shadow:none;
}
.gracias{
    background-image: url(../images/bg-gracias.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    padding-top:10%;
}
.gracias h1,.gracias h2,.gracias p{
    color: #FFFFFF;
}
.gracias h1{
    font-size: 50px;
    line-height: 56px;
}
.gracias h2{
    font-size: 27px;
    line-height: 31px;
    padding-bottom: 50px;
}
.gracias p{
    font-size: 23px;
    line-height: 22px;
    margin-bottom: 50px;
}
.rrss{
    margin-right: 100px;
}
.gracias  .bg-azul{
    margin-top: 100px;
}
.loading{
    display: none;
    width:70px;
    margin: 50px auto;
}
@media only screen and (max-width: 992px) {
    section{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    hr{
        margin: 40px auto 30px auto;
    }
    header{
        background-image: url(../images/bg-header-mobile.jpg);
    }
    #ubicacion{
        padding-top: 0px!important;
    }
    #amenidades{
        background-image: url(../images/bg-amenidades-mobile.jpg);
    }
    #residencias{
        background-image: url(../images/bg-residencias-mobile.jpg);
        
    }
    #residencias .bg-white{
        padding: 50px 15px;
    }
    #modelos{
        padding-top: 0px!important;
        padding-bottom: 0px!important;
    }
    #logo{
        margin-bottom: 35px;
    }
    #logo-arbol{
        margin-bottom: 40px;
    }
    h1{
        font-size: 27px;
        line-height: 31px;
        margin-bottom: 30px;
    }
    h2{
        font-size: 25px;
        line-height: 30px;
    }
    h3{
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 30px;
    }
    p{
        font-size: 15px;
        line-height: 25px;
    }
    #amenidades ul{
        font-size: 15px;
        line-height: 17px;
    }
    .btn-azul{
        font-size: 16px;
        line-height: 26px;
        margin-top: 30px;
    }
    .mb-6{
        margin-bottom: 40px;
    }
    .bg-dpto h2{
        font-size: 25px;
        line-height: 34px;
    }
    .bg-dpto ul{
        font-size: 16px;
        line-height: 25px;
    }
    .gracias{
        background-image: url(../images/bg-header-mobile.jpg);
    }
    .gracias h1{
        font-size: 30px;
        line-height: 36px;
    }
    .gracias h2{
        font-size: 15px;
        line-height: 25px;
        padding-bottom: 30px;
    }
    .gracias p{
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 30px;
    }
    .rrss{
        margin-right: 50px;
    }
    .gracias .bg-azul{
        margin-top: 40px;
    }
    .carousel-control-prev{
        margin-left: 0%;
    }
    .carousel-control-next{
        margin-right: 0%;
    }
    .bi.bi-chevron-left,.bi.bi-chevron-right{
        color: #FFFFFF;
    }
    .carousel-item{
        height: 600px;
    }
  }
  
  
  section#modelos {
      overflow: hidden;
  }