.vg{--larg:min(1560px,calc(100% - 2*var(--gut)));--entra:cubic-bezier(.2,.7,.2,1);padding-block:clamp(2.25rem,8svh,5.5rem) clamp(4rem,13svh,8.5rem)}
.vg>*{width:var(--larg);margin-inline:auto}
.vg ul{margin:0;padding:0;list-style:none}
.vg-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.vg-cab{display:grid;gap:clamp(1rem,2.4svh,1.75rem);padding-bottom:clamp(2.5rem,8svh,5.5rem)}
.vg-h1{margin:0;font:500 clamp(2.75rem,7.4vw,7.75rem)/.94 var(--f-texto);letter-spacing:-.035em;text-wrap:balance;max-width:16ch}
.vg-vaga .vg-h1{font-size:clamp(2.5rem,6.6vw,6.75rem);max-width:18ch}
.vg-lead{margin:0;max-width:42ch;font:400 clamp(1.0625rem,1.35vw,1.375rem)/1.4 var(--f-texto);color:var(--cinza);text-wrap:pretty}

.vg-rot{margin:0 0 1rem;font:600 .8125rem/1 var(--f-micro);letter-spacing:.09em;text-transform:uppercase}
.vg-conta{margin-left:.5em;font-weight:400;color:var(--cinza)}

.vg-status{display:inline-flex;align-items:center;gap:.55em;margin:0;font:600 .8125rem/1 var(--f-micro);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.vg-status::before{content:"";width:.7em;height:.7em;flex:none;background:var(--ciano);box-shadow:inset 0 0 0 1px var(--tinta)}
.vg-status[data-status="encerrada"]{color:var(--cinza)}
.vg-status[data-status="encerrada"]::before{background:var(--filete)}

.vg-seta{display:grid;place-items:center;width:clamp(2.5rem,3.2vw,3.25rem);aspect-ratio:1;border-radius:50%;background:var(--ciano);color:var(--tinta);transition:background-color .3s,color .3s,transform .45s var(--ease)}
.vg svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square}
.vg-seta svg{width:30%;height:auto}

.vg-lista{margin-bottom:clamp(3rem,9svh,6rem)}
.vg-item{border-top:1px solid var(--tinta)}
.vg-item:last-child{border-bottom:1px solid var(--tinta)}
.vg-linha{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;column-gap:clamp(1rem,3vw,3.5rem);min-height:clamp(6.5rem,10vw,10rem);padding:1.25rem clamp(.75rem,1.8vw,1.75rem);text-decoration:none;color:var(--tinta)}
.vg-linha::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ciano);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}
.vg-linha:hover::before,.vg-linha:focus-visible::before{transform:none}
.vg-linha:focus-visible{outline-offset:-5px}
.vg-linha:hover .vg-seta,.vg-linha:focus-visible .vg-seta{background:var(--tinta);color:var(--ciano);transform:translateX(.25rem)}
.vg-linha-titulo{font:500 clamp(1.75rem,3.5vw,3.625rem)/1.02 var(--f-texto);letter-spacing:-.025em;text-wrap:balance}
.vg-linha-meta{font:400 clamp(.9375rem,1.05vw,1.0625rem)/1.35 var(--f-texto);color:var(--cinza);white-space:nowrap;transition:color .3s}
.vg-linha:hover .vg-linha-meta,.vg-linha:focus-visible .vg-linha-meta{color:var(--tinta)}
.vg-lista-encerradas .vg-item{border-color:var(--filete-forte)}
.vg-lista-encerradas .vg-linha{min-height:clamp(4.5rem,6vw,6rem);color:var(--cinza)}
.vg-lista-encerradas .vg-linha::before{background:var(--superficie)}
.vg-lista-encerradas .vg-linha-titulo{font-size:clamp(1.25rem,2vw,1.875rem)}
.vg-lista-encerradas .vg-seta{background:var(--superficie);color:var(--cinza)}
.vg-lista-encerradas .vg-linha:hover .vg-seta,.vg-lista-encerradas .vg-linha:focus-visible .vg-seta{background:var(--tinta);color:var(--papel)}
.vg-vazio{margin:0;padding:2rem 0;border-top:1px solid var(--tinta);border-bottom:1px solid var(--tinta);font:400 1.125rem/1.4 var(--f-texto);color:var(--cinza)}

