img{
    max-width: 100%;
}

/*==================================================================================================*/
/*BANNER*/
/*==================================================================================================*/

.banner{
    position: relative;
    width: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.banner .mask{
    position: absolute;
    width: 100%;
    bottom: -2px;
    z-index: 2;
}

.banner .mask img{
    width: 100%;
}

.banner .holder_slider{
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

.banner .holder_slider img{
    width: 100%;
}

.banner .holder_slider .single_banner.noimg{
    background: #592C31;
}
.banner .holder_slider .single_banner,
.banner .holder_slider .single_banner .holder_content,
.banner .holder_slider .single_banner .holder_content_img{
    width: 100%;
    height: 770px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    position: relative;

    &:after{
        content: '';
        z-index: 3;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(189.85deg, rgba(102, 102, 102, 0.1) 54.22%, #000000 86.18%), url(Gemini_Generated_Image_ybmhkbybmhkbybmh.png);
        background-blend-mode: multiply, normal;
    }
}

.banner .holder_slider .single_banner .holder_content_img .iframe_holder{
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.banner.banner_interno ul li{
    height: 480px;
}

.banner.internas li {
    height: 260px;
    background-position: top center;
}

.banner #slider_home .owl-controls {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 100px;
}

.banner #slider_home .owl-dots {
    position: absolute;
    bottom: 20px;
    text-align: center;
    margin: -25px auto 0;
    left: 0;
    right: 0;
}

.banner #slider_home .owl-dots .owl-dot {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0 5px;
    border-radius: 100%;
    border: 2px solid #fff;
    background: #fff;
}

.banner #slider_home .owl-dots .owl-dot.active {
    background: #F9BC23;
    border: 2px solid #F9BC23;
}

.banner #slider_home .owl-prev img,
.banner #slider_home .owl-next img {
    width: 32px !important;
}

.banner .holder_slider video{
    position: absolute;
    width: 100%;
    /* height: 100%; */
    top: Calc( 50% - 36px );
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1;
}

.banner .conteudo{
    position: absolute;
    bottom: 100px;
    left: 0;
    right: 0;
    width: 100%;
    text-align: left;
    margin: auto;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    z-index: 4;
}

.banner.banner_interno .conteudo{
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.banner .conteudo .nome{
    font-weight: 400;
    font-size: 48px;
    line-height: 58px;
    letter-spacing: -2.24094px;
    color: var(--white-color);
}

.banner .conteudo .descricao{
    font-weight: 300;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: -0.02em;
    color: var(--white-color);
}

.banner .conteudo button{
    margin-top: 40px;
    border: 1px solid var(--white-color);
    border-radius: 20px;
    background-color: transparent;
    padding: 5px 5px 5px 25px;

    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: var(--white-color);
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;

    img,svg{
        margin-left: 10px;
    }

    &:hover{
        background-color: var(--white-color);
        color: var(--primary-color);
    }
}

@media screen and (max-width: 1500px) {
    .banner #slider_home .owl-controls {
        width: 100%;
        text-align: center;
        position: absolute;
        bottom: 60px;
    }
}

@media screen and (max-width: 1200px) {
    .banner .conteudo .nome {
        font-size: 40px;
        line-height: 61px;
    }
}

@media screen and (max-width: 991px) {
    .banner{
        margin-top: 0;
    }
    .banner, .banner .holder_slider .single_banner {
        height: 600px;
    }
    .banner_interno, .banner_interno ul li {
        height: 480px;
    }

    .banner.internas,
    .banner.internas li {
        height:200px;
    }

    .banner .holder_slider img{
        display: none;
    }
    .banner .conteudo {

    }
    .banner .conteudo .nome {
        font-size: 40px;
        line-height: 51px;
    }

    .banner .conteudo {
        bottom: 30px;
    }

    .banner #slider_home .owl-controls {
        bottom: 70px;
    }

    .banner .holder_slider .single_banner {
        background-position: top right;
    }
}

@media screen and (max-width: 600px) {

    .banner .conteudo .nome {
        font-size: 30px;
        line-height: 46px;
    }

    .banner .conteudo .descricao{
        font-weight: 300;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -0.02em;
    }

    .banner .conteudo button{
        margin-top: 20px;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
    }

}


/*==================================================================================================*/
/*HOMEPAGE*/
/*==================================================================================================*/

