/* Renato Junior · proposta da Genesis Innovation. Fontes locais (SIL OFL): Fraunces (títulos), Inter (texto),
   JetBrains Mono (relógio). Cores só pelas variáveis do :root (o site.test.mjs mede o contraste delas). */
@font-face{font-family:"Fraunces Mole";src:url("fontes/fraunces-mole.woff2") format("woff2");font-weight:500 900;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("fontes/inter.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("fontes/jetbrains-mono.woff2") format("woff2");font-weight:100 800;font-style:normal;font-display:swap}

:root {
  --fundo: #f7f5f0;
  --superficie: #ffffff;
  --texto: #141b2d;
  --suave: #4a5466;
  --linha: #ddd8cd;
  --acento: #0d6b5f;
  --acento-contraste: #ffffff;
  --escuro: #0d1424;
  --escuro-2: #18233a;
  --escuro-texto: #eef2f8;
  --escuro-suave: #aeb9cc;
  --brilho: #5eead4;
  --faixa: #141b2d;
  --faixa-texto: #f2efe8;
  --empatia: #ffe0cf;
  --clareza: #dce7ff;
  --passo: #cff3e1;
  --empatia-forte: #c2410c;
  --clareza-forte: #1d4ed8;
  --passo-forte: #047857;
  --comp-texto: #141b2d;
  --comp-texto-suave: #4a5466;
  --comp-borda: #ddd8cd;
  --comp-acento: #0d6b5f;
  --comp-foco: #0d6b5f;
  --comp-fundo: #ffffff;
  --raio: 20px;
  --sombra: 0 1px 2px rgba(20,27,45,.06), 0 12px 32px -12px rgba(20,27,45,.18);
  --titulo: "Fraunces Mole", Georgia, serif;
  --mono: "JetBrains Mono", ui-monospace, monospace;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:auto;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--fundo);color:var(--texto);font:400 17px/1.6 "Inter",system-ui,sans-serif;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:var(--acento);text-underline-offset:3px}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--acento);outline-offset:3px;border-radius:6px}
h1,h2,h3{font-family:var(--titulo);font-weight:700;line-height:1.08;letter-spacing:-.01em;margin:0}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
.so-leitor{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.proposta{background:var(--faixa);color:var(--faixa-texto);font-size:.82rem;text-align:center;padding:8px 20px}
.proposta a{color:var(--faixa-texto)}
.pular{position:absolute;left:12px;top:-60px;background:var(--acento);color:var(--acento-contraste);padding:10px 14px;border-radius:10px;z-index:30}
.pular:focus{top:12px}

/* ---- topo ---- */
.topo{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:20px;padding:12px max(20px,calc((100% - 1200px)/2));
  background:rgba(247,245,240,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--linha)}
.marca{display:flex;align-items:center;gap:10px;color:var(--texto);text-decoration:none;font-weight:700}
.marca-sigla{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--escuro);color:var(--brilho);
  font:700 .9rem/1 var(--titulo);letter-spacing:.02em}
.topo nav{margin-left:auto}
.topo nav ul{display:flex;gap:4px}
.topo nav a{display:block;padding:8px 12px;border-radius:999px;color:var(--texto);text-decoration:none;font-weight:600;font-size:.94rem}
.topo nav a:hover{background:var(--superficie)}
.idiomas{display:flex;align-items:center;border:1px solid var(--linha);border-radius:999px;padding:3px;background:var(--superficie);font-weight:700;font-size:.85rem}
.idiomas>*{display:inline-grid;place-items:center;min-width:40px;min-height:34px;border-radius:999px;padding:0 10px}
.idioma-atual{background:var(--escuro);color:var(--escuro-texto)}
.idioma-outro{color:var(--texto);text-decoration:none}
.idioma-outro:hover{background:var(--fundo)}

/* ---- botões ---- */
.btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:999px;font-weight:700;text-decoration:none;
  border:2px solid transparent;transition:transform .2s,background-color .2s,box-shadow .2s}
.btn-ic{display:inline-grid;place-items:center}
.ic{width:22px;height:22px;flex:none}
.btn-primario{background:var(--brilho);color:var(--escuro)}
.btn-primario:hover{transform:translateY(-2px);box-shadow:0 10px 30px -10px rgba(94,234,212,.7)}
.btn-fantasma{color:var(--escuro-texto);border-color:rgba(238,242,248,.45)}
.btn-fantasma:hover{border-color:var(--escuro-texto)}
.heroi .btn:focus-visible{outline-color:var(--brilho)}

