#colecbox {
    margin-bottom: 1em;
}

#colecbox h1 {
    margin-bottom: .4em;
}

#colecs {
    display: flex;
    flex-wrap: wrap;
}

.colec {
    margin: 0 1em 1em 0;
    padding: .5em;
    background-color: var(--element);
    border-radius: .5em;
    height: 4.7em;
    color: var(--black);

    position: relative;
    top: 0;
    transition: top ease 0.3s;
    z-index: 0;
}

.colec:hover {
    /* background: var(--hover); */
    cursor: pointer;

    top: -10px;

}

.colinfo {
    color: var(--hard);
}



#lastlist {
    overflow-y: scroll;
    height: 30em;
}

.ficha {
    background-color: var(--element);
    border-radius: .3em;
    padding: .5em;
    margin-bottom: .3em;

    display: flex;
    transition: .3s;
}

.ficha:hover {
    background-color: var(--hover);
}

.ficha:hover .no-img {
    background-color: var(--moreover);
}

.fichaimg {
    border-radius: .3em;
    margin-right: 1em;
    object-fit: cover;
    flex-shrink: 0;
}

.no-img {
    background-color: var(--hover);
    width: 180px; 
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;

    user-select: none;
    margin-right: 1em;
    border-radius: .3em;
    transition: .3s;
    flex-shrink: 0;
}

.fichainfo {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.fichainfohead {
    font-size: 1.6em;
    font-weight: 900;
    display: block;
}

.fichainfolegend {
    color: var(--grey);
}

.fichainfoitem {
    display: flex;
    align-items: center;
}


.fichainfoitem img {
    margin-right: .3em;
}

.adicionado_em {
    float: right;
}