/* Gigantes Tecnologia
   Folha única das duas páginas. v6, 2026-09-02.
   Fundo cinza quente, traços de circuito visíveis, laranja só no acento. */

/* Inter, hospedada aqui mesmo. Licenca SIL Open Font License 1.1,
   ver assets/fontes/LICENCA-INTER.txt. Fonte variavel: um arquivo cobre os pesos 100 a 900. */

@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url('fontes/inter-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url('fontes/inter-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{
  --fundo:#F1F0EC;          /* cinza quente, 13% abaixo do branco puro */
  --fundo-claro:#FBF9F6;    /* halo atrás da logo */
  --branco:#FFFFFF;
  --grafite:#0F161F;
  --grafite-claro:#3C4249;
  --meio:#5C6268;           /* 5.41:1 sobre o fundo */
  --fio:rgba(15,22,31,.14);
  --fio-campo:#8F959B;      /* borda de campo: 2.95:1 sobre o cartão, vista sem esforço */
  --fio-cartao:#ACAAA4;     /* borda do cartão: 2.04:1 sobre o fundo da página */
  --laranja:#FC4900;        /* laranja da marca: acento, traço, foco */
  --laranja-escuro:#D93B00; /* 4.59:1 com texto branco */
  --gutter:clamp(22px,6vw,56px);
}

*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}

body{
  min-height:100svh;
  background:var(--fundo);
  color:var(--grafite);
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:17px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  display:flex;
  flex-direction:column;
  position:relative;
  overflow-x:hidden;
}

a{color:inherit;text-decoration:none}

/* ---------- fundo: halo quente + traços de circuito ---------- */
.fundo{
  position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;
  background:
    radial-gradient(1150px 760px at 50% 34%, var(--fundo-claro) 0%, rgba(251,249,246,0) 66%),
    radial-gradient(820px 560px at 50% 30%, rgba(252,73,0,.05) 0%, rgba(252,73,0,0) 62%),
    radial-gradient(760px 520px at 84% 90%, #F7F4F0 0%, rgba(247,244,240,0) 70%);
}
.fundo svg{position:absolute;inset:0;width:100%;height:100%}
.fundo .traco{fill:none;stroke:var(--grafite);stroke-opacity:.30;stroke-width:1.6;stroke-linecap:square}
.fundo .traco-fino{fill:none;stroke:var(--grafite);stroke-opacity:.16;stroke-width:1.2}
.fundo .no{fill:var(--laranja);fill-opacity:.85}
.fundo .no-vazio{fill:var(--fundo);stroke:var(--laranja);stroke-opacity:.85;stroke-width:2}

/* ---------- esqueleto ---------- */
.palco{position:relative;z-index:1;flex:1;display:flex;flex-direction:column}
.folha{width:100%;max-width:960px;margin:0 auto;padding:0 var(--gutter)}

.rodape{
  position:relative;z-index:1;
  padding:22px 0 30px;font-size:.74rem;letter-spacing:.02em;color:var(--meio);
}
.rodape .folha{display:flex;justify-content:center;gap:10px 26px;flex-wrap:wrap}
/* o e-mail do rodape: mesma cor do resto, o sublinhado so aparece no hover */
.rodape a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .18s ease}
.rodape a:hover{border-bottom-color:currentColor}

