.portfolio-bg {background: var(--branco); position: relative; z-index: var(--z-meio); border-radius: var(--border-radius-bottom); padding: var(--padding-section); margin-top: -80px;}
.portfolio .portfolio-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 60px 20px; }
.portfolio-list .portfolio-item { display: flex;flex-direction: column-reverse;align-items: center; }
.portfolio-list .slide {width: 100%;max-width: 540px; margin: 0 auto;}
.portfolio-list .slide img {width: 100%;height: auto;display: block;border-radius: var(--radius-s);}
.portfolio-list .splide__slide {width: 100%;height: 100%;}
.portfolio-list .splide__arrows {display: flex; position: absolute; right: 25px; bottom: 20px}
.portfolio-list .splide__arrow {position: static; background: var(--cinza-claro); transition: .4s ease; opacity: 1; border-radius: 0; width: 36px; height: 36px;}
.portfolio-list .splide__arrow svg {fill: var(--cor1); transition: .4s ease;} 
.portfolio-list .splide__arrow--next {border-radius: 0 var(--radius-xl) var(--radius-xl) 0;}
.portfolio-list .splide__arrow--prev {border-radius: var(--radius-xl) 0 0 var(--radius-xl);}
.portfolio-list .splide__arrow:hover {background: var(--cor1); color: #fff;}
.portfolio-list .splide__arrow:hover svg {fill: #fff;}

.portfolio .titulo {font: var(--font-texto); color: var(--cor-fonte); margin: var(--margin-section);}
.portfolio-item .nome {font: var(--font-destaque); color: var(--cor-fonte-2); text-transform: uppercase; margin-bottom: 10px;}

@media(max-width: 990px){ 
    .portfolio .portfolio-list {grid-template-columns: 1fr;}
    .portfolio-list .splide__arrows {right: 130px;}
    .portfolio .titulo {margin: 40px 0 20px;}
}

@media(max-width: 768px){
    .portfolio-list .splide__arrows {right: 90px;}
}

@media(max-width: 600px){
    .portfolio-list .splide__arrows {right: 5%;}
}