/* Estados de stock globales: legibles también sin depender únicamente del color. */
.stock.reymotor-stock-state {
	display: inline-flex;
	align-items: center;
	gap: 0.45em;
	width: fit-content;
	margin: 0.35rem 0;
	padding: 0.32rem 0.58rem;
	border: 1px solid currentColor;
	border-radius: 999px;
	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1.2;
}

.stock.reymotor-stock-state::before {
	content: "";
	flex: 0 0 0.5em;
	width: 0.5em;
	height: 0.5em;
	border-radius: 50%;
	background: currentColor;
}

.stock.reymotor-stock-state--available {
	color: #15803d !important;
	background: #f0fdf4;
}

.stock.reymotor-stock-state--low {
	color: #b45309 !important;
	background: #fff7ed;
}

.stock.reymotor-stock-state--out {
	color: #b42318 !important;
	background: #fef2f2;
}

@media (max-width: 767px) {
	.stock.reymotor-stock-state {
		font-size: 0.72rem;
	}
}