.fundo-principal {
    background-color: #2E64FE;
}

/* Para a classe .cor-principal */
.cor-principal {
    color: #2E64FE; /* Define a cor do texto como #2E64FE */
}

/* Para a classe .fundo-secundario */
.fundo-secundario {
    background-color: #000000; /* Define a cor de fundo como #000000 */
}

/* Para a classe .cor-secundaria */
.cor-secundaria {
    color: #000000; /* Define a cor do texto como #000000 */
}

.titulo { font-family: 'Oswald', Arial, sans-serif; font-weight: 400; }

.menu-desktop .menu>ul {   display: flex;align-items: center; width: 100%;position: relative;justify-content: center;flex-wrap: wrap;
.cabecalho-inside{ display: flex; align-items: center; justify-content: space-between; }
#rodape {border-top: 1px solid #efefef;box-shadow: 0 -2px 6px 0 rgba(196, 196, 196, 0.18); /* Corrigido */position: relative;
}
.listagem-item .produto-sobrepor {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    background-color: rgba(255, 255, 255, 0); /* Corrigido */
    /* Corrigido o background-color e a estrutura do seletor .strongclass */
.some-class{display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 10;background-color: rgba(255, 255, 255, 0); /* Corrigido */
}
.fundo-principal {
background-color: #2E64FE;
}
.fundo-principal .strongclass { /* Seleciona .strongclass dentro de .fundo-principal */
font-size: 15px;font-weight: 500;}
.bloco-conteudo {
  width: 283.182px;
  height: 664.133px;
  object-fit: cover;
.botao {width: 150px; height: 50px; font-size: 16px;}
.produto-grid {
width: 283.182px;
height: 664.133px;
object-fit: cover;
margin: 10px;
background-color: #f0f0f0;
}
:root {
  --csCorPrincipal: #201f1f;
  --csBotoes: #30a77e;
  --csSuporte: #27bf64;
  --csSuporteIcone: #ffffff;
  --csInfoDestaque: #f1f1f1;
  --csInfoDestaqueTxt: #565656;
  --csCab: #ffffff;
  --csCabTxt: #201f1f;
  --csBusca: #f6f6f6;
  --csBuscaTxt: #808080;
  --csCarrinhoqtd: #30a77e;
  --csCarrinhoqtdn: #ffffff;
  --csMenu: #201f1f;
  --csMenuTxt: #ffffff;
  --csTodasCategorias: #ffffff;
  --csOfertas: #2b2a2a;
  --csOfertasTxt: #ffffff;
  --csBandeiraDesconto: #ee8403;
  --csBp1: #ee8403;
  --csBp2: #4a93d4;
  --csBp3: #6aa84f;
  --cFundo: #f8f8f8;
  --cBotoes: #00368a;
  --cBotoesTxt: #ffffff;
  --cTitulos: #313131;
  --cAlerta: #00368a;
  --cdP: #2fa12e;
  --cSuporte: #00368a;
  --cSuporteIcone: #ffffff;
  --cBarra: #00368a;
  --cBarraTxt: #ffffff;
  --cInfoDestaque: #2fa12e;
  --cInfoDestaqueIcone: #000000;
  --cInfoDestaqueTxt: #000000;
  --cCab: #ffffff;
  --cCabIcones: #00368a;
  --cCabTxt: #000000;
  --cBusca: #f5f5f5;
  --cBuscaTxt: #000000;
  --cCarrinhoqtd: #00368a;
  --cCarrinhoqtdn: #ffffff;
  --cMenu: #00368a;
  --cMenuTxt: #ffffff;
  --cTodasCategoriasIcone: #00368a;
  --cTodasCategoriasTxt: #ffffff;
  --cOfertas: #cc0000;
  --cOfertasTxt: #ffffff;
  --cOfertasT: #313131;
  --cOfertasL: #00368a;
  --cOfertasLTxt: #ffffff;
 
}
.produto-grid {
  width: 300px;   
  height: 400px; 
  margin: 10px;
  background-color: #f0f0f0; 
}