body{
    background: #f7f7f7;
}

h2{
  font-size: 30px;
  font-weight: bold;
  color: #171717;
}

h2{
  font-size: 18px;
  color: #040404;
}

h4{
  font-size: 28px;
  color: #040404;
  font-weight: 600;
}

p{
  font-size: 14px;
  color: #3d3d3d;
}


.fundo-cinza{
    background: #f7f7f7;
}


.btn-danger{
    color: #fff;
    background: #af0c0c;
}

.btn-branco{
    color: #000;
    background: #fff;
}

.btn-light{
    border: 1px solid #aaaaaa;
    border-radius: 0px;
    font-size: 14px;
    padding: 15px 50px;
}

.btn-dark, .btn-dark:hover{
  background: #363535;
  font-size: 14px;
  color: #fff;
}

.btn-verde, .btn-verde:hover{
  background: #3aa211;
  font-size: 14px;
  color: #fff;
}

.btn-danger, .btn-danger:hover{
  background: #af0c0c;
  font-size: 14px;
  color: #fff;
}


.btn-orcamento{
    font-size: 14px;
    padding: 10px 40px;
    line-height: 28px;
}

.telefone_topo p{
    color: #515050;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 5px;
}

.telefone_topo a{
    font-size: 18px;
    color: #000;
    font-weight: 600;
}


.bg-topo{
    height: 148px;
    background: url(../imgs/bg-topo.jpg) repeat-x;
}

.menu_topo ul li a h5{
    color: #fff;
    font-size: 18px;
}

.menu_topo .navbar-nav .nav-link{
    margin-left: 20px;
}

.bg-categoria1{
    background: #950b0b;
    height: 97px;
}

.bg-categoria2{
    background: #af0c0c;
    height: 97px;
}

.lista_categorias{
    background: #af0c0c;
    border: 1px solid #fff;
    height: 50px;
    margin-top: 25px;
}

.lista_categorias:hover{
    background: #fff;
    border: 1px solid #fff;
}

.lista_categorias p{
    color: #fff;
    font-size: 14px;
    line-height: 28px;
}

.lista_categorias p:hover{
    color: #950b0b;
    font-size: 14px;
    line-height: 28px;
}

.bg-categoria2 .slick-initialized .slick-slide{
    margin-right: 30px;
}


/* .categorias-lista .slick-prev, .categorias-lista .slick-prev::before{
    background: url(../imgs/seta-esquerda.png) no-repeat;
} */


.categorias-lista .slick-prev:before {
    content: "<";
    color: red;
    font-size: 30px;
  }
  
  .categorias-lista .slick-next:before {
    content: "";
    background: url(../imgs/seta-direita.png) no-repeat;
    color: red;
    font-size: 10px;    
    padding: 4px 27px 35px 21px;
    margin-left: 20px;
  }



  .categorias-lista .slick-prev:before {
    content: "";
    background: url(../imgs/seta-esquerda.png) no-repeat;
    color: red;
    font-size: 10px;    
    padding: 4px 27px 35px 21px;
    margin-left: -51px;
  }

  
  .titulo-vermelho{
      font-size: 38px;
      line-height: 40px;
      color: #af0c0c;
      font-weight: bold;
  }

  .titulo-cinza{
      font-size: 18px;
      line-height: 20px;
      color: #c7c5c6;
  }


  .input-busca{
    background: url(../imgs/bg-busca.png) no-repeat;
    width: 843px;
    height: 66px;
    border: none;
    padding-right: 67px;
  }


  .lista-produto{
      background: #fff;
      display: flow-root;
      padding-bottom: 30px;
  }

  .lista-produto h1{
      color: #212121;
      font-size: 18px;
      background: url(../imgs/seta-produto.png) no-repeat right;
      padding-right: 60px;
      padding-left: 15px;
      width: 95%;
  }

  .produto-img{
    width: 320px;
    height: 210px;
    margin-top: 14px;
    margin-left: 14px;
  }


  .bg-home-empresa{
    background: url(../imgs/bg-empresa-index.jpg) top center no-repeat;
    height: 648px;
    color: #fff;
  }


  .btn-home-empresa{
      margin-top: 450px;
      margin-left: 100px;
  }


  .img-servico{
      width: 260px;
      height: 360px;
  }

  .texto-servico{
    font-size: 14px;
    color: #fff;
    display: block;
    position: absolute;
    bottom: 0px;
    height: 100px;
    background: url(../imgs/bg-titulo-servicos.png) ;
    width: 260px;    
    text-align: center;



  }

  .texto-servico p{
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    display: block;
    color: #fff;
  }

  .texto-servico:hover{
    color: #fff;
  }



  
  .bg-dicas-home{
    background: #fff url(../imgs/bg-dicas-home.jpg) center 70px no-repeat;
    height: 470px;
  }

  .bg-empresa-dentro{
    background: #fff url(../imgs/bg-empresa-dentro.jpg) center 22px no-repeat;
    min-height: 800px;
  }

  .img-dica{
      width: 260px;
      height: 170px;
  }

  .lista-dicas a{
    font-size: 14px;
    color: #252525;
    font-weight: 600;
    width: 94%;
    display: block;
  }

