/* ===== Panel de firma en la autorizacion de requerimientos ===== */
.firmaBox{
	display:inline-block;
	max-width:620px;
	width:100%;
}

.firmaBox canvas{
	display:block;
	width:100%;
	max-width:600px;
	height:auto;
	background:#fff;
	border:1px dashed #9fb0c4;
	border-radius:6px;
	box-shadow:inset 0 1px 3px rgba(27,42,61,.08);
	cursor:crosshair;
	touch-action:none;
}

.firmaBox canvas:hover{ border-color:#3d5877; }

.firmaBar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	max-width:600px;
	margin-top:6px;
}

.firmaHint{
	font-size:11px;
	color:#7b8794;
	font-style:italic;
	white-space:normal;
}

.firmaClear{
	font-size:12px;
	color:#c0483f;
	text-decoration:none;
	white-space:nowrap;
	padding:3px 8px;
	border:1px solid #e0c3c0;
	border-radius:4px;
	background:#fdf6f5;
	transition:background .15s ease, color .15s ease;
}

.firmaClear:hover{
	background:#c0483f;
	color:#fff;
	border-color:#c0483f;
}

/* ----- Firma ya registrada ----- */
.firmaPrevia{
	max-width:600px;
	margin-bottom:10px;
	padding:8px 10px;
	border:1px solid #d7dee6;
	border-radius:6px;
	background:#f6f8fa;
}

.firmaPreviaTit{
	display:block;
	font-size:11px;
	font-weight:bold;
	letter-spacing:.4px;
	text-transform:uppercase;
	color:#2f8a52;
	margin-bottom:4px;
}

.firmaPrevia img{
	display:block;
	max-width:240px;
	height:auto;
	background:#fff;
	border:1px solid #e2e8ee;
	border-radius:4px;
}

.firmaPrevia .firmaHint{ margin-top:4px; display:block; }