/* ============================================================
   Estilo compartilhado das páginas de formulário (vagas e eventos).
   Usa os mesmos tokens do index.html para não parecer outro site.
   ============================================================ */
:root{
  --preto:#1A1A18; --cobre:#B8860B; --creme:#F5F0E8; --creme2:#EDE7D9;
  --verde:#1F3A28; --verde-pasto:#2E5E3A; --verde-fundo:#14301F; --cinza:#4A4A44;
  --erro:#C4553B;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',sans-serif;background:#0e2417;color:var(--creme);
  line-height:1.65;-webkit-font-smoothing:antialiased;
}
a{color:var(--cobre)}

header{
  position:sticky;top:0;z-index:50;background:rgba(14,36,23,.94);
  backdrop-filter:blur(8px);border-bottom:1px solid rgba(245,240,232,.12);
}
.hwrap{max-width:1000px;margin:0 auto;padding:14px 28px;display:flex;align-items:center;gap:20px}
.hwrap img{height:40px}
.hwrap a{
  margin-left:auto;font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  text-decoration:none;color:var(--creme);opacity:.8
}
.hwrap a:hover{opacity:1}

main{max-width:660px;margin:0 auto;padding:56px 28px 80px}
.kicker{
  font-family:'Courier Prime',monospace;font-size:11px;letter-spacing:.24em;
  text-transform:uppercase;color:var(--cobre);margin-bottom:14px
}
h1{
  font-family:'Playfair Display',serif;font-weight:700;line-height:1.12;
  font-size:clamp(30px,5vw,46px);margin-bottom:18px
}
.intro{color:#c8d2c4;font-size:16.5px;margin-bottom:40px;max-width:56ch}

/* ---- lista de vagas ---- */
.vagas{list-style:none;margin:0 0 44px;border-top:1px solid rgba(245,240,232,.14)}
.vagas li{
  display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;
  padding:16px 2px;border-bottom:1px solid rgba(245,240,232,.14)
}
.vagas b{font-size:17px;font-weight:600}
.vagas button{
  margin-left:auto;background:none;border:1px solid var(--cobre);color:var(--cobre);
  font-family:inherit;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  padding:8px 18px;cursor:pointer;transition:.2s
}
.vagas button:hover{background:var(--cobre);color:var(--preto)}

/* ---- formulário ---- */
form{border-top:1px solid rgba(245,240,232,.14);padding-top:36px}
.campo{margin-bottom:22px}
label{
  display:block;font-family:'Courier Prime',monospace;font-size:11.5px;
  letter-spacing:.16em;text-transform:uppercase;color:#a9b8a6;margin-bottom:8px
}
label .opc{text-transform:none;letter-spacing:0;color:#6f7f6d;font-size:11px}
input,select,textarea{
  width:100%;background:rgba(245,240,232,.05);border:1px solid rgba(245,240,232,.2);
  color:var(--creme);font-family:inherit;font-size:15.5px;padding:12px 14px;transition:.2s
}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--cobre);background:rgba(245,240,232,.08)}
textarea{min-height:130px;resize:vertical}
select option{background:var(--verde-fundo)}
input[type=file]{padding:10px;font-size:13.5px}
.dupla{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:560px){.dupla{grid-template-columns:1fr}}

.consent{display:flex;gap:11px;align-items:flex-start;margin:30px 0 26px}
.consent input{width:auto;margin-top:4px;flex-shrink:0}
.consent label{
  text-transform:none;letter-spacing:0;font-family:inherit;font-size:13.5px;
  color:#b6c4b3;margin:0;line-height:1.6
}

button[type=submit]{
  background:var(--cobre);border:1px solid var(--cobre);color:var(--preto);
  font-family:inherit;font-size:12px;letter-spacing:.18em;text-transform:uppercase;
  padding:14px 34px;cursor:pointer;transition:.2s
}
button[type=submit]:hover:not(:disabled){background:transparent;color:var(--cobre)}
button[type=submit]:disabled{opacity:.5;cursor:progress}

/* honeypot: fora da tela, invisível para gente, visível para robô */
.armadilha{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.aviso{margin-top:22px;padding:15px 18px;font-size:14.5px;display:none}
.aviso.erro{display:block;background:rgba(196,85,59,.16);border-left:3px solid var(--erro)}
.aviso.ok{display:block;background:rgba(46,94,58,.28);border-left:3px solid var(--verde-pasto)}

footer{
  border-top:1px solid rgba(245,240,232,.12);padding:32px 28px;text-align:center;
  font-family:'Courier Prime',monospace;font-size:12px;letter-spacing:.1em;color:#6f7f6d
}

[hidden]{display:none !important}
