/* Campo "Firma electrónica" para formularios de Elementor Pro. */

.uni-signature-wrapper {
	width: 100%;
}

.uni-signature-canvas-box {
	position: relative;
	width: 100%;
	border: 1px dashed #b5b5b5;
	border-radius: 6px;
	background-color: #fff;
	background-image:
		linear-gradient( to right, rgba( 0, 0, 0, 0.03 ) 1px, transparent 1px ),
		linear-gradient( to bottom, rgba( 0, 0, 0, 0.03 ) 1px, transparent 1px );
	background-size: 24px 24px;
	overflow: hidden;
	touch-action: none;
}

.uni-signature-wrapper.has-signature .uni-signature-canvas-box {
	border-style: solid;
	border-color: #6ec06e;
}

.uni-signature-pad {
	display: block;
	width: 100%;
	height: 100%;
	cursor: crosshair;
	touch-action: none;
}

.uni-signature-placeholder {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate( -50%, -50% );
	color: #9a9a9a;
	font-size: 14px;
	pointer-events: none;
	user-select: none;
	white-space: nowrap;
}

.uni-signature-actions {
	display: flex;
	justify-content: flex-end;
	margin-top: 8px;
}

.uni-signature-clear {
	appearance: none;
	border: 1px solid #d0d0d0;
	background: #f7f7f7;
	color: #333;
	font-size: 13px;
	line-height: 1;
	padding: 8px 14px;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.uni-signature-clear:hover {
	background: #ececec;
	border-color: #bcbcbc;
}

.uni-signature-clear:active {
	background: #e2e2e2;
}