/* CLINK 8.49.5 — animação ilustrativa, sem captura ou validação de imagens reais. */
.cl30-sign .cl30-doc-stage{isolation:isolate}
.cl30-sign .cl850-paper-deck{z-index:2;transition:opacity .44s ease,transform .6s ease}
.cl30-sign .cl30-browser-caption{transition:opacity .2s ease}
.cl30-sign .cl851-selfie,.cl30-sign .cl851-certificate{
 position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;visibility:hidden;
 transform:translateY(9px) scale(.965);transition:opacity .48s ease,transform .65s cubic-bezier(.18,.8,.2,1),visibility .48s;
 font-family:Arial,Helvetica,sans-serif;display:flex;align-items:center;justify-content:center;
}
.cl30-sign .cl851-selfie{flex-direction:column;gap:4px;padding:8px 12px 4px}
.cl30-sign .cl851-selfie-copy{text-align:center;display:flex;flex-direction:column;gap:2px}
.cl30-sign .cl851-selfie-copy strong{font:800 11px/1.25 Arial,sans-serif;color:#1f394d}
.cl30-sign .cl851-selfie-copy span{font:600 8px/1.25 Arial,sans-serif;color:#7a8d9a}
.cl30-sign .cl851-phone{width:132px;height:152px;padding:5px 6px 5px;border:2px solid #253a4d;border-radius:14px;background:linear-gradient(160deg,#0b2032,#132b40);box-shadow:0 11px 25px rgba(20,44,64,.27),inset 0 0 0 1px #63788c;position:relative;display:flex;flex-direction:column;gap:3px}
.cl30-sign .cl851-phone-camera{position:absolute;top:2px;left:50%;height:4px;width:21px;background:#030e17;border-radius:0 0 6px 6px;transform:translateX(-50%);z-index:2}
.cl30-sign .cl851-selfie-portrait{position:relative;flex:1;overflow:hidden;border-radius:9px 9px 3px 3px;background:#52606c}
.cl30-sign .cl851-selfie-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:saturate(.84) contrast(1.06);transform:scale(1.04);transition:filter .4s}
.cl30-sign .cl851-corner{position:absolute;width:16px;height:16px;border:2px solid #f8fcf8;z-index:2;filter:drop-shadow(0 1px 1px #253f54)}
.cl30-sign .cl851-corner.top-left{top:7px;left:7px;border-right:0;border-bottom:0;border-radius:4px 0 0 0}
.cl30-sign .cl851-corner.top-right{top:7px;right:7px;border-left:0;border-bottom:0;border-radius:0 4px 0 0}
.cl30-sign .cl851-corner.bottom-left{bottom:7px;left:7px;border-right:0;border-top:0;border-radius:0 0 0 4px}
.cl30-sign .cl851-corner.bottom-right{bottom:7px;right:7px;border-left:0;border-top:0;border-radius:0 0 4px 0}
.cl30-sign .cl851-selfie-instruction{height:17px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:7px;font-weight:700;color:#e5eef2;white-space:nowrap}
.cl30-sign .cl851-selfie-dot{display:inline-block;height:5px;width:5px;border-radius:50%;background:#e0b57b}
.cl30-sign .cl851-selfie-verified{position:absolute;right:10px;bottom:17px;background:#f9fcfa;color:#286c55;border:1px solid #d4e9de;border-radius:8px;box-shadow:0 7px 18px #1c394229;padding:7px 9px;font-size:9px;font-weight:800;opacity:0;transform:translateY(5px);transition:all .35s ease}
.cl30-sign .cl851-selfie-verified span{display:inline-grid;place-items:center;background:#dff1e6;border-radius:50%;width:16px;height:16px;margin-right:5px}
.cl30-sign .is-selfie-verified .cl851-selfie-verified{opacity:1;transform:none}
.cl30-sign .cl851-certificate{padding:13px 30px;flex-direction:column;gap:0}
.cl30-sign .cl851-certificate:before{content:'';position:absolute;inset:11px 30px;background:#fff;border:1px solid #e0d2bc;border-radius:5px;box-shadow:0 14px 28px #13344822;z-index:-1}
.cl30-sign .cl851-certificate-top{width:100%;max-width:260px;margin:7px 0 5px;border-bottom:1px solid #e9dfd2;padding:0 8px 5px;display:flex;justify-content:space-between;align-items:center}
.cl30-sign .cl851-cert-wordmark{font-size:15px;letter-spacing:-.07em;font-weight:900;color:#153149}
.cl30-sign .cl851-cert-wordmark span{color:#cba267}
.cl30-sign .cl851-certificate-top>span:last-child{font-size:6px;font-weight:800;letter-spacing:.1em;color:#8f9daa}
.cl30-sign .cl851-cert-center{width:100%;max-width:260px;display:flex;align-items:center;gap:13px;padding:4px 13px 7px}
.cl30-sign .cl851-cert-seal{height:44px;width:44px;border-radius:50%;border:3px double #d0aa73;color:#aa814b;background:#fcf8f0;box-shadow:0 0 0 3px #f3e7d7;display:grid;place-items:center;font:bold 22px Arial,sans-serif}
.cl30-sign .cl851-cert-center strong{display:block;color:#1c3449;font:800 14px/1.06 Georgia,serif}
.cl30-sign .cl851-cert-center small{display:block;color:#a1815c;font:700 8px/1.9 Arial,sans-serif}
.cl30-sign .cl851-cert-checks{width:100%;max-width:260px;display:flex;flex-direction:column;gap:5px;padding:6px 13px 5px}
.cl30-sign .cl851-cert-checks span{font-size:8px;font-weight:700;color:#385468}
.cl30-sign .cl851-cert-foot{margin:5px 0 0;width:100%;max-width:260px;display:flex;justify-content:space-between;gap:6px;border-top:1px solid #e9dfd2;padding:6px 8px 0;font-size:6px;letter-spacing:.05em;font-weight:800;color:#9c947f}
.cl30-sign .cl30-doc-stage.is-selfie .cl850-paper-deck,.cl30-sign .cl30-doc-stage.is-certificate .cl850-paper-deck{opacity:0;transform:translateY(-8px) scale(.92);pointer-events:none}
.cl30-sign .cl30-doc-stage.is-selfie .cl851-selfie,.cl30-sign .cl30-doc-stage.is-certificate .cl851-certificate{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.cl30-sign .cl30-doc-stage.is-selfie .cl30-status,.cl30-sign .cl30-doc-stage.is-certificate .cl30-status{opacity:0!important;visibility:hidden!important}
.cl30-sign .cl30-doc-stage.is-resetting .cl851-selfie,.cl30-sign .cl30-doc-stage.is-resetting .cl851-certificate{opacity:0;visibility:hidden;transition:none}
.cl30-sign .cl30-doc-stage.is-resetting .cl850-paper-deck{transition:none!important}
@media(max-width:390px){
 .cl30-sign .cl851-certificate{padding-left:17px;padding-right:17px}
 .cl30-sign .cl851-certificate:before{inset:10px 17px}
 .cl30-sign .cl851-cert-center strong{font-size:13px}
}
@media(prefers-reduced-motion: reduce){
 .cl30-sign .cl851-selfie,.cl30-sign .cl851-certificate,
 .cl30-sign .cl851-selfie-verified,.cl30-sign .cl850-paper-deck,
 .cl30-sign .cl851-selfie-portrait img{animation:none!important;transition:none!important}
}

/* 8.49.7: imagem de selfie neutra, ambos os olhos abertos, sem flash ou animacao facial. */
.cl30-sign .cl851-selfie-portrait img{animation:none!important;transition:none!important;transform:none!important}
.cl30-sign .cl851-capture-flash{display:none!important}