.diretoria {
    position: relative;
}

.diretoria::before {
    content: '';
    position: absolute;
    top: -3.13rem;
    z-index: -2;
    width: 100%;
    height: 3.13rem;
    background: linear-gradient(to right, #e5e5e5 0%, #e6e6e6 50%, #e6e6e6 100%);
}

.diretoria>*:first-child,
.diretoria>*:nth-child(3n+1) {
	/* padding: 5.06rem 0 7.66rem; */
	padding: 2rem 0;
    background: url(../../assets/img/dirsbg1.svg) no-repeat 0 -3.13rem, url(../../assets/img/dirsbg2.svg) no-repeat 0 calc(100% - 5.2rem);
}

.diretoria>*:nth-child(3n+2) {
    position: relative;
	/* padding: 8.8rem 0 5.53rem; */
	padding: 2rem 0;
    background: url(../../assets/img/dirsbg3.svg) no-repeat bottom left, url(../../assets/img/histbg.svg) repeat center;
    background-color: var(--grey);
}

.diretoria>*:nth-child(3n+2)::before,
.diretoria>*:nth-child(3n+2)::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 96px;
    background: url(../../assets/img/histfx.svg)no-repeat center;
}

.diretoria>*:nth-child(3n+2)::before {
    top: -3.53rem;
}

.diretoria>*:nth-child(3n+2)::after {
    bottom: -3.53rem;
}

.diretoria>*:nth-child(3n+3) {
	/* padding: 7.2rem 0 6.86rem; */
	padding: 2rem 0;
    background: url(../../assets/img/histbg2.svg)no-repeat bottom right;
}

.diretoria>* .box {
    max-width: 380px;
}

.diretoria>* .box .img {
    position: relative;
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
}

.diretoria>* .box .img::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px 5px 0px 5px;
    background: linear-gradient(to bottom, #00000000 75.74%, #00000059 87.42%);
}

.diretoria>* .box .img>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    border-radius: 5px 5px 0 5px;
}

.diretoria>* .row>*:first-child .img>img {
    border-top-left-radius: 50px;
}

.diretoria>* .row>*:last-child .img>img {
    border-top-right-radius: 50px;
}

.diretoria>* .box .img .df {
    position: absolute;
    left: -17px;
    bottom: -22px;
    display: flex;
    align-items: center;
    gap: 7px;
}

.diretoria>* .box .img .custom-logo-link {
    display: flex;
    align-items: start;
    justify-content: end;
    width: 76px;
    aspect-ratio: 1/1;
    background-color: var(--green);
    border-radius: 50%;
    padding: 26px 6px 0 0;
}

.diretoria>* .box .img .custom-logo-link img {
    max-width: 52px;
    filter: brightness(0) invert(1);
}

.diretoria>* .box .img .func {
    color: var(--white);
    font-size: 20px;
    font-variation-settings: "wght" 700;
    line-height: 27px;
    letter-spacing: -0.6px;
    margin-bottom: 1rem;
}

.diretoria>* .box .bottom {
    position: relative;
    padding: 20px 86px 18px 0;
}

.diretoria>* .box .bottom .icon {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 88px;
    aspect-ratio: 1/1;
    background-color: var(--main);
    border-radius: 0 0 15px 15px;
}

.diretoria>* .box .bottom .icon img {
    max-width: 79px;
    max-height: 61px;
}

.diretoria>* .box .bottom .name {
    color: var(--main);
    font-size: 22px;
    font-variation-settings: "wght" 700;
    line-height: 30px;
    letter-spacing: -0.66px;
    padding-bottom: 20px;
    border-bottom: 1px dashed var(--line);
}


/* MEDIA QUERIES */

@media(max-width:992px) {
    .diretoria>*:nth-child(3n+2),
    .diretoria>*:nth-child(3n+1) {
        padding: 2rem 0;
    }
    .diretoria>*:first-child {
        padding: 2rem 0 4rem;
    }
    .diretoria>*:nth-child(3n+3) {
        padding: 4rem 0 2rem;
    }
    .diretoria>* .row {
        gap: 2rem 0;
    }
    .diretoria>* .row>* {
        display: flex;
        justify-content: center;
    }
}

@media(max-width: 768px) {
    .diretoria>* .box .bottom .name {
        padding-bottom: 0;
        border-bottom: none;
    }
}


/* MEDIA QUERIES ! */