:root {
/*geral*/
--cor-principal: #013f54;      /* Azul institucional */
--cor-secundaria: #000000;     /* Preto elegante */
--cor-terciaria: #353535;      /* Cinza escuro para contraste */
--cor-botao: #013f54;          /* Botões com azul sólido */
--cor-titulos: #000000;        /* Títulos fortes em preto */
--cor-preco: #013f54;          /* Preço destacado em azul */

/*topo da loja*/
--cor-background-topo: #013f54; /* Cabeçalho com azul institucional */

/*corpo da loja*/
--cor-background-corpo: #b3b3b3; /* Fundo neutro em cinza claro */

/*rodape da loja*/
--cor-menu-rodape: #353535;       /* Menu do rodapé em cinza escuro */
--cor-background-menu-rodape: #000000; /* Fundo preto para impacto */
--cor-background-rodape: #000000; /* Rodapé sólido em preto */

/*newsletter rodape*/
--cor-background-newsletter: #ffffff; /* Fundo branco para clareza */
--cor-texto-newsletter: #013f54;      /* Texto em azul para destaque */

/*texto fullbanner*/
--cor-texto-1: #013f54;  /* Azul para textos principais */
--cor-texto-2: #ffffff;  /* Branco para contraste */

/*compre junto*/
--cor-background-compre-junto: #ffffff; /* Fundo limpo e neutro */
}

body{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    
}
corpo{ margin-top:10px; border-top:2px #333; }

.menu .titulo {
    
    text-transform:none !important;
}
.login a {
      
    color: var(--cor-secundaria);
    font-size: 14px;
    font-weight:bold;
    margin-right: 5px;
}
.caixa1 span {
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-size: 10px;
    font-weight: 600;
    color: var(--cor-principal);
}
  .atributo-cor a span { border-width: 0 0 50px 50px; }
  
.listagem .titulo-categoria {
    
    text-transform:none !important;
}

.botao{ border-radius: 8px;}

.bandeiras-produto .bandeira-promocao {
    font-size:13px;
    border: none;
    border-radius: 16px;
    background: #013f54;
    text-align: center;
}
.listagem .listagem-item .nome-produto {
    font-size: 16px;
    font-weight:bold;
}

.listagem .info-produto .preco-produto div .preco-parcela {
    color: #013f54;
}

.listagem .info-produto .preco-produto div .preco-parcela strong {
  color: #013f54;
    font-weight: bold;
    font-size: 13px;
}
.acoes-produto .preco-produto .desconto-a-vista {
    font-size: 22px;
     font-weight:bold;
}
.preco-promocional  {
    font-size: 22px  !important;
     font-weight:bold  !important;
}


.desconto-a-vista strong {
    text-transform: uppercase;
 /*   color: #3483fa;*/
    font-weight:bold;
    
}

.bandeiras-produto {
    top: 1px;
    left: auto;
    width: 100%;
}
.listagem .listagem-item .nome-produto {
    font-size: 16px;
   /* font-weight:bold;*/
}