@font-face {
    font-family: 'Avenir Next Condensed';
    src: url('https://semexe.com/fonts/avenir-next-condensed-heavy-italic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir Next Condensed';
    src: url('https://semexe.com/fonts/avenir-next-condensed-bold-italic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
.loja-oficial .div-categories a {
    transition: all 0.3s;
}
.loja-oficial .div-categories a img {
    border-radius: 10px;
    filter: unset;
    box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.6);
    transition: all 0.3s;
}
.loja-oficial .div-categories a:hover {
    align-items: center;
    justify-content: center;
}
.loja-oficial .div-categories a:hover img {
    filter: brightness(0.25);
    opacity: 1;
    border-radius: 10px;
}
.loja-oficial .div-categories a:hover span {
    margin: 0;
    filter: brightness(1);
}
.loja-oficial .div-categories span {
    font-family: 'Avenir Next Condensed', sans-serif !important;
    font-weight: bold !important;
}
.loja-oficial .div-categories span.acessorios {
    font-size: 23px;
}
.loja-oficial .section-text h3 {
    font-family: 'Avenir Next Condensed', sans-serif !important;
    font-weight: bold !important;
}
.loja-oficial .section-text span {
    font-family: 'Avenir Next Condensed', sans-serif !important;
    font-weight: bold;
    font-style: italic;
}
.loja-oficial .categories-section a {
    font-family: 'Avenir Next Condensed', sans-serif !important;
    font-weight: bold;
    font-style: italic;
}
.loja-oficial .bottom-bar img {
    max-height: 120px;
}
.loja-oficial .bottom-bar a {
    font-family: 'Avenir Next Condensed', sans-serif !important;
    font-weight: bold;
}

@media (max-width: 992px) {
    .loja-oficial .div-categories {
        margin: 1em 2em;
    }
    .loja-oficial .div-categories span.acessorios {
        font-size: 17px;
        width: 40%;
        margin-top: 10.5%;
        line-height: 18px;
    }
    .loja-oficial .div-categories div {
        margin: 4px;
        width: 46%;
    }
    .loja-oficial .div-categories a span {
        margin-top: 15%;
        margin-left: 2%;
    }
    .loja-oficial .div-categories a img {
        filter: brightness(0.6);
    }
}