:root{
    --rojo: #c0392b;
}

body{
    /*font-family: 'Roboto Condensed', sans-serif;*/
    font-family: 'Work Sans', sans-serif;
}
h1,h2,h3,h4,h5,h6{
    font-weight: 700;
}
p, li{
    font-weight: 300;
}
#navbar{
    background-color: transparent;
    transition: all .3s ease-in-out;
}
#navbar.navbar-shrink{
    background-color: rgba(0, 0, 0, .6);
    transition: all .3s ease-in-out;
}
#navbar .navbar-brand img{
    /*display: none;*/
    /*opacity: 0;*/
    transition: all .3s ease-in-out;
}
#navbar.navbar-shrink .navbar-brand img{
    /*display: block;*/
    opacity: 1;
    transition: all .3s ease-in-out;
}
#navbar.navbar-shrink .navbar-brand{
    /*background-color: var(--rojo);*/
    transition: all .3s ease-in-out;
}

#navbar .nav-item .nav-link{
    font-family: 'Roboto Condensed', sans-serif;
    color: rgba(255, 255, 255, .7);
    font-weight: 400;
}
#navbar .nav-item .nav-link.active{
    color: #fff;
    font-weight: 400;
}
.text-small{
    font-size: 14px;
}
.titulo{
    font-size: 36px;
    font-weight: 600;
}
.fw-semi-bold{
    font-weight: 600;
}
.btn{
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 1.5px;
    border-radius: 0;
}
.carousel-item{
    height: 97vh;
    min-height: 400px;
    max-height: 800px;
    background-position: center;
    background-size: cover;
    background-color: #9e9e9e;
    background-blend-mode: multiply;
}
.banner-seccion{
    height: 400px;
    background-color: #9e9e9e;
    background-blend-mode: multiply;
    background-position: center;
    background-size: cover;
}
.banner-detalle-propiedad{
    height: 600px;
    background-attachment: fixed;
}
.carousel-caption{
    /*top: 200px;*/
    bottom: inherit;
    padding: 0;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10%;
    left: 10%;
}
.titulo-slide{
    font-size: 48px;
    font-weight: 600;
    text-shadow: 0 0 5px rgba(0, 0, 0, .5);
}
.banner-detalle-propiedad .titulo-slide{
    font-size: 40px;
}

.carousel-indicators{
    left: inherit;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 10%;
}
.carousel-indicators button{
    height: 15px!important;
    width: 15px!important;
    border-radius: 50%;
    border: none!important;
    margin-bottom: 10px;
}
.sobre-slide{
    position: absolute;
    bottom: 2rem;
    left: 0;
    right: 0;
}
.sobre-slide .cont-buscador{
    background-color: rgba(0, 0, 0, .6);
}
/*.cont-buscador form .selectpicker .btn{
    font-family: 'Work Sans', sans-serif;
}*/
.cont-buscador form .form-select,
.cont-buscador form .bootstrap-select>.dropdown-toggle{
    background-color: transparent;
    color: #fff;
    font-family: 'Work Sans', sans-serif;
    letter-spacing: 0;
    border-radius: 0;
}
.cont-buscador-proyectos form .form-select,
.cont-buscador-proyectos form .bootstrap-select>.dropdown-toggle{
    background-color: transparent;
    color: #666;
    font-family: 'Work Sans', sans-serif;
    letter-spacing: 0;
    border-radius: 0;
}
.cont-buscador form .form-select option{
    color: #666;
}
.form-control, .form-select{
    border-radius: 0;
}
.filtro-celular{
    margin-top: -4rem;
}
.propiedades figure img{
    height: 300px;
    object-fit: cover;
}
.propiedades .titulo-propiedad{
    font-weight: 500;
    font-size: 18px;
}
.propiedades .precio{
    font-weight: 500;
    font-size: 20px;
}
.propiedades figure .operacion{
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #222;
    padding: 5px 10px;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 1.5px;
    font-size: 14px;
}
.propiedades figure .opacidad{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all .3s ease-in-out;
}
.propiedades .card:hover figure .opacidad{
    opacity: 1;
    transition: all .3s ease-in-out;
}
.propiedades .card .borde-items{
    border-top: 2px solid #e3e3e3;
    color: #555;
    transition: all .3s ease-in-out;
}
.propiedades .card:hover .borde-items{
    border-color: var(--rojo);
    transition: all .3s ease-in-out;
}
.texto-underline{
    border-bottom: 1px dashed #ccc;
}

.img-inicio img{
    object-fit: cover;
}
.text-img-inicio{
    margin-top: -455px;
}

.proyectos-viias figure{
    height: 500px;
}
.proyectos-viias figure img{
    height: 100%;
    object-fit: cover;
}
.proyectos-viias figure .info-proyectos{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient( to top, rgba(0, 0, 0, .8), 30%, rgba(0, 0, 0, 0));
}

.wsp{
    font-size: 11px;
    font-weight: 400;
    font-family: sans-serif;
    letter-spacing: 0;
    line-height: 1px;
    padding: 3px 7px;
    letter-spacing: 0;
    text-transform: none;
}
.whatsapp {
    position: fixed;
    z-index: 9999!important;
    border-radius: 50% 50% 50% 0%;
    width: 62px;
    height: 62px;
    bottom: 15px;
    left: 15px;
    background-color: #25d366;
    padding: 8px 8px 8px 10px;
    animation: 1s infinite alternate shimmy;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}
.whatsapp i {
    font-size: 42px;
    color: #fff;
}
@keyframes shimmy{
    0%{
        transform:translate(0,0)
    }
    100%{
        transform:translate(5px, -5px)
    }
}

@media (max-width: 991px){
    .img-inicio img{
        height: 390px;
    }
    .text-img-inicio{
        margin-top: -390px;
    }
    .carousel-item .titulo-slide, 
    .banner-seccion .titulo-slide{
        font-size: 40px;
    }
    .carousel-caption img{
        width: 250px;
    }
    #navbar .container-fluid{
        padding-right: 0;
    }
    #navbar{
        background-color: rgba(0, 0, 0, .7);
        transition: all .3s ease-in-out;
    }
}
@media (max-width: 767px){
    .img-inicio img{
        height: auto;
    }
    .text-img-inicio{
        margin-top: 1rem;
        padding-top: 0!important;
    }
    .proyectos-viias figure{
        height: 400px;
    }
}
@media(max-width: 575px){
    .carousel-item .titulo-slide, 
    .banner-seccion .titulo-slide{
        font-size: 38px;
    }
}