/* =========================================================
   JOSE PAVAN — CSS AVANÇADO DEFINITIVO
   CABEÇALHO + ÍCONES + MENU + HERO
   Loja Integrada
   Sem :root, sem var(), sem :has()
   ========================================================= */

/* =========================
   BASE
   ========================= */

html,
body,
.pagina-inicial,
.container-principal {
    background: #F7F4EF !important;
}

#cabecalho {
    position: relative !important;
    width: 100% !important;
    height: 86px !important;
    min-height: 86px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #F7F4EF !important;
    border: 0 !important;
    box-shadow: none !important;
    z-index: 9000 !important;
}


/* =========================
   BARRA DE AVISO
   ========================= */

#barra-aviso-jp {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 24px !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
    background: #1C1B19 !important;
    color: #F7F4EF !important;
    font-family: Arial, sans-serif !important;
    font-size: 8px !important;
    font-weight: 400 !important;
    letter-spacing: 1.3px !important;
    line-height: 24px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    overflow: hidden !important;
    z-index: 10000 !important;
}

#barra-aviso-jp .aviso-texto {
    display: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

#barra-aviso-jp .aviso-texto.aviso-ativo {
    display: block !important;
}


/* =========================
   CONTAINER REAL
   O HTML usa .conteiner
   ========================= */

#cabecalho > .conteiner {
    position: relative !important;
    width: 100% !important;
    height: 86px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#cabecalho > .conteiner > .row-fluid {
    position: relative !important;
    width: 100% !important;
    height: 86px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#cabecalho > .conteiner > .row-fluid > .span3 {
    position: static !important;
    float: none !important;
    width: 100% !important;
    height: 86px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#cabecalho .cat {
    display: none !important;
}


/* =========================
   LOGO
   ========================= */

#cabecalho h1.logo {
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 160px !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateX(-50%) !important;
    background: transparent !important;
    z-index: 9500 !important;
}

#cabecalho h1.logo > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#cabecalho h1.logo img {
    display: block !important;
    width: auto !important;
    max-width: 145px !important;
    height: auto !important;
    max-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================
   CONTEUDO-TOPO
   ========================= */

#cabecalho .conteudo-topo {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 86px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    z-index: 9200 !important;
    pointer-events: none !important;
}


/* =========================
   CONTA DESKTOP
   ========================= */

#cabecalho .conteudo-topo > .superior {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}

#cabecalho .conteudo-topo .menu-user-welcome,
#cabecalho .conteudo-topo .menu-user-logged {
    display: none !important;
}

#cabecalho .conteudo-topo .superior .span4 {
    position: absolute !important;
    top: 0 !important;
    right: 66px !important;
    width: 30px !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: auto !important;
}

#cabecalho .acoes-conta {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    list-style: none !important;
}

#cabecalho .acoes-conta > li:first-child {
    display: none !important;
}

#cabecalho .acoes-conta .icon-user {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    color: #1C1B19 !important;
    font-size: 17px !important;
    line-height: 1 !important;
    text-decoration: none !important;
}


/* =========================
   LINHA INFERIOR
   ========================= */

#cabecalho .conteudo-topo > .inferior {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 86px !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}


/* =========================
   BUSCA REAL
   ========================= */

#cabecalho .conteudo-topo .inferior > .busca-mobile {
    position: absolute !important;
    top: 0 !important;
    right: 106px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: auto !important;
}

#cabecalho .busca-mobile .atalho-menu {
    display: none !important;
}

#cabecalho .busca-mobile .busca {
    display: block !important;
    width: 30px !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

#cabecalho #form-buscar {
    position: relative !important;
    width: 30px !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#cabecalho #auto-complete {
    display: none !important;
}

#cabecalho #form-buscar .botao-busca,
#cabecalho #form-buscar button.icon-search {
    position: absolute !important;
    top: 11px !important;
    left: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    color: #1C1B19 !important;
    font-size: 17px !important;
    line-height: 30px !important;
}


/* =========================
   CARRINHO DESKTOP
   ========================= */

#cabecalho .conteudo-topo .inferior > .span4.hidden-phone {
    position: absolute !important;
    top: 0 !important;
    right: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: auto !important;
}

