/* "Trabalhe na Engrena": página que a PESSOA de fora abre. Segue a marca (/marca.css), sem o menu do Gira.
   CSP desta página só aceita recurso do próprio domínio: nada de estilo ou script inline. */
:root{
  --fundo:#f8f5eb;--cartao:#fff;--tinta:#1d1a24;--suave:#5f5868;--linha:#ded8da;--campo:#fff;
  --acento:var(--pink,#ee2671);
  /* o rosa puro não tem contraste de texto sobre branco: para botão e link usa-se a versão escurecida */
  --acento-forte:color-mix(in srgb,var(--acento) 80%,#000);
  --erro:#b3261e;--sombra:0 1px 2px rgba(29,26,36,.06),0 12px 32px rgba(29,26,36,.08)
}
@media (prefers-color-scheme:dark){
  :root{--fundo:#16131c;--cartao:#1f1b27;--tinta:#f3eff7;--suave:#aaa3b4;--linha:#352f40;--campo:#27222f;
    --acento-forte:color-mix(in srgb,var(--acento) 78%,#fff);--erro:#ff9a90;--sombra:none}
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fundo);color:var(--tinta);font-family:var(--fonte-marca,'Montserrat'),system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
.entrada{max-width:780px;margin:0 auto;padding:28px 20px 72px}
.topo{margin-bottom:36px}
.logo{display:inline-block;color:var(--tinta);font-weight:800;text-decoration:none}
.logo img{display:block;height:36px;width:auto;max-width:200px;object-fit:contain;object-position:left center}
.sobre{margin:0;color:var(--acento-forte);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:800}
h1{font-size:clamp(30px,6vw,44px);line-height:1.12;letter-spacing:-.02em;margin:10px 0 16px;font-weight:800}
h2{font-size:17px;line-height:1.3;margin:0 0 6px;font-weight:800}
h2 small,.campo small{font-size:12px;font-weight:600;color:var(--suave)}
.intro{font-size:17px;color:var(--suave);margin:0 0 30px;max-width:60ch}
.pre{white-space:pre-wrap;overflow-wrap:anywhere}

form{display:grid;gap:18px}
.bloco{background:var(--cartao);border:1px solid var(--linha);border-radius:14px;padding:22px;margin:0;min-width:0;box-shadow:var(--sombra)}
.bloco.tem-erro{border-color:var(--erro)}
/* legend dentro do cartão, como o h2 dos outros blocos (sem cortar a borda) */
legend{float:left;width:100%;padding:0;margin:0 0 6px;font-size:17px;font-weight:800;line-height:1.3}
legend+*{clear:both}
.ajuda{margin:0 0 14px;font-size:13px;color:var(--suave)}
.rodape-form{margin:0}
.obr{color:var(--acento-forte)}
.dupla{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.campo{margin:0 0 16px}
.campo:last-child{margin-bottom:0}
label{display:block;font-size:13.5px;font-weight:700;margin:0 0 6px}
input,textarea{display:block;width:100%;font:inherit;font-size:16px;color:var(--tinta);background:var(--campo);border:1px solid var(--suave);border-radius:10px;padding:12px 13px;min-height:48px}
textarea{resize:vertical}
input[type=file]{padding:10px;font-size:14px}
.tem-erro>input,.tem-erro>textarea{border-color:var(--erro);border-width:2px}
.erro{margin:6px 0 0;font-size:13px;font-weight:700;color:var(--erro)}
input:focus-visible,textarea:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--acento-forte);outline-offset:2px}

.areas{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;margin-bottom:16px}
.opcao{display:flex;align-items:flex-start;gap:11px;font-weight:500;font-size:14.5px;margin:0;padding:9px 0;min-height:44px;cursor:pointer}
.opcao input{flex:0 0 20px;width:20px;height:20px;min-height:0;margin:2px 0 0;padding:0;accent-color:var(--acento-forte)}
.ciencia{font-size:14px;font-weight:600}

.resumo{background:var(--cartao);border:2px solid var(--erro);border-radius:14px;padding:16px 20px}
.resumo strong{display:block;color:var(--erro);margin-bottom:6px}
.resumo ul{margin:0 0 8px;padding-left:20px}
.resumo li{margin:3px 0;font-size:14px}
.resumo a{color:var(--tinta);font-weight:600}
.resumo p{margin:0;font-size:13px;color:var(--suave)}

.privacidade{border:1px solid var(--linha);border-radius:14px;padding:18px 22px;background:transparent}
.privacidade p{margin:0 0 6px;font-size:13.5px}
.privacidade dt{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--suave);margin-top:14px}
.privacidade dd{margin:2px 0 0;font-size:13.5px;overflow-wrap:anywhere}
.privacidade small{display:block;margin-top:14px;font-size:12px;color:var(--suave)}

.botao,button.botao{display:inline-block;background:var(--acento-forte);color:#fff;border:0;border-radius:10px;padding:14px 26px;min-height:50px;font:800 15px var(--fonte-marca,'Montserrat'),system-ui,sans-serif;text-decoration:none;text-align:center;cursor:pointer}
.botao:hover{filter:brightness(1.08)}
.cartao-estado{background:var(--cartao);border:1px solid var(--linha);border-radius:14px;padding:28px 24px;box-shadow:var(--sombra)}
.cartao-estado .intro{margin-bottom:22px}

/* honeypot: fora da tela, sem display:none (alguns robôs ignoram campo oculto) */
.campo-extra{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

@media (max-width:640px){
  .entrada{padding:20px 16px 56px}
  .topo{margin-bottom:26px}
  .bloco{padding:18px 16px}
  .dupla,.areas{grid-template-columns:1fr}
  .dupla{gap:0}
  .botao,button.botao{width:100%}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}