/* Estilo automático para a página: fale-conosco */
header.preto-branco {
    .logo-header.logo-branca {
        display: block;
    }

    .logo-header.logo-preta {
        display: none;
    }

    .nav-link {
        color: #fff;
    }
}

header {
    .icon-branco {
        display: block;
    }

    .icon-preto {
        display: none;
    }

    li {
        list-style-type: none;
    }

    .nav-link.btn-portal {
        color: #fff;
    }

    .separador-mob {
        display: flex;
    }
}

#menu-sobre {
    .anchor-link2 {
        color: #fff;
    }
}

#navegacao-ilustrada:before {
    background-image: url(../img/efeito-1.png);
    background-size: cover;
    display: inline-block;
    width: 156px;
    height: 740px;
    content: "";
    position: absolute;
    top: 0px;
    right: 39px;
    background-repeat: no-repeat;
    z-index: 10;
}

#emprendimentos:before {
    background-image: url(../img/efeito-2.png);
    background-size: contain;
    display: inline-block;
    width: 215px;
    height: 484px;
    content: "";
    position: absolute;
    top: 0px;
    right: -20px;
    background-repeat: no-repeat;
}

@media all and (max-width: 1700px) {
    #navegacao-ilustrada:before {
        display: none;
    }

    #emprendimentos:before {
        display: none;
    }
}


#navegacao-ilustrada {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    height: 720px;
    display: flex;
    align-items: center;

    .text-cab-ilustrado {
        position: relative;
        z-index: 10;
    }

    .logo-leitura {
        width: 100%;
        object-fit: contain;
        height: 190px;
    }

    h1 {
        font-weight: 500;
        font-size: 46px;
        line-height: 100%;
        text-align: center;
        color: #fff;
        margin-bottom: 32px;
    }

    h2 {
        font-weight: 500;
        color: #fff;
        font-size: 18px;
        line-height: 100%;
        text-align: center;
        vertical-align: middle;
        margin-bottom: 20px;
    }

    .nav-ilustrada {
        display: flex;
        margin: 0;
        padding: 0;
        justify-content: center;

        li {
            list-style-type: none;
            font-weight: 400;
            font-size: 15px;
            color: #fff;

            .seta {
                margin-right: 8px;
            }
        }

        .nav-destaque {
            font-weight: 500;
            font-size: 15px;
            text-decoration: underline;
            color: #fff;
        }
    }

}

#menu-sobre {
    padding: 24px;
    background-color: #1D1D1B;
    color: #fff;
    position: relative;
    z-index: 10;

    .itens-menu-sobre {
        display: flex;
        justify-content: space-between;
        margin: 0;
        padding: 0;

        li {
            list-style-type: none;
            font-weight: 400;
            font-size: 18px;
            line-height: 100%;
            vertical-align: middle;
            transition: 300ms all ease-in-out;

            &:hover {
                font-weight: 500;
                text-decoration: underline;
                text-underline-offset: 8px;
                /* distância da linha */
            }
        }
    }
}