#cabecalho .conteudo-topo .carrinho {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

#cabecalho .conteudo-topo .carrinho > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    color: #1C1B19 !important;
    text-decoration: none !important;
}

#cabecalho .conteudo-topo .carrinho > a > i.icon-shopping-cart {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #1C1B19 !important;
    font-size: 17px !important;
    line-height: 22px !important;
    text-align: center !important;
    transform: none !important;
}

#cabecalho .qtd-carrinho,
#cabecalho .carrinho .vazio-text {
    display: none !important;
}


/* =========================
   ELEMENTOS NÃO USADOS
   ========================= */

#cabecalho .rastreio-btn,
#cabecalho .contato-mobile,
#cabecalho .contato-top,
#cabecalho .identifique-se,
#cabecalho .identificacao,
#cabecalho .jp-lupa {
    display: none !important;
}


/* =========================
   MENU DESKTOP
   ========================= */

#cabecalho .conteudo-topo .inferior > .menu.superior {
    position: absolute !important;
    top: 52px !important;
    left: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #F7F4EF !important;
    border: 0 !important;
    box-shadow: none !important;
    pointer-events: auto !important;
    z-index: 9300 !important;
}

#cabecalho .menu.superior > ul.nivel-um {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    width: auto !important;
    height: 34px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    list-style: none !important;
}

#cabecalho .menu.superior > ul.nivel-um > li {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

#cabecalho .menu.superior > ul.nivel-um > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    background: transparent !important;
    border: 0 !important;
    color: #1C1B19 !important;
    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 1.4px !important;
    line-height: 34px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

#cabecalho .menu.superior > ul.nivel-um > li > a > strong,
#cabecalho .menu.superior > ul.nivel-um > li > a .titulo {
    color: #1C1B19 !important;
    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 1.4px !important;
}

#cabecalho #menuinsta {
    display: none !important;
}


/* =========================
   MOBILE
   ========================= */

