.Cintos-De-Segurança {
    background-image:url("C:\Users\Marketting\Downloads\4d328286ce568199f884cf29b2565492-removebg-preview.png");
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

#cabecalho, .rodape {
    background-color: #000000 !important;
}

.botao {
    background-color: #d4af37 !important;
    color: #000000 !important;
    border: none;
}

.busca-campo {
    border: 1px solid #d4af37 !important;
}

body {
    background-color: #000000 !important;
}

#cabecalho {
    background-color: #000000 !important;
}

body, p, a, span, div, strong, li {
    color: #ffffff !important;
}

h1, h2, h3, .titulo, a:hover {
    color: #d4af37 !important;
}

.busca-campo {
    background-color: #1a1a1a !important;
    border: 1px solid #d4af37 !important;
    color: #ffffff !important;
}

.menu.superior {
    background-color: #000000 !important;
}

.rodape-premium .rodape-container {
    text-align: center; /* Centraliza o conteúdo dentro das colunas */
    display: flex;
    flex-direction: column;
    align-items: center;
}

.rodape-premium .rodape-coluna p {
    max-width: 600px;
    margin: 0 auto 20px auto;
}

/* Container do Cabeçalho */
.header-molinas {
    background-color: #000;
    border-bottom: 3px solid #d4af37;
    padding: 20px 0;
    width: 100%;
}

.header-content {
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Logo */
.logo-area img { max-width: 180px; }

/* Barra de Busca */
.search-area input {
    background: #1a1a1a;
    border: 1px solid #d4af37;
    color: #fff;
    padding: 10px;
    width: 300px;
}

.search-area button {
    background: #d4af37;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
}

/* Área de Login */
.login-area a {
    color: #d4af37;
    text-decoration: none;
    font-weight: bold;
}

/* Menu de Categorias */
.nav-menu ul {
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 30px;
    padding: 20px 0 0 0;
    margin: 0;
}

.nav-menu a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    transition: 0.3s;
}

.nav-menu a:hover {
    color: #d4af37;
}

.header-molinas {
    display: flex;
    flex-direction: column; /* Isso faz com que os itens fiquem um embaixo do outro */
    align-items: center;    /* Centraliza tudo horizontalmente */
    background-color: #000;
    padding: 20px 0;
    border-bottom: 3px solid #d4af37;
}

.header-content {
    display: flex;
    justify-content: center; 
    align-items: center;
    gap: 40px;               
    width: 100%;
    margin-bottom: 20px
}

.nav-menu {
    width: 100%;
    border-top: 1px solid #333; /* Uma linha fina para separar o menu */
    padding-top: 15px;
}

.nav-menu ul {
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 30px;
    margin: 0;
    padding: 0;
}

.listagem .listagem-item {
    background-color: #000000 !important;
    border: 1px solid #333 !important; /* Borda sutil para separar do fundo */
    padding: 10px;
}

.listagem .nome-produto {
    color: #d4af37 !important;
    font-weight: bold;
}

.listagem .preco-venda, 
.listagem .preco-promocional, 
.listagem .preco-produto {
    color: #d4af37 !important;
}

body, .conteiner-principal {
    background-color: #000000 !important;
}

.listagem-item * {
    color: #ffffff !important; /* Garante que qualquer outro texto fique branco */
}

    .listagem .preco-promocional {
    font-size: 1.2em;
}

.full-banner {
    max-width: 300px !important; 
    height: 100px !important;    
    margin: 0 auto !important;  
    overflow: hidden;          
}

.full-banner img {
    width: 300px !important;
    height: 100px !important;
    object-fit: cover;          
}

.full-banner {
    width: 100% !important;
    max-width: 100% !important;
    height: 100px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
}

.full-banner img {
    width: 100% !important;
    height: 100px !important;
    object-fit: cover; 
    object-position: center; 
}

.full-banner {
    display: none !important;
}

.rodape .institucional {
    display: none !important;
}

/* Remove a faixa superior do rodapé */
.rodape .institucional,
.rodape .links-rodape,
.rodape .span3,
.rodape .span4 {
    display: none !important;
}


body .conteiner-principal {
    display: flex;
    flex-direction: column;
}

body .conteiner-principal > *:first-child {
    order: 2;
}

body .conteiner-principal > *:nth-child(2) {
    order: 1;
}

#listagemProdutos {
    background: linear-gradient(135deg, #000000, #222222) !important;
}

/* Centraliza os selos */
.selos ul{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:15px !important;
    padding:0 !important;
    margin:0 auto !important;
    list-style:none !important;
}

.selos ul li{
    float:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

/* Tamanho uniforme dos selos */
.selos ul li img{
    max-height:70px !important;
    width:auto !important;
}

/* Centraliza formas de pagamento */
.pagamento ul,
.lista-formas-pagamento{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:10px !important;
}

/* Centraliza os títulos */
.pagamento,
.selos{
    text-align:center !important;
    width:100% !important;
}

.redes-sociais{
    display:none !important;
}

.sobre-nos{
    max-width: 900px;
    margin: 0 auto;
    padding: 50px 20px;
    text-align: left;
}

.sobre-nos h2{
    text-align: center;
    color: #d4af37;
    margin-bottom: 40px;
    font-size: 32px;
}

.topico{
    background: #111;
    border-left: 4px solid #d4af37;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
}

.topico h3{
    color: #d4af37;
    margin: 0 0 10px;
    font-size: 22px;
}

.topico p{
    color: #fff;
    line-height: 1.8;
    margin: 0;
    font-size: 16px;
}

/* ===== RESPONSIVO CELULAR ===== */
@media (max-width: 768px) {

    /* Evita rolagem horizontal */
    body,
    .conteiner,
    .row-fluid {
        overflow-x: hidden !important;
        max-width: 100% !important;
    }

    /* Logo */
    #barraTopo .titulo img,
    .logo img {
        max-width: 140px !important;
        height: auto !important;
        display: block;
        margin: 0 auto;
    }

    /* Busca */
    .busca {
        width: 100% !important;
        margin: 10px 0 !important;
    }

    .busca input {
        width: calc(100% - 50px) !important;
    }

    /* Menu */
    .menu.superior ul {
        display: flex !important;
        flex-direction: column !important;
        text-align: center !important;
    }

    .menu.superior li {
        width: 100% !important;
        border-bottom: 1px solid rgba(255,255,255,.1);
    }

    /* Banner */
    .hero {
        padding: 30px 15px !important;
    }

    .hero h1 {
        font-size: 28px !important;
    }

    /* Produtos */
    .listagem-item {
        width: 100% !important;
        margin: 0 0 20px 0 !important;
    }

    .listagem-item img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* Textos */
    h1 { font-size: 28px !important; }
    h2 { font-size: 24px !important; }
    h3 { font-size: 20px !important; }

    p {
        font-size: 15px !important;
        line-height: 1.6 !important;
    }

    /* Sobre nós */
    .sobre-nos {
        padding: 20px !important;
    }

    .topico {
        padding: 15px !important;
    }

    /* Rodapé */
    .institucional .row-fluid {
        display: flex !important;
        flex-direction: column !important;
    }

    .links-rodape,
    .redes-sociais {
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 20px !important;
    }

    /* Selos */
    .selos ul,
    .pagamento ul {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 10px !important;
    }

    .selos img {
        max-height: 60px !important;
    }

    /* Botões */
    .botao,
    .btn-cta {
        width: 100% !important;
        box-sizing: border-box;
        text-align: center;
    }
}

@media (max-width: 768px) {

    [class*="span"] {
        width: 100% !important;
        margin-left: 0 !important;
        display: block !important;
    }

}