@charset "UTF-8";
    @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

    /*variables*/

    :root {
        --fondo: #f6ead9;
        --verde-claro: #8ebd80;
        --verde-oscuro: #404F39;
        --naranja: #ff6600;
        --texto-gris: #38383e;
        /**/
        --verde: #74b82f;
        --naranja-p: #f26e24;
        --amarillo: #ffa600;
    }


    /*estilos generales*/

    html {
        scroll-behavior: smooth;
        height: 100%;
        margin: 0;
        min-height: 100vh;
        flex-direction: column;
        padding: 0px;
    }

    body {
        height: 100%;
        margin: 0;
        min-height: 100vh;
        flex-direction: column;
        padding: 0px;
    }

    .justify-content-center {
        justify-content: center;
    }

    .no-gutter {
        margin-right: 0;
        margin-left: 0;
    }

    .no-gutter>[class*=col-] {
        padding-right: 0;
        padding-left: 0;
    }

    .display-flex {
        display: flex;
        align-items: center;
    }

    .dis-flex {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .d-flex {
        display: flex;
    }

    .row {
        display: flex;
        flex-wrap: wrap;
    }

    .container-fluid {
        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
    }

    .pt-50 {
        padding-top: 50px !important;
    }

    .pb-50 {
        padding-bottom: 50px !important;
    }

    @font-face {
        font-family: "MuseoSans";
        src: url("/Style%20Library/webparts/Dia-sin-Iva/2022/fonts/MuseoSans_bold.ttf") format("woff");
    }

    @font-face {
        font-family: "Letters-for-Learners";
        src: url("../fuentes/Letters-for-Learners.woff") format("woff");
    }

    @font-face {
        font-family: "avenir-condensed";
        src: url("../fuentes/Avenir Next Condensed Medium.woff");
    }

    .margin-section {
        margin-bottom: 50px;
    }
    /*proyectos*/
    .screen-proyectos{
    width: 100%;
    }

    .screen-proyectos .owl-carousel .item .cont-izq .img-proyecto{
        width: 100%;
    }
 
    /**/
    /**/

    /*media queries*/

   
    .header__actions {
        width: 100%;
    }


    /*# sourceMappingURL=styles.css.map */


    /*chats*/

    .opciones__atencion {
        display: none !important;
    }

    .btn__atencion__02 {
        display: none !important;
    }

.bg-blackhouse-vivienda{
    background-image: url(../img/fondo-blackhouse.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

.bg-blackhouse-vivienda .componente-formulario{
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1171px;
    width: 100%;
    margin: 0 auto;
    padding: 80px 15px;
} 

.bg-blackhouse-vivienda .componente-formulario .comp-logo{
    width: 50%;
}

.bg-blackhouse-vivienda .componente-formulario .comp-logo img{
    width: 100%;
}

.bg-blackhouse-vivienda .componente-formulario .comp-formulario{
    width: 50%;
    padding-left: 20px;
}

.bg-blackhouse-vivienda .componente-formulario .comp-formulario .iframe{
    width: 100%;
}
/**/

.titulo-pagina{
    width: 100%;
    padding: 80px 15px 80px 15px;
}

.titulo-pagina h1{
    font-family: "Montserrat", sans-serif;
    color: white;
    font-weight: 500;
    font-size: 26px;
    margin-bottom: 20px;
    line-height: 34px;
}

.titulo-pagina h1 span{
    display: block;
    color: #ff6600;
    font-weight: 900;
    font-size: 32px;
}

.titulo-pagina h2{
    font-family: "Montserrat", sans-serif;
    color: white;
    font-size: 16px;
    margin-bottom: 26px;
}

.titulo-pagina .linea-titulo{
    display: block;
    margin: 0 auto;
    width: 110px;
    height: 4px;
    border-radius: 50px;
    background-image: linear-gradient(to right, #ff6600 , #ffbb8e);
    margin-bottom: 46px;
}

.titulo-pagina p{
    position: relative;
    font-family: "Montserrat", sans-serif;
    color: white;
    font-size: 18px;
    margin-bottom: 26px;
    font-weight: 700;
    border: 2px solid #ff6600;
    width: fit-content;
    padding: 3px 9px;
    border-radius: 21px;
    margin: 0 auto;
    z-index: 2;
}
.titulo-pagina p::after{
        content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background: linear-gradient(to right, #ff7e5f, #feb47b); */
    border-radius: inherit;
    filter: blur(0px);
    z-index: 1;
    transform: translateY(3px) translateX(3px);
    border: 2px solid black;
}

/**/
.screen-proyectos .owl-stage{
display: flex;
}

.screen-proyectos .owl-stage .item{
    padding-left: 10px;
    height: 100%;
}

.screen-proyectos .card-proyecto{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background: white;
    width: 100%;
    height: 100%;
    position: relative;
    background: white;
        border-top-right-radius: 27px;
    border-bottom-right-radius: 27px;
}
.screen-proyectos .card-proyecto .cont-izq{
    width: 200px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

.screen-proyectos .card-proyecto .cont-izq .comp-logo{
    background: white;
    position: absolute;
    top: 20px;
    left: -9px;
    z-index: 2;
    padding: 16px;
    box-shadow: -2px 2px 6px 0px rgb(0 0 0 / 40%);
}
.screen-proyectos .card-proyecto .cont-izq .comp-logo img{
    width: 100%;
    max-width: 130px;
}

.screen-proyectos .card-proyecto .cont-izq .comp-logo::after{
        content: "";
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-bottom: 17px solid transparent;
    border-right: 9px solid #686868;
    position: absolute;
    left: 0px;
    bottom: -17px;
}

.screen-proyectos .card-proyecto .cont-izq .comp-img-proyecto{
    height: 100%;
}

.screen-proyectos .card-proyecto .cont-izq .comp-img-proyecto img{
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.screen-proyectos .card-proyecto .cont-der{
    width: 100%;
    padding: 30px 20px 30px 220px;
    text-align: left;
}

.screen-proyectos .card-proyecto .cont-der .comp-texto{
    font-family: "Montserrat", sans-serif;
}

.screen-proyectos .card-proyecto .cont-der .comp-texto h3{
        font-family: "Montserrat", sans-serif;
    display: none;
}

.screen-proyectos .card-proyecto .cont-der .comp-texto h4{
        font-family: "Montserrat", sans-serif;
    font-size: 23px;
    font-weight: 500;
    line-height: 27px;
    margin-bottom: 15px;
}

.screen-proyectos .card-proyecto .cont-der .comp-texto h4 span{
    display: block;
    color: #740b81;
    font-size: 36px;
    font-weight: 700;
}

.screen-proyectos .card-proyecto .cont-der .comp-texto h4 span.salario{
    font-size: 12px;
}

.screen-proyectos .card-proyecto .cont-der .comp-texto .direccion{
        font-family: "Montserrat", sans-serif;
color: black;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}

.screen-proyectos .card-proyecto .cont-der .comp-texto .direccion strong{
    display: block;
}

.screen-proyectos .card-proyecto .cont-der .comp-texto .subsidio{
        font-family: "Montserrat", sans-serif;
    background-color: #740b81;
    color: white;
    padding: 1px 7px;
    width: fit-content;
    font-weight: 700;
    font-size: 20px;
}

.screen-proyectos .card-proyecto .cont-der .comp-texto .beneficio{
        font-family: "Montserrat", sans-serif;
    color: #740b81;
    border-top: 1px solid #ff6600;
    font-weight: 700;
    font-size: 15px;
    padding-top: 15px;
    margin-top: 20px;
        line-height: 19px;
}

.screen-proyectos .card-proyecto .cont-der .comp-texto .beneficio span{
        display: block;
    color: black;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    padding-top: 7px;
    margin-bottom: 20px;
}

.screen-proyectos .owl-theme .owl-dots{
    gap: 1px;
    display: flex;
    justify-content: center;
    margin-top: 31px;
}

.screen-proyectos .owl-theme .owl-dots .owl-dot span{
    margin: 0px;
    border-radius: 0px;
    width: 37px;
    height: 3px;
    background: white;
}

.screen-proyectos .owl-theme .owl-dots .owl-dot.active span{
    background:#ff6600 ;
}

/**/

.screen-proyectos .owl-carousel .owl-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 !important;
    /**/
}

.screen-proyectos .owl-carousel .owl-nav [class*=owl-] {
    margin: 0 !important;
}

.screen-proyectos .owl-carousel .owl-nav .owl-prev {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    background-image: linear-gradient(to bottom, #ffbb8e, #ffbb8e, #ff6600, #ff6600);
        background-size: 100% 100px;
    background-position: 0 -35px;
    transition: 0.3s;
    outline: none;
    min-width: auto;
    left: -43px;
    bottom: 0;
    top: 45%;
}

.screen-proyectos .owl-carousel .owl-nav .owl-prev span {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 0/0 a;
    text-shadow: transparent;
    color: transparent;
}

.screen-proyectos .owl-carousel .owl-nav .owl-prev span:before {
    background-image: url(/vivienda/Biblioteca%20de%20estilos/webparts/cantoval/img/flecha-btn.png);
    content: "";
    display: block;
    text-align: center;
    width: 30px;
    height: 30px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg);
    opacity: 1;
    filter: contrast(6.5);
}

.screen-proyectos .owl-carousel .owl-nav .owl-prev:hover {
    box-shadow: 0px 0px 8px 1px rgba(255, 255, 255, 1);
    background-position: 0 -60px;
}

.screen-proyectos .owl-carousel .owl-nav .owl-next {
position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    background-image: linear-gradient(to bottom, #ffbb8e, #ffbb8e, #ff6600, #ff6600);
        background-size: 100% 100px;
    background-position: 0 -35px;
    transition: 0.3s;
    outline: none;
    min-width: auto;
    right: -43px;
    bottom: 0;
    top: 45%;
}

.screen-proyectos .owl-carousel .owl-nav .owl-next span {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 0/0 a;
    text-shadow: transparent;
    color: transparent;
}

.screen-proyectos .owl-carousel .owl-nav .owl-next span:before {
    background-image: url(/vivienda/Biblioteca%20de%20estilos/webparts/cantoval/img/flecha-btn.png);
    content: "";
    display: block;
    text-align: center;
    width: 30px;
    height: 30px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    filter: contrast(6.5);
}

.screen-proyectos .owl-carousel .owl-nav .owl-next:hover {
      box-shadow: 0px 0px 8px 1px rgba(255, 255, 255, 1);
          background-position: 0 -60px;
}




.screen-proyectos .card-proyecto .cont-der .comp-texto a{
    background-image: linear-gradient(to bottom, #ffbb8e, #ffbb8e, #ff6600, #ff6600);
    background-size: 100% 100px;
    background-position: 0 -35px;
    color: white;
    padding: 0px 15px;
    border-radius: 50px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: max-content;
    font-size: 16px;
    line-height: 13px;
    text-decoration: none;
    transition: all 0.2s linear;
}
.screen-proyectos .card-proyecto .cont-der .comp-texto a:hover{
    background-position: 0 -60px;
}
.screen-proyectos .card-proyecto .cont-der .comp-texto a img{
    width: 6px;
    margin-left: 16px;
}
   .comp-formulario p {
    display: none;
   }
/**/
@media only screen and (max-width: 1130px) {
    .bg-blackhouse-vivienda .componente-formulario .comp-logo {
        width: 100%;
    }
    .bg-blackhouse-vivienda .componente-formulario .comp-logo img {
        width: 100%;
        max-width: 500px;
    }
    .bg-blackhouse-vivienda .componente-formulario .comp-formulario {
        width: 100%;
        padding-left: 0px;
        order: 3;
        margin-top: 58px;
    }
    .bg-blackhouse-vivienda .componente-formulario{
        padding: 80px 50px;
    }
    .titulo-pagina {
        padding: 45px 0px 80px 0px;
    }
    .comp-formulario p {
        display: block;
        position: relative;
        font-family: "Montserrat", sans-serif;
        color: white;
        font-size: 18px;
        margin-bottom: 26px;
        font-weight: 700;
        border: 2px solid #ff6600;
        width: fit-content;
        padding: 3px 9px;
        border-radius: 21px;
        margin: 0 auto;
        z-index: 2;
   }
   .comp-formulario p::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        /* background: linear-gradient(to right, #ff7e5f, #feb47b); */
        border-radius: inherit;
        filter: blur(0px);
        z-index: 1;
        transform: translateY(3px) translateX(3px);
        border: 2px solid black;
    }
    .screen-proyectos .owl-stage .item {
    padding-left: 0px;
}
}

@media only screen and (max-width: 600px) {
    .screen-proyectos .card-proyecto .cont-izq {
        position: relative;
        width: 100%;
    }
    .screen-proyectos .card-proyecto .cont-izq .comp-img-proyecto img {
        height: 300px;
        object-fit: cover;
        object-position: center;
        width: 100%;
    }
    .screen-proyectos .card-proyecto .cont-der {
        width: 100%;
        padding: 30px 20px 30px 20px;
    }
        .screen-proyectos .card-proyecto .cont-der .comp-texto h4 span {
        display: block;
    }
    .screen-proyectos .card-proyecto .cont-izq .comp-logo {
        width: 163px;
    }
}