.pdm-compra-directa,
.pdm-compra-directa *,
.pdm-compra-directa *::before,
.pdm-compra-directa *::after {
	box-sizing: border-box;
}

.pdm-compra-directa__grupo-compra {
	--pdm-compra-directa-primary: #1769aa;
	--pdm-compra-directa-primary-hover: #125487;
	--pdm-compra-directa-primary-contrast: #fff;
	--pdm-compra-directa-secondary: var(--pdm-compra-directa-primary);
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch;
	gap: var(--pdm-compra-directa-stack-gap, 0.625rem);
	width: 100%;
}

.pdm-compra-directa__grupo-compra > .quantity {
	align-self: flex-start;
	margin: 0;
}

.pdm-compra-directa__acciones {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: var(--pdm-compra-directa-gap, 0.75rem);
	min-width: 0;
	width: 100%;
}

.pdm-compra-directa__acciones > .quantity {
	order: -1;
}

.pdm-compra-directa__acciones > .button {
	flex: 1 1 11rem;
	min-width: 0;
	min-height: 2.75rem;
	margin: 0;
	padding-inline: 1.25rem;
	font: inherit;
	line-height: 1.2;
	text-align: center;
	white-space: normal;
}

.pdm-compra-directa__acciones > .button.pdm-compra-directa__comprar {
	border-color: var(--pdm-compra-directa-primary);
	background: var(--pdm-compra-directa-primary);
	color: var(--pdm-compra-directa-primary-contrast);
}

.pdm-compra-directa__acciones > .button.pdm-compra-directa__comprar:hover,
.pdm-compra-directa__acciones > .button.pdm-compra-directa__comprar:focus {
	border-color: var(--pdm-compra-directa-primary-hover);
	background: var(--pdm-compra-directa-primary-hover);
	color: var(--pdm-compra-directa-primary-contrast);
}

.pdm-compra-directa__acciones > .single_add_to_cart_button:not(.pdm-compra-directa__comprar) {
	border: 1px solid var(--pdm-compra-directa-secondary);
	background: transparent;
	box-shadow: none;
	color: var(--pdm-compra-directa-secondary);
}

.pdm-compra-directa__acciones > .single_add_to_cart_button:not(.pdm-compra-directa__comprar):hover,
.pdm-compra-directa__acciones > .single_add_to_cart_button:not(.pdm-compra-directa__comprar):focus {
	border-color: var(--pdm-compra-directa-primary-hover);
	background: transparent;
	color: var(--pdm-compra-directa-primary-hover);
}

.pdm-compra-directa__acciones > .button:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.pdm-compra-directa--procesando .pdm-compra-directa__acciones > .button {
	cursor: wait;
	opacity: 0.7;
	pointer-events: none;
}

@media (min-width: 769px) {
	.pdm-compra-directa__acciones {
		display: grid !important;
		grid-template-columns: auto 1fr;
		gap: 12px !important;
		align-items: center;
	}

	.pdm-compra-directa__acciones > .quantity {
		order: initial;
		grid-column: 1;
		grid-row: 1;
		flex: 0 0 auto;
	}

	.pdm-compra-directa__acciones > .pdm-compra-directa__comprar {
		grid-column: 2;
		grid-row: 1;
		width: 100%;
	}

	.pdm-compra-directa__acciones > .pdm-compra-directa__agregar {
		grid-column: 1 / -1;
		grid-row: 2;
		width: 100%;
	}

	.pdm-compra-directa__acciones:has(> .quantity input[type="hidden"]) {
		grid-template-columns: 1fr;
	}

	.pdm-compra-directa__acciones:has(> .quantity input[type="hidden"])
		> .quantity {
		display: none;
	}

	.pdm-compra-directa__acciones:has(> .quantity input[type="hidden"])
		> .pdm-compra-directa__comprar {
		grid-column: 1;
		grid-row: 1;
	}

	.pdm-compra-directa__acciones:has(> .quantity input[type="hidden"])
		> .pdm-compra-directa__agregar {
		grid-column: 1;
		grid-row: 2;
	}
}

