/*******************************************************************
            STYLE POUR LA PAGE DE PERSONNES-RESSOURCES
********************************************************************/
.personnes_ressources {
    position: relative;
    overflow-x: hidden;

    section {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2.5rem;
        align-self: center;
        overflow: hidden;
    }

    .timee_prof_mobile {
        position: relative;
        z-index: 3;
        transform: rotate(1deg) translate(0rem, 1rem);
        scale: 2.5;
        width: 5rem;
        z-index: -1;
        filter: drop-shadow(2px 3px 0 #AC72E4);
    }

    #resultats .carte-active.entree.entree-active {
        padding-top: 3rem;
    }

    @media screen and (min-width: 768px) {
        .timee_prof_mobile {
            display: none;
        }
    }
}


h1.personne-ressources_titre {
    display: flex;
    flex-direction: column;
    line-height: unset;

    .personne-ressources_pieceTitre:nth-child(2) {
        line-height: 0;
        height: clamp(0.625rem, 0.2223rem + 2.0134vw, 1.1875rem);
    }
}

section.carte-personnes-ressources {
    display: flex;
    position: relative;
    gap: 2.5rem;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    width: 99vw;
    padding-top: 3rem;
    background: linear-gradient(0deg, #0091837d 0%, #7a00df2e 50%, #2d233100 100%);
    background-size: 100% 21%;
    background-repeat: no-repeat;
    background-position-y: 59%;
}

    section.carte-personnes-ressources::after {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 4px;
        /* épaisseur des bordures */
        background: linear-gradient(90deg,
                #37e6d5,
                #dd40b4,
                #882be4);
    }

    section.carte-personnes-ressources::before {
        top: 46%;
    }

    section.carte-personnes-ressources::after {
        bottom: 32%;
    }

.groupe-titre-prof {
    margin-top: 9%;
    margin-bottom: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    width: 100%;

    .titre-prof {
        font-size: 4.375rem;
        font-family: var(--police-titres);
        font-weight: var(--graisseur-normal);
        margin-block: 0;


        /* Gradient dans le texte */
        background: var(--header-couleur-titres-2);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        color: transparent;

        filter: drop-shadow(3px 0px 0px #06eef9) drop-shadow(-2px 0px 0 #dd40b4);

        @media screen and (min-width:768px) {
            font-size: var(--tablette-taille-grosTitresSecondaires);
        }

        @media screen and (min-width:1024px) {
            font-size: var(--desktop-taille-grosTitresSecondaires);
        }
    }

    .trait-union {
        font-size: var(--mobile-taille-grosTitresSecondaires);

        @media screen and (min-width:768px) {
            font-size: var(--tablette-taille-textesEtParagraphes);
        }

        @media screen and (min-width:1024px) {
            font-size: var(--desktop-taille-textesEtParagraphes);
        }
    }
}

@media screen and (min-width:1024px) {

    h2.personne-ressources_description_titre {
        width: 85%;
    }

    h1.personne-ressources_titre {
        .personne-ressources_pieceTitre:nth-child(2) {
            height: clamp(1.1875rem, -0.3125rem + 3.125vw, 2.5rem);
        }
    }
}

.personne-ressources_missions {
    width: 80%;
}