@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Poetsen+One&display=swap');
  body {
      margin: 0;
      padding: 0;
      font-family: Lora !important;
      background-color: #adadad;
  }
  /* Ajuste para telas menores (com rolagem) */
  
  @media (max-width: 400px) {
      body {
          overflow-x: auto;
          /* Permite rolagem horizontal */
      }
  }
  
  a {
      text-decoration: none;
      color: #000;
  }
  
  .top {
      background-color: #adadad;
      width: 100%;
      height: 85px;
  }
  
  .produtos_catalogo {
      margin-top: 0px;
      background-color: #ffffff;
      width: 100%;
      height: 1000px;
  }
  
  .tituloProdutos {
      margin-top: 0px;
      color: #000000;
      font-family: 'Lora';
      font-size: 30px;
  }
  
  hr {
      background-color: #000000;
      height: 1px;
      margin-left: 1%;
      margin-right: 1%;
  }
  
  .box {
      margin-left: 5px;
      width: 20%;
      padding-bottom: 30px;
      background-color: #adadad;
      margin-top: 2vh;
      display: inline-block;
      border-radius: 8px;
      margin-right: 5px;
      box-shadow: 0rem 0 3rem #000;
  }
  
  @media screen and (max-width: 1000px) {
      .box {
          margin-left: 5px;
          width: 40%;
          padding-bottom: 30px;
          background-color: #adadad;
          margin-top: 2vh;
          display: inline-block;
          border-radius: 8px;
          margin-right: 5px;
          box-shadow: 0rem 0 3rem #000;
      }
  }
  
  @media screen and (max-width: 600px) {
      .box {
          margin-left: 5px;
          width: 90%;
          padding-bottom: 30px;
          background-color: #adadad;
          margin-top: 2vh;
          display: inline-block;
          border-radius: 8px;
          margin-right: 5px;
          box-shadow: 0rem 0 3rem #000;
      }
  }
  
  .img-box {
      height: 360px;
      width: 100%;
      border-radius: 8px 8px 0px 0px;
      background-size: cover;
  }
  
  .conteudo-box {
      font-size: 23px;
      padding-right: 35px;
      padding-left: 35px;
  }
  
  .preco {
      font-size: 40px;
      margin-top: -20px;
  }
  
  .hauto {
      padding-bottom: 80px;
      height: auto !important;
  }
  /*slide produtos carousel*/
  
  .item {
      border-radius: 8px;
      display: inline-block;
      margin-left: 20px;
      margin-top: 20px;
      width: 300px;
      height: 500px;
      background-color: #adadad;
      cursor: pointer;
      transition: transform 200ms ease-in-out;
  }
  
  .item:hover {
      transform: scale(1.01);
  }
  
  .preco {
      font-size: 30px;
      margin-top: -10px;
      padding-left: 10px;
      color: #ffffff;
      font-family: Poetsen One;
  }
  
  .item1 {
      border-radius: 8px;
      display: inline-block;
      margin-left: 90px;
      margin-top: -20px;
      width: 300px;
      height: 500px;
      background-color: #adadad;
      cursor: pointer;
      transition: transform 200ms ease-in-out;
  }
  
  .item1:hover {
      transform: scale(1.01);
  }
  
  .desconto {
      font-size: 30px;
      margin-top: -30px;
      padding-left: 230px;
      width: 110%;
      color: red;
      font-family: Poetsen One;
      transform: rotate(10deg);
  }
  
  .preco1 {
      font-size: 26px;
      margin-top: -10px;
      padding-left: 10px;
      color: red;
      font-weight: 100;
      font-family: Poetsen One;
  }
  
  .btn-categoria {
      font-size: 15px;
      font-weight: 400px;
      padding: 10px 15px;
      border-radius: 3px;
      border: none;
      cursor: pointer;
      background-color: #fff;
      transition: 0.3s;
  }
  
  .btn-categoria:hover {
      background-color: #adadad;
      color: #fff;
  }
  
  .btn-categoria.active1 {
      background-color: #333;
      color: #fff;
  }
  
  .input-categoria {
      padding: 5px 10px;
      border-radius: 3px;
      border: 0.5px solid #adadad;
  }