/*************************************************************************
 *
 * Tema..................: SR Redes Esportivas
 * Descrição.............: Loja especializada em artigos esportivos.
 * URL...................: http://www.srredes.com
 * Autor.................: IComm Agência Digital
 * URL...................: http://www.agenciaic.com.br
 * Plataforma............: Loja Integrada
 * Versão................: 1.0
 * Data de Criação.......: 29/07/2015
 * Data de Atualização...:
 *
*************************************************************************/ 

/* Reset */

.conteiner-principal
.conteiner {
    background: none;
    box-shadow: none;
}

/* Barra Topo */

.barra-inicial {
    border-bottom: 2px solid #fff;
    border-top: 2px solid #8CC63F;
}

.barra-inicial ul  {
    height: 15px;
    margin-top: 7px;

}

.barra-inicial ul li {
    border-color: #fff !important;
    line-height: 0;
}

/* Cabeçalho */

#cabecalho {
    background:url(https://cdn.awsli.com.br/150/150968/arquivos/menu.jpg) center bottom no-repeat;
	border-top: 2px solid #8CC63F;
    height: 220px; 
}

#cabecalho .superior {
    padding-bottom: 10px;
}


#cabecalho a.bem-vindo {
   background: #056839;
   border-radius: 6px;
   color: #fff;
   padding: 5px 10px;
}

#cabecalho a.bem-vindo span {
    color: #8CC63F;
    font-weight: bold;
}

#barraTopo .busca,
#cabecalho .busca {
   background: #fff;
   border: 1px solid #8CC63F;
   border-radius: 8px;
   padding: 5px;
}

#barraTopo input,
#cabecalho input {
   border: none;
   box-shadow: none;
   width: 90%
}

#barraTopo .busca .botao,
#cabecalho .busca .botao {
    background: #8CC63F;
    border: 0;
    border-radius: 8px;
    line-height: 0px !important;
    padding: 19px;
    position: absolute;
    top: 0;
    right: -1px !important;
}

#cabecalho .carrinho {
   background: #8CC63F;
   border: none;
   border-radius: 8px;
}

#cabecalho .carrinho i {
    background: #056839;
    border-radius: 8px;
    padding: 0 5px;
}

#cabecalho i.icon-list,
#cabecalho i.icon-user {
padding: 4px;}

#cabecalho .carrinho span {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

#cabecalho .acoes-conta {
    border-bottom: 2px solid #ddd;
    padding-bottom: 7px;
}



#cabecalho .carrinho-interno {
    border-top: 5px solid #417544 ;
}

#cabecalho .carrinho .qtd-carrinho {
     color: #fff !important;
 }

#cabecalho .carrinho span b {
    font-size: 14px !important;
}

 #cabecalho .carrinho span.cor-secundaria {
     font-size: 11px;
     font-weight: normal;
 }

 #cabecalho .carrinho-interno .botao {
     padding: 12px !important;
     position: relative;
     bottom: 0 !important;
 }

#cabecalho .carrinho-interno span {
    color: #666;
    display: block;
    font-size: 12px !important;
    font-style: none !important;
}

#cabecalho .carrinho-interno span i {
    background: none;
    font-size: 11px;
    font-style: normal;
    text-transform: none;
    margin-bottom: 10px;
}

 #cabecalho .carrinho-interno i.icon-shopping-cart {
    background: none;
}


/* Menu Central */

.menu.superior {
    background: none;
    position: relative;
    top: 40px;
    padding: 0 !important;
    margin: 0 !important;
}

.menu.superior ul.nivel-um {
    padding: 0 !important;
    margin: 0 !important;
}

.menu.superior ul.nivel-um li {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 2px !important;
    border-top: 0 !important;
}

.menu.superior ul.nivel-um li a {
    padding: 1px 10px;
    margin: 0 5px;
    border-radius: 4px;

}

.menu.superior ul.nivel-um li a:hover {
    background: #056839;
}

.menu.superior ul.nivel-um li a strong {
    color: #fff;
    font-size: 13px !important;
    text-transform: uppercase;
}

.menu.superior ul.nivel-um a i {
    background: #8CC63F;
    border: 2px solid #8CC63F;
    color: #fff !important;
    border-radius: 50%;
}

.menu.superior ul.nivel-um li ul {
    top: 34px;
}