@keyframes vg-sobe{from{opacity:0;transform:translateY(.9rem)}to{opacity:1;transform:none}}
.vg-cab,.vg-item,.vg-grade,.vg-cand{animation:vg-sobe .9s var(--entra) both}
.vg-item:nth-child(2){animation-delay:.08s}.vg-item:nth-child(3){animation-delay:.16s}.vg-item:nth-child(n+4){animation-delay:.24s}
.vg-grade{animation-delay:.12s}.vg-cand{animation-delay:.2s}

.vg-trilha{display:flex;flex-wrap:wrap;gap:.6em;margin-bottom:clamp(1.75rem,5svh,3rem);font:500 .8125rem/1.2 var(--f-micro);letter-spacing:.07em;text-transform:uppercase;color:var(--cinza)}
.vg-trilha a{color:var(--tinta);text-decoration:none}
.vg-trilha a:hover,.vg-trilha a:focus-visible{text-decoration:underline;text-decoration-thickness:.1rem;text-underline-offset:.4em}

.vg-aviso{margin-top:0;margin-bottom:clamp(2rem,5svh,3rem);padding:1rem 1.25rem;border:1px solid var(--tinta);font:400 1rem/1.5 var(--f-texto);text-wrap:pretty}
.vg-aviso a{font-weight:500}

.vg-grade{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);column-gap:clamp(2rem,7vw,9rem);align-items:start;padding-top:clamp(2rem,6svh,3.5rem);border-top:1px solid var(--tinta)}
.vg-texto p{margin:0 0 1.1em;max-width:64ch;font:400 clamp(1rem,1.1vw,1.125rem)/1.6 var(--f-texto);text-wrap:pretty}
.vg-texto .vg-abre{max-width:34ch;font:400 clamp(1.25rem,1.95vw,1.875rem)/1.32 var(--f-texto);letter-spacing:-.01em}
.vg-secao{margin-top:clamp(2.5rem,7svh,4rem)}
.vg-secao li{position:relative;padding:.95rem 0 .95rem 1.6rem;border-top:1px solid var(--filete);max-width:64ch;font:400 clamp(1rem,1.1vw,1.125rem)/1.55 var(--f-texto);text-wrap:pretty}
.vg-secao li:last-child{border-bottom:1px solid var(--filete)}
.vg-secao li::before{content:"";position:absolute;left:0;top:calc(.95rem + .55em);width:.5rem;height:.5rem;background:var(--ciano);box-shadow:inset 0 0 0 1px var(--tinta)}
.vg-texto strong{font-weight:600}

.vg-lado{position:sticky;top:calc(var(--topo) + 1.5rem);display:grid;gap:1.25rem}
.vg-info{margin:0}
.vg-info>div{display:grid;gap:.35rem;padding:.9rem 0;border-top:1px solid var(--filete)}
.vg-info>div:first-child{border-top-color:var(--tinta)}
.vg-info>div:last-child{border-bottom:1px solid var(--filete)}
.vg-info dt{font:600 .75rem/1 var(--f-micro);letter-spacing:.09em;text-transform:uppercase;color:var(--cinza)}
.vg-info dd{margin:0;font:500 1.125rem/1.3 var(--f-texto)}

