/* Entrada na rede (10/11/2026): peças das LPs Escritório Local e X-Pert que
   o estilo base das páginas do site (trabalhe-conosco) não tem. Tokens do
   Hubefy Design System: stone, preto, madeira, curry só no que importa. */
.hero-btns{margin-top:32px}
.btn.linha{border:1.5px solid var(--black);color:var(--black);background:transparent}
.btn.linha:hover{border-color:var(--curry);background:var(--curry)}
.btn.curry:hover{color:var(--black);background:var(--curry)}
.btn.curry{color:#fff}
.numeros{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 48px;margin:48px auto 0;max-width:820px;padding-top:28px;border-top:1px solid var(--border)}
.numeros div{display:flex;flex-direction:column;align-items:center;gap:2px}
.numeros b{font-family:'Playfair Display',serif;font-size:30px;font-weight:600;color:var(--black);font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.numeros span{font-size:12px;color:var(--muted)}
.lista{margin:6px 0 0;padding:0;list-style:none}
.lista li{position:relative;padding:7px 0 7px 22px;font-size:14.5px;color:var(--muted);border-top:1px solid var(--border)}
.lista li:first-child{border-top:0}
.lista li::before{content:'';position:absolute;left:2px;top:15px;width:8px;height:8px;border-radius:50%;background:var(--black)}
.card.destaque{background:var(--black)!important;color:#fff;border-color:var(--black)}
.card.destaque h3{color:#fff}
.card.destaque .lista li{color:rgba(245,242,237,.75);border-color:rgba(255,255,255,.1)}
.card.destaque .lista li::before{background:var(--curry)}
.sec.escuro{background:var(--black);color:#fff}
.sec.escuro h2{color:#fff}
.sec.escuro p{color:rgba(245,242,237,.72)}
.grade.tres{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card.perfil{display:flex;flex-direction:column;gap:6px}
.card.perfil p{flex:1;margin-bottom:14px}
.card.perfil .mais{align-self:flex-start}
.selos{display:flex;gap:6px;margin-bottom:10px}
.selos span{font-size:10px;font-weight:600;letter-spacing:.14em;border:1.5px solid var(--black);border-radius:100px;padding:3px 10px}
.nota{margin-top:22px!important;font-size:14px}
.nota a{color:var(--black)}

/* O display das peças abaixo não pode vencer o atributo hidden. */
[hidden]{display:none!important}

/* Questionário */
.q-sec{background:var(--stone-dark,#EAE6DF)!important}
.q,.q-ok{background:var(--white);border:1px solid var(--border);border-radius:20px;padding:32px}
.q-passos{display:flex;gap:10px;list-style:none;margin:0 0 24px;padding:0;counter-reset:q}
.q-passo{counter-increment:q;flex:1;font-size:12px;font-weight:500;color:var(--muted);padding-top:10px;border-top:3px solid var(--border)}
.q-passo::before{content:counter(q) '. '}
.q-passo.on{color:var(--black);border-color:var(--black)}
.q-etapa{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:18px;min-width:0}
.q-leg{font-family:'Playfair Display',serif;font-size:22px;font-weight:600;padding:0;margin-bottom:4px}
.q-campo{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--black)}
.q-campo input,.q-campo select,.q-campo textarea{font:inherit;font-weight:400;font-size:15px;color:var(--black);background:var(--stone);border:1.5px solid var(--border);border-radius:12px;padding:12px 14px;width:100%;touch-action:manipulation}
.q-campo input:focus,.q-campo select:focus,.q-campo textarea:focus{outline:none;border-color:var(--black);background:#fff}
.q-dica{font-size:12px;font-weight:400;color:var(--muted)}
.q-linha{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.q-linha-uf{grid-template-columns:1fr 110px}
.q-grupo{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:500}
.q-opcoes{display:flex;flex-wrap:wrap;gap:8px}
.q-opcao{position:relative;cursor:pointer}
.q-opcao input{position:absolute;opacity:0;inset:0;cursor:pointer}
.q-opcao span{display:inline-block;font-size:13.5px;font-weight:400;padding:9px 16px;border:1.5px solid var(--border);border-radius:100px;background:var(--stone);transition:border-color .15s,background .15s}
.q-opcao input:checked+span{border-color:var(--black);background:var(--black);color:#fff}
.q-opcao input:focus-visible+span{outline:2px solid var(--curry);outline-offset:3px}
.q-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);line-height:1.55}
.q-check input{margin-top:3px;accent-color:var(--black);width:16px;height:16px;flex-shrink:0}
.q-check a{color:var(--black)}
.q-acoes{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}
.q-acoes .btn{border:0;cursor:pointer;font-family:inherit}
.q-acoes .btn.linha{border:1.5px solid var(--black)}
.q-acoes .btn[disabled]{opacity:.6;cursor:wait}
.q-erro{margin:16px 0 0!important;color:#b42318!important;font-size:14px}
.q-ok h3{font-size:26px;margin-bottom:10px}
.q-ok p{margin:0 0 10px}
.q-ok-pe{font-size:14px}
.q-ok a{color:var(--black)}
@media(max-width:640px){
  .q,.q-ok{padding:22px 16px;border-radius:16px}
  .q-linha{grid-template-columns:1fr}
  .q-linha-uf{grid-template-columns:1fr 96px}
  .numeros{gap:18px 28px}
  .numeros b{font-size:24px}
  .q-acoes{flex-direction:column-reverse}
  .q-acoes .btn{justify-content:center}
}
.nw{white-space:nowrap}

/* Guia gratuito e questionário de vocação (10/11/2026) */
.q-intro{margin:-12px 0 22px!important}
.q-ok .btn{margin:6px 0 4px}
.q-proximo{margin:24px 0;padding:22px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.q-proximo h3{font-size:22px;margin:0 0 6px}
.hero-curto{padding-bottom:40px}
.q-aviso{background:var(--white);border:1px solid var(--border);border-left:4px solid var(--curry);border-radius:14px;padding:18px 20px;font-size:15px;color:var(--black)}
.q-aviso a{color:var(--black)}
.q-carac{padding:16px 0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px}
.q-sub{font-weight:400;color:var(--muted)}
.q-notas .q-opcao span{min-width:46px;text-align:center}
#vocacao .q-etapa{margin-bottom:34px}