.menu.superior ul.nivel-dois {
    background: #eee;
    padding: 0;
    left: 5px;
}

.menu.superior ul.nivel-dois li {
    border-bottom: 1px solid #ccc;
}

.menu.superior ul.nivel-dois li:hover {
    background: #fff !important;
}

.menu.superior ul.nivel-dois li a,
.menu.superior ul.nivel-dois li a:hover {
    background: none !important;
}


/* menu lateral */

.menu.lateral ul  {
  border-top: 4px solid #417544;}

.menu.lateral ul li a {
    background: #eee !important;
    box-shadow: none !important;
}

.menu.lateral ul li a strong {
    border-left: 5px solid #8CC63F !important;
    padding-left: 10px !important;
    display: inline-block;
}

.menu.lateral ul li ul li a {
    background: transparent !important;
}


/* Rodapé */

#rodape .pagamento-selos {
    background: #ffffff;
}

#rodape .pagamento-selos .titulo {
    border-bottom: 1px solid #666 !important;
    color: #666;
    font-weight: 600;
    padding: 20px 0 10px 0 !important;
    text-transform: uppercase;
}

 #rodape .institucional .titulo {
    border-bottom: 2px solid #8CC63F !important;
    font-weight: 600;
    padding: 20px 0 10px 0 !important;
    text-transform: uppercase;
 }
 
 #rodape .institucional{
	 border-top:1px solid #417544;
 }

 #rodape a,
 #rodape p {
     font-size: 14px;
 }

 #rodape p {
     line-height: 22px;
 }

#rodape .links-rodape li {
    list-style: none;
}

#rodape .span12 p {
    font-size: 11px;
    color: #666;
}

/* Lateral */

.sugestoes { 
    border-top: 1px solid #417544;
    border-left: 1px solid #8CC63F;
    border-right: 1px solid #8CC63F;
    border-bottom: 1px solid #8CC63F;
    box-shadow: none;
}

.sugestoes span.titulo {
    border-top: 5px solid #417544 !important;
}

.newsletter {
    border-top: 5px solid #417544 !important;
}


/* Vitrine */

.listagem-linha .span4 {
    border: 0 !important;
}

.listagem-item {
    background: #eee;
    border-bottom: 4px solid #8CC63F;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center;
}

.listagem-item strong.preco-promocional {
    display: block;
    font-size: 22px;
    font-weight: 700;
}

.listagem-item .imagem-produto {
    background:url(//cdn.awsli.com.br/150/150968/arquivos/bg_vitrine.png) bottom center no-repeat;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.listagem-item .imagem-produto img {
 width: 89%;
 }


.listagem-item a {
    color: #666;
    padding: 0 10px 10px 10px;
}

.listagem-item .info-produto .preco-parcela {
    background: #8CC63F;
    color: #fff !important;
    padding: 6px 18px;
    font-weight: bold;
    margin-bottom: 15px !important;
    display: inline-block;
}

.listagem-item .info-produto .preco-parcela strong {
    color: #fff;
}

.listagem-item .acoes-produto {
    background:url(//cdn.awsli.com.br/150/150968/arquivos/h_srredes.png) center center no-repeat;
    height: 100%;
    top: 0;
    border: none;
    padding: 0;
}

.listagem-item .acoes-produto a {
    position: relative;
    top: 270px;
    padding: 12px 28px;
}

/* Barra Topo */

 #barraTopo {
     border-top: 2px solid #8CC63F;
     height: 50px;
     padding: 3px 0;
 }

 #barraTopo h4 {
     background:url(//cdn.awsli.com.br/400x300/150/150968/logo/cb193a02fc.png) left center no-repeat;
     background-size: 60%;
     font-size: 0;
     height: 40px;
 }


#barraTopo .carrinho {
   background: #8CC63F;
   border: none;
   border-radius: 8px;
   height: 40px;
}

#barraTopo .carrinho i {
    background: #056839;
    border-radius: 8px;
    padding: 5px;
}

#barraTopo .carrinho span {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

#barraTopo .carrinho-interno {
    border-top: 5px solid #417544 ;
}

#barraTopo .carrinho .qtd-carrinho {
     color: #fff !important;
     font-size: 15px;
     line-height: 40px;
 }

