.medalhas {
    padding: 24px;
}

.medalha {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 24px 0;
    border-radius: 32px;
    padding: 10px;
    background-color: var(--terceira-cor);    
}

.medalha__image {
    border-radius: 32px 32px 0 0;
    width: 100%;
}

.medalhas__titulo {
    padding: 8px 8px 4px 24px;
    font-size: 1.2rem;
    font-weight: 700;

}

.medalha__data {
    padding: 4px 8px 24px 24px;
    font-size: 0.8rem;
    color: rgb(170, 170, 170);
}

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

    .secao-medalhas {
        display: grid;
        grid-template-columns: repeat(8, 1fr);;
        gap: 24px;
        margin-top: 24px;
    }

    .titulo-medalhas {
        grid-column: span 4;
    }

    .medalha {
        margin: 0;
        justify-content: space-between;
        grid-column: span 2;
        grid-row: span 2;
    }

    .medalhas__titulo {
        margin-top: 12px;
    }

    .medalha:hover {
        grid-column: span 3;
        grid-row: span 3;
        justify-content: flex-start;
        align-self: flex-start;
    }

    .medalha__image {
        width: 100%;
    }
    
}