.vg-botao{display:inline-flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:3.5rem;padding:0 1.35rem;border:1px solid var(--tinta);border-radius:0;background:var(--ciano);color:var(--tinta);font:600 .9375rem/1 var(--f-texto);letter-spacing:.07em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color .3s,color .3s}
.vg-botao svg{width:.55em;height:.8em;flex:none;transition:transform .35s var(--ease)}
.vg-botao:hover,.vg-botao:focus-visible{background:var(--tinta);color:var(--ciano)}
.vg-botao:hover svg,.vg-botao:focus-visible svg{transform:translateX(.25em)}
.vg-botao:focus-visible{outline-offset:3px}
.vg-botao[disabled]{cursor:progress;background:var(--superficie);color:var(--cinza);border-color:var(--filete-forte)}
.vg-lado .vg-botao{width:100%}

.vg-compartilhar{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1.5rem}
.vg-link{display:inline-flex;align-items:center;gap:.6em;padding:.6rem 0;border:0;background:none;color:var(--tinta);font:600 .875rem/1 var(--f-texto);letter-spacing:.07em;text-transform:uppercase;text-decoration:none;cursor:pointer}
.vg-link svg{width:.55em;height:.8em;transition:transform .35s var(--ease)}
.vg-link:hover,.vg-link:focus-visible{text-decoration:underline;text-decoration-thickness:.1rem;text-underline-offset:.5em}
.vg-link:hover svg,.vg-link:focus-visible svg{transform:translateX(.25em)}
.vg-copiado{font:400 .875rem/1 var(--f-texto);color:var(--cinza)}

.vg-cand{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:clamp(2rem,6vw,7rem);align-items:start;margin-top:clamp(4.5rem,14svh,9rem);padding-top:clamp(2rem,6svh,3.5rem);border-top:1px solid var(--tinta);scroll-margin-top:var(--topo)}
.vg-cand-cab{position:sticky;top:calc(var(--topo) + 1.5rem)}
.vg-h2{margin:0 0 1rem;font:500 clamp(2rem,3.6vw,3.5rem)/1 var(--f-texto);letter-spacing:-.03em}
.vg-nota{margin:0;max-width:30ch;font:400 1rem/1.5 var(--f-texto);color:var(--cinza);text-wrap:pretty}
.vg-form{min-width:0}
.vg-campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem clamp(1.25rem,2.6vw,2.5rem)}
.vg-campo{display:grid;align-content:start;gap:.45rem;min-width:0}
.vg-largo{grid-column:1/-1}
.vg-campo>label{font:500 .9375rem/1.3 var(--f-texto)}
.vg-opcional{font-weight:400;color:var(--cinza)}
.vg-campo input:not([type=checkbox]):not([type=file]),.vg-campo textarea{width:100%;margin:0;padding:.8rem 0 .7rem;border:0;border-bottom:1px solid var(--filete-forte);border-radius:0;background:transparent;color:var(--tinta);font:400 1.0625rem/1.4 var(--f-texto);transition:border-color .2s,box-shadow .2s}
.vg-campo textarea{min-height:8.5rem;padding:.8rem .9rem;border:1px solid var(--filete-forte);resize:vertical}
.vg-campo input:not([type=checkbox]):not([type=file]):focus,.vg-campo textarea:focus{outline:none;border-color:var(--tinta);box-shadow:0 1px 0 0 var(--tinta)}
.vg-campo textarea:focus{box-shadow:inset 0 0 0 1px var(--tinta)}
.vg-ajuda{margin:0;font:400 .8125rem/1.4 var(--f-texto);color:var(--cinza)}

.vg-arquivo input[type=file]{width:100%;padding:.7rem;border:1px solid var(--filete-forte);background:var(--papel);color:var(--cinza);font:400 .9375rem/1.3 var(--f-texto);cursor:pointer}
.vg-arquivo input[type=file]::file-selector-button{margin-right:1rem;padding:.6rem .9rem;border:1px solid var(--tinta);background:var(--papel);color:var(--tinta);font:600 .75rem/1 var(--f-texto);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:background-color .25s}
.vg-arquivo input[type=file]:hover::file-selector-button{background:var(--ciano)}
.vg-arquivo input[type=file]:focus-visible{outline:2px solid var(--tinta);outline-offset:2px}