#barraTopo .carrinho span b {
    font-size: 15px !important;
}

 #barraTopo .carrinho span.cor-secundaria {
     font-size: 15px !important;
     font-weight: normal;
     position: relative;
     top: 5px;
     left: 8px;
 }

 #barraTopo .carrinho-interno .botao {
     padding: 5px 10px !important;
     position: relative;
     bottom: 0 !important;
 }

#barraTopo .carrinho-interno span {
    color: #666;
    display: block;
    font-size: 11px !important;
    font-style: none !important;
}

#barraTopo .carrinho-interno span i {
    background: none;
    font-size: 11px;
    font-style: normal;
    text-transform: none;
    margin-bottom: 10px;
}

 #barraTopo .carrinho-interno i.icon-shopping-cart {
    background: none;
}

#barraTopo .carrinho span b.titulo { 
    color: #fff; 
    font-size: 12px !important; 
    line-height: 25px;
}


#barraTopo .canais-contato {
    position: relative;
    top: 5px;
}

/* Página interna */

.menu.lateral .nivel-dois {
    box-shadow: none;
    background: #ddd;
    border: none;
}

.menu.lateral .nivel-dois li:hover {
    background: none !important;
}

.menu.lateral .nivel-um i {
    display: none;
}


.produto h1 {
    color: #333;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px !important;
}

.produto .preco-promocional {
    font-size: 18px !important;
    font-weight: 700;
	color:#333;
}

.produto .preco-parcela {
    background: #8CC63F;
    color: #fff;
    margin-top: 5px;
    font-weight: bold;
    padding: 3px 10px;
    display: inline-block;
}

.produto .preco-parcela strong {
    color: #fff;
}

.aproveite-tambem h4 {
    background: #eee !important;
    color: #666;
    border-left: 4px solid #8CC63F;
    padding: 10px;
}

.aproveite-tambem a {
    font-weight: normal !important;
}

.produto .principal {
    border-left: 1px solid #ddd;
    padding-left: 25px;
}

.produto .abas-custom .tab-content {
    box-shadow: none !important;
}


/* carrinho -> lateral */

.produto .acoes-flutuante .preco-produto .desconto-a-vista, 
.produto .acoes-flutuante .preco-produto .preco-parcela {
    display: inline-block !important;
}


/* Checkout */

.tabela-carrinho {
    box-shadow: none !important;
}

.tabela-carrinho h6 {
    color: #fff !important;
}

.tabela-carrinho strong {
    font-weight: 700;
}

.caixa-sombreada {
    box-shadow: none;
}

.tabela-carrinho th {
    background: #8CC63F;
    border: 1px solid #fff !important;
    text-transform: uppercase;
}

.tabela-carrinho td {
    border: 1px solid #ddd;
}


.aproveite-tambem .span3 {
    border: 0 !important;
}

.aproveite-tambem .acoes-produto a {
    border: none !important;
}