@media screen and (max-width: 767px) {

    #barra-aviso-jp {
        height: 18px !important;
        min-height: 18px !important;
        font-size: 7px !important;
        letter-spacing: 1px !important;
        line-height: 18px !important;
    }

    #cabecalho {
        height: 48px !important;
        min-height: 48px !important;
    }

    #cabecalho > .conteiner,
    #cabecalho > .conteiner > .row-fluid,
    #cabecalho > .conteiner > .row-fluid > .span3 {
        height: 48px !important;
    }

    /* Logo */
    #cabecalho h1.logo {
        top: 0 !important;
        left: 50% !important;
        width: 120px !important;
        height: 48px !important;
        transform: translateX(-50%) !important;
    }

    #cabecalho h1.logo > a {
        height: 48px !important;
    }

    #cabecalho h1.logo img {
        max-width: 112px !important;
        max-height: 40px !important;
    }

    /* Conteudo-topo fica visível somente para a busca */
    #cabecalho .conteudo-topo {
        display: block !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 48px !important;
    }

    #cabecalho .conteudo-topo > .superior {
        display: none !important;
    }

    #cabecalho .conteudo-topo > .inferior {
        display: block !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 48px !important;
    }

    /* Esconde menu e carrinho desktop */
    #cabecalho .conteudo-topo .inferior > .span4.hidden-phone,
    #cabecalho .conteudo-topo .inferior > .menu.superior,
    #cabecalho #menuinsta {
        display: none !important;
    }

    /* Busca real */
    #cabecalho .conteudo-topo .inferior > .busca-mobile {
        display: block !important;
        position: absolute !important;
        top: 9px !important;
        right: 88px !important;
        width: 30px !important;
        height: 30px !important;
        margin: 0 !important;
        padding: 0 !important;
        pointer-events: auto !important;
        z-index: 9600 !important;
    }

    #cabecalho .busca-mobile .atalho-menu {
        display: none !important;
    }

    #cabecalho .busca-mobile .busca,
    #cabecalho #form-buscar {
        width: 30px !important;
        height: 30px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
    }

    #cabecalho #auto-complete {
        display: none !important;
    }

    #cabecalho #form-buscar .botao-busca,
    #cabecalho #form-buscar button.icon-search {
        top: 0 !important;
        left: 0 !important;
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        color: #1C1B19 !important;
        font-size: 17px !important;
        line-height: 30px !important;
    }

    /* Atalhos mobile */
    #cabecalho .atalhos-mobile {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        display: block !important;
        width: 100% !important;
        height: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        z-index: 9700 !important;
        pointer-events: none !important;
    }

    #cabecalho .atalhos-mobile > ul {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    /* Elementos que não aparecem */
    #cabecalho .atalhos-mobile > ul > li:first-child,
    #cabecalho .atalhos-mobile > ul > li.rastreio-btn,
    #cabecalho .atalhos-mobile > ul > li.contato-mobile,
    #cabecalho .atalhos-mobile > ul > li.menu-user-logged,
    #cabecalho .atalhos-mobile > ul > li.vazia,
    #cabecalho .atalhos-mobile > ul > li > a.icon-user,
    #cabecalho .atalhos-mobile .jp-lupa {
        display: none !important;
    }

    /* Conta mobile */
    #cabecalho .atalhos-mobile > ul > li.minha-conta {
        position: absolute !important;
        top: 9px !important;
        right: 50px !important;
        display: block !important;
        width: 30px !important;
        height: 30px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        pointer-events: auto !important;
        z-index: 9800 !important;
    }

    #cabecalho .atalhos-mobile .minha-conta .btn-group {
        display: block !important;
        width: 30px !important;
        height: 30px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #cabecalho .atalhos-mobile .minha-conta .dropdown-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 30px !important;
        height: 30px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        color: #1C1B19 !important;
    }

    #cabecalho .atalhos-mobile .minha-conta .fas.fa-user {
        display: block !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #1C1B19 !important;
        font-size: 17px !important;
        line-height: 1 !important;
    }

    #cabecalho .atalhos-mobile .minha-conta .icon-chevron-down {
        display: none !important;
    }

    /* Carrinho mobile */
    #cabecalho .atalhos-mobile > ul > li.fundo-principal {
        position: absolute !important;
        top: 9px !important;
        right: 10px !important;
        display: block !important;
        width: 30px !important;
        height: 30px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        pointer-events: auto !important;
        z-index: 9800 !important;
    }

    #cabecalho .atalhos-mobile > ul > li.fundo-principal > a.icon-shopping-cart {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 30px !important;
        height: 30px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        color: #1C1B19 !important;
        font-size: 17px !important;
        line-height: 30px !important;
        transform: scale(0.80) !important;
        transform-origin: center center !important;
    }

    #cabecalho .atalhos-mobile > ul > li.fundo-principal > a.icon-shopping-cart::before {
        color: #1C1B19 !important;
    }

    /* Garante ícones pretos */
    #cabecalho .atalhos-mobile a,
    #cabecalho .atalhos-mobile i,
    #cabecalho .atalhos-mobile a::before,
    #cabecalho .atalhos-mobile i::before {
        -webkit-text-fill-color: #1C1B19 !important;
    }

    /* Botão do hero */
    .botao-hero-jp {
        left: 18px !important;
        bottom: 18px !important;
        padding: 10px 20px !important;
        font-size: 9px !important;
        letter-spacing: 1.3px !important;
    }

    #cabecalho .jp-busca-aberta {
        position: fixed !important;
        top: 50px !important;
        left: 10px !important;
        right: 10px !important;
        width: auto !important;
        z-index: 10000 !important;
    }
}


/* =========================
   TABLET
   ========================= */

@media screen and (min-width: 768px) and (max-width: 1024px) {

    #cabecalho .conteudo-topo .inferior > .busca-mobile {
        right: 100px !important;
    }

    #cabecalho .conteudo-topo .superior .span4 {
        right: 62px !important;
    }

    #cabecalho .conteudo-topo .inferior > .span4.hidden-phone {
        right: 18px !important;
    }

    #cabecalho .menu.superior > ul.nivel-um > li > a {
        padding-left: 11px !important;
        padding-right: 11px !important;
    }
}


/* =========================
   HERO
   ========================= */

.info-banner.titulo {
    display: none !important;
}

