.obras-parent{display: flex;flex-direction: column;gap: 70px;margin: 50px 0 78px 0 ;width: 100%;}
.obras-parent .splide.slider-obras{max-width:  536px;width: 536px;}
.obras-parent .splide.slider-obras::before{content: "";position: absolute;right: -22px;top: -22px;width: 64px;height: 64px;background-color: #FFDD00;z-index: -1;}
.obras-parent .obra{display: flex;flex-direction: row;gap: 60px;}
.obras-parent .obra:nth-child(even){flex-direction: row-reverse;}
.obras-parent .obra .slide-obra{max-width: fit-content;}
.obras-parent .obra .slide-obra .img-container{position: relative;width: fit-content;}
.obras-parent .obra .slide-obra .img-container img{width: 536px;height: 402px;object-fit: contain;}
.obras-parent .obra .botoes{display: flex;flex-direction: row;position: absolute;left: 100%;bottom: 0;transform: translate(-50%,0);}
.obras-parent .obra.impar .botoes{left: 0;}
.obras-parent .obra .botoes button{display: flex;justify-content: center;align-items: center;height: 58px;width: 58px;transition: 0.4s;}
.obras-parent .obra .botoes button img{height: 20px;width: 20px;}
.obras-parent .obra .botoes button:hover img{height: 30px;width: 30px;}
.obras-parent .obra .botoes .prev{background-color: #2E2C2C;}
.obras-parent .obra .botoes .next{background-color: #FFDD00;}
.obras-parent .obra .texto{display: flex;flex-direction: column;}
.obras-parent .obra .texto p{font: 38px montserrat-extrabold;line-height: 44px;color: #585858;}
.obras-parent .obra .local p {font: 17px montserrat-bold;line-height: 40px;color: #585858;}
.obras-parent .obra .descricao p{padding: 35px 0;font: 15px montserrat-regular;line-height: 24px;color: #6B6B6B;}
.paginacao{display: flex;flex-direction: row;justify-content: center;align-items: center;width: 100%;gap: 18px;}
.paginacao .nav-container{display: flex;justify-content: center;align-items: center;width: 60px;height: 60px;transition: 0.3s;}
.paginacao .nav-container.voltar img, .paginacao .nav-container.proxima img{width: 20px;height: 20px;}
.paginacao .nav-container.voltar img:hover, .paginacao .nav-container.proxima img:hover{width: 30px;height: 30px;}
.paginacao .nav-container.pag{background-color: #2E2C2C;font: 33px montserrat-extrabold;line-height: 37px;color: #fff;}
.paginacao .nav-container.pag:hover{background-color: #FFDD00;color: #2E2C2C;}
.paginacao .nav-container.pag.pag-ativo{background-color: #FFDD00;color: #2E2C2C;}

@media (max-width: 990px) {

    .obras-parent{gap: 30px;}
    .obras-parent .obra{gap: 20px;}
    .obras-parent .obra.par{flex-direction: column-reverse;}
    .obras-parent .obra.impar{flex-direction: column-reverse;}
    .obras-parent .obra.impar .botoes{left: 100%;}
    .obras-parent .obra .slide-obra .img-container img {aspect-ratio: 536 / 364;max-width: 536px;width: 100%;height: auto;}
    .obras-parent .obra .descricao p{padding: 5px 0;}
}
@media (max-width: 620px) {
    .obras-parent .splide.slider-obras{max-width: 100%;}
    .obras-parent .obra .botoes{left: calc(100% - 58px) !important;}
 
}
@media (max-width: 570px) {
    .obras-parent .obra .texto .titulo p {font-size: 32px;line-height: 40px;text-align: center;}
    .obras-parent .obra .local p {font-size: 15px;line-height: 30px;}
    .obras-parent .splide.slider-obras::before{display: none;}
}