:root{
  --navy:#27326C; --navy-esc:#1c2552; --verde:#03AF49; --verde-logo:#038036; --marrom:#756957;
  --fundo:#F3F4F8; --papel:#FFFFFF; --texto:#1E2340; --suave:#5B6180; --linha:#D9DCE8; --erro:#B42318;
  --fonte:"Nunito Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--fundo);color:var(--texto);font:16px/1.55 var(--fonte)}
img{max-width:100%}
[hidden]{display:none!important}

.topo{position:relative;background:var(--navy);color:#fff;overflow:hidden}
.hachura{position:absolute;inset:0 0 0 auto;width:min(46%,520px);
  background:repeating-linear-gradient(-45deg,transparent 0 16px,var(--verde) 16px 19px);opacity:.7;
  -webkit-mask:linear-gradient(90deg,transparent,#000 55%);mask:linear-gradient(90deg,transparent,#000 55%)}
.hachura::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,var(--navy) 0 5px,transparent 5px 15px)}
.topo-in{position:relative;max-width:760px;margin:0 auto;padding:32px max(16px,env(safe-area-inset-right)) 40px max(16px,env(safe-area-inset-left))}
.logo img{display:block;height:64px;width:auto;max-width:100%}
.eyebrow{margin:28px 0 6px;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--verde)}
h1{margin:0;font-size:clamp(32px,7vw,52px);line-height:1.04;font-weight:900;text-wrap:balance}
h1 span{color:#fff} h1 em{font-style:normal;color:var(--verde)}
.sub{margin:14px 0 0;max-width:46ch;color:#D5D9EC}

.corpo{max-width:760px;margin:28px auto 0;padding:0 max(16px,env(safe-area-inset-right)) 48px max(16px,env(safe-area-inset-left));position:relative}
.passos{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;list-style:none;margin:0 0 14px;padding:0;counter-reset:p}
.passos li{counter-increment:p;font-size:12px;font-weight:700;color:var(--suave);padding-top:10px;border-top:4px solid var(--linha);min-width:0}
.passos li::before{content:counter(p) ". "}
.passos li.on{color:var(--navy);border-color:var(--verde)}
.passos li.feito{border-color:var(--verde-logo);color:var(--verde-logo)}

form{background:var(--papel);border-radius:10px;padding:28px clamp(16px,4vw,36px);box-shadow:0 10px 30px rgba(39,50,108,.10)}
.etapa{display:none}.etapa.on{display:block}
h2{margin:0 0 4px;font-size:24px;font-weight:900;color:var(--navy);text-wrap:balance}
.nota{margin:0 0 22px;color:var(--suave);font-size:14px}
.grade{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.campo{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:14px;color:var(--navy);min-width:0}
.campo.largo{grid-column:1/-1}
input[type=text],input[type=email],input[type=tel],input[type=url],input[type=number],select,textarea{
  font:inherit;font-weight:400;color:var(--texto);width:100%;padding:11px 12px;border:1.5px solid var(--linha);border-radius:6px;background:#fff}
textarea{min-height:120px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--verde);box-shadow:0 0 0 3px rgba(3,175,73,.18)}
input[type=file]{font:inherit;font-weight:400;padding:12px;border:1.5px dashed var(--linha);border-radius:6px;background:var(--fundo)}
.invalido{border-color:var(--erro)!important}

.vagas{display:grid;gap:12px}
.vaga{position:relative;display:grid;gap:2px;padding:16px 18px 16px 52px;border:1.5px solid var(--linha);border-radius:8px;cursor:pointer}
.vaga input{position:absolute;left:18px;top:20px;width:18px;height:18px;accent-color:var(--verde)}
.vaga-n{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--verde-logo)}
.vaga strong{color:var(--navy);font-size:17px;line-height:1.3}
.vaga small{color:var(--suave);font-size:14px}
.vaga:has(input:checked){border-color:var(--verde);background:#F1FBF5}

.q{border:0;margin:0 0 24px;padding:0}
.q legend{padding:0;margin-bottom:10px;font-weight:800;color:var(--navy);font-size:16px;line-height:1.35}
.q legend b{color:var(--verde)} .q legend i{font-style:normal;font-weight:600;color:var(--suave);font-size:13px}
.ops{display:flex;flex-wrap:wrap;gap:8px}
.op{position:relative;cursor:pointer}
.op input{position:absolute;opacity:0;inset:0}
.op span{display:inline-block;padding:8px 14px;border:1.5px solid var(--linha);border-radius:999px;font-size:14px;font-weight:600;color:var(--texto);background:#fff}
.op input:checked+span{background:var(--navy);border-color:var(--navy);color:#fff}
.op input:focus-visible+span{outline:3px solid rgba(3,175,73,.5);outline-offset:2px}
.cont{display:block;text-align:right;font-size:12px;color:var(--suave);margin-top:4px}
.outro{margin-top:12px;max-width:340px}

.lgpd{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:8px;background:var(--fundo);font-size:14px;color:var(--texto);cursor:pointer;border-left:4px solid var(--verde)}
.lgpd input{width:20px;height:20px;flex:none;margin-top:2px;accent-color:var(--verde)}

.erro{margin:18px 0 0;padding:12px 14px;border-radius:6px;background:#FEF3F2;color:var(--erro);font-weight:700;font-size:14px}
.nav{display:flex;justify-content:space-between;gap:12px;margin-top:24px}
.nav .btn:last-child,.nav #avancar,.nav #enviar{margin-left:auto}
.btn{font:inherit;font-weight:800;font-size:16px;padding:13px 26px;border:0;border-radius:6px;background:var(--verde);color:#fff;cursor:pointer}
.btn:hover{background:var(--verde-logo)}
.btn.sec{background:transparent;color:var(--navy);border:1.5px solid var(--linha)}
.btn:disabled{opacity:.6;cursor:wait}
.btn:focus-visible{outline:3px solid var(--navy);outline-offset:2px}
.mel{position:absolute;left:-9999px;width:1px;height:1px}

.rodape{text-align:center;padding:0 16px 32px;font-size:14px}
.rodape a{color:var(--navy);font-weight:700;text-decoration:none}

.fim{text-align:left}
.fim .selo{width:56px;height:56px;border-radius:50%;background:var(--verde);display:grid;place-items:center;margin-bottom:18px}
.fim p{font-size:17px;max-width:52ch}

@media (max-width:560px){
  .grade{grid-template-columns:1fr}
  .passos li{font-size:0}.passos li::before{font-size:12px}
  .hachura{width:40%;opacity:.6}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

.vaga-bloco{display:grid;gap:0}
.det{margin:-1px 0 0;border:1.5px solid var(--linha);border-top:0;border-radius:0 0 8px 8px;padding:0 18px 0 52px;font-size:14px}
.vaga-bloco .vaga{border-radius:8px 8px 0 0}
.det summary{cursor:pointer;padding:10px 0;font-weight:800;color:var(--verde-logo);list-style:none}
.det summary::-webkit-details-marker{display:none}
.det summary::after{content:" +";}
.det[open] summary::after{content:" \2212";}
.det[open]{padding-bottom:14px}
.det p{margin:0 0 6px;color:var(--texto)}
.det h3{margin:12px 0 4px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--navy)}
.det ul{margin:0;padding-left:18px;color:var(--texto)}
.det li{margin:2px 0}

.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.tag{font-size:12px;font-weight:800;color:var(--navy);background:#E8EBF5;border-radius:999px;padding:3px 10px}

.previa{margin:0 0 14px;padding:12px 16px;border-radius:8px;background:#FEF0C7;color:#93370D;font-weight:700;font-size:14px}