.doc{display:flex;flex-direction:column;gap:16px}
.doc .cab-doc{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--cor);padding-bottom:14px;margin-bottom:6px}
.doc .cab-doc b{font-size:34px;font-weight:800;color:var(--cort)}
.doc .cab-doc span{font-size:19px;color:var(--muted)}
.campo{display:flex;align-items:center;gap:18px}
.campo label{width:190px;font-size:21px;color:var(--muted);font-weight:600}
.campo div{flex:1;border:1px solid var(--line);border-radius:6px;padding:12px 16px;font-size:24px;font-weight:600;min-height:54px;background:#FCFDFE}
.carimbo{position:absolute;right:46px;bottom:40px;border:5px solid #1E7B3A;color:#1E7B3A;font-size:34px;font-weight:800;padding:10px 26px;border-radius:8px;text-transform:uppercase;letter-spacing:1px;background:rgba(255,255,255,.92)}
.campo div{transition:none;position:relative}
.campo div.foco{border-color:var(--cor);box-shadow:0 0 0 4px color-mix(in srgb,var(--cor) 16%,transparent)}
.campo div.foco:after{content:"";display:inline-block;width:3px;height:28px;background:var(--cor);margin-left:3px;vertical-align:-5px;animation:pisca .8s steps(1) infinite}
@keyframes pisca{50%{opacity:0}}
/* ---- pacote 151–200: documento com máscara, validação, assinatura, carimbo com tinta e PDF ---- */
.doc .cab-doc{gap:16px}
.doc .cab-doc .sit{margin-left:auto;font-size:18px;font-weight:700;padding:5px 12px;border-radius:20px;background:#FFF4E0;color:#9A5B00}
.doc .cab-doc .sit.az{background:#E8EEF8;color:#1F4E9A}
.doc .cab-doc .sit.ok{background:#E6F4EA;color:#1E7B3A}
.campo label.at{color:var(--cort)}
.campo label{position:relative}
.campo label.at:before{content:"";position:absolute;left:-14px;top:50%;width:5px;height:22px;margin-top:-11px;border-radius:3px;background:var(--cor)}
.campo div .vck{right:12px}
.doc-vp{height:348px;overflow:hidden;margin:-4px 0;padding:4px 0}
.doc-rola{display:flex;flex-direction:column;gap:16px}
.doc-pe{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:10px}
.ass{width:280px;display:flex;flex-direction:column;align-items:center;margin-right:340px}
.ass svg{width:240px;height:66px}
.ass span{width:100%;border-top:1px solid var(--ink);text-align:center;font-size:18px;color:var(--muted);padding-top:6px;font-weight:600}
.carimbo.tinta{color:#1E7B3A;border-color:#1E7B3A;border-style:solid;opacity:.92;overflow:hidden;background:rgba(255,255,255,.88)}
.carimbo.tinta:after{content:"";position:absolute;inset:-5px;pointer-events:none;
  background:radial-gradient(circle,rgba(255,255,255,.95) 0 1.6px,transparent 2.4px) 0 0/23px 17px,
             radial-gradient(circle,rgba(255,255,255,.85) 0 1.2px,transparent 2px) 7px 5px/31px 13px,
             radial-gradient(ellipse 9px 3px,rgba(255,255,255,.7) 0 2px,transparent 3px) 3px 9px/47px 29px}
.folha{position:absolute;left:50%;top:50%;width:250px;height:320px;margin:-150px 0 0 -125px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 22px 50px rgba(20,32,42,.22);padding:22px;display:flex;flex-direction:column;gap:14px;z-index:7;opacity:0}
.folha .fl-cab{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--cor);padding-bottom:10px}
.folha .fl-cab b{font-size:22px;font-weight:800;color:var(--cort)}
.folha .fl-cab i{width:34px;height:34px;border:3px solid #1E7B3A;border-radius:6px;transform:rotate(-8deg)}
.folha s{display:block;height:10px;border-radius:5px;background:#E6EAEF;text-decoration:none}
.folha s.c{width:62%}
.folha .fl-pe{margin-top:auto;display:flex;align-items:center;gap:10px}
.folha .fl-pe em{font-style:normal;font-size:18px;font-weight:800;color:#fff;background:var(--cor);border-radius:5px;padding:4px 8px}
.folha .fl-pe span{font-size:18px;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}