/* ---- herói ---- */
.heroi{position:relative;isolation:isolate;overflow:hidden;background:var(--escuro);color:var(--escuro-texto);min-height:min(88vh,820px);
  display:flex;align-items:center;padding:72px max(20px,calc((100% - 1200px)/2)) 88px}
.heroi-fundo{position:absolute;inset:-6% 0 0;z-index:-2}
.heroi-fundo img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.heroi::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(13,20,36,.97) 0%,rgba(13,20,36,.9) 45%,rgba(13,20,36,.55) 100%),
    radial-gradient(60% 80% at 85% 20%,rgba(94,234,212,.18),transparent 70%)}
.heroi-grade{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:48px;align-items:center;width:100%}
.selo{display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px;padding:6px 14px 6px 12px;border-radius:999px;background:rgba(94,234,212,.12);
  border:1px solid rgba(94,234,212,.4);color:var(--escuro-texto);font-weight:600;font-size:.88rem}
.selo::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--brilho);box-shadow:0 0 0 0 rgba(94,234,212,.6)}
.selo-sep{width:4px;height:4px;border-radius:50%;background:var(--escuro-suave)}
.heroi h1{font-size:clamp(3rem,9vw,6.4rem);margin:22px 0 14px;font-weight:800;letter-spacing:-.02em}
.heroi-titulo{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:1rem}
.ht-principal{width:100%;font:600 clamp(1.3rem,2.6vw,1.75rem)/1.25 var(--titulo);color:var(--brilho);margin-bottom:6px}
.ht-chip{padding:5px 12px;border-radius:999px;border:1px solid rgba(238,242,248,.28);color:var(--escuro-texto);font-weight:600;font-size:.9rem}
.ht-lingua{background:var(--escuro-texto);color:var(--escuro)}
.heroi-glosa{margin-top:12px;color:var(--escuro-suave)}
.heroi-local{margin-top:18px;color:var(--escuro-suave);display:flex;flex-wrap:wrap;gap:6px 18px}
.heroi-escola::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--escuro-suave);margin-right:10px;vertical-align:middle}
.acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}

.heroi-chat{background:rgba(24,35,58,.78);border:1px solid rgba(238,242,248,.14);border-radius:26px;padding:22px;backdrop-filter:blur(8px);
  box-shadow:0 30px 60px -30px rgba(0,0,0,.6);display:grid;gap:10px}
.hc-rotulo{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--escuro-suave);font-weight:700}
.hc-bolha{max-width:88%;padding:10px 14px;border-radius:16px;font-size:.92rem;line-height:1.45}
.hc-quem{display:block;font-size:.72rem;font-weight:700;letter-spacing:.04em;opacity:.85}
.hc-cliente{background:rgba(238,242,248,.1);color:var(--escuro-texto);border-bottom-left-radius:4px}
.hc-agente{background:var(--brilho);color:var(--escuro);justify-self:end;border-bottom-right-radius:4px}
.hc-3{margin-top:8px}
.hc-digitando{display:flex;gap:5px;padding:12px 14px;background:rgba(238,242,248,.1);border-radius:16px;width:max-content}
.hc-digitando span{width:7px;height:7px;border-radius:50%;background:var(--escuro-suave)}

/* ---- esteira das vagas ---- */
.esteira{display:flex;overflow:hidden;background:var(--escuro);color:var(--escuro-texto);border-top:1px solid rgba(238,242,248,.08);padding:16px 0}
.esteira-trilho{display:flex;flex:none;gap:0;min-width:100%;justify-content:space-around}
.esteira-trilho li{font:600 clamp(1.05rem,2vw,1.35rem)/1 var(--titulo);padding:0 26px;white-space:nowrap;display:flex;align-items:center;gap:26px}
.esteira-trilho li::after{content:"✦";color:var(--brilho);font-size:.8em}
@media (prefers-reduced-motion:reduce){.esteira{flex-wrap:wrap}.esteira-trilho[aria-hidden]{display:none}.esteira-trilho{flex-wrap:wrap;justify-content:center;gap:10px 0}}