.color-white{color: var(--white-color);}
.color-red{color: var(--primary-color);}

.bloco.fundo_vermelho{
    background-image: url('/site/imagens/fundo_vermelho.png');
    background-color: var(--primary-color);
    margin-top: -50px;
    background-position: center Calc(100% - 20px);
    background-repeat: no-repeat;
    padding-top: 180px;
    padding-bottom: 130px;

    @media screen and (max-width: 600px) {
        & {
            padding-top: 100px;
            padding-bottom: 40px;
        }
    }

}

.bloco.fundo_escuro{
    background-color: #2B1114;
}

.bloco.fundo_cinza{
    background-color: #F5F0E9;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.bloco.bg-red{
    background: #E83025;
    border-radius: 15px;
}

.holder_slider_parceiros{
    margin-top: 60px;

    .owl-stage-outer{
        overflow: unset;
    }

    .img{
        padding: 0 15px;
        img{
            width: 230px;
            height: 80px;
            object-fit: contain;
        }
    }
}

.bloco_servicos{
    overflow: hidden;
    .holder_slider_servicos{

        .owl-stage-outer{
            overflow: unset;
        }

        .slide_servico{
            padding: 0 10px;

            .helper-background{
                height: 0;
                position: relative;
                border-radius: 30px;
                overflow: hidden;
                padding: 40px 15px 100% 15px;

                .img-bg{
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    top: 0;
                    left: 0;
                    z-index: 1;

                    &:after{
                        content: '';
                        width: 100%;
                        height: 100%;
                        position: absolute;
                        z-index: 3;
                        left: 0;
                        top: 0;
                        background: linear-gradient(360deg, rgb(0 0 0 / 10%) 9.72%, rgba(102, 102, 102, 0) 64.71%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
                        /*background: linear-gradient(360deg, rgba(0, 0, 0, 0.8) 9.72%, rgba(102, 102, 102, 0) 64.71%), linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(shutterstock_2722812369.jpg);*/
                        background-blend-mode: normal, multiply, normal;
                    }

                    img{
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        position: relative;
                        z-index: 2;
                        transition: all .3s ease-in-out;
                        -moz-transition: all .3s ease-in-out;
                        -webkit-transition: all .3s ease-in-out;
                    }
                }

                .helper-flex{
                    display: flex;
                    height: 100%;
                    flex-direction: column;
                    justify-content: space-between;
                    align-items: start;
                    position: relative;
                    z-index: 2;
                    color: var(--white-color);
                    position: absolute;
                    width: 100%;
                    top: 0;
                    left: 0;
                    padding: 30px;

                    .conteudo{
                        max-width: 270px;
                    }
                    a{
                        color: inherit;
                        text-decoration: none;
                    }

                    .nome{
                        font-weight: 500;
                        font-size: 24px;
                        line-height: 29px;
                        letter-spacing: -0.53552px;
                    }

                    .desc{
                        font-weight: 400;
                        font-size: 16px;
                        line-height: 22px;
                        letter-spacing: -0.32px;
                        margin-top: 10px;
                    }

                }

            }
            &:hover{
                .helper-background{

                    .img-bg{

                        img{
                            transform: scale(1.1);
                        }
                    }
                }
            }
        }
    }
}

#homepage{
    .bloco.fundo_vermelho{
        .table-content{
            table{
                border: none;
                text-align: center;
                margin: 0 auto;

                @media screen and (max-width: 600px) {
                    &{
                        width: 100%;
                    }
                }

                td{
                    background-color: var(--white-color);
                    text-align: center;
                    font-weight: 400;
                    font-size: 17px;
                    line-height: 22px;
                    text-align: center;
                    letter-spacing: -0.403599px;
                    color: var(--text-color);
                    width: 265px;
                    height: 205px;
                    border-radius: 28px;
                    display: inline-block;
                    margin: 0 10px 15px;
                    padding: 30px 20px;

                    img{
                        width: auto !important;
                        height: 41px !important;
                    }

                    b,strong{
                        font-weight: 600;
                        font-size: 40px;
                        line-height: 37px;
                        letter-spacing: -0.668794px;
                        color: var(--text-color);
                        margin-top: 15px;
                        margin-bottom: 10px;
                        display: block;

                        sub{
                            font-weight: 600;
                            font-size: 20px;
                            line-height: 37px;
                            letter-spacing: -0.668794px;
                            color: var(--text-color);
                            bottom: 0.05em;
                        }
                    }

                    @media screen and (max-width: 600px) {

                        &{
                            width: 100%;
                            display: flex;
                            gap: 24px;
                            align-items: start;
                            text-align: left;
                            height: auto;
                            margin: 0;
                            margin-bottom: 20px;
                            padding: 27px 40px;

                            img{
                                width: 30px !important;
                                height: 25px !important;
                                object-fit: contain;
                            }

                            b,strong{
                                margin-top: 0;
                                font-size: 32px;
                                line-height: 37px;
                                letter-spacing: -0.668794px;
                                margin-bottom: 0;
                            }

                            div{
                                flex: 1;
                            }

                        }

                    }

                }
            }
        }
    }

    .quanto-poupar{
        ul{
            list-style: none;
            padding: 0;
            margin: 0;
            margin-top: 15px;

            li{
                display: inline-block;
                border: 1px solid #F7EBD5;
                border-radius: 15px;
                padding: 10px 35px;
                margin-right: 10px;
                font-weight: 400;
                font-size: 16px;
                line-height: 22px;
                letter-spacing: -0.32px;
                color: #000000;
            }
        }

        .link{
            margin-top: 40px;
            border: 1px solid var(--white-color);
            border-radius: 20px;
            background: #2C1114;
            padding: 5px 5px 5px 25px;
            font-weight: 500;
            font-size: 16px;
            line-height: 19px;
            color: var(--white-color);
            display: inline-block;
            transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
            &:hover{
                background: transparent;
                border: 1px solid #2C1114;
                color: #2C1114;
            }
            a{
                text-decoration: none;
                color: inherit;
            }
            img,svg{
                margin-left: 10px;
            }
        }

        .img{
            border-radius: 20px;
            overflow: hidden;
        }

    }

    .texto-proporcionar{
        table{
            border: 0;
            width: 100%;

            td{
                text-align: center;
                width: 25%;
                font-weight: 500;
                font-size: 16px;
                line-height: 19px;
                letter-spacing: -0.668794px;
                color: rgba(0, 0, 0, 0.8);
                display: inline-block;

                @media screen and (max-width: 766px) {
                    & {
                        width: 50%;
                        margin-bottom: 15px;
                    }
                }

                img{
                    width: 34px !important;
                    height: auto !important;
                    margin-bottom: 20px;
                }
            }
        }
    }

    .bloco-form {

        @media screen and (max-width: 600px) {
            & {
                margin-top: 90px;

                .img{
                    margin-top: -140px;
                }
            }
        }


        .formulario-home {
            a{
                color: inherit;
            }
            input {
                font-weight: 400;
                font-size: 16px;
                line-height: 19px;
                align-items: center;
                color: #FFFFFF;
                background: #210C0E;
                border-radius: 20px;
                padding: 27px 30px;
                border: none;
                outline: none;
                box-shadow: none;
                &::-webkit-input-placeholder { /* Chrome/Opera/Safari */
                    color: #FFFFFF;
                }
                &::-moz-placeholder { /* Firefox 19+ */
                    color: #FFFFFF;
                }
                &:-ms-input-placeholder { /* IE 10+ */
                    color: #FFFFFF;
                }
                &:-moz-placeholder { /* Firefox 18- */
                    color: #FFFFFF;
                }

            }

            .rgpd {
                font-weight: 400;
                font-size: 12px;
                line-height: 15px;
                color: #FFFFFF;
            }

            button {
                background: #FFFFFF;
                border-radius: 20px;
                padding: 5px 5px 5px 20px;
                font-weight: 500;
                font-size: 15px;
                text-align: center;
                color: var(--secondary-color);
                border: 2px solid var(--white-color);
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 30px;
                transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                -webkit-transition: all .3s ease-in-out;

                &:hover {
                    background: transparent;
                    color: var(--white-color);
                }
            }

        }
    }

}