.botao-hero-jp {
    position: absolute !important;
    left: 30px !important;
    bottom: 30px !important;
    z-index: 999 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    padding: 12px 25px !important;
    background: transparent !important;
    border: 1px solid #FFFFFF !important;
    color: #FFFFFF !important;
    font-family: Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 1.5px !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

.botao-hero-jp:hover {
    background: #FFFFFF !important;
    color: #1C1B19 !important;
}


/* =========================
   LIMPEZA FINAL
   ========================= */

#cabecalho,
#cabecalho * {
    box-shadow: none !important;
}
/* =========================================================
   JOSE PAVAN — MENU MOBILE
   Mantém a mesma faixa de menu do desktop
   ========================================================= */

@media screen and (max-width: 767px) {

    /* Cabeçalho passa a ter:
       48px = logo + ícones
       38px = menu
       TOTAL = 86px
    */

    #cabecalho {
        height: 86px !important;
        min-height: 86px !important;
    }

    #cabecalho > .conteiner {
        height: 86px !important;
    }

    #cabecalho > .conteiner > .row-fluid {
        height: 86px !important;
    }


    /* -----------------------------------------------------
       ÁREA SUPERIOR
       ----------------------------------------------------- */

    #cabecalho > .conteiner > .row-fluid > .span3 {
        height: 48px !important;
    }

    #cabecalho h1.logo {
        height: 48px !important;
    }

    #cabecalho h1.logo > a {
        height: 48px !important;
    }


    /* -----------------------------------------------------
       MENU MOBILE
       Usa o MESMO menu real do desktop
       ----------------------------------------------------- */

    #cabecalho .conteudo-topo .inferior > .menu.superior {
        display: flex !important;

        position: absolute !important;

        top: 48px !important;
        left: 0 !important;

        width: 100% !important;
        height: 38px !important;
        min-height: 38px !important;

        margin: 0 !important;
        padding: 0 !important;

        align-items: center !important;
        justify-content: center !important;

        background: #F7F4EF !important;
        background-color: #F7F4EF !important;

        border: 0 !important;

        z-index: 9300 !important;

        pointer-events: auto !important;
    }


    /* Lista */

    #cabecalho .conteudo-topo .inferior > .menu.superior > ul.nivel-um {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        height: 38px !important;

        margin: 0 auto !important;
        padding: 0 !important;

        flex-wrap: nowrap !important;

        background: transparent !important;

        list-style: none !important;
    }


    /* Itens */

    #cabecalho .conteudo-topo .inferior > .menu.superior > ul.nivel-um > li {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        height: 38px !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        border: 0 !important;
    }


    /* Links */

    #cabecalho .conteudo-topo .inferior > .menu.superior > ul.nivel-um > li > a {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        height: 38px !important;

        margin: 0 !important;
        padding: 0 10px !important;

        background: transparent !important;

        border: 0 !important;

        color: #1C1B19 !important;

        font-family: Arial, sans-serif !important;

        font-size: 9px !important;
        font-weight: 500 !important;

        letter-spacing: 1.1px !important;

        line-height: 38px !important;

        text-transform: uppercase !important;

        text-decoration: none !important;
    }


    /* Texto do menu */

    #cabecalho .conteudo-topo .inferior > .menu.superior > ul.nivel-um > li > a > strong,
    #cabecalho .conteudo-topo .inferior > .menu.superior > ul.nivel-um > li > a .titulo {
        color: #1C1B19 !important;

        font-family: Arial, sans-serif !important;

        font-size: 9px !important;
        font-weight: 500 !important;

        letter-spacing: 1.1px !important;

        line-height: 38px !important;
    }


    /* -----------------------------------------------------
       GARANTE QUE A ÁREA DO HERO COMEÇE ABAIXO DO MENU
       ----------------------------------------------------- */

    #corpo {
        position: relative !important;
    }


    /* -----------------------------------------------------
       NÃO USAR O MENU DUPLICADO
       ----------------------------------------------------- */

    #menuinsta {
        display: none !important;
    }
}
/* =========================================================
   JOSE PAVAN
   CORREÇÃO DEFINITIVA — MENU MOBILE
   Estrutura real:
   
   .inferior
      .busca-mobile
         .busca
         .menu.superior
   ========================================================= */

