@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');

/*----- HEADER -----*/

.content_banner__header {
    background-color: rgb(0 0 0 / 53%);
}

/*----- HEADER -----*/

/*----- PORTADA -----*/

.content__portada {
    bottom: 9%;
    max-width: 1200px;
}


.bg-meet-isabella{
    background-image: url(../images/2026/BG_MEET_ISABELLA-mob.png);
}

.bg-meet-isabella::after{
    display: none;
}

.content__portada h1{
    text-align: left;
    font-size: 46px;
    margin-bottom: 5px;
    color: #061A33;
    font-weight: 700;
    text-shadow: none;
    font-family: "Lora", serif;
    /* text-shadow: 1px 1px 2px black; */
}

.content__portada h2{
    color: #a56500;
    text-align: left;
    font-size: 18px;
    /* text-shadow: 1px 1px 2px black; */
}

.content__portada img {
    display: block;
    width: 185px;
    margin-top: 7px;
}

.content__portada b{
    max-width: 455px;
    display: block;
    color: #000000;
    font-size: 14px;
    line-height: 15px;
    text-align: left;
    margin: 17px 0 7px;
}

.content__portada p{
    max-width: 495px;
    color: #000000;
    font-size: 16px;
    line-height: 15px;
    text-align: left;
}

#btnChat{
    cursor: pointer;
    display: table;
    font-size: 17px;
    margin-top: 15px;
    padding: 13px 16px;
    color: #FFFFFF;
    font-weight: 700;
    border-radius: 5px;
    text-decoration: none;
    background-image: linear-gradient(to bottom, #D2A864, #6E4C15);
}

/*----- PORTADA -----*/

/*----- FOUR MEET -----*/

.bg-four__meet{
    width: 100%;
    padding: 50px 0;
    background-color: #F9F8F4;
}

.list-four__meet{
    width: 85%;
    max-width: 1200px;
    margin: 0 auto;
}

.item-four__meet{
    position: relative;
    margin-bottom: 25px;
    padding-left: 79px;
    padding-right: 75px;
}

.item-four__meet i{
    position: absolute;
    left: 0;
    color: #D2A864;
    font-size: 45px;
    margin-bottom: 13px;
}

.item-four__meet h2{
    font-size: 23px;
    color: #353535;
}

.item-four__meet:nth-child(3) i{
    padding-left: 9px;
}

.item-four__meet:nth-child(4) i{
    padding-left: 9px;
}

.item-four__meet:nth-child(4){
    margin-bottom: 0;
}

/*----- FOUR MEET -----*/

/*----- CONTENT INFO -----*/

.content-info{
    width: 85%;
    max-width: 1200px;
    margin: 55px auto;
}

.item__info:nth-child(1){
    margin-bottom: 55px;
}

.item__info h2{
    font-size: 31px;
    color: #2A6148;
    font-weight: 800;
    margin-bottom: 25px;
}

.item__info p{
    color: #353535;
    font-size: 16px;
    line-height: 17px;
    text-align: left;
    margin-bottom: 25px;
}

.ul-left__info{
    list-style: none;
}

.ul-left__info li{
    position: relative;
    color: #353535;
    font-size: 16px;
    line-height: 17px;
    padding-left: 21px;
    margin-bottom: 5px;
}

.ul-left__info li i{
    position: absolute;
    left: 0;
    margin-right: 20px;
    color: #D2A864;
}

.item__info:nth-child(2){
    padding: 31px 25px;
    border-radius: 11px;
    background-color: #F9F8F4;
}

.item__info:nth-child(2) h3{
    font-size: 31px;
    font-weight: 800;
    margin-bottom: 25px;
}

.ul-right__info{
    list-style: none;
}

.ul-right__info li{
    position: relative;
    color: #353535;
    font-size: 16px;
    line-height: 17px;
    padding-left: 25px;
    margin-bottom: 17px;
}

.ul-right__info li i{
    position: absolute;
    left: 0;
    margin-right: 20px;
    color: #D2A864;
}

.ul-right__info li:nth-child(7){
    margin-bottom: 0;
}


/*----- CONTENT INFO -----*/

/*----- CONTENT GALLERY -----*/

.content-gallery{
    margin-bottom: 55px;
}

.item__gallery{
    width: 100%;
    margin-bottom: 25px;
    border-radius: 25px;
    text-align: center;
    background-color: #F7F4F3;
}

.item__gallery img{
    display: block;
    width: 100%;
}

