/* Menu Insta - Centralização e estilos gerais */
@media screen and (max-width: 767px) {
    #menuinsta > div > div > div {
        display: flex; /* Define flexbox */
        justify-content: center; /* Centraliza os itens horizontalmente */
        align-items: center; /* Centraliza os itens verticalmente */
        gap: 10px; /* Espaçamento entre os itens, se necessário */
    }
    #menuinsta > div > div > div > li.slick-slide > a:before {
        background-size: cover; /* Ajusta o tamanho do background */
        background-position: center; /* Centraliza a imagem no elemento */
        display: block; /* Garante que o pseudo-elemento seja exibido */
        width: 50px; /* Ajuste conforme necessário */
        height: 50px; /* Ajuste conforme necessário */
        content: ''; /* Garante que o pseudo-elemento seja renderizado */
    }
}

/* Menu Insta - Categoria 1 */
@media screen and (max-width: 767px) {
    #menuinsta > div > div > div > li.slick-slide:nth-child(1) > a:before {
        background-image: url(https://cdn.awsli.com.br/2679/2679286/arquivos/batomdaph2025.png);
    }
}

/* Menu Insta - Categoria 2 */
@media screen and (max-width: 767px) {
    #menuinsta > div > div > div > li.slick-slide:nth-child(2) > a:before {
        background-image: url(https://cdn.awsli.com.br/2679/2679286/arquivos/blushdaph2025.png);
    }
}

/* Menu Insta - Categoria 3 */
@media screen and (max-width: 767px) {
    #menuinsta > div > div > div > li.slick-slide:nth-child(3) > a:before {
        background-image: url(https://cdn.awsli.com.br/2679/2679286/arquivos/sombradaph2025.png);
    }
}