/* ---- seções ---- */
.secao{padding:clamp(72px,10vw,128px) max(20px,calc((100% - 1200px)/2));scroll-margin-top:64px}
.contato,.heroi{scroll-margin-top:64px}
.secao-clara{background:var(--superficie)}
.secao-escura{background:var(--escuro);color:var(--escuro-texto)}
.cabeca{max-width:760px;margin-bottom:44px}
.olho{display:inline-block;font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--acento);margin-bottom:12px}
.secao-escura .olho{color:var(--brilho)}
.cabeca h2{font-size:clamp(2.1rem,5vw,3.5rem)}
.lead{margin-top:16px;font-size:1.12rem;color:var(--suave)}
.secao-escura .lead{color:var(--escuro-suave)}
.rotulo{font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--suave);margin:22px 0 10px}
.nota{font-size:.9rem;color:var(--suave);margin-top:10px}
.cartao{background:var(--superficie);border:1px solid var(--linha);border-radius:var(--raio);box-shadow:var(--sombra)}

/* sobre */
.sobre-grade{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,6vw,72px);align-items:start}
.sobre-texto>p:not(.rotulo):not(.nota){font-size:1.15rem;margin-bottom:18px}
.sobre-texto>p:first-child,.sobre-texto>div>p:first-child{font:500 clamp(1.3rem,2.4vw,1.6rem)/1.4 var(--titulo)}
.sobre-texto>div>p{font-size:1.15rem;margin-bottom:18px}
.vagas-lista{display:flex;flex-wrap:wrap;gap:8px}
.vagas-lista li{padding:7px 14px;border-radius:999px;background:var(--escuro);color:var(--escuro-texto);font-weight:600;font-size:.92rem}
.fecho{margin-top:22px;padding-left:18px;border-left:3px solid var(--acento);color:var(--suave)}
.traz-titulo{font-size:1.5rem;margin-bottom:16px}
.traz{display:grid;gap:12px}
.traz li{display:flex;gap:16px;align-items:center;padding:16px 18px;font-weight:600}
.traz .ic{width:44px;height:44px;padding:10px;border-radius:14px;background:var(--fundo);color:var(--acento)}
.faixa-skills{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;margin-top:56px}
.skills,.aberto{padding:26px}
.skills h3,.aberto h3{font-size:1.5rem}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.chips li{display:inline-flex;align-items:baseline;gap:8px;padding:10px 16px;border-radius:14px;background:var(--fundo);border:1px solid var(--linha);font-weight:700}
.chips small{font-weight:500;color:var(--suave);font-size:.82rem}
.chips-pequenos li{padding:7px 12px;font-size:.92rem}
.aberto{background:var(--escuro);color:var(--escuro-texto);border-color:var(--escuro)}
.aberto .ic{width:40px;height:40px;color:var(--brilho);margin-bottom:12px}
.aberto p{margin-top:8px;color:var(--escuro-suave)}
.modelos{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.modelos li{padding:6px 12px;border-radius:999px;border:1px solid rgba(94,234,212,.45);font-weight:600;font-size:.9rem}

/* vagas (abas) */
.vaga{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,56px);align-items:center}
.vaga-foto{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:4/3}
.vaga-foto img{width:100%;height:100%;object-fit:cover}
.vaga-texto h3{font-size:clamp(1.6rem,3vw,2.2rem)}
.vaga-pede{font-size:1.1rem}
.encaixe{display:grid;gap:8px}
.encaixe li{position:relative;padding-left:30px;font-weight:600}
.encaixe li::before{content:"";position:absolute;left:0;top:.35em;width:18px;height:18px;border-radius:50%;background:var(--acento);
  -webkit-mask:radial-gradient(circle,#000 0 4px,transparent 5px);mask:radial-gradient(circle,#000 0 4px,transparent 5px);box-shadow:inset 0 0 0 2px var(--acento)}
.abas-js .abas-lista{margin-bottom:36px}

/* simulador */
.aviso{display:flex;gap:10px;align-items:flex-start;max-width:760px;margin:-20px 0 28px;padding:12px 16px;border-radius:14px;background:var(--superficie);
  border:1px dashed var(--suave);font-size:.94rem;color:var(--suave)}
.aviso::before{content:"i";flex:none;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--texto);color:var(--superficie);
  font:700 .8rem/1 var(--titulo)}
.legenda{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-bottom:18px}
.legenda .rotulo{margin:0}
.legenda-lista{display:flex;flex-wrap:wrap;gap:8px}
.pratica-botao{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 14px;border-radius:999px;border:1px solid var(--linha);
  background:var(--superficie);color:var(--texto);font:600 .92rem/1 "Inter",sans-serif;cursor:pointer}
.pratica-botao[aria-pressed="true"]{border-color:var(--texto);box-shadow:inset 0 0 0 1px var(--texto)}
.pratica-ponto{width:14px;height:14px;border-radius:50%}
[data-pratica="empatia"] .pratica-ponto{background:var(--empatia);box-shadow:inset 0 0 0 2px var(--empatia-forte)}
[data-pratica="clareza"] .pratica-ponto{background:var(--clareza);box-shadow:inset 0 0 0 2px var(--clareza-forte)}
[data-pratica="passo"] .pratica-ponto{background:var(--passo);box-shadow:inset 0 0 0 2px var(--passo-forte)}
.cena .aba-titulo{font-size:clamp(1.3rem,2.4vw,1.7rem);margin-bottom:18px}
.duas-linguas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.conversa{background:var(--superficie);border:1px solid var(--linha);border-radius:24px;padding:20px;display:grid;gap:12px;align-content:start;box-shadow:var(--sombra)}
.conversa-idioma{display:flex;align-items:center;gap:10px;font-weight:700;font-size:.9rem;color:var(--suave)}
.conversa-idioma span{display:inline-grid;place-items:center;min-width:38px;height:26px;border-radius:8px;background:var(--escuro);color:var(--escuro-texto);font-size:.78rem;letter-spacing:.06em}
.bolha{padding:14px 16px;border-radius:18px;line-height:1.6}
.quem{display:block;font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--suave);margin-bottom:4px}
.bolha-cliente{background:var(--fundo);border-bottom-left-radius:6px;max-width:92%}
.bolha-agente{background:var(--superficie);border:1px solid var(--linha);border-bottom-right-radius:6px}
mark.pratica{color:var(--texto);border-radius:5px;padding:1px 3px;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-color .25s,opacity .25s}
mark[data-pratica="empatia"]{background:var(--empatia)}
mark[data-pratica="clareza"]{background:var(--clareza)}
mark[data-pratica="passo"]{background:var(--passo)}
[data-foco] mark.pratica{background:transparent}
[data-foco="empatia"] mark[data-pratica="empatia"]{background:var(--empatia);box-shadow:inset 0 -2px 0 var(--empatia-forte)}
[data-foco="clareza"] mark[data-pratica="clareza"]{background:var(--clareza);box-shadow:inset 0 -2px 0 var(--clareza-forte)}
[data-foco="passo"] mark[data-pratica="passo"]{background:var(--passo);box-shadow:inset 0 -2px 0 var(--passo-forte)}