@media (max-width: 768px) {

    /* topo */
    .atalhos-mobile.fundo-secundario { background: #056839; border-bottom: 5px solid #8CC63F; }
    .atalhos-mobile li { border-left: 1px solid #8CC63F; border-right: none; }
    .atalhos-mobile li.fundo-principal { background: #8CC63F; }

    /* cabecalho */
    #cabecalho { height: 180px; }
    #cabecalho .busca-mobile { background: none; }
    #cabecalho .busca-mobile input { height: 8px; }
    #cabecalho .botao.principal { background: #8CC63F; border-radius: 6px; box-shadow: none; }

    /* menu */
    .menu.superior { z-index: 999 !important; display: table !important; width: 100%; top: 10px; border: 0 !important; }
    .menu.superior ul.nivel-um { background: #fff !important; border-radius: 6px; box-shadow: black !important; margin: 5px !important; 
        -webkit-box-shadow: 1px 0px 25px 0px rgba(102,102,102,1);
        -moz-box-shadow: 1px 0px 25px 0px rgba(102,102,102,1);
        box-shadow: 1px 0px 25px 0px rgba(102,102,102,1);
        padding: 10px !important;
    }
    .menu.superior ul.nivel-um li { border-color: #ddd; margin: 2px 10px !important;}
    .menu.superior ul.nivel-um li:hover { background: #056839 !important; color: #fff !important;}
    .menu.superior ul.nivel-um li:last-child { border: 0; }
    .menu.superior ul.nivel-um li a { margin: 0; border-radius: 0; padding: 5px 12px; color: #666 !important; border-left: 5px solid #8CC63F; }
    .menu.superior ul.nivel-um li a:hover { background: #056839 !important; }
    .menu.superior ul.nivel-um li a strong { color: #666; }
    .menu.superior ul.nivel-um li:hover strong { color: #fff !important; }
    .menu.superior ul.nivel-dois { background: #ddd !important; padding: 0 !important; margin: 0 !important; }
    .menu.superior ul.nivel-dois li { margin: 0px !important; padding-left: 5px !important; border-color: #fff !important; }
    .menu.superior ul.nivel-dois li:hover { background: #8CC63F !important; }
    .menu.superior ul.nivel-dois li a { color: #999; border: 0 ; }
    .menu.superior ul.nivel-dois li a:hover { color: #fff !important; }

   /*vitrine */
   .listagem-item a { font-weight: normal !important; line-height: 24px !important; }

   /* rodape */
   #rodape { text-align: center !important; }
   #rodape .institucional span,
   #rodape .pagamento-selos span { margin-bottom: 20px !important; }
   #rodape ul.bandeiras-pagamento { margin: 0 50px !important; }

}

@media (min-width: 768px) and (max-width: 1024px) {

    /* barra topo */
    #barraTopo .busca input { font-size: 12px !important; }
    #barraTopo .carrinho strong.qtd-carrinho { font-size: 17px !important; }

    /*cabecalho */
    #cabecalho { height: 220px; }
    #cabecalho .acoes-conta { font-size: 11px !important; }
    #cabecalho .logo img { margin-top: 50px; }
    #cabecalho .carrinho strong.qtd-carrinho { font-size: 21px !important; }
    #cabecalho .carrinho span b, #cabecalho .carrinho span { font-size: 10px !important; }

    /* rodape */
    #rodape { text-align: left !important; }
    #rodape ul.bandeiras-pagamento { margin: 0 !important; }
}

/* PÁGINA PRODUTO */

.pagina-produto .produto .principal {
    border-left: 2px solid #ccc;
    padding: 25px;
    background: #DDD;
}

.pagina-produto .produto .principal .botao-comprar{
	background:#0C653B !important;
	text-transform:uppercase;
}

.pagina-produto .produto .principal .botao-comprar:hover{
	background:#8CC63F !important;
}
/*.pagina-produto .produto .principal .botao-comprar:hover{
	background:#3B7239 !important;
}*/

.pagina-produto .breadcrumbs ul {
    margin: 0;
    background: #ccc !important;
    padding: 5px 10px !important;
}

.pagina-produto .produto h1 {
    color: #333;
    font-weight: 700;
    font-size: 23px !important;
	text-transform:none;
}

.pagina-produto .parcelas-produto .accordion{
    background:#FFF;
}

.pagina-produto .produto .cep ul{
background:#FFF;
}

.pagina-produto .produto .acoes-produto .destaque-parcela div {
      border-bottom: 1px solid #999;
      padding-bottom: 9px;
}

.pagina-produto .produto .acoes-produto .preco-produto.destaque-parcela .titulo {
    font-size: 22px;
    font-weight: bold;
}

.pagina-produto .acoes-produto .preco-produto.destaque-parcela .preco-parcela .titulo{
    font-size: 22px;
    font-weight: bold;
}


.pagina-produto .produto .acoes-produto .preco-produto.destaque-parcela .preco-venda{
    font-size: 16px !important;
    color: #999 !important;
}

.pagina-produto .acoes-produto .preco-produto.destaque-parcela .preco-parcela .preco-promocional{
    font-size: 18px !important;
    color: #333 !important;
    font-weight: bold !important;
}

.produto .acoes-flutuante .acoes-produto .comprar{
	float:left;
}

.pagina-produto .produto .acoes-flutuante .acoes-produto .botao-comprar{
	background:#0C653B !important;
	text-transform:uppercase;
}


.pagina-produto .produto .acoes-flutuante .acoes-produto .botao-comprar:hover{
	background:#3B7239 !important;
}

.produto .acoes-flutuante .image img{
	display:none;
}

.pagina-produto .abas-custom .tab-content{
	background:#eee;
}

.pagina-produto .banner.tarja{
	display:none;
}

/*CARRINHO*/
.carrinho-checkout #cabecalho{background:#eee !important; height:auto;}
.carrinho-checkout body{background:#eee;}
.carrinho-checkout .atendimento{background:#FFF !important;}
.carrinho-checkout #corpo{background:#FFF;}

.menu .nivel-tres{
    top:0 !important;
}

/* WHATSAPP FIXO */
.whatsapp-fixo {
position: fixed;
bottom:19px;
left:18px;
z-index: 999;
}

/* Polichat FIXO */
.p {
position: fixed;
bottom: 35px;
right: 10px;
z-index: 999;
}


/* Frete na versão mobile */
@media only screen and (max-width: 767px){
body.pagina-carrinho table.tabela-carrinho tr.hidden-phone.bg-dark {
display: block !important;
}

body.pagina-carrinho table.tabela-carrinho tr.hidden-phone.bg-dark .controls.text-left .input-append {
width: 100%;
position: relative;
}

body.pagina-carrinho table.tabela-carrinho tr.hidden-phone.bg-dark .controls.text-left input {
padding: 0;
width: 100%;
line-height: 40px;
height: auto;
text-align: center;
border: none;
box-shadow: 0 0 0 1px #dedede inset;
border-radius: 6px;
}

body.pagina-carrinho table.tabela-carrinho tr.hidden-phone.bg-dark .controls.text-left button {
display: none !important;
}
}
/* encerra Frete na versão mobile */

/* Calculadora personalizada SR Redes */

.calcWrapper {
  display: flex;
  flex-direction: column;
  border: 1px solid #8CC63F;
  border-radius: 14px;
  overflow: hidden;
  margin: 20px 0;
}

.calcBtn {
  background-color: #8CC63F;
  color: #ffffff;
  font-size: 16px;
  padding: 12px;
  text-align: center;
  font-weight: bold;
}

.calcBox {
  padding: 15px;
  background: #f9f9f9;
}

.inputsBox {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
}

.wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 150px;
}

.calcInput {
  width: 100px;
  padding: 6px;
  text-align: center;
  border: 1px solid #8CC63F;
  border-radius: 6px;
}

.calcArea {
  background-color: #8CA88B;
  color: #ffffff;
  border: none;
  padding: 10px 20px;
  border-radius: 32px;
  cursor: pointer;
  margin-top: 10px;
}
.calcArea:hover {
  background-color: #8CC63F;
}

.resultItem {
  font-size: 14px;
  margin: 6px auto;
  display: flex;
  justify-content: center;
  gap: 10px;
}

.itemSpan {
  background: #DE0000;
  color: #fff;
  border-radius: 10px;
  padding: 0 8px;
  cursor: pointer;
}

.mensagemAviso {
  font-size: 13px;
  color: #444;
  text-align: center;
  margin-top: 10px;
}

#campoObservacoes {
  width: 100%;
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #ccc;
  resize: none;
  font-size: 13px;
  border-radius: 8px;
  box-sizing: border-box;
  background: #fff;
  max-width: 100%; /* corrige estouro no layout */
}

/* Mobile */
@media (max-width: 768px) {
  .wrapper {
    flex: 1 1 100%;
  }
  .calcInput {
    width: 80px;
  }
}


.categorias-icones {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
  padding: 30px 15px;
  max-width: 1140px;
  margin: 40px auto;
  border: 2px solid #8CC63F;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.categorias-icones a {
  text-align: center;
  text-decoration: none;
  color: #333;
  width: 22%; /* 4 por linha no mobile e desktop */
  min-width: 70px;
  flex: 0 1 auto;
}

.categorias-icones a img {
  width: 100%;
  border-radius: 50%;
  border: 3px solid #8CC63F;
  transition: transform 0.3s;
}

.categorias-icones a:hover img {
  transform: scale(1.05);
}

.categorias-icones a span {
  display: block;
  margin-top: 8px;
  font-weight: bold;
  font-size: 13px;
  color: #009639;
}

@media (max-width: 768px) {
  .categorias-icones {
    gap: 16px;
    padding: 20px 10px;
  }

  .categorias-icones a {
    width: 22%;
  }

  .categorias-icones a span {
    font-size: 12px;
  }
}