.link-btn{
    padding: 15px 20px;
    background: #D5190E;
    border-radius: 15px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #F1EFEB;
    display: inline-block;
    border: 1px solid;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;

    &:hover{
        background: transparent;
        border: 1px solid #2C1114;
        color: #2C1114;
    }
    a{
        text-decoration: none;
        color: inherit;
    }
    &.dark{
        background-color: #2C1114;

        &:hover{
            background-color: transparent;
            color: #2C1114;
            border-color: #2C1114;
        }
    }
}
.detalhe_noticia{
    .zona_info_caso_estudo{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .holder_slider_imagens_projetos{
        @media screen and (max-width: 767px) {
            &{
                margin-top: 40px;
            }
        }
        .single_image{
            padding: 0 5px;

            @media screen and (max-width: 767px) {
                &{
                    padding: 10px 0;
                }
            }
        }
        .owl-dots{
            margin-top: 20px;
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            justify-content: center;
            .owl-dot{
                width: 10px;
                height: 10px;
                background: transparent;
                border-radius: 50%;
                border: 1px solid #D5190E;
                &.active{
                    background: #D5190E;
                }
            }
        }
    }
    img{
        border-radius: 20px;
        height: auto !important;
    }

    table{
        border: none;
        width: 100% !important;
        tr{
            border: none;
            td{
                border: none;
                padding: 10px;
            }

            @media screen and (max-width: 992px) {
                &{
                    display: block;
                    width: 100%;
                    td{
                        display: block;
                        width: 100%;
                    }
                }
            }
        }
    }
}
.bloco-noticias{
    a{
        text-decoration: none;
    }
    .noticia{
        .img{
            position: relative;
            border-radius: 20px;
            overflow: hidden;
            padding-bottom: 60%;
            height: 0;
            &.noimg{
                background: linear-gradient(203.16deg, #2C1114 36.19%, #592C31 72.37%);
            }
            img{
                object-fit: cover;
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
            }

            .seta{
                position: absolute;
                right: -6px;
                bottom: -7px;
                border: 6px solid #FFFBF4;
                border-top-left-radius: 28px;
                background-color: #FFFBF4;
                z-index: 3;
                width: 68px;
                height: 68px;


                &:before{
                    content: '';
                    position: absolute;
                    width: 40px;
                    height: 40px;
                    background-color: transparent;
                    right: -19%;
                    top: -64%;
                    border-bottom: 10px solid #FFFBF4;
                    border-right: 10px solid #FFFBF4;
                    border-bottom-right-radius: 30px;
                    z-index: -1;
                }
                &:after{
                    content: '';
                    position: absolute;
                    width: 40px;
                    height: 40px;
                    background-color: transparent;
                    right: 93%;
                    top: 45%;
                    border-bottom: 10px solid #FFFBF4;
                    border-right: 10px solid #FFFBF4;
                    border-bottom-right-radius: 30px;
                    z-index: -1;
                }
                .holder_seta{
                    width: 56px;
                    background: red;
                    height: 56px;
                    border-radius: 20px;
                    display: flex;
                    align-content: center;
                    align-items: center;
                    justify-content: center;
                }

                svg{
                    transition: all .3s ease-in-out;
                    -moz-transition: all .3s ease-in-out;
                    -webkit-transition: all .3s ease-in-out;
                    g{
                    }
                }
            }

        }
        &:hover{
            .img{
                .seta{

                    svg{
                        transform: rotate(30deg);
                        -moz-transform: rotate(30deg);
                        webkit-transform: rotate(30deg);
                        g{
                        }
                    }
                }
            }
        }
        .categoria{
            padding: 6px 10px;
            background: rgba(0, 0, 0, 0.05);
            border-radius: 10px;
            font-weight: 400;
            font-size: 17px;
            line-height: 24px;
            color: #141414;
            margin-top: 20px;
            margin-bottom: 20px;
            display: inline-block;
        }

        .titulo{
            font-weight: 700;
            font-size: 24px;
            line-height: 29px;
            color: #141414;
        }

        .desc{
            font-weight: 400;
            font-size: 24px;
            line-height: 29px;
            color: #141414;
            margin-bottom: 50px;
        }

        @media screen and (max-width: 600px) {
            .titulo{
                font-size: 20px;
                line-height: 22px;
            }

            .desc{
                font-size: 20px;
                line-height: 22px;
            }

        }

    }

    &.fundo_cinza{
        .noticia{
            .img{
                .seta{
                    border-color: #F5F0E9;
                    background-color: #F5F0E9;

                    &:before{
                        border-color: #F5F0E9;
                    }
                    &:after{
                        border-color: #F5F0E9;
                    }

                }

            }
        }
    }

}

.gostaria{
    border-radius: 20px;
    height: 525px;
    overflow: hidden;

    @media screen and (max-width: 991px) {
        &{
            height: auto;
        }
    }

    .img{
        height: 100%;
        position: relative;
        z-index: 3;

        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }

    .helper-background{
        background: linear-gradient(203.16deg, #2C1114 36.19%, #592C31 72.37%);
        height: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding: 30px 86px;
        width: Calc(100% + 30px);
        left: -30px;
        position: relative;
        z-index: 2;

        @media screen and (max-width: 991px) {
            & {
                width: 100%;
                left: 0;
                top: -40px;
                border-radius: 15px;
                padding-top: 80px;
                text-align: center;
            }
        }

        @media screen and (max-width: 991px) {
            & {
                padding-left: 20px;
                padding-right: 20px;
            }
        }

        .links{
            margin-top: 55px;

            a{
                display: inline-block;
                border-radius: 20px;
                font-weight: 500;
                font-size: 16px;
                line-height: 19px;
                text-align: center;
                color: #FFFFFF;
                padding: 20px;
                text-decoration: none;
                border: 1px solid;
                margin-bottom: 15px;
                transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                -webkit-transition: all .3s ease-in-out;

                img{
                    margin-left: 15px;
                    vertical-align: middle;
                }

                &:first-child{
                    background: #E83025;
                    border-color: transparent;
                    &:hover{
                        background: transparent;
                        border-color: #fff;
                        color: #fff;
                    }
                }

                &:last-child{
                    background: transparent;
                    border-color: rgba(255, 255, 255, 0.7);
                    &:hover{
                        background: #E83025;
                        border-color: #E83025;
                        color: #fff;
                    }
                }

                @media screen and (max-width: 991px) {
                    & {
                        display: block;
                        max-width: 286px;
                        margin: 0 auto;
                    }
                }

            }
        }
    }
}

.gostaria-v2{
    .helper-border{
        padding: 15px;
        border: 1px solid #FFFFFF;
        border-radius: 20px;
        text-align: center;

        .img{
            border-radius: 20px;
            overflow: hidden;
            margin-bottom: 30px;
        }

        .links{
            margin-bottom: -60px;

            @media screen and (max-width: 991px) {
                & {
                    margin-bottom: -45px;
                }
            }

            a{
                display: inline-block;
                border-radius: 20px;
                font-weight: 500;
                font-size: 16px;
                line-height: 19px;
                text-align: center;
                color: #E83025;
                padding: 5px 5px 5px 30px;
                text-decoration: none;
                border: 1px solid;
                margin-bottom: 15px;

                img{
                    margin-left: 15px;
                    vertical-align: middle;
                }

                &:first-child{
                    background: #fff;
                    border-color: transparent;
                }

                @media screen and (max-width: 991px) {
                    & {
                        display: block;
                        max-width: 320px;
                        margin: 0 auto;
                    }
                }

            }
        }

    }
}

.holder_slider_testemunhos{
    margin-top: 90px;

    @media screen and (max-width: 991px) {
        & {
            margin-top: 45px;
        }
    }

    .slide_testemunho{
        text-align: center;
        color: #fff;

        .content{
            padding: 0 10px;
        }

        .desc{
            margin-top: 20px;
            font-weight: 500;
            font-size: 24px;
            line-height: 29px;
            letter-spacing: -0.32px;
            color: #FFFFFF;
        }

        .nome{
            margin-top: 30px;
            font-weight: 400;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: -0.32px;
            color: #FEFEFE;
        }

    }
}


/*==================================================================================================*/
/*QUANTO VOU POUPAR*/
/*==================================================================================================*/

#quanto-vou-poupar{
    .info-topo{
        ul{
            list-style: none;
            padding: 0;
            margin: 0;
            margin-top: 50px;

            li{
                display: inline-block;
                border: 1px solid #F7EBD5;
                border-radius: 15px;
                padding: 10px 35px;
                margin-right: 10px;
                font-weight: 400;
                font-size: 16px;
                line-height: 22px;
                letter-spacing: -0.32px;
                color: #fff;
            }
        }
    }

    .bloco-pri-roi{
        hr{
            margin: 60px 0;
            border-top: 1px solid rgba(0, 0, 0, 0.1);
        }

        .bloco-texto-1{
            div{
                font-weight: 400;
                font-size: 20px;
                line-height: 22px;
                letter-spacing: -0.32px;
                color: #000000;
            }
        }

        .bloco-texto-2{
            margin-top: 50px;
            background: #E83025;
            border-radius: 20px;
            font-size: 20px;
            line-height: 22px;
            letter-spacing: -0.32px;
            color: #FFFFFF;
            padding: 25px;
        }

    }

    .bloco-ativo-energetico{
        a{
            display: inline-block;
            border-radius: 20px;
            font-weight: 500;
            font-size: 16px;
            line-height: 19px;
            text-align: center;
            color: #FFFFFF;
            padding: 5px 5px 5px 18px;
            text-decoration: none;
            background: #E83025;
            border: 1px solid;
            border-color: #E83025;
            margin-bottom: 15px;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;

            img{
                margin-left: 15px;
                vertical-align: middle;
            }

            &:hover{
                background-color: transparent;
                color: #E83025;
            }

            @media screen and (max-width: 991px) {
                & {
                    display: block;
                    max-width: 300px;
                    margin: 0 auto;
                }
            }

        }
    }

    .holder_slider_testemunhos {
        margin-bottom: 100px;

        @media screen and (max-width: 991px) {
            & {
                margin-bottom: 50px;
            }
        }
    }

}


/*==================================================================================================*/
/*Casos Estudo*/
/*==================================================================================================*/
/* 1. Removemos qualquer interferência de empilhamento da listagem de casos */
#casos-estudo .listagem_casos {
    position: relative;
    z-index: 1; /* Prioridade baixa */
}

/* 2. Isolamos e elevamos a linha inteira do filtro */
#casos-estudo .bloco-casos > .custom_container > .row:first-of-type {
    position: relative;
    z-index: 9999 !important; /* Prioridade máxima absoluta */
}

