/*
 * Etiqueta amarilla "Por validar" / "Imágenes referenciales" para datos pendientes del cliente.
 * Va dentro del texto de un widget (Editor de texto o Título):
 *   <span class="ref-tag">Por validar</span>
 * Se borra del texto cuando Molitalia confirma el dato.
 */

.ref-tag {
	display: inline-block;
	margin-left: 8px;
	padding: 2px 8px;
	border: 1px dashed #D9B44A;
	border-radius: 6px;
	background: var(--color-amber-soft);
	color: #7A5A00;
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .04em;
	line-height: 1.5;
	text-transform: uppercase;
	vertical-align: middle;
	white-space: nowrap;
}