.item__gallery h2{
    padding: 25px 25px;
}

/*----- CONTENT GALLERY -----*/


/*----- CONTENT WORKS -----*/

.content-works{
    margin-bottom: 55px;
}

.title__works{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 55px;
}

.title__works img{
    display: block;
    width: 65px;
}

.title__works h2{
    font-size: 25px;
    line-height: 25px;
    margin: 0 7px;
    text-align: center;
}

.item__works{
    margin-bottom: 25px;
    text-align: center;
}

.item__works h3{
    font-size: 21px;
    margin-bottom: 9px;
}

.item__works p{
    color: #353535;
    font-size: 16px;
}

.icon__works{
    width: 75px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
    border-radius: 59px;
    border: 2px solid #D2A864;
}

.icon__works i{
    color: #D2A864;
    font-size: 27px;
}

/*----- CONTENT WORKS -----*/

/*----- CONVERSATION -----*/

.bg_designing{
    background-image: url(../images/2026/BG_DESIGNING_v1.jpg);
    background-size: cover;
    background-position: center;
    padding: 55px 0;
}

.content__designing h2{
    color: #FFFFFF;
    text-align: right;
    margin-bottom: 15px;
}

.content__designing p{
    color: #FFFFFF;
    text-align: right;
}

.btn__designing{
    width: fit-content;
    cursor: pointer;
    color: #FFFFFF;
    padding: 11px 25px;
    border-radius: 55px;
    margin-top: 15px;
    display: flex;
    align-items: center;
    text-decoration: none;
    background-image: linear-gradient(to bottom, #D2A864, #6E4C15);
}

.btn__designing i{
    font-size: 25px;
    margin-right: 9px;
}

.content__designing span{
    display: block;
    width: 100%;
    color: #FFFFFF;
    text-align: right;
    margin-top: 15px;
}

.title__designing{
    max-width: 599px;
}

/*----- CONVERSATION -----*/

/*----- PREFOOTER -----*/

.bg-prefooter{
    width: 100%;
    padding: 50px 0;
    background-color: #061A33;
}

.content-prefooter .item__works h3 {
    color: #FFFFFF;
    font-weight: 500;
}

.content-prefooter .item__works {
    margin-bottom: 31px;
    padding-bottom: 31px;
    border-bottom: 1px solid #D2A864;
}

.content-prefooter .icon__works {
    width: initial;
    height: initial;
    border: 0;
    margin: 0 auto 16px;
}

.content-prefooter .icon__works i {
    color: #D2A864;
    font-size: 47px;
}

.content-advisor h2{
    color: #FFFFFF;
}

.content-advisor img{
    width: 100%;
    max-width: 251px;
    margin: 11px 0;
}

.content-advisor p{
    color: #FFFFFF;
    font-size: 18px;
}

/*----- PREFOOTER -----*/

@media screen and (min-width: 768px){

    /*----- PORTADA -----*/

        .bg-meet-isabella{
            background-image: url(../images/2026/BG_MEET_ISABELLA-tab.png);
        }

        .content__portada h1 {
            font-size: 47px;
        }

        .content__portada h2 {
            font-size: 27px;
            line-height: 28px;
            margin-bottom: 13px;
        }

        .content__portada b {
            font-size: 18px;
            line-height: 19px;
        }

        .content__portada p {
            font-size: 18px;
            line-height: 19px;
        }

        #btnChat {
            font-size: 19px;
            margin-top: 23px;
            padding: 19px 37px;
        }

    /*----- PORTADA -----*/

    /*----- FOUR MEET -----*/

        .list-four__meet {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }

        .item-four__meet {
            width: 47%;
            padding-right: 0;
            padding-right: 55px;
            margin-bottom: 57px;
        }

        .item-four__meet:nth-child(3){
            margin-bottom: 0;
        }

        .item-four__meet:nth-child(4){
            margin-bottom: 0;
        }

    /*----- FOUR MEET -----*/

    /*----- CONTENT INFO -----*/

    .content-info {
        display: flex;
        justify-content: space-between;
    }

    .item__info{
        width: 48%;
    }

    .item__info:nth-child(1) {
        margin-bottom: 0;
        padding-top: 27px
    }

    /*----- CONTENT INFO -----*/

    /*----- CONTENT GALLERY -----*/

    .content-gallery{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .item__gallery{
        width: 48%;
    }

    /*----- CONTENT GALLERY -----*/

    /*----- CONTENT WORKS -----*/

    .title__works{
        width: 100%;
    }

    .title__works img {
        width: 103px;
    }

    .title__works h2 {
        font-size: 29px;
        margin: 0 29px;
    }

    .content-works{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .item__works{
        width: 48%;
    }

    /*----- CONTENT WORKS -----*/

    /*----- CONVERSATION -----*/

    .content__designing{
        display: flex;
        justify-content: end;
    }

    .bg_designing {
        padding: 123px 0;
    }

    .title__designing{
        display: flex;
        flex-wrap: wrap;
        justify-content: end;
    }

    /* .btn__designing{
        float: right;
    }

    .title__designing span {
        float: right;
    } */

    /*----- CONVERSATION -----*/

}

@media screen and (min-width: 1024px){

    /*----- PORTADA -----*/

        /* .bg_portada::after {
            width: 70%;
            background-image: linear-gradient(to left, rgba(253, 253, 253, 0), rgba(255, 253, 253, 0.9));
        } */

        .bg-meet-isabella{
            background-image: url(../images/2026/Imagen1.jpg);
        }
        
        /* .bg_portada::after {
            background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
        } */

        .content__portada {
            bottom: 17%;
        }

        .content__portada h1 {
            font-size: 67px;
            color: #061A33;
            text-shadow: none;
        }
        
        .content__portada h2 {
            color: #a56500;
            text-shadow: none;
        }

        .content__portada b {
            color: #000000;
            text-shadow: 1px 1px 2px #979797;
        }

        .content__portada p {
            color: #000000;
            font-weight: 500;
            text-shadow: 1px 1px 2px #979797;
        }

        .content__portada img {
            width: 235px;
        }

        #btnChat {
            margin-top: 33px;
            padding: 15px 37px;
        }


    /*----- PORTADA -----*/

    /*----- FOUR MEET -----*/

        .item-four__meet {
            width: 24%;
            width: 16%;
            margin-bottom: 0;
            padding-right: 67px;
        }

        .item-four__meet h2 {
            font-size: 17px;
        }

        .item-four__meet:nth-child(4) {
            padding-right: 0;
        }

    /*----- FOUR MEET -----*/

    /*----- CONTENT INFO -----*/

    .item__info:nth-child(1) {
        margin-bottom: 0;
        padding-right: 75px;
    }
    
    .item__info h2 {
        font-size: 43px;
        line-height: 45px;
    }

    .ul-left__info li {
        margin-bottom: 15px;
    }

    .item__info:nth-child(2) {
        padding: 47px 57px;
        border-radius: 19px;
    }

    .ul-right__info li {
        font-size: 19px;
        line-height: 20px;
        padding-left: 57px;
        margin-bottom: 33px;
        font-weight: 500;
    }

    .ul-right__info li i {
        font-size: 29px;
    }
    
    /*----- CONTENT INFO -----*/

    /*----- CONTENT GALLERY -----*/

    .item__gallery{
        width: 23%;
    }

    .item__gallery h2{
        font-size: 19px;
    }

    /*----- CONTENT GALLERY -----*/

    /*----- CONTENT WORKS -----*/

    .item__works{
        width: 23%;
    }

    .item__works h3 {
        font-size: 16px;
    }

    /*----- CONTENT WORKS -----*/

    /*----- CONVERSATION -----*/

    .content__designing h2 {
        font-size: 51px;
    }

    .content__designing p {
        font-size: 21px;
    }

    .btn__designing {
        font-size: 19px;
    }

    /*----- CONVERSATION -----*/

    /*----- PREFOOTER -----*/


    .bg-prefooter {
        width: 100%;
        padding: 81px 0;
        background-color: #061A33;
    }

    .content-prefooter{
        display: flex;
        justify-content: space-between;
    }
    

    .content-prefooter .content-works {
        width: 67%;
        margin-bottom: 0;
        padding-top: 13px;
    }

    .content-prefooter .item__works {
        width: 20%;
        margin-bottom: 0;
        padding-top: 23px;
        padding-bottom: 0;
        border-bottom: 0;
        border-right: 1px solid #D2A864;
    }

    .content-advisor{
        width: 27%;
    }

    .content-advisor h2 {
        font-size: 20px;
    }

    .content-prefooter .item__works h3 {
        margin-bottom: 0;
        padding: 0 25px;
    }

    /*----- PREFOOTER -----*/

}