/* DeFábrica Directo — selector de cantidad «− 1 +» (referencia 02): ficha y carrito. */

.cantidad {
	display: inline-flex;
	align-items: stretch;
	height: 40px;
	border: 1px solid var(--df-borde);
	border-radius: 6px;
	background: var(--df-blanco);
}

.cantidad__paso {
	display: grid;
	place-items: center;
	width: 38px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--df-texto-fuerte);
	cursor: pointer;
}

.cantidad__paso:hover {
	background: var(--df-fondo-suave);
}

.cantidad__paso:disabled {
	color: var(--df-borde-hover);
	cursor: default;
	background: none;
}

.cantidad__paso .icono {
	width: 16px;
	height: 16px;
}

.cantidad__campo {
	width: 52px;
	padding: 0;
	border: 0;
	border-right: 1px solid var(--df-borde);
	border-left: 1px solid var(--df-borde);
	font: inherit;
	font-size: 0.9375rem;
	font-weight: 500;
	text-align: center;
	color: var(--df-texto-fuerte);
	-moz-appearance: textfield;
}

.cantidad__campo::-webkit-outer-spin-button,
.cantidad__campo::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
}