.Collections button{
    border: 4px solid transparent!important;
    padding: 0 1rem!important;
    background-size: cover!important;
    background-position: center!important;
    min-width: 99px!important;
}
.Collections button:hover{
    border: 4px solid var(--negro)!important;
}
.Collections button:active{
    font-weight: bold!important;
}
.Collections button.active{
    font-weight: bold!important;
    border: 4px solid var(--negro)!important;
}
.Collections a{
    border: 1px solid var(--gris-osc);
    background-color: #f4f4f4;
    aspect-ratio: 1;
}
@media (width: 768px){
    .Collections a{
        height: 160px;
    }
}
.Collections .collection.active a {
    font-weight: bold;
    border: 4px solid var(--negro);
}
.Collections .img-fluid{
    opacity:0.55;
}

@media (min-width: 992px){
    .Collections button{
        padding: 0.2rem 1rem!important;
    }
}
@media (min-width: 1400px) {
}

/* PROPOSAL NEW BOX */
/*
.Collections button { opacity: .6 }
.Collections button.active { opacity: 1; border: 2px solid !important; }

.Collections a {
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,.1);
    padding: 10px;
    background-color: transparent;
    border: none;
}
.Collections a:hover {
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,.3);
}
.Collections .collection.active a {
    font-weight: normal;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,.3);
    border: 2px solid rgba(0,0,0,.4);
}
*/