#promo-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    z-index: 1000;
}
/* Contadores */
.contadores {
    display: flex;
    justify-content: space-around;
    margin: 20px 0;
}

.contador {
    text-align: center;
}

.numero {
    font-size: 48px;
    font-weight: bold;
    color: #007bff;
}

.texto {
    font-size: 20px;
    color: #555;
}
/* Ajusta o tamanho do botão de categorias */
.btn-custom {
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
    border-radius: 0.3rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease;

  }

  /* Adiciona um efeito ao botão */
  .btn-custom:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  }

  /* Mostra o dropdown no hover */
  .btn-group:hover .dropdown-menu {
    display: block;
  }
  @media (max-width: 576px) {
    .btn-custom {
      max-width: 120px; /* Largura máxima menor em telas pequenas */
      font-size: 0.7rem; /* Texto menor */
    }}
/* Stilo do formulário de cadatro*/

    .form-container {
      max-width: 990px;
      margin: 40px auto;
      background: #fff;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }

    .form-container h2 {
      text-align: center;
      margin-bottom: 20px;
      color: #007bff;
    }

    .btn-custom {
      background-color: #007bff;
      color: white;
      transition: background-color 0.3s ease;
    }

    .btn-custom:hover {
      background-color: #0056b3;
    }


        @media(max-width:767.98px){
            .navbar-brand{
                display:none !important;
            }
        }