.vg-aceite{margin-top:2rem}
.vg-check{display:flex;align-items:flex-start;gap:.85rem;font:400 .9375rem/1.45 var(--f-texto);cursor:pointer;max-width:60ch}
.vg-check input{appearance:none;flex:none;width:1.25rem;height:1.25rem;margin:.1rem 0 0;border:1.5px solid var(--tinta);border-radius:0;background:var(--papel);display:grid;place-items:center;cursor:pointer}
.vg-check input::after{content:"";width:.6rem;height:.35rem;border-left:2px solid var(--tinta);border-bottom:2px solid var(--tinta);transform:translateY(-1px) rotate(-45deg);opacity:0}
.vg-check input:checked{background:var(--ciano)}
.vg-check input:checked::after{opacity:1}
.vg-check input:focus-visible{outline:2px solid var(--tinta);outline-offset:3px}

.vg-msg{margin:0;padding-left:1rem;text-indent:-1rem;font:500 .875rem/1.4 var(--f-texto);color:var(--tinta)}
.vg-msg:empty{display:none}
.vg-msg::before{content:"";display:inline-block;width:.5rem;height:.5rem;margin-right:.5rem;vertical-align:.08em;background:var(--tinta)}
.vg-campo[data-erro] input:not([type=checkbox]):not([type=file]){border-bottom:2px solid var(--tinta);padding-bottom:calc(.7rem - 1px)}
.vg-campo[data-erro] textarea,.vg-campo[data-erro] input[type=file]{border:2px solid var(--tinta)}
.vg-campo[data-erro] .vg-check input{border-width:2.5px}

.vg-enviar{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;margin-top:2.25rem}
.vg-erro-geral{margin:0;max-width:44ch;font:500 .9375rem/1.45 var(--f-texto)}
.vg-erro-geral:empty{display:none}
.vg-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.vg-ok{display:grid;justify-items:start;gap:1rem;padding:2.5rem 0;border-top:1px solid var(--tinta);border-bottom:1px solid var(--tinta);animation:vg-sobe .7s var(--entra) both}
.vg-ok[hidden]{display:none}
.vg-ok:focus{outline:none}
.vg-ok-h{margin:0;font:500 clamp(2rem,3.6vw,3.5rem)/1 var(--f-texto);letter-spacing:-.03em}
.vg-ok p:not(.vg-status){margin:0;max-width:44ch;font:400 1.0625rem/1.5 var(--f-texto)}

@media (max-width:1024px){
  .vg-grade{grid-template-columns:minmax(0,1fr)}
  .vg-lado{position:static;margin-top:2.5rem}
  .vg-cand{grid-template-columns:minmax(0,1fr)}
  .vg-cand-cab{position:static;margin-bottom:2rem}
  .vg-nota{max-width:52ch}
}
@media (max-width:767px){
  .vg{padding-block:2rem 4rem}
  .vg-cab{padding-bottom:2.5rem}
  .vg-h1{font-size:clamp(2.5rem,12.5vw,3.75rem)}
  .vg-vaga .vg-h1{font-size:clamp(2.25rem,11vw,3.25rem)}
  .vg-linha{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t s" "m m" "e e";row-gap:.6rem;min-height:0;padding:1.4rem .25rem}
  .vg-linha-titulo{grid-area:t;font-size:clamp(1.5rem,7.4vw,2rem)}
  .vg-linha-meta{grid-area:m;white-space:normal}
  .vg-linha .vg-status{grid-area:e}
  .vg-seta{grid-area:s;align-self:start;width:2.5rem}
  .vg-campos{grid-template-columns:minmax(0,1fr)}
  .vg-largo{grid-column:auto}
  .vg-enviar .vg-botao{width:100%}
}
@media (prefers-reduced-motion:reduce){.vg-cab,.vg-item,.vg-grade,.vg-cand,.vg-ok{animation:none}}