/* AI Week: página Inscrição no hackathon, só o que é dela. As peças comuns estão em paginas.css; os campos,
   em formulario.css. A página é só o formulário: primeiro, o formulário bloqueado (o cartão de terminal com o
   contador, a janelinha da dobra Hackathon da home, aqui com as fontes da identidade); ao lado, em destaque,
   "Faça sua pré-inscrição [aqui]", com o "aqui" como botão laranja de texto preto no tamanho do título (a
   última linha em laranja, como nos títulos do manual). Quando as inscrições abrem, o cartão dá lugar ao
   formulário. */
.hi-sec{display:flex;flex-direction:column;min-height:calc(100*var(--svh) - var(--nav,72px));padding-block:24px clamp(48px,calc(5*var(--vw)),72px);background:#000}
.hi-sec > .wrap{flex:1;display:flex;flex-direction:column;width:100%}
.hi-linha{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 28px}
.hi-linha .pg-rotulo{margin-top:0}
.hi-grade{flex:1;display:grid;grid-template-columns:minmax(0,480px) minmax(0,1fr);gap:clamp(40px,calc(6*var(--vw)),104px);align-items:center;align-content:center;padding-top:32px}
.hi-caixa{display:grid}
.hi-trava{width:100%}
.hi-campos{margin:0;padding:0;border:0;min-width:0}

/* a pré-inscrição, ao lado do cartão */
.hi-enquanto{font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#B3B3B3}
.hi-pre-h em{font-style:normal;color:var(--laranja)}
.hi-pre-h{margin-top:16px;font-family:var(--f-titulo);font-weight:800;font-size:clamp(56px,calc(6.25*var(--vw)),96px);line-height:.98;letter-spacing:-.01em;text-transform:uppercase;color:#fff}
/* o botão que abre a janela da pré-inscrição */
.hi-pre-bt{margin-top:28px;min-height:52px;padding:0 32px;font-size:14px}
.hi-status{margin-top:20px;font-size:17px;color:#fff}

/* inscrições abertas: o título vem primeiro e acompanha a rolagem; o formulário ocupa a coluna maior */
.hi-grade.aberta{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;align-content:start}
.hi-grade.aberta .hi-lado{order:-1;position:sticky;top:calc(var(--nav,72px) + 32px)}

/* o contador: janelinha de terminal */
.hi-term{width:100%;background:#080808;border:1px solid rgba(255,255,255,.1);border-left:2px solid var(--laranja);border-radius:var(--raio-janela);corner-shape:squircle;box-shadow:0 30px 80px rgba(0,0,0,.6),-18px 0 48px -30px rgba(255,106,26,.55)}
.hi-term-bar{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.07)}
.hi-term-bar i{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.14)}
.hi-term-bar i:first-child{background:var(--laranja);box-shadow:0 0 10px rgba(255,106,26,.6)}
.hi-term-bar i:nth-child(2){background:rgba(255,255,255,.3)}
.hi-term-bar span{margin-left:12px;font-size:12px;color:#B3B3B3}
.hi-term-corpo{padding:24px 28px 28px}
.hi-term-cmd{font-size:14px;color:#fff}
.hi-term-cmd b{font-weight:500;color:var(--laranja)}
.hi-term-trava{display:flex;align-items:center;gap:8px;margin-top:22px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--laranja)}
.hi-term-rot{margin-top:12px;font-size:14px;color:#B3B3B3}
.hi-contador{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
.hi-contador p{display:grid;justify-items:center;gap:6px;padding:14px 0 12px;background:#141414;border:1px solid rgba(255,255,255,.08)}
.hi-contador b{font-family:var(--f-titulo);font-weight:800;font-size:48px;line-height:1;color:var(--laranja);font-variant-numeric:tabular-nums}
.hi-contador span{font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#B3B3B3}
.hi-term-data{margin-top:14px;font-size:13px;color:#B3B3B3}

/* integrantes: uma linha por pessoa, com o número em laranja */
.hi-membros-ajuda{margin-top:12px}
.hi-membros{margin-top:16px}
.hi-membros-cab,.hi-membro{display:grid;grid-template-columns:36px minmax(0,1fr) minmax(0,1fr);gap:0 16px;align-items:start}
.hi-membros-cab{font-size:14px;font-weight:500;color:#fff}
.hi-membro{margin-top:10px}
.hi-membro-n{padding-top:10px;font-family:var(--f-titulo);font-weight:800;font-size:22px;line-height:1;color:var(--laranja)}
.hi-membro:nth-child(n+6) .hi-membro-n{color:#B3B3B3}
.hi-membro .campo-erro{margin-top:6px}

/* telas de sucesso */
.hi-ok{padding:clamp(24px,calc(3*var(--vw)),44px);background:#141414;border:1px solid rgba(255,255,255,.08)}
.hi-ok .pg-rotulo,.hi-dlg .pg-rotulo{margin-top:0}
.hi-ok .pg-h2{margin-top:16px}
.hi-ok-txt{margin-top:20px;max-width:46ch;font-size:17px;line-height:1.55;color:rgba(255,255,255,.86)}
.hi-ok .fm-pendente,.hi-pre-ok .fm-pendente{margin-top:20px}

/* janela da pré-inscrição */
.hi-dlg{width:min(calc(100% - 32px),640px);max-height:calc(100% - 48px);padding:0;border:1px solid rgba(255,255,255,.14);background:#141414;color:#fff;font-family:var(--f-texto);overflow:auto;box-shadow:0 40px 120px rgba(0,0,0,.8)}
.hi-dlg::backdrop{background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.hi-dlg .fm{border:0}
.hi-dlg-h{margin-top:12px;font-size:clamp(34px,calc(2.9*var(--vw)),44px)}
.hi-dlg-txt{margin-top:12px;font-size:16px;line-height:1.5;color:rgba(255,255,255,.86)}
.hi-pre-ok{padding:clamp(24px,calc(3*var(--vw)),44px)}
.hi-dlg-ok{margin-top:28px}
.hi-fechar{position:absolute;top:14px;right:14px;z-index:1;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #666;border-radius:50%;background:#141414;color:#fff;cursor:pointer;transition:border-color .16s}
.hi-fechar:hover{border-color:#fff}
.hi-fechar:focus-visible{outline:2px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px #000}

/* telas estreitas: só encaminhado (a adaptação mobile vem depois) */
@media (max-width:1000px){
  .hi-grade,.hi-grade.aberta{grid-template-columns:1fr}
  .hi-grade.aberta .hi-lado{position:static}
  .hi-sec{min-height:0}
  .hi-membros-cab{display:none}
  .hi-membro{grid-template-columns:28px minmax(0,1fr);gap:8px 12px}
  .hi-membro .campo:last-child{grid-column:2}
}