section.portfolio .setas .seta {background-color: var(--branco);}
section.portfolio .setas .seta .cls-1 {fill: var(--azul);}

section.portfolio .btns {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; padding: 2%; width: 45px; height: 45px; background-color: var(--branco); position: absolute; transition: 0.4s; top: 15px; right: 0; overflow: hidden; border-radius: 100px;}
section.portfolio .btns:hover {cursor: pointer;}

section.portfolio.open {background-color: #0f2b4673; z-index: 10000;}
section.portfolio.open .conteudo-1140 {display: block; bottom: 0; transform: scale(1);}
section.portfolio.open .btns.out {right: 15px; padding: 1.5%;}
section.portfolio .btns.out {right: -50%;}
section.portfolio .btns.in {display: none}
section.portfolio .conteudo-1140 {position: relative; bottom: -100vh; transition: 0.4s; transform: scale(0);}

section.portfolio .btns .rec {width: 100%; height: 4px; background: var(--vermelho); position: absolute; max-width: 20px; border-radius: 100px;}
section.portfolio .btns .rec.y {transform: rotate(45deg);}
section.portfolio .btns .rec.x {transform: rotate(-45deg);}

section.portfolio {position: fixed; top: 0; height: 0; background-color: rgba(255, 255, 255, 0); height: 100vh; width: 100vw; display: grid; place-content: center; place-items: center; z-index: 10000; transition: 0.4s; z-index: -1000;}
section.portfolio .conteudo-1140 {max-height: 90vh;}

section.portfolio .galeria { height: 100%; max-height: 80vh; max-width: 1140px; margin: 0 auto;}
section.portfolio .galeria .imagem {width: 100%; height: 100%; display: grid; place-items: center; place-content: center; background: #000; }
section.portfolio .galeria img {width: fit-content; height: 100%; object-fit: contain; max-height: 80vh;}

@media (max-width:990px){
    section.portfolio .galeria {max-width: 80%;}
    section.portfolio .btns.out {display: none;}
    section.portfolio .galeria .btns.in {display: flex; z-index: 1000; top: -20px; right: -20px;}
}
@media (max-width:860px){
    section.portfolio .galeria img {width: 100%;}
    section.portfolio .galeria {max-width: 60%;}
}
@media (max-width:650px){
    section.portfolio .galeria img {width: 100%;}
    section.portfolio .galeria {max-width: 40%;}
}
@media (max-width:430px){
    section.portfolio .galeria img {width: 100%;}
    section.portfolio .galeria {max-width: 35%;}
}
@media (max-width:370px){
    section.portfolio .galeria img {width: 100%;}
    section.portfolio .galeria {max-width: 30%;}
}
@media (max-width:320px){
    section.portfolio .galeria img {width: 100%;}
    section.portfolio .galeria {max-width: 25%;}
}