/* Levapan Elements — Etiqueta de categoría */

.lv-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

/*
 * El fondo llega como --lv-badge-bg: el render inyecta el color del término en
 * el style inline y los controles de la pestaña Estilo reescriben la misma
 * variable. Con un background-color inline directo, como antes, ningún control
 * podía sobrescribirlo.
 */
.lv-badge {
	display: inline-block;
	padding: 6px 16px;
	border-radius: 6px;
	background-color: var(--lv-badge-bg);
	color: #ffffff;
	line-height: 1.2;
	text-decoration: none;
	transition: opacity 0.2s ease, background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/*
 * Sin `color: inherit`: la 1.4.0 expone un control de color de texto en hover y
 * esa declaración lo anulaba. La opacidad 0.85 que traía fijada esta regla es
 * ahora el default del control `opacity_hover`, así que el aspecto no cambia.
 */
a.lv-badge:hover {
	opacity: 0.85;
}

.lv-editor-notice {
	padding: 14px 18px;
	border: 1px dashed #b4b5b6;
	border-radius: 6px;
	color: #6b6c6e;
	font-size: 13px;
	line-height: 1.5;
}

/* Modo miga de pan: sin fondo ni padding, se comporta como texto normal. */
.lv-badge--text {
	--lv-badge-bg: transparent;

	padding: 0;
	border-radius: 0;
	background: none;
	color: inherit;
}