/* 3. Garantimos que o container do filtro não limite o transbordo (overflow) */
#casos-estudo .filtragem {
    position: relative;
    z-index: 9999 !important;
}

#casos-estudo .filtragem ul {
    z-index: 99999 !important; /* O menu que abre precisa ser o mais alto de todos */
}
#casos-estudo{

    .filtragem{
        list-style: none;
        background: rgba(0, 0, 0, 0.05);
        border-radius: 10px;
        padding: 5px 15px;
        width: 200px;
        position: relative;
        margin-bottom: 70px;
        margin-left: auto;
        z-index: 99;

        & > li{
            & > div{
                display: flex;
                align-items: center;
                gap: 10px;
                font-weight: 400;
                font-size: 14px;
                line-height: 24px;
                color: #464646;
                cursor: pointer;
            }

            ul{
                position: absolute;
                background-color: rgba(0, 0, 0, 0.05);
                width: 100%;
                left: 0;
                top: 100%;
                padding: 0;
                border-radius: 10px;
                overflow: hidden;
                opacity: 0;
                visibility: hidden;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;

                li{
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 24px;
                    color: #464646;
                    margin: 0;
                    list-style: none;
                    background-color: rgb(242 238 231);
                    a{
                        text-decoration: none;
                        color: inherit;
                        padding: 10px;
                        display: block;
                        &:hover{
                            background: var(--secondary-color);
                            color: #fff;
                        }
                    }
                }
            }

            &:hover{
                ul{
                    opacity: 1;
                    visibility: visible;
                }
            }

        }
    }

    .listagem_casos{
        margin-bottom: 50px;
    }

    .bloco-casos{
        .caso{
            .img{
                position: relative;
                border-radius: 20px;
                overflow: hidden;
                padding-bottom: 60%;
                height: 0;

                &.noimg{
                    background: linear-gradient(203.16deg, #2C1114 36.19%, #592C31 72.37%);
                }
                img{
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100% !important;
                    height: 100% !important;
                    object-fit: cover;
                }

                .seta{
                    position: absolute;
                    right: -6px;
                    bottom: -7px;
                    border: 6px solid #FFFBF4;
                    border-top-left-radius: 28px;
                    background-color: #FFFBF4;
                    z-index: 3;
                    width: 68px;
                    height: 68px;


                    &:before{
                        content: '';
                        position: absolute;
                        width: 40px;
                        height: 40px;
                        background-color: transparent;
                        right: -19%;
                        top: -64%;
                        border-bottom: 10px solid #FFFBF4;
                        border-right: 10px solid #FFFBF4;
                        border-bottom-right-radius: 30px;
                        z-index: -1;
                    }
                    &:after{
                        content: '';
                        position: absolute;
                        width: 40px;
                        height: 40px;
                        background-color: transparent;
                        right: 93%;
                        top: 45%;
                        border-bottom: 10px solid #FFFBF4;
                        border-right: 10px solid #FFFBF4;
                        border-bottom-right-radius: 30px;
                        z-index: -1;
                    }
                    .holder_seta{
                        width: 56px;
                        background: red;
                        height: 56px;
                        border-radius: 20px;
                        display: flex;
                        align-content: center;
                        align-items: center;
                        justify-content: center;
                    }

                    svg{
                        transition: all .3s ease-in-out;
                        -moz-transition: all .3s ease-in-out;
                        -webkit-transition: all .3s ease-in-out;
                        g{
                        }
                    }
                }

            }
            &:hover{
                .img{
                    .seta{

                        svg{
                            transform: rotate(30deg);
                            -moz-transform: rotate(30deg);
                            webkit-transform: rotate(30deg);
                            g{
                            }
                        }
                    }
                }
            }

            .categoria{
                padding: 6px 10px;
                background: rgba(0, 0, 0, 0.05);
                border-radius: 10px;
                font-weight: 400;
                font-size: 17px;
                line-height: 24px;
                color: #141414;
                margin-top: 20px;
                margin-bottom: 20px;
                display: inline-block;
            }
            a{
                text-decoration: none;
            }
            .titulo{
                font-weight: 700;
                font-size: 24px;
                line-height: 29px;
                color: #141414;
            }

            .descricao{
                font-weight: 400;
                font-size: 16px;
                color: #141414;
            }
            .desc{
                font-weight: 400;
                font-size: 24px;
                line-height: 29px;
                color: #141414;
                margin-bottom: 50px;
            }

            @media screen and (max-width: 600px) {
                .titulo{
                    font-size: 20px;
                    line-height: 22px;
                }

                .desc{
                    font-size: 20px;
                    line-height: 22px;
                }

            }

        }
    }
}