#emprendimentos {
    padding: 70px 0;
    position: relative;
    overflow: hidden;

    h2 {
        font-weight: 500;
        font-size: 36px;
        line-height: 100%;
        margin-bottom: 26px;
        text-align: center;
        margin-bottom: 50px;
    }

    h3 {
        font-weight: 400;
        font-size: 21px;
        color: #575756;
        line-height: 100%;
        vertical-align: middle;
    }

    .img-emp-home {
        height: 100%;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
    }

    .tag-emp-home {
        position: relative;
        background-color: #3B422A;
        padding: 15px 27px;
        font-weight: 500;
        font-size: 16px;
        line-height: 100%;
        color: #fff;
        margin-bottom: 32px;
    }

    .img-logo-emp {
        width: 130px;
        object-fit: cover;
        margin-right: 20px;
    }

    .card-empreendimento h4 {
        font-weight: 500;
        font-size: 24px;
        line-height: 100%;
        vertical-align: middle;
        text-transform: uppercase;
        color: #3B422A;
        margin-bottom: 30px;
    }

    .endereco {
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        vertical-align: middle;
        color: #575756;
        margin: 0;
    }

    .logo-ender {
        display: flex;
        align-items: flex-start;
        margin-bottom: 20px;
        position: relative;
        flex-direction: column;
    }

    .resumo-emp {
        font-weight: 400;
        font-size: 16px;
        line-height: 160%;
        vertical-align: middle;
        color: #575756;
        text-align: justify;
    }

    .resumo-emp-dest {
        font-weight: 500;
        font-size: 24px;
        line-height: 160%;
    }

    .circulo-cinza {
        width: 35px;
        height: 35px;
        background-color: #E1DEDE;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 30px;
        margin-right: 8px;

        img {
            width: 19px;
            object-fit: contain;
        }
    }

    .titulo-elementos-emp {
        font-weight: 500;
        font-size: 16px;
        color: #1D1D1B;
        line-height: 100%;
        vertical-align: middle;
        margin: 0;
    }

    .text-elementos-emp {
        font-weight: 400;
        font-size: 16px;
        color: #575756;
        line-height: 100%;
        vertical-align: middle;
        margin-top: 8px;
    }

    .list-elementos-emp {
        display: flex;
        margin: 10px 0 0px;
    }

    .btn-font {
        font-size: 16px;
    }

    hr {
        height: 2px;
        background-color: #1D1D1B;
        opacity: 1;
    }


    .selecao-status {

        .nav-pills {
            border-bottom: 1px solid #B7B7B7;
            padding-bottom: 10px;
        }

        .nav-link {
            font-weight: 400;
            font-size: 16px;
            color: #575756;
            line-height: 100%;
        }
    }

    .btn-emp-home {
        font-weight: 500;
        font-size: 18px;
        line-height: 160%;
        border-radius: 0;
        display: inline-block;
        padding: 10px 0px;
        text-decoration: none;
        color: #000;
        background-color: #fff;
        position: relative;
        transition: all 0.3s ease;
        border: 1px solid #000;
        display: block;
        text-align: center;
    }

    .btn-emp-home:hover {
        box-shadow:
            0 0 0 2px #000,
            /* Borda externa (2px preta) */
            0 0 0 3px #fff,
            /* Borda central (1px branca - note que é 3px total, menos os 2px da borda externa = 1px) */
            0 0 0 5px #000;
        /* Borda interna (2px preta - 5px total menos 3px da borda central = 2px) */
    }

}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    font-weight: 500 !important;
    background-color: transparent !important;
    border-bottom: solid 5px #575756;
    border-radius: 0;
    padding-bottom: 13px;
    margin-bottom: -30px;
}


#diferenciais {
    background-color: #F8F8F8;
    padding: 70px 0;
    position: relative;

    h2 {
        font-weight: 500;
        font-size: 36px;
        color: #1D1D1B;
        text-align: center;
    }



    .swiper-content {
        position: relative;

        /* .swiper-wrapper {
            justify-content: center;
        } */

        .passadores {
            position: absolute;
            display: flex;
            justify-content: space-between;
            width: 100%;
            top: calc(50% - 10px);

            .swiper-button-next {
                right: -90px;
            }

            .swiper-button-prev {
                left: -90px;
            }
        }

    }

    .card-diferenciais {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        .cicle-cinza {
            width: 81px;
            height: 81px;
            background-color: #E1DEDE;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 48px;
            margin-bottom: 18px;
        }

        img {
            object-fit: contain;
            width: 28px;
            height: 25px;
        }

        p {
            font-weight: 400;
            font-size: 16px;
            line-height: 100%;
            text-align: center;
        }
    }

    &:before {
        background-image: url(../img/efeito-3.png);
        background-size: contain;
        display: inline-block;
        width: 304px;
        height: 290px;
        content: "";
        position: absolute;
        top: 0px;
        left: 0;
        background-repeat: no-repeat;
        z-index: 0;
    }

    &:after {
        background-image: url(../img/efeito-4.png);
        background-size: contain;
        display: inline-block;
        width: 274px;
        height: 280px;
        content: "";
        position: absolute;
        top: 0px;
        right: 0;
        background-repeat: no-repeat;
        z-index: 0;
    }
}


.swiper-button-next,
.swiper-button-prev {
    background-color: #000;
    padding: 30px;
    border-radius: 40px;
    color: #fff !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 20px !important;
}


#galerias {
    padding: 70px 0;

    .selecao-status {
        .nav-pills {
            border-bottom: 1px solid #B7B7B7;
            padding-bottom: 10px;
            display: flex;
            justify-content: center;
        }

        .nav-link {
            font-weight: 400;
            font-size: 16px;
            color: #575756 !important;
            line-height: 100%;
        }
    }

    .img-galeria {
        object-fit: cover;
        width: 100%;
        height: 252px;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        font-weight: 500 !important;
        background-color: transparent !important;
        border-bottom: solid 5px #575756;
        border-radius: 0;
        padding-bottom: 13px;
        margin-bottom: -30px;
        color: #000;
    }

    iframe {
        width: 100%;
        height: 480px;
    }

}