/* fusos */
.fusos-grade{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,6vw,72px);align-items:start}
.fusos-grade .cabeca{margin-bottom:0}
.fusos-foto{margin:28px 0 0;border-radius:22px;overflow:hidden;aspect-ratio:3/2}
.fusos-foto img{width:100%;height:100%;object-fit:cover}
.fusos{background:var(--escuro-2);border:1px solid rgba(238,242,248,.1);border-radius:26px;padding:clamp(18px,3vw,28px)}
.fusos-js .fusos-sem-js{display:none}
.fusos-sem-js{color:var(--escuro-suave);margin-bottom:12px}
.fusos-lista{display:grid;gap:14px;list-style:none;margin:0;padding:0}
.fuso-grupo{font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--brilho);margin-top:8px}
.fuso{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:baseline}
.fuso-nome{font-weight:700}
.fuso-hora{font:600 1.1rem/1 var(--mono);color:var(--escuro-texto);display:flex;align-items:center;gap:8px}
.fuso-hora::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--escuro-suave);opacity:.5}
.fuso-aberto .fuso-hora::before{background:var(--brilho);opacity:1}
.fuso-barra{grid-column:1/-1;position:relative;height:12px;border-radius:999px;background:rgba(238,242,248,.08);overflow:hidden}
.fuso-janela{position:absolute;top:0;bottom:0;background:#3a4a69;border-radius:999px}
.fuso-sobre{position:absolute;top:0;bottom:0;background:var(--brilho);border-radius:999px}
.fuso-ref .fuso-janela{background:var(--brilho)}
.fuso-agora{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--escuro-texto);margin-left:-1px}
.fuso-comum{grid-column:1/-1;font-size:.86rem;color:var(--escuro-suave)}
.fusos-eixo{display:flex;justify-content:space-between;margin-top:14px;font:500 .78rem/1 var(--mono);color:var(--escuro-suave)}
.fusos-eixo-rotulo{margin-top:8px;font-size:.82rem;color:var(--escuro-suave);text-align:center}

