#equipa{
    margin: 0;
    padding: 0;
}

#direcao {
    position: relative;
    width: 100%;
    height: 320px;
    background-image: linear-gradient(to bottom, #0A2234, #0f2d4c00), url(../img/background_inicio_homepage.png);
    z-index: -1;
    background-size: cover;
    background-repeat: no-repeat;
    padding-left: 100px;
    padding-top: 80px;
}

/* variação branco-azul do título */

.departamento {
    position: relative;
    z-index: 1;
    color: #fff;
    font-size: 40px;
    font-family: 'Oswald', sans-serif;
    font-size: 40px;
    font-weight: bold;
    max-height: 25px;
}

.departamento2 {
    position: relative;
    z-index: 1;
    color: #1F4D6D;
    font-size: 40px;
    font-family: 'Oswald', sans-serif;
    font-size: 40px;
    font-weight: bold;
    max-height: 25px;
}

/* - - - - - - - - - - - - - - - - -  */

.separador {
    height: 20px;
    background-color: #739EBE;
}

.equipa {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.equipa .teamPhoto {
    margin-top: 0px;
    position: relative;
    width: 25%;
    height: 400px;
    background-color: #C23306;
    /*background-image: url('team_photo.jpg');*/
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0;
}

.teamPhoto.sa{
    background-image: url('../img/equipa/25-26/sa.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.teamPhoto.informatica{
    background-image: url('../img/equipa/25-26/info.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.teamPhoto.academica{
    background-image: url('../img/equipa/25-26/ac.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.teamPhoto.ludica{
    background-image: url('../img/equipa/25-26/ld.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.teamPhoto.comunicacao{
    background-image: url('../img/equipa/25-26/ci.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.teamPhoto.re{
    background-image: url('../img/equipa/25-26/re.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.teamPhoto.CF{
    background-image: url('../img/equipa/25-26/cf.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.teamPhoto.presidencia{
    background-image: url('../img/equipa/25-26/presi.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.teamPhoto.MAG{
    background-image: url('../img/equipa/25-26/mag.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


#presidencia .lyanagodinho{
    background-image: url('../img/equipa/25-26/lyanagodinho.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#presidencia .contancamourao{
    background-image: url('../img/equipa/25-26/constancamourao.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#presidencia .leticiasilva{
    background-image: url('../img/equipa/25-26/leticiasilva.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#presidencia .madalenamestre{
    background-image: url('../img/equipa/25-26/madalenamestre.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#academica .carolinamendonca{
    background-image: url('../img/equipa/25-26/carolinamendonca.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#academica .davidrodrigues{
    background-image: url('../img/equipa/25-26/davidrodrigues.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#academica .catarinasequeira{
    background-image: url('../img/equipa/25-26/catarinasequeira.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#academica .pedrocarvalho{
    background-image: url('../img/equipa/25-26/pedrocarvalho.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#academica .leonorferreira{
    background-image: url('../img/equipa/25-26/leonorferreira.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#academica .beatrizcastelao{
    background-image: url('../img/equipa/25-26/beatrizcastelao.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#academica .leonormesquita{
    background-image: url('../img/equipa/25-26/leonormesquita.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#academica .beatrizcarvalho{
    background-image: url('../img/equipa/25-26/beatrizcarvalho.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#academica .marianapereira{
    background-image: url('../img/equipa/25-26/marianapereira.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#academica .catarinapinto{
    background-image: url('../img/equipa/25-26/catarinapinto.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#academica .margaridarosa{
    background-image: url('../img/equipa/25-26/margaridarosa.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#academica .mariapita{
    background-image: url('../img/equipa/25-26/mariapita.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#comunicacao .claudiasilva{
    background-image: url('../img/equipa/25-26/claudiasilva.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#comunicacao .matildevasconcelos{
    background-image: url('../img/equipa/25-26/matildevasconcelos.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#comunicacao .lauradinis{
    background-image: url('../img/equipa/25-26/lauradinis.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#comunicacao .larapereira{
    background-image: url('../img/equipa/25-26/larapereira.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#comunicacao .joaoconfraria{
    background-image: url('../img/equipa/25-26/joaoconfraria.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#comunicacao .alicealfarroba{
    background-image: url('../img/equipa/25-26/alicealfarroba.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#comunicacao .filipaduarte{
    background-image: url('../img/equipa/25-26/filipaduarte.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#comunicacao .matildefidalgo{
    background-image: url('../img/equipa/25-26/matildefidalgo.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#comunicacao .alicesilva{
    background-image: url('../img/equipa/25-26/alicesilva.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#comunicacao .claudiasilva{
    background-image: url('../img/equipa/25-26/claudiasilva.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#comunicacao .constancasantos{
    background-image: url('../img/equipa/25-26/constancasantos.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#comunicacao .catarinatomaz{
    background-image: url('../img/equipa/25-26/catarinatomaz.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#informatica .leonorcarvalho{
    background-image: url('../img/equipa/25-26/leonorcarvalho.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#informatica .laurapatricio{
    background-image: url('../img/equipa/25-26/laurapatricio.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#informatica .miguelarcadinho{
    background-image: url('../img/equipa/25-26/miguelarcadinho.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#informatica .beatrizmonteiro{
    background-image: url('../img/equipa/25-26/beatrizmonteiro.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#informatica .analemos{
    background-image: url('../img/equipa/25-26/analemos.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#informatica .diogosantos{
    background-image: url('../img/equipa/25-26/diogosantos.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#ludica .joanabicho{
    background-image: url('../img/equipa/25-26/joanabicho.JPG');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#ludica .marianaoliveira{
    background-image: url('../img/equipa/25-26/marianaoliveira.JPG');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#ludica .franciscofernandes{
    background-image: url('../img/equipa/25-26/franciscofernandes.JPG');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#ludica .laraantunes{
    background-image: url('../img/equipa/25-26/laraantunes.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#ludica .tomascordeiro{
    background-image: url('../img/equipa/25-26/tomascordeiro.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#ludica .manuelbaptista{
    background-image: url('../img/equipa/25-26/manuelbaptista.JPG');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#ludica .caetanalmeida{
    /*background-color: #B0CEE4;*/
    background-image: url('../img/equipa/25-26/caetanaalmeida.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#ludica .fredericocosta{
    /* background-color: #B0CEE4;*/
    background-image: url('../img/equipa/25-26/fredericocosta.JPG');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; 
}
#ludica .inessilva{
    /* background-color: #B0CEE4;*/
    background-image: url('../img/equipa/25-26/inessilva.JPG');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; 
}
#ludica .gustavorodrigues{
    /* background-color: #B0CEE4;*/
    background-image: url('../img/equipa/25-26/gustavorodrigues.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; 
}

#re .margaridasoares{
    background-image: url('../img/equipa/25-26/margaridasoares.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#re .matildebravo{
    background-image: url('../img/equipa/25-26/matildebravo.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#re .leonorlacmane{
    background-image: url('../img/equipa/25-26/leonorlacmane.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#re .goncalocampos{
    background-image: url('../img/equipa/25-26/goncalocampos.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#re .franciscabarbosa{
    background-image: url('../img/equipa/25-26/franciscabarbosa.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#re .martaaraujo{
    background-image: url('../img/equipa/25-26/martaaraujo.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#re .beatrizoliveira{
    background-image: url('../img/equipa/25-26/beatrizoliveira.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#re .catarinaruivo{
    background-image: url('../img/equipa/25-26/catarinaruivo.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#re .margaridapina{
    background-image: url('../img/equipa/25-26/margaridapina.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#re .leonordavid{
    background-image: url('../img/equipa/25-26/leonordavid.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#re .salomechikhi{
    background-image: url('../img/equipa/25-26/salomechikhi.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#re .martacunha{
    background-image: url('../img/equipa/25-26/martacunha.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#re .sofiapereira{
    background-image: url('../img/equipa/25-26/sofiapereira.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#re .madalenavideira{
    background-image: url('../img/equipa/25-26/madalenavideira.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#re .joanagoncalves{
    background-image: url('../img/equipa/25-26/joanagoncalves.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#re .teresaferreiro{
    background-image: url('../img/equipa/25-26/teresaferreiro.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#re .goncalofalcao{
    background-image: url('../img/equipa/25-26/goncalofalcao.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#CF .tomasbelbute{
    background-image: url('../img/equipa/25-26/tomasbelbute.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0%;
}
#CF .inesgodinho{
    background-image: url('../img/equipa/25-26/inesgodinho.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#CF .mariarocha{
    background-image: url('../img/equipa/25-26/mariarocha.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#sa .eduardasilva{
    background-image: url('../img/equipa/25-26/eduardasilva.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#sa .luismoleiro{
    background-image: url('../img/equipa/25-26/luismoleiro.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#sa .luisasantos{
    background-image: url('../img/equipa/25-26/luisasantos.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#sa .marialouro{
    background-image: url('../img/equipa/25-26/marialouro.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#sa .marianaferreira{
    background-image: url('../img/equipa/25-26/marianaferreira.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#sa .monicasimao{
    background-image: url('../img/equipa/25-26/monicasimao.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#sa .ineshenriques{
    background-image: url('../img/equipa/25-26/ineshenriques.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#sa .margaridanunes{
    background-image: url('../img/equipa/25-26/margaridanunes.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#MAG .pedrocunha{
    background-image: url('../img/equipa/25-26/pedrocunha.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#MAG .beatrizmorais{
    /*background-color: #B0CEE4;*/
    background-image: url('../img/equipa/25-26/beatrizmorais.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#MAG .inesisidoro{
    /*background-color: #739EBE;*/
    background-image: url('../img/equipa/25-26/inesisidoro.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#MAG .dinisconstantino{
    background-image: url('../img/equipa/25-26/dinisconstantino.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#MAG .sofiafolgado{
    background-image: url('../img/equipa/25-26/sofiafolgado.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/* variação branco-azul do fundo e texto */

.teamElements {
    height: 400px;
    background-color: #1F4D6D;
    width: 75%;
    padding-left: 30px;
    padding-top: 30px;
    padding-right: 30px;
}

.teamElements2 {
    height: 400px;
    background-color: #EFF3F5;
    width: 75%;
    padding-left: 30px;
    padding-top: 30px;
    padding-right: 30px;
}

p.text {
    color: #fff;
    margin-top: 30px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    font-family: 'Source Sans Pro', sans-serif;
    text-align: justify;
    height: 100px;
    overflow: scroll;
}

p.text2 {
    color: #1F4D6D;
    margin-top: 30px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    font-family: 'Source Sans Pro', sans-serif;
    text-align: justify;
    height: 100px;
    overflow: scroll;
}

p::-webkit-scrollbar {
    display: none;
}

/* - - - - - - - - - - - - - - - - -  */

h2.name {
    margin-bottom: 0px;
    color: #1F4D6D;
    font-family: 'Oswald', sans-serif;
    font-size: 13px;
    z-index: 1;
    margin: 0;
    height: 20px;
}

h3.role {
    margin-top: 0px;
    color: #1F4D6D;
    margin-bottom: 0px;
    font-family: 'Oswald', sans-serif;
    font-size: 10px;
    height: 15px;
    z-index: 1;
    margin: 0;
    margin-bottom: 20px;
}

.rowIcons {
    display: flex;
    width: 110px;
    justify-content: end;
    margin: 0;
    margin-bottom: 70px;
    z-index: 1;
    margin-top: 5px;
    
    > a i {
        margin-left: 1.5px;
        margin-right: 1.5px;
        font-size: 20px;
    }
}

/* AJUSTAR AS MARGENS CONSOANTE O Nº DE ELEMENTOS NA EQUIPA */

.elementos {
    display: flex;
    justify-content: start;
    gap: 0.5rem;
    overflow: auto;
}


.presidencia .elementos {
    justify-content: center;
}
.CF .elementos{
    justify-content: center;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.elementos > div {
    flex: 0 0 150px;
    height: 190px;
    border-radius: 0.8rem;
    transition: 0.5s ease-in-out;
    cursor: default;
    position: relative;
    overflow: hidden;
    background: #D9D9D9;

    .pessoa {
        color: #fff;
        display: flex;
        align-items: center;
        padding: 15px;
        opacity: 0;
        flex-direction: column;
        height: 100%;
        justify-content: flex-end;
        background: rgb(217 217 217);
        background: linear-gradient(0deg, #fff 20%, rgba(255, 255, 255, 0) 100%);
        transform: translateY(100%);
        transition: opacity 0.5s ease-in-out, transform 0.5s 0.2s;
        visibility: hidden;
    }

    &:hover {
        flex: 0 0 150px;
        /*box-shadow: 1px 3px 15px #d9d9d9ad;*/

        .pessoa {
            opacity: 1;
            transform: translateY(0%);
            visibility: visible;
        }
    }
}




.elementos::-webkit-scrollbar {
    display: none;
}

.desktop {
    display: block;
}
.phone{
    display: none;
}

@media (max-width: 750px) {
    .desktop {
        display: none;
    }
    .phone{
        display: block;
    }

    .departamento {
        font-size: 25px;
    }
    
    .departamento2 {
        font-size: 25px;
    }
    .presidencia .elementos {
        justify-content: start;
    }
    .informatica .elementos {
        justify-content: start;
    }
    .re .elementos{
        justify-content: start;
    }
    .sa .elementos{
        justify-content: start;
    }
    .MAG .elementos{
        justify-content: start;
    }
    .CF .elementos{
        justify-content: start;
    }
}

@media (max-width: 992px) {
    .desktop {
        display: none;
    }
    .phone{
        display: block;
    }

    .departamento {
        font-size: 25px;
    }

    /* Adjust styles for screens up to 600px wide (typical phone screens) */
    .equipa {
        display: flex;
        flex-direction: column;
        align-items: center;
    }


    .equipa .teamPhoto {
        margin-top: 0px;
        position: relative;
        width: 100%;
        height: 400px;
    }

    .teamElements {
        width: 100%;
        margin: 0;
    }
    
    .teamElements2 {
        width: 100%;
        margin: 0;
    }

}