#plantas {

    padding: 70px 0;
    background-color: #F8F8F8;
    position: relative;

    h2 {
        font-weight: 500;
        font-size: 36px;
        line-height: 100%;
        color: #1D1D1B;
        text-align: center;
        margin-bottom: 30px;
    }

    .selecao-status {
        display: flex;
        justify-content: center;

        .nav-pills {
            border-bottom: 1px solid #B7B7B7;
            padding-bottom: 10px;
        }

        .nav-link {
            font-weight: 400;
            font-size: 16px;
            color: #575756;
            line-height: 100%;
        }
    }

    .area-plantnas {
        font-weight: 400;
        font-size: 17px;
        line-height: 100%;
        color: #575756;

        span {
            font-size: 18px;
            color: #1D1D1B;
            line-height: 100%;
            font-weight: 500;
        }

        img {
            margin-right: 8px;
        }
    }

    .sobre-planta {
        font-weight: 500;
        font-size: 18px;
        line-height: 28px;
    }

    .lista-planta {
        li {
            font-weight: 400;
            font-size: 16px;
            margin-bottom: 12px;
        }
    }

    &:before {
        background-image: url(../img/efeito-3.png);
        background-size: contain;
        display: inline-block;
        width: 304px;
        height: 290px;
        content: "";
        position: absolute;
        top: 0px;
        left: 0;
        background-repeat: no-repeat;
        z-index: 0;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        font-weight: 500 !important;
        background-color: transparent !important;
        border-bottom: solid 5px #575756;
        border-radius: 0;
        padding-bottom: 13px;
        margin-bottom: -30px;
        color: #000;
    }

    .img-planta {
        width: 100%;
        height: 580px;
        object-fit: contain;
    }

    .btn-emp-home {
        font-weight: 500;
        font-size: 18px;
        line-height: 160%;
        border-radius: 0;
        display: inline-block;
        padding: 10px 0px;
        text-decoration: none;
        color: #000;
        background-color: #fff;
        position: relative;
        transition: all 0.3s ease;
        border: 1px solid #000;
        display: block;
        text-align: center;
    }

    .btn-emp-home:hover {
        box-shadow:
            0 0 0 2px #000,
            /* Borda externa (2px preta) */
            0 0 0 3px #fff,
            /* Borda central (1px branca - note que é 3px total, menos os 2px da borda externa = 1px) */
            0 0 0 5px #000;
        /* Borda interna (2px preta - 5px total menos 3px da borda central = 2px) */
    }

}

#local {
    padding: 70px 0;

    h2 {
        font-weight: 500;
        font-size: 36px;
        line-height: 100%;
        margin-bottom: 30px;
    }

    .local {
        font-weight: 400;
        font-size: 16px;
        line-height: 140%;
        color: #575756;

        img {
            margin-right: 8px;
        }
    }

    .text-local {
        font-weight: 400;
        font-size: 16px;
        line-height: 160%;
        color: #575756;
        text-align: justify;
    }

    iframe {
        width: 100%;
        height: 447px;
    }

    .btn-local {
        font-weight: 500;
        font-size: 18px;
        line-height: 160%;
        border-radius: 0;
        display: inline-block;
        padding: 10px 0px;
        text-decoration: none;
        color: #000;
        background-color: #fff;
        position: relative;
        transition: all 0.3s ease;
        border: 1px solid #000;
        display: block;
        text-align: center;
        width: 100%;
    }

    .btn-local:hover {
        box-shadow:
            0 0 0 2px #000,
            /* Borda externa (2px preta) */
            0 0 0 3px #fff,
            /* Borda central (1px branca - note que é 3px total, menos os 2px da borda externa = 1px) */
            0 0 0 5px #000;
        /* Borda interna (2px preta - 5px total menos 3px da borda central = 2px) */
    }
}