.dicas-lista .slick-prev {
    left: -197px;
    top: 100px;
}

.dicas-lista .slick-next {
    right: 1004px;
    top: 100px;
}       


  .dicas-lista .slick-prev:before {
    content: "<";
    color: red;
    font-size: 30px;
  }
  
  .dicas-lista .slick-next:before {
    content: "";
    background: url(../imgs/seta-direita.png) no-repeat;
    color: red;
    font-size: 10px;    
    padding: 4px 27px 35px 21px;
    margin-left: 20px;
  }



  .dicas-lista .slick-prev:before {
    content: "";
    background: url(../imgs/seta-esquerda.png) no-repeat;
    color: red;
    font-size: 10px;    
    padding: 4px 27px 35px 21px;
    margin-left: -51px;
  } 


  .conteudo-interna{
    margin-top: 315px;
  }

  .empresa-atuacao h1{
    font-size: 48px;
    color: #ffffff;
    line-height: 47px;
  }

  .empresa-atuacao p{
    font-size: 14px;
    color: #fff;
  }

  .bg-onde-estamos{
    background: url(../imgs/bg-onde-estamos.jpg) top center no-repeat;
    height: 653px;
  }


  .img-dica-interna{
    width: 100%;
    height: 340px;
  }


  .bg-form-contato{
    background: url(../imgs/bg-form-contato.jpg) top center no-repeat;
    height: 560px;
  }

  .canais-atendimento h2{
    font-size: 18px;
    color: #040404;
    font-weight: normal;
  }
  .canais-atendimento a{
    font-size: 24px;
    color: #040404;
  }

  .bg-cinza{
    background: #f8f8f8;
  }

  .lista-produto:hover{
    -webkit-box-shadow: 3px 2px 15px 1px #000000; 
box-shadow: 3px 2px 15px 1px #000000;
  }

  .lista-produto{
    background: #fff;
  }

  .btn-produto{
    border: 2px solid #5b5b5b;
    font-size: 18px;
    color: #212121;
  }

  .btn-produto:hover{
    border: 2px solid #000000;
    font-size: 18px;
    color: #fff;
    background: #212121;
  }

  .btn-lista-categoria{
    padding: 4px;
    margin-bottom: 3px;
    background: #af0c0c url(../imgs/menu.png) 220px 14px no-repeat;
  }

  .accordion-categorias .accordion>.card>.card-header{
    height: 50px;
    padding-top: 7px;
    border-radius: 0px;
  }

  .accordion-categorias .btn-link{
    color: #fff;
  }

  .accordion-categorias .card{
    background: #f7f7f7;
    border-radius: 0px;
    border: none;
  }

  .btn-subcategoria{
    font-size: 14px;
    color: #212121;
    background: #fff;
    font-weight: 600;
  }

  .cor-linha-orcamento{
    background: #fcfcfc;
  }

  .list-prod-orcamento{
    border: 1px solid #e1e0e0;
  }


  .button-instagram {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
    color: #fff;
    
    font-size: 16px;
    font-weight: 600;    
    
    padding: 12px 20px;
    border: none;
    
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.button-instagram i {
    font-size: 18px;
}

/* Hover */
.button-instagram:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 8px 25px rgba(0,0,0,0.3);
    filter: brightness(1.1);
    text-decoration: none;
    color: #fff;
}

/* Clique */
.button-instagram:active {
    transform: scale(0.98);
}

/* Responsivo */
@media (max-width: 576px) {
    .button-instagram {
        font-size: 14px;
        padding: 10px;
    }
}