main, body {

    overflow-x: hidden;

}

p.MsoNormal {
    line-height: 25px !important;
    margin-bottom: 3rem;
    color: black !important;
    /* top: -5rem; */
}

.row {
    display: flex;
}

section.content-section {

    background-color: white !important;

}

.img-quem-somos {
    top: -7.3rem;
}

@media only screen and (max-width: 844px) and (max-height: 844px){
    .section.title {
        left: -3% !important;
    }

    .img-quem-somos {
        top: -2rem !important;
    }
}


.consu.img-quem-somos {
    top: -7.3rem;
    /* margin-bottom: -100px; */
}

p.consu {
    /* top: -7.3rem */
}

.cepe.img-quem-somos {
    top: -7.3rem;
}

p.cepe {
    /* top: -7.3rem */
}

p.black-text {
    color: black;
    /* top: -9rem; */
    font-weight: bold;
    font-size: 19px;
    font-style: italic;
}

h2.black-text {
    color: black;
    font-weight: bold;
    font-size: 30px;
    font-style: italic;
}


div.container-lg.section-limited {
    max-width: 800px;
}


.col-md-4.blue-container {
    background-color: #1a69b4;
    text-align: center;
    /* padding: 0 5px 0 5px; */
    box-sizing: border-box;
    border: 6px solid transparent;
    background-clip:padding-box;
    /* padding-bottom: 28vw; */
    height: 20.92vw;
    width: 18.328vw;
}

h1.ffriends {
    font-family: 'Lato', sans-serif !important;
    font-weight: 1000;
    font-size: 1.4rem;
    top: 5px;
}
@media only screen and (min-width: 992px) {
    p.unifai-history{
        margin-top: -100px !important;
    }
}
p.unifai-history {
    color: black !important;
    line-height: 25px;
}

@media only screen and (max-width: 767px) {
    .container-lg.container-section-quemsomos {
        padding: 0px;
    }
}
@media only screen and (min-width:1400px) {
p.fai-contents {

    text-align: left;
    padding: 4rem;
    font-size: 0.88rem;
    padding-top: 1.8vh;
    padding-left: 3vh;
    padding-bottom: 1vh;
}
}


p.fai-contents {
    text-align: left;
    padding: 2rem;
    font-size: 0.88rem;
    padding-top: 1.8vh;
    padding-left: 3vh;
    padding-bottom: 1vh;
}

@media only screen and (max-width:1350px) {
    p.fai-contents {
        text-align: left;
        padding: 2rem;
        font-size: 0.82rem;
        padding-top: 1.8vh;
        padding-left: 3vh;
        padding-bottom: 1vh;
    }
}



div.row.justify-center {
    justify-content: center;
}

b.bolder {
    font-weight: 1000 !important;
}

.col-md-4.orange-container {
    background-color: #ff7f00;
    text-align: center;
    /* padding: 0 5px 0 5px; */
    box-sizing: border-box;
    border: 6px solid transparent;
    background-clip:padding-box;
    /* padding-bottom: 28vw; */
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    min-height: 4.8rem;
    /* width: 18.4vw; */
    padding: 10px;
}

.col-md-4.orange-container:hover {
    filter: brightness(0.8);
    cursor: pointer;
}

@media only screen and (max-width:1842px) {


    .col-md-4.orange-container {
        background-color: #ff7f00;
        text-align: center;
        /* padding: 0 5px 0 5px; */
        box-sizing: border-box;
        border: 6px solid transparent;
        background-clip:padding-box;
        /* padding-bottom: 28vw; */
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        min-height: auto;
        /* width:21vw; */
    }

    .col-md-4.blue-container {
        background-color: #1a69b4;
        text-align: center;
        /* padding: 0 5px 0 5px; */
        box-sizing: border-box;
        border: 6px solid transparent;
        background-clip:padding-box;
        /* padding-bottom: 28vw; */
        height: auto;
        width: 21vw;
    }
    
    
}