#vantagens {
    background-color: #F8F8F8;
    padding: 70px 0;
    position: relative;

    .swiper-content {
        position: relative;

        .passadores {

            position: absolute;
            display: flex;
            justify-content: space-between;
            width: 100%;
            top: calc(50% - 10px);

            .swiper-button-next {
                right: -90px;
            }

            .swiper-button-prev {
                left: -90px;
            }
        }

    }

    h2 {
        font-weight: 500;
        font-size: 36px;
        color: #1D1D1B;
        text-align: center;
        margin-bottom: 64px;
    }

    &:before {
        background-image: url(../img/efeito-3.png);
        background-size: contain;
        display: inline-block;
        width: 304px;
        height: 290px;
        content: "";
        position: absolute;
        top: 0px;
        left: 0;
        background-repeat: no-repeat;
        z-index: 0;
    }

    &:after {
        background-image: url(../img/efeito-4.png);
        background-size: contain;
        display: inline-block;
        width: 274px;
        height: 280px;
        content: "";
        position: absolute;
        top: 0px;
        right: 0;
        background-repeat: no-repeat;
        z-index: 0;
    }

    .card-vantagens {
        border: 1px solid #1D1D1B;
        box-shadow: 4px 4px 6px 0px #0000000F;
        min-height: 120px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;

        .icon-vantagens {
            width: 24px;
            object-fit: contain;
            margin-bottom: 0;
        }

        p {
            font-weight: 400;
            font-size: 16px;
            line-height: 20px;
            color: #575756;
            margin: 0;
            padding: 8px;
        }
    }
}

#obra {
    padding: 70px 0;

    h2 {
        font-weight: 500;
        font-size: 36px;
        line-height: 100%;
        color: #1D1D1B;
        text-align: center;
        margin-bottom: 30px;
    }

    .periodo-select {
        display: inline-flex;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 30px;
        align-items: center;
        background-color: #F8F8F8;
        padding: 10px 10px;
        width: 100%;
        /* margin-left: 15px; */

        h3 {
            font-weight: 500;
            font-size: 18px;
            line-height: 120%;
            color: #1D1D1B;
            margin: 0;
        }

        select {
            width: 100%;
            font-weight: 400;
            font-size: 14px;
            line-height: 100%;
            background-color: transparent;
            border: none;
            border-bottom: solid 1px #575756;
            border-radius: 0;
        }
    }

    .status-valor-obra {
        display: flex;
        justify-content: space-between;
        align-items: center;

        .status {
            font-weight: 400;
            font-size: 18px;
            color: #575756;
            margin: 0;
        }

        .valor-obra {
            font-weight: 500;
            font-size: 16px;
            color: #1D1D1B;
            margin: 0;
        }
    }


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

    .swiper-content {
        position: relative;
        height: 100%;

        .passadores {
            position: absolute;
            bottom: 50px;
            right: 110px;

            .swiper-button-next {
                left: 10px;
                background-color: #fff;
                color: #000000 !important;
            }

            .swiper-button-prev {
                left: -60px;
                background-color: #fff;
                color: #000000 !important;
            }
        }

        .swiper.mySwiperObra {
            height: 100%;

            p {
                color: #1D1D1B;
            }
        }
    }

    .block {
        display: block;
    }

    .none {
        display: none;
    }

    .output .colors:nth-child(1) {
        display: block;
    }

    .form-control:focus {
        box-shadow: none;
    }

    .mt--2 {
        margin-top: 0px !important
    }

    .d-flex-obra {
        display: flex;
        height: 72svh;
    }

    .output {
        justify-content: center;
    }


    .video-obra {
        margin-top: 40px;

        p {
            font-weight: 600;
            text-align: center;
        }

        iframe {
            width: 100%;
            height: 480px;
        }

        .swiper-content {
            position: relative;

            .passadores {
                position: absolute;
                display: flex;
                justify-content: space-between;
                width: 100%;
                top: calc(50% - 10px);
                bottom: auto;
                right: auto;

                .swiper-button-next {
                    right: -80px;
                    background-color: #000;
                    color: #fff !important;
                    left: auto;
                }

                .swiper-button-prev {
                    left: -80px;
                    right: auto;
                    background-color: #000;
                    color: #fff !important;
                }
            }
        }
    }

}