/* galeria */
.carrossel{--carrossel-item:min(84%,460px)}
.slide{position:relative;margin:0;border-radius:22px;overflow:hidden;aspect-ratio:4/3;background:var(--escuro)}
.slide img{width:100%;height:100%;object-fit:cover}
.slide figcaption{position:absolute;left:12px;bottom:12px;right:12px;padding:8px 14px;border-radius:12px;background:rgba(13,20,36,.82);color:var(--escuro-texto);
  font-weight:600;font-size:.92rem;width:max-content;max-width:calc(100% - 24px)}

/* contato */
.contato{padding:clamp(72px,10vw,120px) max(20px,calc((100% - 1200px)/2))}
.contato-caixa{background:radial-gradient(80% 120% at 0% 0%,#14806f 0%,var(--acento) 45%,#0a4f47 100%);color:var(--acento-contraste);
  border-radius:32px;padding:clamp(36px,7vw,80px);text-align:center;display:grid;justify-items:center;gap:14px}
.contato-caixa h2{font-size:clamp(2.4rem,7vw,4.6rem)}
.contato-caixa p{font-size:1.15rem}
.contato-acoes{margin-top:14px}
.btn-gigante{min-height:72px;padding:16px 30px;font-size:clamp(1.05rem,2.4vw,1.35rem);background:var(--acento-contraste);color:var(--acento);
  box-shadow:0 20px 40px -20px rgba(0,0,0,.5)}
.btn-gigante .ic{width:28px;height:28px}
.btn-gigante:hover{transform:translateY(-3px)}
.btn-gigante:focus-visible{outline-color:var(--acento-contraste)}
.btn-seta{display:inline-grid;transition:transform .25s}
.btn-gigante:hover .btn-seta{transform:translateX(4px)}
.contato-idioma a{color:var(--acento-contraste);font-weight:600}

/* rodapé */
.rodape{background:var(--escuro);color:var(--escuro-suave);padding:48px max(20px,calc((100% - 1200px)/2));font-size:.88rem;display:grid;gap:10px}
.rodape a{color:var(--escuro-texto)}
.rodape-marca{display:flex;align-items:center;gap:10px;color:var(--escuro-texto);font-weight:700;font-size:1rem}
.rodape-titulo{color:var(--escuro-texto);font-weight:700;margin-top:8px}
.rodape-creditos ul{display:grid;gap:6px;margin-top:10px}

/* ---- movimento (só para quem aceita) ---- */
@media (prefers-reduced-motion:no-preference){
  .selo::before{animation:pulso 2.4s infinite}
  .heroi-chat .hc-bolha,.heroi-chat .hc-digitando{animation:entra .6s cubic-bezier(.16,1,.3,1) both}
  .hc-1{animation-delay:.3s!important}.hc-2{animation-delay:1.1s!important}.hc-3{animation-delay:1.9s!important}.hc-4{animation-delay:2.7s!important}
  .heroi-chat .hc-digitando{animation-delay:3.4s}
  .hc-digitando span{animation:pula 1.2s infinite}
  .hc-digitando span:nth-child(2){animation-delay:.15s}.hc-digitando span:nth-child(3){animation-delay:.3s}
  .esteira-trilho{animation:esteira 38s linear infinite}
  .esteira:hover .esteira-trilho{animation-play-state:paused}
  .abas-js .aba-painel:not([hidden]) .bolha{animation:entra .5s cubic-bezier(.16,1,.3,1) both}
  .abas-js .aba-painel:not([hidden]) .bolha-agente{animation-delay:.35s}
  .fuso-sobre{animation:brilha 3s ease-in-out infinite}
}
@keyframes pulso{0%{box-shadow:0 0 0 0 rgba(94,234,212,.6)}70%{box-shadow:0 0 0 10px rgba(94,234,212,0)}100%{box-shadow:0 0 0 0 rgba(94,234,212,0)}}
@keyframes entra{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes pula{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-4px);opacity:1}}
@keyframes esteira{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@keyframes brilha{0%,100%{opacity:1}50%{opacity:.75}}

/* ---- telas menores ---- */
@media (max-width:960px){
  .topo nav{display:none}
  .idiomas{margin-left:auto}
  .heroi-grade,.sobre-grade,.fusos-grade{grid-template-columns:1fr}
  .heroi-chat{max-width:460px}
  .faixa-skills{grid-template-columns:1fr}
}
@media (max-width:760px){
  body{font-size:16px}
  .heroi{min-height:0;padding-top:48px}
  .vaga{grid-template-columns:1fr}
  .duas-linguas{grid-template-columns:1fr}
  .marca-nome{font-size:.95rem}
  .btn{width:100%;justify-content:center}
  .btn-gigante{padding:14px 18px;gap:8px}
}