@media only screen and (max-width:1314px) {

    .col-md-4.orange-container {
        /* width:22vw; */
    }

    .col-md-4.blue-container {
        width: 22vw;
    }

}

@media only screen and (max-width:1248px) {

    .col-md-4.orange-container {
        /* width:23vw; */
    }

    .col-md-4.blue-container {
        /* width: 23vw; */
    }

}

@media only screen and (max-width:1200px) {

    .col-md-4.orange-container {
        /* width:24vw; */
    }

    .col-md-4.blue-container {
        /* width: 24vw; */
    }

}

@media only screen and (max-width:1150px) {

    .col-md-4.orange-container {
        /* width:25vw; */
    }

    .col-md-4.blue-container {
        /* width: 25vw; */
    }

}

@media only screen and (max-width:1104px) {

    .col-md-4.orange-container {
        /* width:26vw; */
    }

    .col-md-4.blue-container {
        /* width: 26vw; */
    }

}

@media only screen and (max-width:1061px) {

    .col-md-4.orange-container {
        /* width:27vw; */
    }

    .col-md-4.blue-container {
        /* width: 27vw; */
    }

}

@media only screen and (max-width:1022px) {

    .col-md-4.orange-container {
        /* width:28vw; */
    }

    .col-md-4.blue-container {
        /* width: 28vw; */
    }

}

@media only screen and (max-width:992px) {

    h1.ffriends {
        font-size: 1.4rem;
    }

    p.fai-contents {
        text-align: left;
        font-size: 0.85rem;
        text-align-last: center;
    }

    
    .col-md-4.orange-container {
        /* width:22.91vw;
        height: 25.65vw; */
    }

    .col-md-4.blue-container {
        width:100vw;
        /* height: 25.65vw; */
    }


}

@media only screen and (max-width: 768px) {
    .col-md-4.orange-container {
        margin-left: auto;
        margin-right: auto;
        margin: auto;
        width: 80vw;
        /* height: 8vw; */
    }

}

@media all and (device-width: 912px) and (device-height: 1368px) and (orientation:portrait) {

    .col-md-4.orange-container {
        margin-left: auto;
        margin-right: auto;
        margin: auto;
        width: 80vw;
        height: 8vw;
    }

}


div.container-md.left-content {
    width: 55vw;
}

@media screen and (min-width:1692px) {
    .col-lg-4.orange-container {
        width: 39.66666667%;
    }
}



.black-end {
    background-color: var(--body-color);
    /* margin-bottom: -10vw !important; */

}

.container.lost-top {
    top: -3vw;
}

.container-lg.section-ending {
    padding-bottom: 10rem;
}

h1.meet-unifai {
    font-size: 25.6px;
    /* margin-left: 7vw; */
    /* position:sticky; */
    /* margin-right: auto; */
}

@media only screen and (max-width:1552px) {
    .team-image {
        width: 7.2rem !important;
        height: 7.2rem !important;
    }

    .team-box h4.name {
        font-size: 1rem !important;
    }
}

@media only screen and (max-width:805px) {
    h1.meet-unifai {
        /* text-align-last: center; */
        text-align: left;
    }
}


.eventos::before {
    content: "";
    width: 100%;
    height: 60%;
    position: absolute;
    bottom: 0;
    left: 0;

    /* background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); */
}

/* .eventos::after {
    content: "Ver +";
    color: var(--body-color);
    background-color: var(--color-three);
    font-weight: 600;
    font-size: 1.2rem;

    display: flex;
    align-items: center;
    justify-content: center;

    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;

    opacity: 0;
    transition: opacity 0.3s;
}

.eventos:hover {
    transform: translateY(0.4rem);
}

.eventos:hover::after {
    opacity: 1;
} */


.eventos::after {
    content: "";
    color: #ffffff;
    background-color: #d91c5c;
    font-weight: 600;
    font-size: 1.2rem;

    display: flex;
    align-items: center;
    justify-content: center;

    position: absolute;
    width: 108%;
    height: 15vw;
    z-index: 3;

    opacity: 0;
    transition: opacity 0.3s;
}

