.hero {
    min-height: 500px;

    .item {
        position: relative;

        img {
            max-width: 100%;
            height: 500px;
            object-fit: cover;
            position: relative;
            z-index: 1;        
        }

        .bg-layer {
            width: 100%;
            height: 100%;
            position: absolute;
            z-index: 2;
            background: linear-gradient(180deg, rgba(1, 11, 19, 0.00) 75%, #010B13 100%);
        }
    }

    .owl-carousel {
        position: relative;
        display: flex;
        justify-content: center;

        .owl-dots {
            position: absolute;
            bottom: 55px;
            display: flex;
            justify-content: center;

            .owl-dot {
                span {
                    background-color: #D9D9D9;
                    transition: all .3s;
                }

                &.active,
                &:hover {
                    span {
                        background-color: #00B04D;
                    }
                }
            }
        }
    }
}

.empreendimentos {
    .titulo-secao {
        font-size: 36px;
        font-weight: 500;
    }

    .owl-carousel {
        .owl-stage {
            display: flex;
            padding-bottom: 30px;
        }
    }
}

.sobre,
.esg {
    padding: 35px 0;
}

@media (max-width: 992px) {
    .hero {
        min-height: 480px;
        
        .item {
            img {
                max-width: 100%;
                height: 480px;
            }
        }
    }
}