/* ----------------------------------------------historia portais */
.event {
    background-image: url("/images/fundo eventos(1).png?fa983c24991ca38f336e480bf22498d4");
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    margin: 0 auto;
    display: block;
    padding-top: 14rem;
    padding-bottom: 6.5rem;
}

.event__content {
    display: flex;
    flex-direction: column;
    margin-top: -7.6rem;
    margin-bottom: 6rem;
}

.event__header {
    width: 1450px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 2.9rem;
}

.event__header__subtitle {
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 5.7rem 0 2.8rem;

}

.event__header__text {
    margin: 0 10rem 3rem 10rem;
}

.button__locacao {
    margin: 0 0 2rem;
}

.event__img {
    display: flex;
    justify-content: center;
    padding-top: 70px;
}

.event__img img {
    width: 1216px;
    margin: 0 auto;
    background-size: cover;
}

.font-size_style {
    font-size: 3rem;
}

.carousel-evento {
    margin-top: -4.5rem;
}

.carousel-eventos {
    margin-top: -6rem;
    margin-bottom: -26rem;
    overflow: hidden;
}

.carousel-espacos {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
}


/* .slide__carousel__img {
    padding: 0 100px;
} */

.slide__carousel__img__loc {
    max-width: 76rem;
}


.slide__carousel__img__loc img {
    width: 100%;
}

.swiper-eventos {
    height: 650px;
}

.swiper-slide {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-pagination {
    display: none;
}

.carousel-evento {
    position: relative;
    top: 2rem;
}

@media (max-width: 768px) {
    .slide__carousel__img__loc {
        max-width: 41.5rem;
    }
}

@media(max-width:1024px) {
    .slide__carousel__img__loc {
        max-width: 50rem;
    }



}

@media (max-width: 600px) {
    .history__content {
        position: relative;
        top: unset;
    }

    .slide__carousel__img__loc {
        max-width: 25rem;
        margin: 12rem 0 0;
    }

    .event {
        padding-bottom: unset;
    }

    .swiper {
        height: 300px;
    }

    .carousel-evento {
        margin-top: -10rem;
    }

    .event-title {
        margin-top: 0.125rem;
    }

    .event__header__subtitle {
        margin: 0;


    }

    .event__header__text {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 2rem 0 2rem;

    }
}

@media (max-width: 375px) {
    .slide__carousel__img__loc {
        max-width: 18rem;
    }
}



/* ------------------------------------------Nossos espaços */
.space {
    background-image: url(/images/fundoNossoEspaco.png?cdc87ff793cadb92156b99f22995cdac);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    margin: 0 auto;
    display: block;
    padding: 23.875rem 0 8.5rem 0;
}

.teste_luciano {
    background-color: black;
}

.spance__content {
    margin-top: 3.8rem;
}

.space__content__img__1 img {
    max-width: 500px;
    height: 400px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 17%;
}

.spance__itens__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.space__title {
    margin-top: -14rem;
}

.space__subtitle,
.space__subtitle_2 {
    width: 31.25rem;
    height: auto;
    margin: 1rem 0;

}

.space_indicators_button button {
    display: none;
}

.space__title__top {
    margin-bottom: 10rem;
}

@media(max-width:1024px) {
    .space__subtitle {
        width: 19.4375rem;
        height: 7.5rem;
        margin: 1rem 0;

    }

    .order-down {
        order: 1;
    }
}

@media (max-width: 600px) {

    .row.spance__content {
        text-align: center;
    }

    .space {
        padding: 6rem 0 8.5rem 0;
    }

    .space__title__top {
        position: relative;
        top: 2rem;
        text-align: center;
        display: block !important;
    }

    .space__subtitle {
        width: 24.4375rem;
        height: auto;
        /* margin: 8rem 0 2rem; */
    }

    .space__subtitle_2 {
        width: 24.4375rem;
        height: auto;
        /* margin: 1rem 0 8rem; */
    }

    .spance__content {
        margin-top: 0;
        display: flex;
        /* flex-direction: column-reverse; */
    }

    /* .space__title {
        margin: 8rem 0 0;
    } */

    .space__title {
        margin: 8rem 0 -7rem;
    }

    .spance__content__2 {
        display: flex;
    }


    .spance__itens__text {
        margin: 2rem 0 0 0;
    }

    .space__subtitle,
    .space__subtitle_2 {
        width: 20rem;


    }
}


/* -------------------------------------------------------------- difference*/

.difference-eventos {
    background-image: url(/images/fundoDiferenciais1440x1330.png?dd8467e300952efc8e59e3fd5578c535);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    margin: 0 auto;
    display: block;
    padding: 5.9375rem 0;
}

.difference__eventos__content {
    padding: 5rem 0 0;
}

.difference-eventos__title__top {
    margin-bottom: -0.24rem;
}

.diff__content__evento {
    width: 375px;
    /* margin: 0 auto; */
    position: relative;
    margin: 2.5rem 0 0;
}

.diff__content img {
    width: 100%;
}

.difference-eventos__title {
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}

.difference-eventos__subtitle {
    width: 18.4375rem;
    height: 7rem;
    position: absolute;
    text-align: center;
    bottom: -1rem;
    left: 50%;
    transform: translate(-50%, -50%);
}

.difference-eventos_icon {
    position: absolute;
    text-align: center;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 72px;
    height: 88px;
}

.diff__content__cards__center {
    margin-top: 2.5rem;
}

.differencer--contant {
    margin: 0 0 3.5rem;
}

.diff__btn__eventos {
    margin: 3.5rem 0 0;
}

@media(max-width:1024px) {
    .event__content {
        display: block;
        margin-top: 1.5rem;
        flex-wrap: wrap;
    }

}

@media (max-width: 600px) {
    .diff__content__cards__center {
        margin-top: unset;
    }


}