/*super importante este ja mais excluaaaaa, deixando o conteiner maior!!!!!!!*/
 /*começo*/ 

.conteiner {
    max-width: 100% !important;} 
/*fim*/
    
    
    
    

/*jamais exclua, deixando o conteiner mobile maior*/
 /*começo*/   
@media (max-width: 767.98px){
.conteiner-principal .conteiner {
    padding: 3px;}
/*fim*/        
    

        

















/*tirando a borda da barra menu mobile*/
@media only screen and (max-width: 980px){

.borda-principal, .atributos ul li a:hover, .atributos ul li.active a, .tema-scuro .nav-tabs li.active a, .elastislide-carousel ul li.active a {
    border-color: transparent;
    box-shadow: 0 12px 20px 0 rgb(0 0 0 / 8%);
}





        
       

















/* teste da qui*/
    
    
    
    
 
        


        
        

















/*até aqui*/
      



































/*deixando a cor do fundo secundario com a mesma cor da cor primaria mobile lilas*/
.fundo-secundario, .fundo-secundario *, .fundo-secundario *:hover, .fundo-secundario:hover, .fundo-secundario.botao:hover {
    color:var( --corPrincipal1);

        }











/*escondendo o logo da verção pc na mobile*/



@media only screen and (max-width: 980px){
    .logo a { display: none; }








    
    
    
    
    
    
    
    
    
    
    
    
    


/*logo mobile*/

  #cabecalho a.icon-home {
  margin-top: 7px;
    position: fixed;
    z-index: 999;
   left: 34%;
}
  
/*retirada da casinha mobile*/

.icon-home:before {
    display: none;
    }





















    
    









/* diminuição do icone de loguin e carinho da tela inicial*/
.atalhos-mobile a {
    font-size: 21px;
    color:#8788b6;
    text-shadow: none;
}






/* !!!!!!aba de pesquisa começa qui!!!!!!!*/





/* retirada da cor de fundo da bara de pesquisa mobile*/

.conteudo-topo .busca-mobile {
    background-color: transparent;
    padding:0;
    margin-bottom:2ren;
}



    
    /* borda de baixo da barra de pesquisa mobile trabalhada */
#form-buscar{
    border-bottom: 1px rgba(0,0,0,0.13) solid;
    border-top: 0;
}


    
    
    /* retirada da linha da barra de pesquisa mobile */
    
    .conteudo-topo .busca-mobile input#auto-complete{
    border-radius:0;
    border: none;
    
   }
    
    
    
    
    
    
    
    
    
    
    
    
    



  
    
    
    
    /* lupa de mobile pesquisa trabalhado*/
    
 
button.botao.botao-busca.icon-search.fundo-secundario {
    color: #575757;
    background: transparent;
    border: transparent;
    padding: 0px;}
    
    .icon-search{
        color: #575757}
        
    


  /*!!!!!!!aba de pesquisa termina aqui!!!*/  
    
    



  

    

    






/* menu amburguer*/
/*inicio*/    

body {
  --corLinkPrincipal: #fff;
  --corLinks: #bebaab;
  --corLinksNivelTres: #ccc;
  --backgroundMenuLateral: rgba(0, 0, 0, 0.95);
  --botaoFecharMenu: #bb0000;
  --botaoFecharMenuCorX: #ffffff;
  --corIconeMenu: #000000;
 --corPrincipal1: #8788b6;
}

@media (max-width: 767.98px) {
  #cabecalho .atalhos-mobile {
    display: block !important;
     background-color: var(--corLinkPrincipal);
   

  }
  #cabecalho .atalhos-mobile ul {
    display: flex;
    justify-content: flex-end;
  }
 
    
    /*retirei a borda do carrinho casinha e logim*/
    
    #cabecalho .atalhos-mobile ul li {
    float: none;
    margin: 0;
      border: none;
  }
  #cabecalho .atalhos-mobile ul li:first-child {
    display: flex;
    margin-right: auto;
  }
  #cabecalho .atalhos-mobile ul li.fundo-principal {
    order: 3;
     background-color: var(--corLinkPrincipal);
  }
  #cabecalho .atalhos-mobile ul li.menu-button {
    display: flex;
    align-items: center;
  }
  #cabecalho .atalhos-mobile ul li.menu-button a {
    top: 0;
  }
  #cabecalho .atalhos-mobile ul li.menu-button a svg * {
    color: var(--corIconeMenu);
  }

  .busca {
    margin: 0;
  }

  .menu.superior {
    position: relative;
      background-color: transparent;
  }
  .menu.superior .closeMenuButton {
    position: absolute;
    top: 16px;
    right: 0;
    background-color: var( --corPrincipal1);
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50% 0 0 50%;
  }


      /*x de cancelar aba menu mobile*/

  .menu.superior .closeMenuButton:before {
    content: "X";
    color: var(--corLinkPrincipal);
  }
  .menu.superior > ul {
    margin: 0 !important;
    padding: 16px 32px 70px 0;
    border: 0;
    display: flex !important;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: white;
    height: 100vh;
    overflow-y: scroll;
    max-height: 100vh;
    box-sizing: border-box;
    max-width: 100vw;
    transition: 0.3s ease-in-out all;
    transform: translateX(-110%);
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
  }
  .menu.superior > ul ::-webkit-scrollbar {
    display: none;
  }
  .menu.superior > ul.active {
    transform: translateX(0);
  }
  .menu.superior > ul a {
     .menu.superior > ul a {
    box-shadow: 0px -1px 0px 0px #dbdbdb;
    display: block;
    padding: 9px;;;
  }
  .menu.superior > ul a strong {
    color: var(--corLinkPrincipal);
  }
  .menu.superior .nivel-tres {
    display: block !important;
    position: initial;
    background: transparent;
    left: initial;
    max-width: 70vw;
    box-sizing: border-box;
  }
  .menu.superior .nivel-tres a {
    white-space: normal;
    line-height: normal;
    margin-bottom: 0.5rem;
    color: var(--corLinksNivelTres);
  }
  .menu.superior .nivel-tres a:before {
    content: "-";
    margin-right: 0.25rem;
    margin-left: -0.75rem;
  }
      
/*fim*/