@media screen and (max-width: 767px) {

    /* =====================================================
       CABEÇALHO
       48px = logo + ícones
       38px = menu
       TOTAL = 86px
       ===================================================== */

    #cabecalho {
        height: 86px !important;
        min-height: 86px !important;
    }

    #cabecalho > .conteiner {
        height: 86px !important;
    }

    #cabecalho > .conteiner > .row-fluid {
        height: 86px !important;
    }


    /* =====================================================
       ÁREA SUPERIOR
       ===================================================== */

    #cabecalho > .conteiner > .row-fluid > .span3 {
        height: 48px !important;
    }

    #cabecalho h1.logo {
        height: 48px !important;
    }

    #cabecalho h1.logo > a {
        height: 48px !important;
    }


    /* =====================================================
       CONTEUDO TOPO
       ===================================================== */

    #cabecalho .conteudo-topo {
        position: absolute !important;

        top: 0 !important;
        left: 0 !important;

        width: 100% !important;
        height: 86px !important;

        margin: 0 !important;
        padding: 0 !important;

        display: block !important;

        pointer-events: none !important;
    }


    /* =====================================================
       LINHA INFERIOR
       ===================================================== */

    #cabecalho .conteudo-topo > .inferior {
        position: absolute !important;

        top: 0 !important;
        left: 0 !important;

        width: 100% !important;
        height: 86px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       IMPORTANTE:
       O .busca-mobile CONTÉM o menu.
       
       Portanto ele precisa ocupar a largura inteira.
       ===================================================== */

    #cabecalho .conteudo-topo .inferior > .busca-mobile {
        position: absolute !important;

        top: 0 !important;
        left: 0 !important;

        width: 100% !important;
        height: 86px !important;

        margin: 0 !important;
        padding: 0 !important;

        float: none !important;

        display: block !important;

        pointer-events: none !important;

        z-index: 9400 !important;
    }


    /* =====================================================
       BUSCA
       Mantém somente a lupa no canto direito.
       ===================================================== */

    #cabecalho .conteudo-topo .inferior > .busca-mobile > .busca {
        position: absolute !important;

        top: 0 !important;
        right: 88px !important;

        left: auto !important;

        width: 30px !important;
        height: 48px !important;

        margin: 0 !important;
        padding: 0 !important;

        display: block !important;

        background: transparent !important;

        border: 0 !important;

        pointer-events: auto !important;

        z-index: 9600 !important;
    }


    #cabecalho .busca-mobile #form-buscar {
        position: relative !important;

        width: 30px !important;
        height: 48px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    #cabecalho .busca-mobile #auto-complete {
        display: none !important;
    }


    #cabecalho .busca-mobile #form-buscar .botao-busca,
    #cabecalho .busca-mobile #form-buscar button.icon-search {
        position: absolute !important;

        top: 9px !important;
        left: 0 !important;

        width: 30px !important;
        height: 30px !important;

        min-width: 30px !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        background: transparent !important;

        border: 0 !important;

        box-shadow: none !important;

        color: #1C1B19 !important;

        font-size: 17px !important;
        line-height: 30px !important;

        z-index: 9601 !important;
    }


    /* =====================================================
       MENU REAL
       
       ATENÇÃO:
       Este é o seletor correto porque o menu está
       DENTRO de .busca-mobile.
       ===================================================== */

    #cabecalho .conteudo-topo .inferior > .busca-mobile > .menu.superior {
        position: absolute !important;

        top: 48px !important;
        left: 0 !important;

        width: 100% !important;
        height: 38px !important;
        min-height: 38px !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        background: #F7F4EF !important;

        border: 0 !important;

        box-shadow: none !important;

        pointer-events: auto !important;

        z-index: 9500 !important;
    }


    /* =====================================================
       LISTA DO MENU
       ===================================================== */

    #cabecalho .conteudo-topo .inferior > .busca-mobile > .menu.superior > ul.nivel-um {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        flex-wrap: nowrap !important;

        width: auto !important;
        height: 38px !important;

        margin: 0 auto !important;
        padding: 0 !important;

        background: transparent !important;

        border: 0 !important;

        list-style: none !important;
    }


    /* =====================================================
       ITENS
       ===================================================== */

    #cabecalho .conteudo-topo .inferior > .busca-mobile > .menu.superior > ul.nivel-um > li {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        height: 38px !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        border: 0 !important;
    }


    /* =====================================================
       LINKS
       ===================================================== */

    #cabecalho .conteudo-topo .inferior > .busca-mobile > .menu.superior > ul.nivel-um > li > a {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        height: 38px !important;

        margin: 0 !important;
        padding: 0 10px !important;

        background: transparent !important;

        border: 0 !important;

        color: #1C1B19 !important;

        font-family: Arial, sans-serif !important;

        font-size: 9px !important;
        font-weight: 500 !important;

        letter-spacing: 1.1px !important;

        line-height: 38px !important;

        text-transform: uppercase !important;

        text-decoration: none !important;
    }


    /* Texto dos links */

    #cabecalho .conteudo-topo .inferior > .busca-mobile > .menu.superior > ul.nivel-um > li > a > strong,
    #cabecalho .conteudo-topo .inferior > .busca-mobile > .menu.superior > ul.nivel-um > li > a .titulo {
        display: inline !important;

        color: #1C1B19 !important;

        font-family: Arial, sans-serif !important;

        font-size: 9px !important;
        font-weight: 500 !important;

        letter-spacing: 1.1px !important;

        line-height: 38px !important;
    }


    /* =====================================================
       REMOVE O BLOCO HAMBURGUER
       ===================================================== */

    #cabecalho .busca-mobile .atalho-menu {
        display: none !important;
    }


    /* =====================================================
       ESCONDE O MENU DUPLICADO
       O #menuinsta não será usado.
       ===================================================== */

    #cabecalho #menuinsta {
        display: none !important;
    }


    /* =====================================================
       Garante que o HERO fique abaixo do cabeçalho
       ===================================================== */

    #corpo {
        position: relative !important;
    }
}
/* =========================================================
   JOSE PAVAN — CORREÇÃO FINAL
   VISIBILIDADE DOS TEXTOS DO MENU MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {

    /* Menu */
    #cabecalho .conteudo-topo .inferior .busca-mobile .menu.superior {
        visibility: visible !important;
        opacity: 1 !important;
        overflow: visible !important;
    }

    /* Lista */
    #cabecalho .conteudo-topo .inferior .busca-mobile .menu.superior ul.nivel-um {
        visibility: visible !important;
        opacity: 1 !important;
        overflow: visible !important;
    }

    /* Todos os itens reais */
    #cabecalho .conteudo-topo .inferior .busca-mobile .menu.superior ul.nivel-um > li {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        overflow: visible !important;
    }

    /* Links */
    #cabecalho .conteudo-topo .inferior .busca-mobile .menu.superior ul.nivel-um > li > a {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;

        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        height: 38px !important;

        margin: 0 !important;
        padding: 0 10px !important;

        color: #1C1B19 !important;
        background: transparent !important;

        font-family: Arial, sans-serif !important;
        font-size: 9px !important;
        font-weight: 500 !important;

        letter-spacing: 1.1px !important;
        line-height: 38px !important;

        text-transform: uppercase !important;
        text-decoration: none !important;

        overflow: visible !important;
    }

    /* Texto real */
    #cabecalho .conteudo-topo .inferior .busca-mobile .menu.superior ul.nivel-um > li > a > strong {
        display: block !important;

        visibility: visible !important;
        opacity: 1 !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #1C1B19 !important;

        font-family: Arial, sans-serif !important;
        font-size: 9px !important;
        font-weight: 500 !important;

        letter-spacing: 1.1px !important;
        line-height: 38px !important;

        text-transform: uppercase !important;

        white-space: nowrap !important;
    }

    /* Remove possíveis regras do tema que escondam o conteúdo */
    #cabecalho .conteudo-topo .inferior .busca-mobile .menu.superior ul.nivel-um > li,
    #cabecalho .conteudo-topo .inferior .busca-mobile .menu.superior ul.nivel-um > li > a,
    #cabecalho .conteudo-topo .inferior .busca-mobile .menu.superior ul.nivel-um > li > a > strong {
        visibility: visible !important;
        opacity: 1 !important;
    }

}