/* Define a cor primária e outras variáveis */
:root {
    --primary-color: #0166b4;
    --background-white: #ffffff;
  }
  
  .box{
    background-color: #e9e9e964;
  }
  
  .input{
    background-color: var(--background-white);
  }
  
  
  .title.is-4 {
    color: #0166b4;
  }
  
  
  .label{
    color: rgb(28, 28, 28)
  }
  
  
  
  .textarea{
    background-color: var(--background-white);
  }
  
  
  .select{
    background-color: var(--primary-color);
  }
   .option {
    background-color:var(--primary-color);
  }
  
  .navbar-burger{
    color: #fff;
  }
  
  /* TopBar */
  .topbar {
    background-color: var(--background-white);
    padding: 0.5rem 0;
  }
  
  /* Navbar customizada */
  .navbar {
    background-color: var(--primary-color);
  }
  .custom-navbar .navbar-item,
  .custom-navbar .navbar-burger {
    color: #fff;
  }

  .navbar a{
    color: var(--background-white);
  }

  .navbar-start{
    background-color: #0166b4;
  }
  
  /* Ajuste dos botões */
  .button.is-primary,
  .button.is-link {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .button.is-success {
    background-color: #28a745;
    border-color: #28a745;
  }
  
  
  /* Seções gerais com fundo branco */
  .section1 {
    background-color: var(--background-white);
    height: 150px;
  
  }
  
  .section{
    background-color: var(--background-white);
  }
  
  /* Footer */
  .footer {
    background-color: var(--primary-color);
    color: #333;
    padding: 2rem 1.5rem;
    border-top: 1px solid #ddd;
  }
  
  /* Ícones de redes sociais no footer */
  .footer .icon {
    color: var(--background-white );
    margin: 0 0.5rem;
  }
  
  .footer p{
    color: var(--background-white );
  } 
  
  /* Personalize mais conforme necessário */