.comece {
    margin-left: 8px;
    padding: 12px 22px 11px 22px !important;
    background: #ff6e41;
    color: #052336;
    color: rgb(255 255 255 / .95);
    font-size: 15px;
    font-weight: 700;
    text-shadow: 1px 1px 1px rgb(0 0 0 / .1);
    border-radius: 30px;
transition: 0.3s;
}

.passo-numero span {
display: block;
margin: auto;
width: 40px;
height: 40px;
line-height: 42px;
border-radius: 100%;
text-align: center;
background: #ff6e41;
color: #fff;
font-weight: 700;
}

.passo-titulo {
display: block;
margin: 0 0 12px 0;
text-align: center;
font-size: 22px;
line-height: 22px;
font-weight: 700;
}

.passo-texto {
display: block;
margin: 0 0 6px 0;
text-align: center;
font-size: 16px;
line-height: 20px;
font-weight: 500;
}

.comofunciona {
padding: 50px 0 70px 0;
}

.sessao {
padding: 50px 0 50px 0;
}

.titulo-generico .titulo {
display: block;
text-align: center;
margin: 12px 0 12px 0;
font-size: 34px;
line-height: 36px;
font-weight: 700;
}


.passo-numero {
margin: 0 0 16px 0;
}


.contato a {
width: 100%;
max-width: 100%;
}


.botao-acao{display:block;margin:20px auto auto auto;width:100%;max-width:320px;padding:20px 20px 16px 16px;color:#052336;text-align:center;font-weight:700;font-size:16px;border-radius:30px;transition:0.3s;border:2px solid #052336}.botao-acao i{margin-right:10px}.botao-acao:hover{background:#ff6e41;border-color:#ff6e41;color:#fff;text-decoration:none}


/* Estilos gerais para a página */
body {
    background-color: white;
    font-size: 16px;
  }
  
  /* Esconde o botão "Entrar" no mobile */
  @media (max-width: 600px) {
    .uc-navbar-right > .d-inline-block {
      display: none;
    }
  
    /* Exibe o ícone de "hambúrguer" no mobile */
    .hamburger {
      display: block;
      cursor: pointer;
    }
  
    .hamburger div {
      width: 25px;
      height: 3px;
      background-color: #333;
      margin: 5px 0;
      transition: 0.4s;
    }
  
    /* Estilos para o menu quando estiver visível */
    .menu {
      display: none;
      flex-direction: column;
      align-items: center;
      background-color: #fff;
      width: 100%;
      position: absolute;
      top: 64px; /* Ajuste conforme a altura do seu header */
      left: 0;
      z-index: 10;
    }
  
    .menu a {
      padding: 10px;
      width: 100%;
      text-align: center;
      color: #333;
      text-decoration: none;
      border-bottom: 1px solid #ccc;
    }
  
    .menu a:hover {
      background-color: #f0f0f0;
    }
  
    /* Mostra o menu quando a classe 'show' é adicionada */
    .menu.show {
      display: flex;
    }
  }

  @media (max-width: 600px) {
    .diminuirlogo {
      width: 190px!important; /* ajuste conforme necessário */
    }
  }