/* ================================
   ARQUIVO ANOS MENU
   ================================ */


.aam-menu {
    width: 100%;
}



/* ================================
   DÉCADAS
   ================================ */


.aam-decadas {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    gap: 35px;

    width: 100%;

}



.aam-decada {

    appearance: none;

    background: transparent;

    border: 0;

    padding: 0;

    margin: 0;

    cursor: pointer;


    font-family: "Righteous", sans-serif;

    font-size: 60px;

    font-weight: 500;

    line-height: 1;


    opacity: .55;


    transition: opacity .25s ease, transform .25s ease;

}



.aam-decada:hover {

    opacity: 1;

    transform: translateY(-3px);

}



.aam-decada.ativo {

    opacity: 1;

}





/* ================================
   ANOS
   ================================ */


.aam-anos {

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    gap: 25px;

    width: 100%;

    margin-top: 35px;

}



.aam-anos[style*="display:flex"] {

    display: flex !important;

}



.aam-anos[style*="display:none"] {

    display: none !important;

}



.aam-anos a {

    display: inline-block;

    text-decoration: none;

    font-family: "Righteous", sans-serif;
    font-size: 55px;

    font-weight: 500;

    opacity: .6;


    transition: opacity .2s ease, transform .2s ease;

}



.aam-anos a:hover {

    opacity: 1;

    transform: translateY(-2px);

}



.aam-anos a.ativo {

    opacity: 1;

    font-weight: 700;

}





/* ================================
   MOBILE
   ================================ */


@media(max-width:768px){


    .aam-decada {

        font-size:45px;

    }


    .aam-decadas {

        gap:20px;

    }


    .aam-anos {

        gap:15px;

    }


    .aam-anos a {

        font-size:18px;

    }

}
.aam-decada.decada-1950,
.aam-anos.decada-1950 a { color:#B35454; }

.aam-decada.decada-1960,
.aam-anos.decada-1960 a { color:#9E408D; }

.aam-decada.decada-1970,
.aam-anos.decada-1970 a { color:#6943A8; }

.aam-decada.decada-1980,
.aam-anos.decada-1980 a { color:#345794; }

.aam-decada.decada-1990,
.aam-anos.decada-1990 a { color:#358694; }

.aam-decada.decada-2000,
.aam-anos.decada-2000 a { color:#358A61; }

.aam-decada.decada-2010,
.aam-anos.decada-2010 a { color:#64A740; }

.aam-decada.decada-2020,
.aam-anos.decada-2020 a { color:#A1A23C; }

.aam-decada.decada-2030,
.aam-anos.decada-2030 a { color:#AD6F45; }

.aam-decada{
    position:relative;
}

.aam-decada::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-8px;
    height:4px;
    background:currentColor;
    transform:scaleX(0);
    transition:transform .25s;
}

.aam-decada.ativo::after{
    transform:scaleX(1);
}

.aam-anos a + a::before{
    content:"•";
    opacity:.45;
    margin:0 12px 0 2px;
}