@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800;900&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  overflow: initial !important;
}

a {
  text-decoration: none;
  color: currentColor;
}

button {
  cursor: pointer;
}

::-moz-placeholder {
  color: var(--cinza-intermediario); /* Define a cor do placeholder */
  font-size: 12px; /* Define o tamanho da fonte */
  font-weight: 500; /* Define o peso da fonte */
  letter-spacing: 1px;
}

::placeholder {
  color: var(--cinza-intermediario); /* Define a cor do placeholder */
  font-size: 12px; /* Define o tamanho da fonte */
  font-weight: 500; /* Define o peso da fonte */
  letter-spacing: 1px;
}

input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type=number] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
          appearance: textfield;
}

:root {
  --font-family:"Montserrat", sans-serif;
  --vermelho:#D22630;
  --cinza-escuro:#4E5458;
  --preto:#000000;
  --cinza-intermediario:#AFAEAE;
  --cinza-medio:#D4D5D4;
  --cinza-claro:#F2F2F2;
  --verde:#27AE60;
  --transparente:transparent;
  --branco:#ffffff;
  --border-radius:5px;
  --border-line:1px;
  --margens-secoes-header: 1px 50px;
  --margens-menus-navegacao: 0 0 0 35px;
  --transicao:all 400ms;
  --height-img-zoom:480px;
  --gap-pdp:10px;
  --gap-pdp-txt:3px;
}

/*Titulos*/
h1.TituloDasCategorias {
  font-size: 25px;
  font-weight: 500;
  border-left: 4px solid #D22630;
  padding: 0 0 0 8px;
  text-align: left;
}

h2.TituloDasVitrines, h2.Titulo_PDPVitrine {
  font-size: 22px;
  font-weight: 500;
  margin: 40px 0 6px 0;
  border-left: 4px solid #D22630;
  padding: 0 0 0 8px;
  text-align: left;
  width: 100%;
}

h2.TituloFiltroCategoria {
  font-size: 14px;
  font-weight: 500;
  border-left: 2px solid #D22630;
  padding: 0 0 0 7px;
  text-align: left;
  width: 100%;
}

/*Linha Divisoria*/
hr.mg {
  border: 1px dashed var(--cinza-medio);
  margin: 30px 0;
}

hr.mp {
  border: 1px dashed var(--cinza-medio);
  margin: 10px 0;
}

hr.CardHR {
  border: 1px solid var(--cinza-medio);
}

/*Botoes*/
button.BotaoGeral, a.BotaoGeral {
  border-radius: var(--border-radius);
  text-align: center;
  transition: all 400ms;
  width: 100%;
  font-weight: normal;
  cursor: pointer;
}

#LogarCliente a.BotaoGeral {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: var(--verde);
  transition: all 400ms;
}

#CarrinhoAberto a.BotaoGeral {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: var(--branco);
  transition: all 400ms;
}

/*cores dos botoes*/
.botaoVerde {
  background: var(--verde);
  color: var(--branco);
  border: 2px solid transparent;
}

.botaoVerde:hover {
  opacity: 0.8;
  transition: all 400ms;
  border: 2px solid transparent;
}

.botaoVerdeVazado {
  background: var(--transparente);
  color: var(--verde);
  border: 2px solid var(--verde);
}

.botaoVerdeVazado:hover, #LogarCliente a.botaoVerdeVazado:hover {
  background: var(--verde);
  color: var(--branco);
  border: none;
  transition: all 400ms;
  border: 2px solid transparent;
}

/*tamanho dos botoes*/
.BtGrande {
  font-size: 16px;
  padding: 8px 30px;
}

.BtPequeno {
  font-size: 12px;
  padding: 5px 5px;
}

/*Campos*/
.SelectCampo {
  border: var(--border-line) solid;
  border-color: var(--cinza-medio);
  background: var(--cinza-claro);
  height: 32px;
  border-radius: var(--border-radius);
  width: 95%;
  margin: 0 0 15px 0;
  display: flex;
}