/*==================================================================================================*/
/*BLOG*/
/*==================================================================================================*/

#blog{
    .pesquisa-blog{
        position: relative;
        width: 400px;
        margin: 0 auto;
        input{
            padding: 15px 35px 15px 45px;
            background: rgba(185, 18, 8, 0.5);
            border: 1px solid #B91208;
            border-radius: 15px;
            outline: none;
            font-weight: 300;
            font-size: 16px;
            line-height: 19px;
            letter-spacing: -0.02em;
            color: #F9F3EB;
            width: 100%;
            max-width: 100%;
        }

        input::-webkit-input-placeholder {
            color: #F9F3EB;
        }

        input::-moz-placeholder {
            color: #F9F3EB;
        }

        input::-ms-placeholder {
            color: #F9F3EB;
        }

        input::placeholder {
            color: #F9F3EB;
        }

        button{
            background-color: transparent;
            border: none;
            position: absolute;
            top: 10px;
            left: 10px;
        }

    }

    .pagina_noticias{

        .links-cats{
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            margin-bottom: 30px;

            a{
                color: inherit;
                text-decoration: none;
            }
            div{
                padding: 4px 10px;
                background: rgba(0, 0, 0, 0.05);
                border-radius: 10px;
                font-weight: 400;
                font-size: 14px;
                line-height: 24px;
                color: #141414;
                transition: all .3s ease-in-out;
                -webkit-transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                &:hover{
                    background: var(--secondary-color);
                    color: #fff;
                }
            }
        }

        .lista_noticias{
            .single_noticia{
                .img{
                    position: relative;
                    border-radius: 20px;
                    overflow: hidden;
                    padding-bottom: 60%;
                    height: 0;
                    &.noimg{
                        background: linear-gradient(203.16deg, #2C1114 36.19%, #592C31 72.37%);
                    }
                    img{
                        object-fit: cover;
                        position: absolute;
                        top: 0;
                        left: 0;
                        height: 100%;
                        width: 100%;
                    }

                    .seta{
                        position: absolute;
                        right: -6px;
                        bottom: -7px;
                        border: 6px solid #FFFBF4;
                        border-top-left-radius: 28px;
                        background-color: #FFFBF4;
                        z-index: 3;
                        width: 68px;
                        height: 68px;


                        &:before{
                            content: '';
                            position: absolute;
                            width: 40px;
                            height: 40px;
                            background-color: transparent;
                            right: -19%;
                            top: -64%;
                            border-bottom: 10px solid #FFFBF4;
                            border-right: 10px solid #FFFBF4;
                            border-bottom-right-radius: 30px;
                            z-index: -1;
                        }
                        &:after{
                            content: '';
                            position: absolute;
                            width: 40px;
                            height: 40px;
                            background-color: transparent;
                            right: 93%;
                            top: 45%;
                            border-bottom: 10px solid #fff;
                            border-right: 10px solid #fff;
                            border-bottom-right-radius: 30px;
                            z-index: -1;
                        }
                        .holder_seta{
                            width: 56px;
                            background: red;
                            height: 56px;
                            border-radius: 20px;
                            display: flex;
                            align-content: center;
                            align-items: center;
                            justify-content: center;
                        }

                        svg{
                            transition: all .3s ease-in-out;
                            -moz-transition: all .3s ease-in-out;
                            -webkit-transition: all .3s ease-in-out;
                            g{
                            }
                        }
                    }

                }
                &:hover{
                    .img{
                        .seta{

                            svg{
                                transform: rotate(30deg);
                                -moz-transform: rotate(30deg);
                                webkit-transform: rotate(30deg);
                                g{
                                }
                            }
                        }
                    }
                }
                .categoria{
                    padding: 6px 10px;
                    background: rgba(0, 0, 0, 0.05);
                    border-radius: 10px;
                    font-weight: 400;
                    font-size: 17px;
                    line-height: 24px;
                    color: #141414;
                    margin-top: 20px;
                    margin-bottom: 20px;
                    display: inline-block;
                }
                a{
                    text-decoration: none;
                }

                .titulo{
                    font-weight: 700;
                    font-size: 24px;
                    line-height: 29px;
                    color: #141414;
                }

                .desc{
                    font-weight: 400;
                    font-size: 24px;
                    line-height: 29px;
                    color: #141414;
                    margin-bottom: 50px;
                }

                @media screen and (max-width: 1400px) {
                    .titulo{
                        font-size: 20px;
                        line-height: 22px;
                    }

                    .desc{
                        font-size: 20px;
                        line-height: 22px;
                    }

                }
                @media screen and (max-width: 767px) {
                    .titulo{
                        font-size: 18px;
                        line-height: 20px;
                    }

                    .desc{
                        font-size: 16px;
                        line-height: 18px;
                    }

                }

            }
        }

    }

}

