section.ban{
	min-height: 580px;
/* 	min-height: 805px; */
}

/* section.ban .container{
	padding: 0;
} */

section.ban .title,
section.ban .subtit{
/*     width: 295px; */
	width: 416px;
    margin-left: auto;
}

section.ban .title{
    color: var(--main);
}

section.ban .subtit{
	color: var(--white);
}

.gallery{
    background: url(../../assets/img/curvas-cinza.png);
	padding: 4rem 0 3rem;
/*     padding: 100px 0 136px; */
}

.gallery .options{
	display: flex;
    display: -webkit-flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	align-items:center;
	justify-content: center;
	-webkit-justify-content: center;
	grid-gap: 1rem;
	margin-bottom: 2rem;
}

.gallery .options>*{
	cursor: pointer;
	font-size: 16px;
	padding: .5rem 1rem;
}

.gallery .options>*.active{
	background-color: var(--black);
}

.gallery .row{
    grid-gap: 4rem 0;
	margin: 0 -28px;
/*     margin-top: 92px; */
}

.gallery .row>*{
    padding: 0 28px;
}

.gallery .img{
    display: block;
    display: -webkit-block;
    width: 100%;
    aspect-ratio: 1/1.08405;
}

.gallery .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    border-radius: 8px;
}

@media(max-width:992px){
    section.ban .container>img{
        inset: 0 auto auto 0;
    }
    section.ban{
        min-height: unset;
    }
    section.ban .container{
        padding: 0 70px;
    }
    section.ban::before{
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(to bottom,#0000006b,#0000006b) no-repeat center;
    }
    section.ban h1, 
    section.ban h2{
        position: relative;
    }
    section.ban .title,
    section.ban .subtit{
        color: var(--white);
        margin-left: 0;
    }
    .gallery{
        padding: 2rem 0;
    }
    .gallery .row{
        margin-top: 2rem;
    }
}

@media(max-width:768px){
    section.ban .container{
        padding: 0 20px;
    }
	.gallery .row{
		grid-gap: 1rem;
		margin: 0 -12px;
	}
	.gallery .row>*{
		padding: 0 12px;
	}
}