.eventos:hover {
    background-color: #d91c5c;
    filter: brightness(0.8);
}

.eventos:hover::after {
    opacity: 1;
}

.eventos img {
    height: 110%;
}

.eventos:hover h4 {
    z-index: 999;
    display: block;
}

.eventos img {
    height: 9vw;
    width: 9vw;
    /* padding: 1rem; */
    border-radius: 50%;
}

.eventos h4 {
    position: absolute;
    top: 0;
    /* padding: 4.5rem; */
    padding-top: 6rem;
    margin-top: 1rem;
    left: 50%;
    transform: translateX(-50%);
    color: var(--text-color);
    font-size: 1.25rem;
    font-weight: 400;
    width: 100%;
    display: none;
    font-family: 'Lato', sans-serif !important;
    font-weight: 1000;
    text-transform: uppercase;
    transition: 1s;
}

.eventos span {
    text-decoration: none !important;
    text-transform: capitalize;
}
.eventos {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 15vw;
    width: 108%;
    border-right: 0.5rem solid transparent;
    position: relative;
    padding: 0px !important;

    margin-bottom: 2;

    transition: transform 0.3s;
    background-color: #d91c5c;
    border-bottom: 10px solid transparent;
    background-clip: padding-box;
    display: flex;
    flex-direction: column-reverse;
}

.up {
    top: -1rem;
}

.col-md-4.orange-container.mobile {
    display: none;
    background-color: #1a69b4;
}

.container-md.conheca-unifai.mobile {
    display: none;
}

a.eventos.labs-mobile {
    display: none;
}

@media only screen and (min-width:1400px) {
    .container-md.conheca-unifai {
        display: block;
    }

}

@media only screen and (max-width:1400px) {
    .container.lost-top {
        /* top: -17vw; */
    }
    .eventos {
        justify-content: end;
    }

    .up {
        top: -2rem;
    }

    .up-text {
        top: -1rem;
    }

    .eventos h4.hort-ajust {
        padding-top: 2rem !important;
    }

    .eventos h4 {
        padding-top: 4rem;
    }

}

@media only screen and (max-width:1300px) {
    .eventos {
        height: 16vw;
    }
}

@media only screen and (max-width:1200px) {
    .container.lost-top {
        /* top: -18vw; */
    }

    .eventos {
        height: 17vw;
    }

    .eventos::after {
        height: 17rem;
    }

    


}


