@media only screen and (max-width: 479px) {
    .listagem .listagem-item .imagem-produto, .listagem .listagem-item .info-produto {
        margin: -10px;
    }
}



#corpo .listagem .listagem-item .info-produto a.nome-produto:after {
    content: "";
    width: 75px;
    height: 3px;
    background-color: #d4d4d4;
    display: table;
    margin: 10px auto;
}

.listagem .span3 .listagem-item .nome-produto, .listagem .produtos-carrossel[data-produtos-linha="4"] .listagem-item .nome-produto {
    min-height: 1px;
}



#rodape>div:last-child .conteiner {
    padding: 10px 20px 5px;
    display: none;
}









/* Container da Missão - Limpo e Branco */
#secao-missao-guaraci {
    /* width: 100% !important; */
    padding: 60px 20px 40px !important;
    background-color: #ffffff !important; /* Branco Sólido */
    text-align: center !important;
    clear: both !important;
}

.container-missao {
    max-width: 900px !important;
    margin: 0 auto !important;
}

/* Logo */
.missao-logo {
    width: 100px !important; /* Ajuste o tamanho aqui */
    height: auto !important;
    margin-bottom: 15px !important;
}

/* Texto da Missão - 16px Fixo */
.missao-texto p {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: #333333 !important;
    font-weight: 500 !important;
    margin: 0 auto 30px !important;
    max-width: 750px !important;
    letter-spacing: 0.5px !important;
}

.divisor-ouro {
    width: 200px !important; /* Ficou um pouco mais larga */
    height: 2px !important;  /* Ficou um pouco mais grossa */
    background: #d4af37 !important;
    margin: 40px auto 0 !important; /* Deu mais espaço antes das redes sociais */
    opacity: 1 !important;   /* Cor sólida, sem transparência */
}

/* Ajuste Mobile */
@media screen and (max-width: 767px) {
    #secao-missao-guaraci {
        padding: 40px 15px 20px !important;
    }
    .missao-texto p {
        font-size: 16px !important;
    }
}




/* Título */
#bloco-redes-guaraci h4.titulo-comum {
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin-bottom: 40px !important;
    font-size: 22px !important;
    letter-spacing: 1px;
    color: #222;
}

/* Alinhamento dos botões */
.wrapper-redes-meio {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 30px !important; /* Espaço mais equilibrado */
    flex-wrap: wrap; /* Permite quebrar em telas menores */
}

/* BOTÕES CIRCULARES ELEGANTES */
.btn-circular-extra {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 70px !important;
    height: 70px !important;
    border-radius: 50% !important; /* Agora circulares */
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 32px !important; /* Ícone grande, mas proporcional */
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15); /* Sombra elegante */
}

/* Hover com efeito dinâmico */
.btn-circular-extra:hover {
    transform: scale(1.15) rotate(8deg) !important;
    box-shadow: 0 6px 14px rgba(0,0,0,0.25);
}

/* Cores Oficiais */
.btn-insta { 
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888) !important; 
}
.btn-face { 
    background-color: #1877f2 !important; 
}
.btn-tiktok { 
    background-color: #000000 !important; 
}

/* MOBILE - Ajuste para caber na largura do celular */
@media (max-width: 767px) {
    .wrapper-redes-meio {
        gap: 20px !important;
    }
    .btn-circular-extra {
        width: 60px !important;
        height: 60px !important;
        font-size: 26px !important;
    }
}













/* Customização Preço  PIX da vitrine */

.preco-parcela {
    display: none !important;
}


#corpo .listagem .listagem-item .info-produto .preco-produto .preco-promocional, #corpo .listagem .listagem-item .info-produto .preco-produto strong.preco-venda {
    color: #000;
    font-weight: 600;
}

#corpo .listagem .listagem-item .info-produto .preco-produto .desconto-a-vista strong {
    color: #0c932d;
    font-size: 20px!important;
    font-weight: 800;
}

/* REMOVER BLOCO DE CONTATO APENAS NO MOBILE */
@media (max-width: 767px) {
    /* Alvo direto na classe que você enviou */
    .span12.visible-phone {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
}

/* Alinhamento do texto na barra de menu */
.menu.superior .nivel-um > li a {
    display: flex !important;
    align-items: center !important;  /* Centraliza Verticalmente */
    justify-content: center !important; /* Centraliza Horizontalmente */
    height: 30px !important;         /* Deve ser a mesma altura da barra */
    padding: 0 15px !important;      /* Espaçamento lateral entre os nomes */
    text-decoration: none !important;
}

.menu.superior .nivel-um > li a strong {
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    font-family: Lato, sans-serif;
    font-weight: 700;
    line-height: 1 !important; /* Remove recuos internos da própria fonte */
    margin: 0 !important;      /* Garante que não haja margens empurrando o texto */
}


/* Remove completamente a barra inicial do topo */
.barra-inicial {
    display: none !important;
    height: 0 !important;
    visibility: hidden !important;
    border: none !important;
}

/* Alinhamento do produto no carrocel do mobile */
@media only screen and (max-width: 767px) {
.listagem .listagem-linha li {
width: 50%;
float: left;
padding: 0 !important;
margin: 0 !important;
}
}

/* Diminuir espaço do padding do menu com o banner */
.secao-banners .conteiner {
    padding-top: 10px;
}

/* Altura da barra do menu, expessura */
.menu.superior {
    height: 30px;
}

/* Diminuir espaço entre menu e banner abaixo */
.tema-pequeno .conteiner {
    max-width: 980px;
}
.menu.superior {
    height: 30px;
}

.listagem .listagem-linha:first-child {
    padding: 0px 0 0;
    margin: 0;
    border: 0;
}

#corpo .listagem.aproveite-tambem h4:after, #corpo .listagem .titulo-categoria:after {
    margin: 9px auto 1px;
   
}

.texto-animado {
    font-size: 24px;
}

.conteudo-topo .superior {
    padding: 0px 0;
}

/* Aplica apenas para telas com largura de até 767px (Padrão Mobile) */
@media only screen and (max-width: 767px) {
    #corpo .listagem.aproveite-tambem h4, 
    #corpo .listagem .titulo-categoria {
        font-size: 20px;
    }
}