/* ---------- botões ---------- */
.botao{
  display:inline-flex;align-items:center;justify-content:center;gap:11px;
  padding:15px 30px;border-radius:5px;
  font-family:inherit;font-size:1rem;font-weight:600;letter-spacing:-.01em;
  cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.botao svg{width:16px;height:16px;flex:none}
.botao:active{transform:translateY(1px)}

.botao-solido{
  background:var(--grafite);color:var(--branco);border:1px solid var(--grafite);
}
.botao-solido:hover{background:var(--laranja-escuro);border-color:var(--laranja-escuro)}

.botao-linha{
  background:transparent;color:var(--grafite);border:1px solid rgba(15,22,31,.28);
}
.botao-linha:hover{border-color:var(--laranja);color:var(--laranja-escuro);background:rgba(252,73,0,.05)}

.discreto{
  font-size:.9rem;color:var(--meio);
  border-bottom:1px solid var(--fio);padding-bottom:2px;transition:color .18s,border-color .18s;
}
.discreto:hover{color:var(--grafite);border-color:var(--laranja)}

:where(a,button,input,textarea):focus-visible{
  outline:2px solid var(--laranja);outline-offset:3px;border-radius:3px;
}

/* ---------- home ---------- */
.centro{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:clamp(48px,12vh,120px) 0;
}
.centro .marca{
  width:clamp(280px,44vw,520px);height:auto;display:block;margin-inline:auto;
  animation:entra .9s cubic-bezier(.16,1,.3,1) both;
}
.centro .acoes{
  margin-top:clamp(44px,8vh,72px);
  display:flex;gap:14px;flex-wrap:wrap;justify-content:center;
  animation:entra .9s cubic-bezier(.16,1,.3,1) .14s both;
}
@media (max-width:520px){
  .centro .acoes{flex-direction:column;width:100%;max-width:320px}
}

@keyframes entra{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ---------- topo interno ---------- */
.topo{padding:clamp(24px,4vw,38px) 0}
.topo .folha{display:flex;align-items:center;justify-content:space-between;gap:20px}
.topo img{height:29px;width:auto;display:block}
.topo .voltar{font-size:.85rem;color:var(--meio)}
.topo .voltar:hover{color:var(--grafite)}

/* ---------- formulário ---------- */
.pedido{flex:1;display:flex;align-items:center;padding:clamp(24px,6vh,64px) 0}
.pedido .folha{max-width:720px}

.cartao{
  background:var(--branco);
  border:1px solid var(--fio-cartao);
  border-radius:10px;
  padding:clamp(28px,4.5vw,52px);
  box-shadow:0 2px 4px rgba(15,22,31,.06), 0 22px 50px rgba(15,22,31,.10);
}
.cartao h1{font-size:clamp(1.45rem,3.2vw,2rem);font-weight:700;letter-spacing:-.03em;line-height:1.15}
.cartao .apoio{margin-top:12px;color:var(--meio);font-size:.97rem;max-width:44ch}

form{margin-top:clamp(28px,4vh,38px)}
.campo{margin-bottom:24px}
.campo label{
  display:block;font-size:.86rem;font-weight:600;letter-spacing:-.005em;
  color:var(--grafite-claro);margin-bottom:8px;
}
.campo input,.campo textarea{
  width:100%;background:#FCFCFB;
  border:1.5px solid var(--fio-campo);border-radius:6px;
  padding:14px 16px;font-family:inherit;font-size:1.05rem;color:var(--grafite);
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.campo textarea{resize:vertical;min-height:118px;line-height:1.55}
.campo input:hover,.campo textarea:hover{border-color:#6E747A}
.campo input:focus,.campo textarea:focus{
  outline:0;background:var(--branco);
  border-color:var(--laranja);box-shadow:0 0 0 4px rgba(252,73,0,.22);
}
.campo input::placeholder,.campo textarea::placeholder{color:#9AA0A6}
.campo .erro{display:none;margin-top:8px;font-size:.85rem;font-weight:500;color:#C13100}
.campo.invalido input,.campo.invalido textarea{border-color:#C13100;background:#FFF6F3;box-shadow:0 0 0 4px rgba(193,49,0,.14)}
.campo.invalido .erro{display:block}

/* sugestões clicáveis */
.sugestoes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.sugestao{
  background:var(--branco);border:1.5px solid #B6BABE;border-radius:100px;
  padding:8px 16px;font-family:inherit;font-size:.87rem;color:var(--grafite-claro);
  cursor:pointer;transition:border-color .18s,color .18s,background .18s;
}
.sugestao:hover{border-color:var(--laranja);color:var(--grafite);background:rgba(252,73,0,.06)}

.pe-form{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:4px}

/* confirmação */
.recebido{display:none}
.recebido.aberto{display:block;animation:entra .6s cubic-bezier(.16,1,.3,1) both}
.recebido h1{margin-bottom:12px}
.recebido p{color:var(--meio);max-width:44ch}
.recebido .voltar-home{margin-top:28px;display:inline-block}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important}
}

/* As duas saídas da tela de confirmação. Nasceram em 2026-09-03, quando a
   tela dizia "Recebido." antes de a pessoa ter enviado qualquer coisa. */
.acoes-recebido{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;
  margin:1.5rem 0 .5rem}
/* ⚠️ `.botao` sozinho só dá espaçamento: o visual vem de `.botao-solido`.
   Errei isso na primeira versão e o link principal saiu como texto em negrito. */
.acoes-recebido .botao{display:inline-flex;align-items:center;
  text-decoration:none}

/* ---------- páginas de texto: privacidade e termos ----------
   Nasceram em 2026-09-09. Só classes NOVAS: nada aqui altera o que a home
   e o orçamento já usavam, então a folha continua sendo uma só. */

.texto{flex:1;padding:clamp(8px,2vh,24px) 0 clamp(48px,8vh,88px)}
.texto .folha{max-width:760px}

.texto h1{
  font-size:clamp(1.6rem,4vw,2.3rem);font-weight:700;
  letter-spacing:-.03em;line-height:1.12;
}
.texto .atualizacao{
  margin-top:10px;font-size:.86rem;color:var(--meio);
  letter-spacing:.01em;
}
.texto .abertura{
  margin-top:26px;padding-left:16px;
  border-left:2px solid var(--laranja);
  font-size:1.06rem;color:var(--grafite-claro);max-width:60ch;
}

.texto h2{
  margin-top:clamp(38px,6vh,58px);
  padding-top:22px;border-top:1px solid var(--fio);
  font-size:clamp(1.12rem,2.4vw,1.32rem);font-weight:700;letter-spacing:-.02em;
}
.texto h3{
  margin-top:28px;font-size:1rem;font-weight:600;
  letter-spacing:-.01em;color:var(--grafite-claro);
}
.texto p{margin-top:14px;max-width:66ch}
.texto a{
  color:var(--grafite);
  border-bottom:1px solid var(--laranja);
  transition:color .18s ease,background .18s ease;
}
.texto a:hover{color:var(--laranja-escuro);background:rgba(252,73,0,.07)}

.texto .lista{margin-top:14px;padding-left:0;list-style:none;max-width:66ch}
.texto .lista li{position:relative;padding-left:22px;margin-top:9px}
.texto .lista li::before{
  content:"";position:absolute;left:4px;top:.62em;
  width:5px;height:5px;border-radius:50%;background:var(--laranja);
}

/* tabela: rola sozinha no celular em vez de estourar a página */
.texto .tabela{
  display:block;overflow-x:auto;
  width:100%;margin-top:18px;border-collapse:collapse;
  font-size:.95rem;
}
.texto .tabela th,.texto .tabela td{
  text-align:left;vertical-align:top;
  padding:11px 14px;border-bottom:1px solid var(--fio);
}
.texto .tabela th{
  font-size:.8rem;font-weight:600;text-transform:uppercase;
  letter-spacing:.06em;color:var(--meio);
  border-bottom:1px solid var(--fio-cartao);
}
.texto .tabela tbody tr:last-child td{border-bottom:0}

/* ficha: os dados da empresa, em duas colunas que viram uma no celular */
.texto .ficha{
  margin-top:18px;display:grid;
  grid-template-columns:minmax(120px,auto) 1fr;gap:8px 22px;
  font-size:.97rem;max-width:52ch;
}
.texto .ficha dt{font-weight:600;color:var(--meio)}
.texto .ficha dd{color:var(--grafite)}
@media (max-width:520px){
  .texto .ficha{grid-template-columns:1fr;gap:2px}
  .texto .ficha dd{margin-bottom:10px}
}

.texto code{
  font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;
  font-size:.88em;background:rgba(15,22,31,.055);
  padding:2px 6px;border-radius:4px;
}

.texto .fecho{
  margin-top:clamp(38px,6vh,58px);
  padding-top:22px;border-top:1px solid var(--fio);
}
.texto .fecho a{border-bottom:0}


/* ═══════════════════════════════════════════════════════════════════════
   A PÁGINA /plataforma, 2026-09-10

   🔴 Está AQUI, e não num <style> dentro da página, porque o CSP do site é
   `style-src 'self'`: bloco embutido seria BLOQUEADO pelo navegador, sem
   erro visível, e a página renderizaria pela metade só em produção.

   Nenhuma outra página do site usa <style> embutido, e o motivo é este.
   ═══════════════════════════════════════════════════════════════════════ */

  /* Só o que esta página precisa a mais. A paleta e a tipografia vêm do
     estilo.css: nada de segunda fonte de verdade para cor. */
  .texto .selo-topo{
    display:inline-block;margin:0 0 14px;padding:5px 12px;
    border:1px solid var(--laranja);border-radius:999px;
    font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
    color:var(--laranja-escuro);background:var(--branco);
  }
  .passos{list-style:none;margin:22px 0 0;padding:0;counter-reset:passo;
          display:flex;flex-direction:column;gap:14px}
  .passos li{counter-increment:passo;position:relative;padding:0 0 0 52px;min-height:36px}
  .passos li::before{
    content:counter(passo);position:absolute;left:0;top:0;
    width:34px;height:34px;border:1.5px solid var(--laranja);border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-weight:700;font-size:.95rem;color:var(--laranja-escuro);background:var(--branco);
  }
  .passos b{display:block;color:var(--grafite)}
  .passos span{color:var(--meio)}

  .posse{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:22px 0 0;
         border:1px solid var(--fio-cartao);border-radius:10px;overflow:hidden;
         background:var(--branco)}
  .posse > div{padding:18px 20px}
  .posse > div + div{border-left:1px solid var(--fio)}
  .posse h3{margin:0 0 10px;font-size:.95rem}
  .posse ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:7px}
  .posse li{font-size:.85rem;color:var(--grafite-claro);
            border:1px solid var(--fio);border-radius:6px;padding:4px 10px}
  .posse-frase{
    /* 🔴 Atravessa as DUAS colunas. Sem isto ela vira o terceiro item da
       grade e cai dentro da coluna da esquerda, embaixo de "Da sua empresa",
       parecendo que a frase é só sobre os ativos do cliente. */
    grid-column:1 / -1;
    margin:0;padding:15px 20px;border-top:1px solid var(--fio);
               background:var(--fundo-claro);font-weight:600;color:var(--grafite)}
  .posse-frase em{font-style:normal;color:var(--laranja-escuro)}
  @media (max-width:640px){
    .posse{grid-template-columns:1fr}
    .posse > div + div{border-left:0;border-top:1px solid var(--fio)}
  }

  .tipos{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
         gap:14px;margin:22px 0 0}
  .tipo{background:var(--branco);border:1px solid var(--fio-cartao);
        border-radius:10px;padding:16px 18px;border-top:3px solid var(--laranja)}
  .tipo h3{margin:0 0 6px;font-size:1rem}
  .tipo p{margin:0;font-size:.9rem;color:var(--meio)}


/* ═══════════════════════════════════════════════════════════════════════
   .produto — a presença que uma página de PRODUTO precisa

   🔴 O DEFEITO QUE ISTO CONSERTA, e ele foi meu:

   Eu montei a /plataforma no casco de `.texto`, que é o de /privacidade e
   /termos. Esses são DOCUMENTOS LEGAIS: coluna de 760px, parágrafo de 66
   caracteres, feito para ler em linha reta. Está certo para eles.

   ⚠️ **A /plataforma não é documento, é a vitrine.** É o que o analista da
   Meta abre para decidir se o app é o que a gente diz que é, e é o que um
   cliente novo lê antes de falar com a gente. Numa tela larga ela ficava
   magra, com o conteúdo espremido numa faixa no meio e o resto vazio.

   🔒 A régua de leitura (66ch no parágrafo) FICA. Ela é o motivo de o texto
   ser legível, e alargar parágrafo não é dar presença, é piorar a leitura.
   O que alarga é a MOLDURA e o que é feito de blocos: os cartões, a grade
   de posse, a lista de passos.
   ═══════════════════════════════════════════════════════════════════════ */

.produto .folha{max-width:1080px}

/* o herói: é a primeira tela, e ela precisa segurar a página sozinha */
.produto h1{
  font-size:clamp(2.1rem,5.2vw,3.5rem);
  line-height:1.05;max-width:16ch;
}
.produto .abertura{
  margin-top:24px;font-size:clamp(1.1rem,1.7vw,1.32rem);
  line-height:1.5;max-width:52ch;
}
.produto .selo-topo{margin-bottom:18px}
/* respiro entre o herói e a primeira seção, que num documento não faria falta */
.produto h1 + .abertura{margin-bottom:clamp(18px,4vh,40px)}

.produto h2{
  font-size:clamp(1.2rem,2.6vw,1.5rem);
  margin-top:clamp(48px,7vh,76px);padding-top:26px;
}

/* 🔵 Em tela larga a lista vira duas colunas: ela deixa de ser uma fileira
   fina no canto e passa a ocupar a largura, sem que nenhuma linha de texto
   fique longa demais para ler. */
@media (min-width:900px){
  .produto .lista{max-width:none;columns:2;column-gap:44px}
  .produto .lista li{break-inside:avoid;max-width:46ch}
}

/* os blocos de cartão usam a moldura inteira */
.produto .posse,
.produto .tipos,
.produto .passos{max-width:none}
.produto .passos{
  margin-top:26px;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:20px 32px;
}
.produto .tipos{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.produto .tipo{padding:20px 22px}


/* ═══════════════════════════════════════════════════════════════════════
   A PÁGINA /configurar-meta, 2026-09-14

   🔴 Está AQUI pelo mesmo motivo do bloco de cima: o CSP do site é
   `style-src 'self'`, e um <style> dentro da página seria BLOQUEADO pelo
   navegador, sem erro visível.

   ⚠️ **Isto quase foi aprendido de novo em 2026-09-14.** Esta página nasceu
   com o CSS embutido, "para não mexer no arquivo compartilhado enquanto a
   análise da Meta corre". Na bancada ficou perfeita, porque
   `python -m http.server` não manda CSP nenhum. Em produção teria
   renderizado pela metade. **Servidor de bancada mais permissivo que o de
   produção é o pior tipo de teste que passa.**

   🔒 Todo seletor daqui é prefixado `onb-` ou vive sob `.onboarding`, e o
   motivo é concreto: a primeira versão usou `.passos`, que JÁ É do
   /plataforma. Os cartões vieram com o número da lista laranja do lado do
   número próprio, dois marcadores no mesmo item.
   ═══════════════════════════════════════════════════════════════════════ */

/* 🔴 `.texto a` (linha 242) define cor e sublinhado para todo link desta
   família de páginas, e vence `.botao-solido` na especificidade: 0,1,1
   contra 0,1,0. O resultado é texto grafite sobre botão grafite, ou seja
   botão preto e vazio. Aqui a conta é desfeita para os botões, e só. */
.onboarding .botao{border-bottom:0}
.onboarding .botao-solido{color:var(--branco)}
.onboarding .botao-solido:hover{color:var(--branco);background:var(--laranja-escuro)}

.onb-progresso{margin:28px 0 8px;display:flex;align-items:center;gap:14px}
.onb-trilho{flex:1;height:6px;border-radius:99px;background:rgba(15,22,31,.10);overflow:hidden}
.onb-barra{height:100%;width:0;background:var(--laranja);border-radius:99px;transition:width .3s ease}
.onb-conta{font-size:.85rem;color:var(--meio);font-variant-numeric:tabular-nums;white-space:nowrap}

.onb-etapas{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:16px}
.onb-etapas li::before{content:none}
.onb-etapa{background:var(--branco);border:1px solid var(--fio-cartao);border-radius:10px;
  padding:clamp(20px,3.4vw,28px);box-shadow:0 2px 4px rgba(15,22,31,.06)}
.onb-etapa[data-feito="1"]{border-color:rgba(15,22,31,.14);background:var(--fundo-claro);box-shadow:none}
.onb-etapa[data-feito="1"] .onb-corpo{display:none}
.onb-destaque{border-color:var(--fio-campo)}

.onb-cabeca{display:flex;align-items:flex-start;gap:14px}
.onb-num{flex:none;width:30px;height:30px;border-radius:99px;display:grid;place-items:center;
  background:var(--grafite);color:var(--branco);font-size:.92rem;font-weight:700;
  font-variant-numeric:tabular-nums;margin-top:1px}
.onb-etapa[data-feito="1"] .onb-num{background:var(--laranja)}
.onb-titulo{font-size:1.06rem;font-weight:700;letter-spacing:-.02em;line-height:1.3}
.onb-corpo{margin-top:14px;padding-left:44px}
.onb-corpo p{margin-top:0;color:var(--grafite-claro)}
.onb-acoes{margin-top:18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.onb-fallback{margin-top:14px;font-size:.88rem;color:var(--meio);line-height:1.55;max-width:60ch}

.onb-marcar{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-size:.92rem;
  color:var(--meio);user-select:none;background:none;border:0;padding:6px 0;font-family:inherit;
  text-align:left}
.onb-marcar:hover{color:var(--grafite)}
.onb-caixa{width:19px;height:19px;border-radius:4px;border:1.5px solid var(--fio-campo);
  display:grid;place-items:center;flex:none;transition:background .15s,border-color .15s}
.onb-caixa svg{width:12px;height:12px;opacity:0;color:var(--branco)}
.onb-etapa[data-feito="1"] .onb-caixa{background:var(--laranja);border-color:var(--laranja)}
.onb-etapa[data-feito="1"] .onb-caixa svg{opacity:1}
.onb-etapa[data-feito="1"] .onb-marcar{color:var(--grafite)}

@media (max-width:560px){
  .onb-corpo{padding-left:0}
  .onb-acoes .botao{width:100%}
}

/* 🔵 Nenhum botão vazado nesta página, e a decisão é de hierarquia, não de cor.
   O passo 5 tinha "Ver o meu número" vazado ao lado de "Mandar no WhatsApp"
   sólido. Dois botões lado a lado dizem "escolha um dos dois", e ali um é
   consulta e o outro é o que fecha o passo: por mais borda que se desse ao
   vazado, ele continuava parecendo desligado. A consulta virou link no texto,
   que é o posto dela. Cada passo tem UM botão. */
.onboarding .onb-consulta{margin-top:14px;font-size:.95rem;color:var(--grafite-claro)}