#cta {
    padding: 70px 0;
    background-color: #F8F8F8;
    position: relative;

    h2 {
        font-weight: 400;
        font-size: 31px;
        line-height: 31px;
        letter-spacing: 0%;
        vertical-align: middle;
        text-align: center;

        span {
            font-weight: 500;
        }
    }

    .text-cta-emp {
        text-align: center;
        color: #575756;
        font-size: 18px;
        line-height: 160%;
        margin: 28px 0 53px 0;
    }

    h3 {
        font-weight: 400;
        font-size: 21px;
        color: #575756;
        line-height: 100%;
        vertical-align: middle;
    }

    &:before {
        background-image: url(../img/efeito-3.png);
        background-size: contain;
        display: inline-block;
        width: 304px;
        height: 290px;
        content: "";
        position: absolute;
        top: 0px;
        left: 0;
        background-repeat: no-repeat;
        z-index: 0;
    }

    &:after {
        background-image: url(../img/efeito-4.png);
        background-size: contain;
        display: inline-block;
        width: 304px;
        height: 290px;
        content: "";
        position: absolute;
        top: 0px;
        right: 0;
        background-repeat: no-repeat;
        z-index: 0;
    }


    .posicao-form {
        position: relative;
        z-index: 1;


        .form-group {
            position: relative;

            .form-control {
                font-weight: 400;
                font-size: 16px;
                line-height: 100%;
                background-color: transparent;
                border: none;
                border-bottom: solid 1px #575756;
                border-radius: 0;
                padding-left: 30px;

            }

            .icon-form {
                position: absolute;
                left: 15px;
                top: 8px;
            }
        }


        .form-check {
            font-weight: 400;
            font-size: 16px;
            vertical-align: middle;

            a {
                font-weight: 500;
                text-decoration: underline;
            }
        }


        .btn-enviar-form {
            display: block !important;
            background-color: #1D1D1B !important;
            border-radius: 0 !important;
            color: #fff !important;
            width: 73%;
            height: 60px;
        }

        .alinhar-final {
            display: flex;
            justify-content: flex-end;
        }
    }


}





/* TABLET */
@media (min-width: 768px) and (max-width: 1024px) {
    #emprendimentos {
        .img-emp-home {
            height: 440px;
        }
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    header.preto-branco {
        background-color: rgb(29, 29, 27) !important;
    }

    header {
        .social-header {
            padding: 0;

            .separador-mob {
                display: flex;
                justify-content: space-between;

                .d-left {
                    display: flex;
                }
            }
        }

        .navbar-collapse a {
            color: #fff;
        }

        .dropdown-item.active,
        .dropdown-item:active {
            background-color: transparent;
            color: #ffffff;
        }

        .navbar-nav .nav-link.active,
        .navbar-nav .nav-link.show {
            color: #fff;
        }

        .dropdown-menu li {
            color: #fff;
        }
    }

    #menu-sobre {
        .itens-menu-sobre {
            overflow-x: scroll;

            a {
                text-wrap-mode: nowrap;
                padding-bottom: 20px;
                margin-right: 90px;
            }
        }
    }

    #galerias {
        .img-galeria {
            height: 162px;
        }
    }

    #plantas {
        .selecao-status {
            .nav-pills {
                border-bottom: 1px solid #B7B7B7;
                padding-bottom: 10px;
                position: relative;
                z-index: 10;
            }
        }

        .img-planta {
            object-fit: contain;
        }

        .btn-emp-home {
            padding: 10px 20px;
        }
    }

    #local {
        h2 {
            margin-top: 30px;
        }
    }

    #vantagens {
        .card-vantagens {
            p {
                text-align: center;
            }
        }

        h2 {
            position: relative;
            z-index: 10;
        }


        .swiper-content {
            .passadores {
                top: calc(130% - 10px);

                .swiper-button-next {
                    right: -50px;
                }

                .swiper-button-prev {
                    left: -50px;
                }
            }
        }
    }

    #obra {
        .img-obra {
            height: 40vh;
        }

        .output {
            justify-content: center;
            margin: 0;
        }

        .d-flex-obra {
            display: flex;
            flex-direction: column;
            height: auto;
        }
    }

    .btn-display {
        text-align: center;
    }

    #cta {
        .posicao-form {
            margin-bottom: 20px;

            .btn-enviar-form {
                width: 100%;
                padding: 0;
            }
        }
    }


    #diferenciais {
        h2 {
            position: relative;
            z-index: 10;
        }

        .swiper-content {
            .passadores {
                .swiper-button-next {
                    right: -50px;
                }

                .swiper-button-prev {
                    left: -50px;
                }
            }
        }
    }



}




