/* Listagem Horizontal Menu Categorias Página */

.produtos-cat .lista-categorias-hor {  
  margin: 0 auto 25px auto;
  text-align: left;
  display: flex;
	flex-wrap: nowrap;
	overflow-x: scroll;
}

.produtos-cat .lista-categorias-hor .item-menu {
  font-size: 18px;
  font-weight: 600;
  width:auto;
  padding:10px 15px;
  background: var(--color-08-dark);
  margin: 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.produtos-cat .lista-categorias-hor .item-menu a {
  color: var(--color-01);
  font-size: 14px;
  font-weight: 600; 
  padding:5px;
}

.produtos-cat .lista-categorias-hor .item-menu:hover{
  background: var(--color-03-dark);
  color: var(--color-01)!important;
}

.link-cat-prod-ativo {
  background: var(--color-03-dark)!important;
}

.link-cat-prod-ativo a{
  color: var(--color-01)!important;
}

.link-cat-prod-ativo:hover{
  background: var(--color-03)!important;
}

.produtos-cat .lista-categorias .item-menu {
  padding:5px;
  background: var(--color-01-dark2);
  margin-bottom: 10px;
}

.produtos-cat .lista-categorias .item-menu a {
  color: var(--color-08);
  font-size: 14px;
  font-weight: 600; 
  padding:5px;
}

.produtos-cat .lista-categorias .item-menu:hover{
  background: var(--color-01-dark1);
  color: var(--color-01)!important;
}

/* Listagem Categorias Página Produtos Template 02 */

.produtos-tpl02 .categorias-cards-home {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 200px;
  margin-bottom: 25px;
  background-size: cover!important;
  background-repeat: no-repeat;
  background-position: center center !important;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.produtos-tpl02 .categorias-cards-home .nome {
  background: var(--color-01-opacity); 
  color: var(--color-03);
  padding:20px 20px;
  font-size: 1.2em;
  font-weight: 500; 
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

/* Listagem Categorias Página Produtos Template 02 */

.produtos-tpl02 .categorias-cards {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 350px;
  margin-bottom: 25px;
  background-size: cover!important;
  background-repeat: no-repeat;
  background-position: center center !important;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.produtos-tpl02 .categorias-cards .nome {
  background: var(--color-01-opacity); 
  color: var(--color-08);
  padding:20px 20px;
  font-size: 1.75em;
  font-weight: 500; 
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.produtos-tpl02 .card .card-img {
  height: 400px;
  margin-bottom: 20px;
  overflow: hidden;
  text-align: center;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center center !important;
}

.produtos-tpl02 .card .title {
  text-align: center;
}


/* Produto Template 02 */

.produtos-tpl02 .item {
  padding: 25px 0 25px 0;
  display:flex;
  flex-direction: row;
  border-bottom: 2px solid var(--color-01-dark2);
}

.produtos-tpl02 .item .img {
  width: 100%;
  height: 250px;
  overflow: hidden;
  text-align: center;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center center !important;
}

.produtos-tpl02 .item .dados {
  padding: 10px;
  background: var(--color-01);
  text-align: left;
}

.produtos-tpl02 .pos-preco {
  color: var(--color-08-light) !important;
  font-size: 0.8em !important;
}

.produtos-tpl02 .preco-normal {
  color: var(--color-03);
  font-size: 1.3em;
}

.produtos-tpl02 .preco-normal-para-promocional{
  color: var(--color-08);
  font-size: 1em;
}

.produtos-tpl02 .preco-promocional {
  color: var(--color-03);
  font-size: 1.3em;
}

.produtos-tpl02 .sem-preco {
  color: var(--color-03);
  font-size: 1em;
}

.produtos-tpl02 .detalhes-extras{
  color: var(--color-08);
  font-size: 0.8em;
}

.produtos-tpl02 .item .dados .title {
  font-size: 1em;
  font-weight: 600;
  color: var(--color-08);
}

.produtos-tpl02 .item .dados .title:hover{
  color: var(--color-03) !important;
}

.produtos-tpl02 button {
  margin-top:20px;
  background: var(--color-03);
  border: 0;
  border-radius: 5px;
  padding: 8px 15px;
  color: var(--color-01);
  transition: 0.4s;
}

.produtos-tpl02 button:hover {
  background: var(--color-03-dark);
  color: var(--color-01);
}

.produtos-tpl02 .btn-cta{
  font-size: 1.4em;
  width: 270px;
  padding: 10px;
  background: var(--color-03);
  color: var(--color-01);
  text-align: center; 
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; 
}

.produtos-tpl02 .btn-cta:hover {
  color: var(--color-01);
  background-color:  var(--color-04);
  transition: 0.3s;
}

@media (max-width: 768px) {
  .produtos-tpl02 .item {
    display:column;
    flex-direction: column-reverse;
  }
  .produtos-tpl02 .item h4{
    font-size: 1.25em;
  }
  .produtos-tpl02 .item p{
    font-size: 0.9em;
  }
  .produtos-tpl02 .item .img {
    width: 100%;
    height: 180px;
  }  
}