/*PAGINAÇÃO CATEGORIAS*/
/*----------paginação----------*/
.VitrineCards .pagination, #ResultadoDeBusca .pagination, .ListaAvaliacoes .pagination {
  margin: 50px 0 50px 0;
  text-align: center;
}
.VitrineCards .pagination ul.pagination-list, #ResultadoDeBusca .pagination ul.pagination-list, .ListaAvaliacoes .pagination ul.pagination-list {
  display: flex;
  list-style: none;
  gap: 5px;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.VitrineCards .pagination ul .pagination-item.TextoPagina, #ResultadoDeBusca .pagination ul .pagination-item.TextoPagina, .ListaAvaliacoes .pagination ul .pagination-item.TextoPagina {
  font-size: 13px;
  width: 130px;
  padding: 0 10px;
  height: 32px;
  background: var(--cinza-claro);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  color: var(--cinza-intermediario);
}
.VitrineCards .pagination ul .pagination-item.NumberPag, #ResultadoDeBusca .pagination ul .pagination-item.NumberPag, .ListaAvaliacoes .pagination ul .pagination-item.NumberPag {
  font-size: 20px;
  width: 32px;
  height: 32px;
  background: var(--cinza-claro);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  color: var(--cinza-intermediario);
}
.VitrineCards .pagination ul .pagination-item.TextoPagina a, #ResultadoDeBusca .pagination ul .pagination-item.TextoPagina a, .ListaAvaliacoes .pagination ul .pagination-item.TextoPagina a  {
  width: inherit;
  height: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
}
.VitrineCards .pagination ul .pagination-item.NumberPag a, #ResultadoDeBusca .pagination ul .pagination-item.NumberPag a, .ListaAvaliacoes .pagination ul .pagination-item.NumberPag a{
  width: inherit;
  height: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
}
.VitrineCards .pagination ul .pagination-item.TextoPagina:hover, .VitrineCards .pagination ul .pagination-item.NumberPag:hover,
#ResultadoDeBusca .pagination ul .pagination-item.TextoPagina:hover, #ResultadoDeBusca .pagination ul .pagination-item.NumberPag:hover,
.ListaAvaliacoes .pagination ul .pagination-item.TextoPagina:hover, .ListaAvaliacoes .pagination ul .pagination-item.NumberPag:hover {
  background: var(--vermelho);
  color: var(--branco);
}
.VitrineCards .pagination .pagination-item.NumberPag.ativo, 
#ResultadoDeBusca .pagination .pagination-item.NumberPag.ativo, 
.ListaAvaliacoes .pagination .pagination-item.NumberPag.ativo{
  background: var(--vermelho);
  color: var(--branco);
}
.VitrineCards .pagination .pagination-prev, .VitrineCards .pagination .pagination-next,
#ResultadoDeBusca .pagination .pagination-prev, #ResultadoDeBusca .pagination .pagination-next,
.ListaAvaliacoes .pagination .pagination-prev, .ListaAvaliacoes .pagination .pagination-next {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.VitrineCards .pagination .pagination-prev:hover, .VitrineCards .pagination .pagination-next:hover,
#ResultadoDeBusca .pagination .pagination-prev:hover, #ResultadoDeBusca .pagination .pagination-next:hover,
.ListaAvaliacoes .pagination .pagination-prev:hover, .ListaAvaliacoes .pagination .pagination-next:hover {
  background: var(--vermelho);
  color: var(--branco);
  border-radius: 3px;
}
.VitrineCards .pagination .pagination-prev a, .VitrineCards .pagination .pagination-next a,
#ResultadoDeBusca .pagination .pagination-prev a, #ResultadoDeBusca .pagination .pagination-next a,
.ListaAvaliacoes .pagination .pagination-prev a, .ListaAvaliacoes .pagination .pagination-next a {
  height: 100%;
  display: block;
}
.VitrineCards .pagination .pagination-prev a:before, #ResultadoDeBusca .pagination .pagination-prev a:before,
.ListaAvaliacoes .pagination .pagination-prev a:before {
  font-family: "bootstrap-icons";
  content: "\f284";
  font-weight: 500;
  font-size: 25px;
  color: var(--cinza-intermediario);
  line-height: 32px;
}
.VitrineCards .pagination .pagination-next a:before, #ResultadoDeBusca .pagination .pagination-next a:before,
.ListaAvaliacoes .pagination .pagination-next a:before {
  font-family: "bootstrap-icons";
  content: "\f285";
  font-weight: 500;
  font-size: 25px;
  color: var(--cinza-intermediario);
  line-height: 32px;
}
.VitrineCards .pagination .pagination-prev a:hover:before, .VitrineCards .pagination .pagination-next a:hover:before,
#ResultadoDeBusca .pagination .pagination-prev a:hover:before, #ResultadoDeBusca .pagination .pagination-next a:hover:before,
.ListaAvaliacoes .pagination .pagination-prev a:hover:before, .ListaAvaliacoes .pagination .pagination-next a:hover:before {
  color: var(--branco);
}

/*RESPONSIVO*/
@media (max-width: 1366px) {
  :root {
    --margens-menus-navegacao: 0 0 0 20px;
    --margens-secoes-header: 1px 35px;
  }
}
@media (max-width: 1024px) {
  :root {
    --margens-secoes-header: 1px 20px;
    --margens-menus-navegacao: 0 0 0 0px;
  }
}
@media (max-width: 600px) {
  :root {
    --margens-secoes-header: 1px 5px;
  }
  h1.TituloDasCategorias {
    font-size: 17px;
    margin: 0px 0 7px;
  }
}
@media (max-width: 475px) {
  :root {
    --height-img-zoom:390px;
  }
  h1.TituloDasCategorias {
    font-size: 21px;
    margin: 0 0 4px;
  }
}
@media (max-width: 445px) {
  :root {
    --height-img-zoom: 320px;
  }
}
@media (max-width: 432px) {
  h1.TituloDasCategorias {
    font-size: 19px;
    margin: 0 0 4px;
  }
}
@media (max-width: 414px) {
  h1.TituloDasCategorias {
    font-size: 17px;
    margin: 0px 0 7px;
  }
}
@media (max-width: 399px) {
  h1.TituloDasCategorias {
    font-size: 17px;
  }
}/*# sourceMappingURL=variaveis.css.map */