/* MOBILE */
@media all and (max-width: 767px) {
    .navbar-toggler:focus {
        box-shadow: none;
    }

    header.preto-branco {
        background-color: rgb(29, 29, 27) !important;
    }

    header {
        .social-header {
            padding: 0;

            .separador-mob {
                display: flex;
                justify-content: space-between;

                .d-left {
                    display: flex;
                }
            }
        }

        .navbar-collapse a {
            color: #fff;
        }

        .dropdown-item.active,
        .dropdown-item:active {
            background-color: transparent;
            color: #ffffff;
        }

        .navbar-nav .nav-link.active,
        .navbar-nav .nav-link.show {
            color: #fff;
        }

        .dropdown-menu li {
            color: #fff;
        }
    }

    #menu-sobre {
        .itens-menu-sobre {
            overflow-x: scroll;

            a {
                text-wrap-mode: nowrap;
                padding-bottom: 20px;
                margin-right: 22px;
            }
        }
    }

    #emprendimentos {
        .logo-ender {
            margin-top: 20px;
        }
    }

    #diferenciais {

        h2 {
            position: relative;
            z-index: 10;
        }

        &:before {
            width: 234px;
            height: 200px;
        }

        &:after {
            width: 190px;
            height: 200px;
        }

        .swiper-content {
            .passadores {
                position: absolute;
                display: flex;
                justify-content: space-between;
                width: 100%;
                top: calc(110% - 10px);

                .swiper-button-next {
                    right: 0px;
                }

                .swiper-button-prev {
                    left: 0px;
                }
            }
        }
    }

    #galerias {
        .btn-display {
            width: 97%;
        }

        iframe {
            width: 100%;
            height: 280px;
        }
    }

    #plantas {
        h2 {
            position: relative;
            z-index: 10;
        }

        .img-planta {
            height: 360px;
            object-fit: contain;
        }

        .selecao-status {
            .nav-pills {
                overflow-x: scroll;
                flex-wrap: nowrap;
            }
        }

        .img-emp-home {
            margin-bottom: 30px;
        }

        .selecao-status {
            position: relative;
            z-index: 10;

            .nav-link {
                display: flex;
                width: 150px;
                min-height: 70px;
                text-align: center;
                justify-content: center;
                align-items: flex-end;

            }
        }


        .tab-content {
            margin-top: 30px;
        }

        .order-1-mob {
            order: 1;
        }

        .order-2-mob {
            order: 2;
        }
    }

    #local {
        margin-top: 20px;

        .btn-display {
            width: 97%;
        }
    }

    #vantagens {
        h2 {
            position: relative;
            z-index: 10;
        }

        .swiper-content {
            .passadores {
                position: absolute;
                display: flex;
                justify-content: space-between;
                width: 100%;
                top: calc(50% - 10px);

                .swiper-button-next {
                    right: 5px;
                }

                .swiper-button-prev {
                    left: 5px;
                }
            }
        }
    }

    #obra {
        .img-obra {
            height: 40vh;
        }

        .output {
            justify-content: center;
            margin: 0;
        }

        .d-flex-obra {
            display: flex;
            flex-direction: column-reverse;
            height: auto;
        }

        .video-obra {

            iframe {
                height: 230px;
                margin-bottom: 20px;
            }

            .swiper-content {
                .passadores {
                    position: absolute;
                    display: flex;
                    justify-content: space-between;
                    width: 100%;
                    top: calc(110% - 10px);

                    .swiper-button-next {
                        right: 5px;
                    }

                    .swiper-button-prev {
                        left: 5px;
                    }
                }
            }
        }

        .periodo-select {
            width: 90%;
        }
    }

    #cta {
        & .posicao-form {
            & .form-group {
                .icon-form {
                    top: 27px;
                }

                .form-control {
                    min-height: 70px;
                }
            }
        }
    }




}

/* WIDE */
@media (min-width: 1400px) and (max-width: 2600px) {}





.modal {

    .modal-content {
        padding: 0 20px 20px;

        .modal-body {
            h5 {
                font-weight: 400;
                font-size: 24px;
                line-height: 35px;

                span {
                    font-weight: 500;
                }
            }
        }
    }

    .posicao-form {
        position: relative;
        z-index: 1;


        .form-group {
            position: relative;

            .form-control {
                font-weight: 400;
                font-size: 16px;
                line-height: 100%;
                background-color: transparent;
                border: none;
                border-bottom: solid 1px #575756;
                border-radius: 0;
                padding-left: 30px;
                min-height: 60px;
            }

            .icon-form {
                position: absolute;
                left: 15px;
                top: 23px;
            }
        }


        .form-check {
            font-weight: 400;
            font-size: 16px;
            vertical-align: middle;

            a {
                font-weight: 500;
                text-decoration: underline;
            }
        }


        .btn-enviar-form {
            display: block !important;
            background-color: #1D1D1B !important;
            border-radius: 0 !important;
            color: #fff !important;
            width: 100%;
            height: 60px;
        }
    }

    .modal-header {
        border: none;
    }


}