@media only screen and (max-width:1060px) {
    .eventos {
        height: 18vw;
    }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {

    .eventos {
    border-right: 40px solid transparent;
    height: 12rem;
    }

}


@media only screen and (max-width:992px) {
    .container.lost-top {
        /* top: -25vw; */
        /* border: solid #282828; */
    }

    .eventos {
        width: 114%;
        border-right: 0rem;

    }

    h7.title-estructure {
        font-size: 1.2rem !important;
    }
}

@media only screen and (max-width:860px) {

    .eventos h4 {
        padding-top: 3rem;
    }

}

@media only screen and (max-width:838px) {

   .eventos {
    height: 19vw;
   }

}

@media only screen and (max-width: 768px) {
    .container.lost-top.desktop {
        /* display: none; */
    }

   .col-md-4.orange-container.mobile {
        display: block;
        top: -8vw;
    }

    .col-md-4.orange-container {

        top: -8vw;
    }

    .container-md.conheca-unifai {
        display: none;
    }

    .container-md.conheca-unifai.mobile {
        display: flex;
    }

    .eventos {
        width: 125%;
        border-right: 25px solid transparent;
        height: 13rem;
    }

    .eventos h4.mobile-ajust {
        padding-top: 4rem !important;
    }

    .eventos h4 {
        padding-top: 2rem;
    }

    
    h7.title-estructure {
        font-size: 1.2rem !important;
    }

    .up {
        top: -1.5rem;
    }

    .col-md-2.unifai-estructure {
        width: 33.333333333% !important;
    }

    .eventos img {
        height: 15vw;
        width: 16vw;
    }

    .up-text {
        top: -0.6rem;
    }

    .black-end {
        top: 3vw;
    }

    
}

@media only screen and (max-width:710px) {
.eventos img {

    height: 20vw;
    width: 21vw;

}

}

@media only screen and (max-width:560px) {
    .col-md-4.orange-container.mobile {
        top: -12vw;
    }

    .col-md-4.orange-container {

        top: -12vw;
    }

    .eventos img {

        height: 24vw;
        width: 25vw;
    
    }
}

@media only screen and (max-width:486px) {
    .col-md-4.orange-container.mobile {
        top: -18vw;
    }

    .col-md-4.orange-container {

        top: -18vw;
    }

    .col-md-2.unifai-estructure {
        width: 50% !important;
    }

    .col-md-2.unifai-estructure.labs {
        display: none;
    }
    
    a.eventos.labs-mobile {
        display: flex;
    }

    .eventos {
        border-right: 35px solid transparent;
    }

    .black-end {
       /* border: 10px solid #282828; */
       top: 2vw;
    }

}

@media only screen and (max-width:400px) {
    .col-md-4.orange-container.mobile {
        top: -30vw;
    }

    .col-md-4.orange-container {

        top: -30vw;
    }

    .eventos {
        border-right: 20px solid transparent;
    }
}



h7.title-estructure {
    font-size: 1.5rem;
    /* top: -1rem; */
    font-weight: 1000;
}

.row.row-footer {

    justify-content: left !important;

}

.col-md-2.unifai-estructure {

    width: 20%;

}

p.publications {
    font-weight: 1000;
    color: black;
    font-size: 20px;
}

p.publications a {
    color: black !important;
    font-weight: lighter;
    font-size: 16px;
}



.black-text-non-bold {
    color: black;
    /* top: -9rem; */
    /* font-weight: bold; */
    font-size: 19px;
    font-style: italic;
}


h2 {
    margin-bottom: 2.4rem;
    font-size: 2.8rem;
}

.team-banner .container-fluid {
    padding: 0;
}

.team-banner .row {
    background-image: url("/novo-portal/resources/view/assets/images/team/team.jpg");

    min-height: 500px;

    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    margin-bottom: 7.2rem;
    padding: 3.2rem 3.2rem;
    position: relative;

    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.team-content h2 {
    font-family: 'Clarika', sans-serif !important;
    /* font-weight: 800; */
}

.team-content h2 span {
    text-decoration: none !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 37px !important;
    font-weight: 700;
}

.team-banner h2 {
    font-weight: 300;
    display: inline-block;
    background-color: #0049a6;
    padding: 0.64rem 1.6rem;
    /* font-family: 'Lato', sans-serif !important; */
    font-weight: 1000;

}

.team-banner p {
    font-size: 1.2rem;
}

.team-banner .row::before {
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--body-color);
    opacity: 0.7;

    z-index: -1;
}

.team-content .row > * {
    margin-bottom: 0.5rem;
}

.proens {margin-top: 3rem;}


.proens,
.proext,
.proppg,
.diretorias {
    margin-bottom: 3rem;
}

.team-content .gestores .row > * {
    margin-bottom: 0px !important;
}

.team-box.gestores {
    padding: 3.2rem;
}

.team-box {
    padding: 1.2rem 0.5rem 0rem 0.5rem;

    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;

    border: 2px solid var(--body-color-light);
    -webkit-box-shadow: 0px 0px 23px 6px rgba(0,0,0,0.2); 
    box-shadow: 0px 0px 23px 6px rgba(0,0,0,0.2);
    background-color: #d31e55;
    height: 100%;

    position: relative;
}

.diretorias .team-box {
    padding: 2rem  1.2rem 1.5rem 1.2rem;
} 

.team-box.alt-1 {
    background-color: #0046a6;
    border: none;
}

.team-box.alt-1 .row {
    align-items: center;
}

.team-box.alt-2 {
    background-image: linear-gradient( var(--body-color), #321c0e);
    border-color: #fe6c00;
}

.proext .team-box.alt-2 {
    background-image: linear-gradient( var(--body-color), #122536);
    border-color: #0757a0;
}

.proppg .team-box.alt-2 {
    background-image: linear-gradient( var(--body-color), #092e1c);
    border-color: #007936;
}

.team-box.alt-3 .team-image::before {
    content: "";
    position: absolute;
    top: 3.2rem;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--color-two);

    width: 4rem;
    height: 4rem;
    border-radius: 999px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.team-box.alt-3 .team-image#juridico::before {
    content: "\f24e";
    color: white;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.team-box.alt-3 .team-image#financeiro::before {
    content: "\f53d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.team-box.alt-3 .team-image#administrativo::before {
    content: "\f7d9";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.team-box.alt-3 .team-image#comunicacao::before {
    content: "\f0a1";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.team-box.alt-3 .team-image#cientifica::before {
    content: "\f610";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.team-box.alt-3 .team-image#projetos::before {
    content: "\f542";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
/* 
.team-box .team-info {
    margin-top: 1.6rem;
} */

.team-box.alt-1 .team-info {
    text-align: left;
}


.team-box.gestores h5 {
    font-size: 1.1rem;
}

.team-box h5 {

    display: block;
    height: auto;
    padding: 0.52rem 0.84rem;
    font-size: 1rem;
    font-family: 'Lato', sans-serif !important;
    display: inline-block;
    font-weight: 400;
    text-align: left;
}

.team-box:hover {
    /* transform: translateY(0.4rem);
    transition: transform 0.3s; */
}

.team-box::after {
    content: "Ver +";
    margin-top: -1.2rem;
    color: white;
    background-color: #9e0b38;
    font-weight: 600;
    font-size: 1.2rem;

    display: flex;
    align-items: center;
    justify-content: center;

    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100;
    cursor: pointer;

    opacity: 0;
    transition: opacity 0.3s;
}

.team-box:hover::after {
    opacity: 1;
}


.team-box.gestores h4 {
    font-size: 1.7rem !important; 
    min-height: auto;
    margin-top: 0px;
}

.coordenadorias h2 {
    margin-bottom: 0px;
    font-size: 2rem;
}

.team-box h4 {
    margin-top: 0rem;
    min-height: 5rem;
    font-size: 1.5rem !important;
    font-family: 'Clarika', sans-serif !important;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.team-box.alt-1 h5 {
    background-color: white;
    color: #0046a6;
}

.row .gestores .team-image {
    width: 16rem;
    height: 16rem;
    overflow: hidden;
    border-radius: 999px;  
}

.team-image {
    width: 9rem;
    height: 9rem;
    overflow: hidden;
    border-radius: 999px;
}

.team-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.titulo-cipa-center {
    text-align: center;
}

.divisor {
    border-right: 7px solid white;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);

}

.explicacao {
    background-image: none !important;
}

@media only screen and (max-width:1200px) {
    .team-box.gestores h4 {
        margin-top: 1.5rem;
    }

    .gestores .team-image img {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .team-box.alt-1 h5 {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .gestores .team-info {text-align: center !important;}
}


.row>* {

    padding-right: calc(0.5rem * .5);
    padding-left: calc(0.5rem * .5);
    margin-top: 0px;
}

/*Declaração inicial*/

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
}

/*Medias queries */

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
/*Declaração inicial*/

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
}

/*Medias queries */

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
@media screen and (max-width:768px) {
    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    div.container-md.left-content {
        width: auto;
    }

    .team-box {
        border: none;
    }

    .team-image {
        width: 6.2rem !important;
        height: 6.2rem !important;
    }

}