.top{
    position: relative;
    overflow: hidden;
    background: url(../../assets/img/atutopbg.png) no-repeat center/cover;
/*     padding: 130px 0 179px; */
	padding: 4rem 0;
}

.top .row{
    grid-gap: 2rem 0;
}

.top .img{
    position: absolute;
    z-index: 1;
    inset: 0 auto auto 0;
    width: 26.66666vw;
    height: 100%;
}

.top .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: right center;
    -o-object-position: right center;
}

.top .sectitle{
    font-size: 65px;
    line-height: 1;
}

.top .sectitle>*:last-child:not(:first-child){
    transform: translateX(12%);
    -webkit-transform: translateX(12%);
    -moz-transform: translateX(12%);
    -ms-transform: translateX(12%);
    -o-transform: translateX(12%);
}

.sectors{
    overflow: hidden;
    background: url(../../assets/img/setores-atendidos-bg.png) no-repeat top left;
    padding: 47px 0 38px;
}

.sectors .row{
    grid-gap: clamp(2rem,6.25vw,120px) 0;
}

.sectors .row>*{
    padding: 0 4.06rem;
/* 	padding: 0 3.06rem; */
}

.sectors .box .img{
    position: relative;
	z-index: 2;
    width: 100%;
    aspect-ratio: 1/1.56176;
    box-shadow: 0 8px 30px #00000066;
}

.sectors .box .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

.sectors .box .img .title{
    position: absolute;
    inset: auto auto 0 0;
    width: 100%;
    color: var(--white);
    line-height: 1.11;
    background: url(../../assets/img/setores-titulo-bg.svg) no-repeat right center/auto 100%,var(--btn);
    padding: 14px;
}

.sectors .box .img .title p{
    /* width: 144px; */
    width: 170px;
    max-width: 100%;
}

.sectors .box .text{
    line-height: 1.33;
    margin-top: 19px;
    padding-left: 14px;
}

.sectors .sectitle{
    width: 246px;
/*     margin-left: clamp(1rem,7.08vw,136px); */
}

.sectors .text.fx{
    position: relative;
    z-index: 1;
    color: var(--white);
    margin-top: 12px;
/*     padding: 29px 0 34px clamp(5rem,6.71875vw,129px); */
	padding: 29px 0 34px;
}

.sectors .text.fx::before{
    content: '';
    position: absolute;
    z-index: -1;
/*     inset: 0 auto auto 0; */
	inset: 0 auto auto -7vw;
    width: 64.79166vw;
    height: 100%;
    /* background-color: var(--line); */
    mask: url(../../assets/img/wcumask.svg) no-repeat top left/cover;
    -webkit-mask: url(../../assets/img/wcumask.svg) no-repeat top left/cover;
}

@media(max-width:1400px){
    .sectors .text.fx::before{
        inset: 0 auto auto -10vw;
    }
}

@media(max-width:1200px){
    .sectors .row>*{
        padding: 0 2.03rem;
    }
}

@media(max-width:992px){
    .top,
    .sectors{
        padding: 2rem 0;
    }
    .sectors .row{
        grid-gap: 2rem 0;
    }
    .sectors .row>*:has(.sectitle){
        display: flex;
        display: -webkit-flex;
        align-items: center;
        grid-gap: 24px;
        padding: 0 12px;
    }
    .sectors .sectitle{
        margin-left: 0;
    }
    .sectors .text.fx{
        padding: 2rem 0 2rem 2rem;
    }
    .sectors .text.fx::before{
        width: 70vw;
        mask: unset;
        -webkit-mask: unset;
    }
}

@media(max-width:768px){
    .sectors .row>*{
        padding: 0 12px;
    }
    .sectors .row>*:has(.sectitle){
        flex-direction: column;
        -ms-flex-direction: column;
    }
    .sectors .sectitle{
        width: 100%;
    }
    .sectors .text.fx{
        width: 100%;
        background-color: var(--line);
        margin-top: 0;
        padding: 1rem;
    }
    .sectors .text.fx::before{
        display: none;
        display: -webkit-none;
    }
}

@media(max-width:575px){

}