@media (max-width: 40rem) {
	.pdm-compra-directa__acciones {
		flex-direction: column;
		width: 100%;
	}

	.pdm-compra-directa__grupo-compra {
		gap: var(--pdm-compra-directa-stack-gap-mobile, 0.5rem);
	}

	.pdm-compra-directa__acciones > .button {
		flex-basis: auto;
		width: 100%;
	}
}

/* Segundo cierre de compra al final de la ficha */
.pdm-compra-directa__cierre {
	--pdm-compra-directa-cierre-bg: #f0f5fa;
	--pdm-compra-directa-cierre-texto: #1e293b;
	--pdm-compra-directa-cierre-accent: #046bd2;
	--pdm-compra-directa-cierre-accent-hover: #065aa8;
	--pdm-compra-directa-cierre-accent-contrast: #ffffff;
	--pdm-compra-directa-cierre-radius: 0.5rem;
	display: block;
	margin: 2rem 0 0;
	padding: 1.25rem 1.25rem 1.5rem;
	border: 1px solid rgb(4 107 210 / 18%);
	border-radius: var(--pdm-compra-directa-cierre-radius);
	background: var(--pdm-compra-directa-cierre-bg);
	box-shadow: 0 0.125rem 0.375rem rgb(15 23 42 / 6%);
	text-align: center;
}

.pdm-compra-directa__cierre-titulo {
	margin: 0 0 1rem;
	color: var(--pdm-compra-directa-cierre-texto);
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.3;
}

.pdm-compra-directa__cierre-acciones {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0.625rem;
	width: 100%;
	max-width: 24rem;
	margin: 0 auto;
}

.pdm-compra-directa__cierre-boton {
	flex: 1 1 auto;
	min-height: 2.75rem;
	margin: 0;
	padding-inline: 1.25rem;
	border-radius: calc(var(--pdm-compra-directa-cierre-radius) - 0.125rem);
	font: inherit;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	white-space: normal;
	cursor: pointer;
}

.pdm-compra-directa__cierre-comprar {
	border: 1px solid var(--pdm-compra-directa-cierre-accent);
	background: var(--pdm-compra-directa-cierre-accent);
	color: var(--pdm-compra-directa-cierre-accent-contrast);
}

.pdm-compra-directa__cierre-comprar:hover,
.pdm-compra-directa__cierre-comprar:focus {
	border-color: var(--pdm-compra-directa-cierre-accent-hover);
	background: var(--pdm-compra-directa-cierre-accent-hover);
	color: var(--pdm-compra-directa-cierre-accent-contrast);
}

.pdm-compra-directa__cierre-agregar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.375rem;
	border: 1px solid var(--pdm-compra-directa-cierre-accent);
	background: var(--pdm-compra-directa-cierre-accent-contrast);
	color: var(--pdm-compra-directa-cierre-accent);
}

.pdm-compra-directa__cierre-agregar:hover,
.pdm-compra-directa__cierre-agregar:focus {
	border-color: var(--pdm-compra-directa-cierre-accent-hover);
	background: var(--pdm-compra-directa-cierre-accent-contrast);
	color: var(--pdm-compra-directa-cierre-accent-hover);
}

.pdm-compra-directa__cierre-agregar svg {
	flex: 0 0 auto;
	width: 1.05em;
	height: 1.05em;
}

.pdm-compra-directa__cierre-boton:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.pdm-compra-directa__cierre--sin-variacion .pdm-compra-directa__cierre-boton,
.pdm-compra-directa__cierre--comprar-bloqueado .pdm-compra-directa__cierre-comprar,
.pdm-compra-directa__cierre--agregar-bloqueado .pdm-compra-directa__cierre-agregar {
	opacity: 0.55;
}

.pdm-compra-directa--procesando .pdm-compra-directa__cierre-boton {
	cursor: wait;
	opacity: 0.7;
	pointer-events: none;
}

.pdm-compra-directa__selector-resaltado {
	animation: pdm-compra-directa-resaltar 0.4s ease 3;
}

@keyframes pdm-compra-directa-resaltar {
	50% {
		box-shadow: 0 0 0 4px rgb(4 107 210 / 25%);
	}
}

@media (min-width: 48rem) {
	.pdm-compra-directa__cierre-acciones {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}

	.pdm-compra-directa__cierre-boton {
		flex: 0 1 11rem;
	}
}