/* Componente especializado de cotejo. No modifica la biblioteca global de UI. */
.reg-face{margin:20px 0 24px;padding:20px;border-radius:15px;border:1px solid #cbe8e4;background:#f1fcf9}
.reg-face h3{font-size:19px;margin:0 0 7px;color:#0b283d}
.reg-face .reg-help{margin:0 0 13px}
.reg-face-head{display:flex;gap:10px;align-items:center}
.reg-face-head svg{color:#078979;flex-shrink:0}
.reg-face-status{border:1px solid #d6e8e9;background:white;border-radius:10px;padding:13px;margin:13px 0 0}
.reg-face-status strong{display:block;font-size:13px;color:#103b51}
.reg-face-status small{display:block;color:#617b89;line-height:1.55;margin-top:5px}
.reg-face-status[data-estado="alta"]{border-color:#8ccfbb;background:#eefbf4}
.reg-face-status[data-estado="media"]{border-color:#dcc678;background:#fffbea}
.reg-face-status[data-estado="baja"],.reg-face-status[data-estado="warning"]{border-color:#e4aa9e;background:#fff6f4}
.reg-face-status[data-estado="loading"]{border-color:#a7cfec;background:#eef8ff}
.reg-face-crop{margin-top:13px;font-size:13px}
.reg-face-crop summary{font-weight:700;color:#087d80;cursor:pointer}
.reg-face-crop canvas{display:block;width:100%;height:auto;max-height:320px;object-fit:contain;background:#dce9eb;border-radius:10px;touch-action:none;margin:10px 0;border:1px solid #bcd2d5}
.reg-face-actions{display:flex;gap:10px;flex-wrap:wrap}
.reg-face .btn{width:100%;margin-top:5px}
.reg-face-actions .btn{width:auto}
.reg-face-disclaimer{font-size:11px;color:#546a77;margin-top:11px;line-height:1.55}
.reg-face button:disabled{opacity:.65;cursor:wait}