.pagina_noticias{

}

.pagina_noticias .listagem_noticias .paginacao{

}

.pagina_noticias .listagem_noticias .paginacao .single_pag{
    display: inline-block;
    cursor: pointer;
    padding: 10px;
}

.pagina_noticias .listagem_noticias .paginacao .single_pag.active{
    font-weight: 600;
}

.pagina_noticias .listagem_noticias .lista_noticias{
    display: flex;
    flex-wrap: wrap;
}
.pagina_noticias .listagem_noticias .single_noticia{
    width: Calc(100% / 3);
}

.pagina_noticias .listagem_noticias .single_noticia .imagem img{
    width: 100%;
}
.pagina_noticias #load-noticias-blog.display_none,
#casos-estudo #load-casos-blog.display_none{
    display: none !important;
}
.pagina_noticias .noticias-loading-blog,
#casos-estudo .casos-loading-blog{
    display: none;
}

.holder_zona_cta_revendedor{
    background: linear-gradient(203.16deg, #2C1114 36.19%, #592C31 72.37%);
    border-radius: 20px;
    padding: 80px;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
    color: #fff;

    .link-btn {
        border: 1px solid #D5190E;
        &:hover{
            background-color: transparent;
            color: #fff;
            border-color: #fff;
        }
    }

    @media screen and (max-width: 767px) {
        &{
            padding: 0;
            background: transparent;
            color: #000;

            .link-btn {
                &:hover{
                    color: #D5190E;
                    border-color: #D5190E;
                }
            }
        }
    }
}