/* Editando o tamanho da fonte das subcategorias */
body {font-size: 15px;}

/* Retirando os ícones das categorias no Mobile */
#menuinsta>div>div>div>li.slick-slide.slick-slide:nth-child(1)>a:before {
        content: none;
    }
#menuinsta>div>div>div>li.slick-slide.slick-slide:nth-child(2)>a:before {
        content: none;
    }
#menuinsta>div>div>div>li.slick-slide.slick-slide:nth-child(3)>a:before {
        content: none;
    }
#menuinsta>div>div>div>li.slick-slide.slick-slide:nth-child(4)>a:before {
        content: none;
    }
#menuinsta>div>div>div>li.slick-slide.slick-slide:nth-child(5)>a:before {
        content: none;
    }
#menuinsta>div>div>div>li.slick-slide.slick-slide:nth-child(6)>a:before {
        content: none;
    }
#menuinsta>div>div>div>li.slick-slide.slick-slide:nth-child(7)>a:before {
        content: none;
    }
#menuinsta>div>div>div>li.slick-slide.slick-slide:nth-child(8)>a:before {
        content: none;
    }

/* Centralizar texto das categorias verticalmente no mobila */
#menuinsta strong.titulo.cor-secundaria {
        display: flex;
        align-items: center;
        justify-content: center;
        
    }
    
/* CSS do Banner Tarja Mobile */
@media only screen and (max-width: 767px) {
    .banner-container {
        width: 100%;
        background-color: #fff;
        color: var(--cor-tituloVitrine);
        padding: 10px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transition: opacity 0.5s ease-in-out;
    }

    .icon img{
        width: 24px;
        height: 24px;
        font-size: 24px;
        margin-right: 10px;
    }
    
    #banner-tarja-link {
        display: flex;
        justify-content: center;
        margin: 0 0 15px 0;
    }
}