#map_2025 {
    display: flex;
    justify-content: center;
    align-items: center;
}

#map_container {
    position: relative;
}

.map {
    width: 100vw;
    display: block;
}

.map_number {
    position: absolute;
    width: 2.2%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

#one {
    top: 40.3%;
    left: 39.5%;
}

#two_1 {
    top: 37%;
    left: 37%;
}

#two_2 {
    top: 21%;
    left: 25%;
}

#two_3 {
    bottom: 15%;
    left: 40%;
}

#two_4 {
    bottom: 30%;
    left: 31%;
}

#two_5 {
    bottom: 19.5%;
    left: 20%;
}

#two_6 {
    bottom: 5.5%;
    left: 48%;
}

#three {
    top: 36.7%;
    left: 39.5%;
}

#four {
    top: 40.5%;
    left: 37.2%;
}

#five {
    top: 33.2%;
    left: 39.5%;
}

#six {
    top: 33.4%;
    left: 37%;
}

#seven {
    top: 13%;
    right: 15.2%;
}

#eight_1 {
    top: 24%;
    left: 19%;
}

#eight_2 {
    bottom: 24%;
    left: 20.5%;
}

#eight_3 {
    top: 9.5%;
    right: 15.5%;
}

#nine_1 {
    top: 43.5%;
    left: 38.5%;
}

#nine_2 {
    bottom: 9%;
    left: 47.2%;
}

#nine_3 {
    top: 36%;
    left: 64.5%;
}

#nine_4 {
    bottom: 37%;
    left: 31%;
}

#nine_5 {
    bottom: 33.5%;
    left: 31%;
}

#ten {
    bottom: 18%;
    left: 13.5%;
}

picture {
    max-width: 100%;
    height: auto;
}


.arquivo>h1 {
    margin-left: 5%;
}

.arquivo>article {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.exposicao:hover {
    cursor: pointer;
}

.arquivo>article>.exposicao {
    color: #fbfbf6;
    text-transform: uppercase;
    margin: 0%;
    cursor: pointer;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    align-items: start;
    height: auto;
    min-height: 350px;
}

.exposicao>a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.arquivo>article>.exposicao>h2,
.arquivo>article>.exposicao>p {
    max-width: 80%;
}

.arquivo>article>.exposicao>p,
.data>p {
    font-size: 1.333rem;
    line-height: 1.5rem;
}

.arquivo>article>.exposicao>* {
    padding-left: 5%;
}

.arquivo>article>.exposicao>h2 {
    margin-bottom: 3%;
}

.numbers {
    font-size: 3.37rem;
    margin-top: 8%;
}

.data {
    position: absolute;
    bottom: 0;
    visibility: hidden;
}

.exposicao:hover .data>p {
    visibility: visible;
}

/* CORES ASSOCIADAS A CADA EXPOSICAO */
.azul {
    background-color: #7ebfd9;
}

.vermelho {
    background-color: #eb4b26;
}

.verde {
    background-color: #183f24;
}

.branco {
    background-color: #fbfbf6;
}

.preto {
    background-color: #1a1a1a;
}

.azul>* {
    color: #183f24;
}

.vermelho>* {
    color: #fbe74d;
}

.verde>* {
    color: #7ebfd9;
}

.yellow>*,
.branco>* {
    color: #1a1a1a;
}

.preto>* {
    color: #fbfbf6;
}

.arquivo>article>.azul:hover>.ligature,
.arquivo>article>.azul:hover>.no_ligature {
    text-decoration: underline;
    text-decoration-color: #183f24;
}

.arquivo>article>.vermelho:hover>.ligature,
.arquivo>article>.vermelho:hover>.no_ligature {
    text-decoration: underline;
    text-decoration-color: #fbe74d;
}

.arquivo>article>.verde:hover>.ligature,
.arquivo>article>.verde:hover>.no_ligature {
    text-decoration: underline;
    text-decoration-color: #7ebfd9;
}

.arquivo>article>.branco:hover>.ligature,
.arquivo>article>.branco:hover>.no_ligature {
    text-decoration: underline;
    text-decoration-color: #1a1a1a;
}

.arquivo>article>.preto:hover>.ligature,
.arquivo>article>.preto:hover>.no_ligature {
    text-decoration: underline;
    text-decoration-color: #fbfbf6;
}

@media(max-width: 1200px) {
    .data {
        visibility: visible;
    }
}

@media(max-width: 600px) {
    .arquivo>article {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }

    .numbers {
        margin-top: 15%;
    }

    .arquivo>article>.exposicao {
        min-height: 270px;
    }
}

@media(max-width: 550px) {
    .arquivo>article {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }

    .arquivo>article>.exposicao {
        min-height: 290px;
    }

    .map_number {
        width: 2.6%;
    }

    #one {
        top: 38%;
        left: 36%;
    }
    #two_1 {
        top: 37%;
        left: 33%;
    }
    #two_2 {
        top: 27%;
        left: 20%;
    }
    #two_3 {
        bottom: 26%;
        left: 45.7%;
    }
    #two_4 {
        bottom: 43%;
        left: 26.5%;
    }
    #two_5 {
        bottom: 36%;
        left: 13.5%;
    }
    #two_6 {
        bottom: 33.5%;
        left: 36%;
    }
    #three {
        top: 36.3%;
        left: 36%;
    }
    #four {
        top: 39%;
        left: 34%;
    }
    #five {
        top: 34.5%;
        left: 36%;
    }
    #six {
        top: 35%;
        left: 33%;
    }
    #seven {
        top: 22%;
        right: 13.2%;
    }
    #eight_1 {
        top: 29%;
        left: 13.5%;
    }
    #eight_2 {
        bottom: 39%;
        left: 14%;
    }
    #eight_3 {
        top: 19.5%;
        right: 13.5%;
    }
    #nine_1 {
        top: 40.3%;
        left: 36%;
    }
    #nine_2 {
        bottom: 29%;
        left: 44.8%;
    }
    #nine_3 {
        top: 37%;
        left: 64.5%;
    }
    #nine_4 {
        bottom: 48%;
        left: 26.5%;
    }
    #nine_5 {
        bottom: 45.5%;
        left: 26.5%;
    }
    #ten {
        bottom: 35%;
        left: 7%;
    }
}