/* Carrito, checkout y confirmación de pedido. */
.gr-compra { padding-block: var(--wp--preset--spacing--20) var(--wp--preset--spacing--60); }
.gr-compra .wp-block-woocommerce-checkout { padding-top: 0; }
.gr-cabecera-pago { position: sticky; top: 0; z-index: 20; background: var(--wp--preset--color--blanco); padding-inline: var(--wp--preset--spacing--30); }
.gr-cabecera-pago .gr-cabecera__marca { flex: 1; margin: 0; font-size: clamp(1.1rem, 4.6vw, 1.55rem); white-space: nowrap; }
.gr-cabecera-pago__volver, .gr-cabecera-pago__seguro { flex: 0 0 5.5rem; margin: 0; white-space: nowrap; }
.gr-cabecera-pago__seguro { text-align: right; color: var(--wp--preset--color--gris); letter-spacing: .04em; text-transform: uppercase; }
.gr-cabecera-pago__volver a { text-decoration: none; }

.gr-compra .wc-block-components-button:not(.is-link),
.gr-compra .wc-block-cart__submit-button,
.gr-compra .wc-block-components-checkout-place-order-button {
	background: var(--wp--preset--color--negro); color: var(--wp--preset--color--blanco);
	border-radius: 0; text-transform: uppercase; letter-spacing: .12em; font-weight: 500; min-height: 3.25rem;
}
.gr-compra .wc-block-components-button:not(.is-link):hover { background: #333; }
.gr-compra .wc-block-components-text-input input,
.gr-compra .wc-block-components-combobox .components-combobox-control__input,
.gr-compra .wc-blocks-components-select__select { border-radius: 0; border-color: var(--wp--preset--color--linea); }
.gr-compra .wc-block-components-radio-control__option,
.gr-compra .wc-block-components-radio-control-accordion-option { border-radius: 0; }
.gr-compra .wc-block-components-sidebar-layout .wc-block-components-sidebar { background: var(--wp--preset--color--beige-claro); }
@media (min-width: 700px) {
	.gr-compra .wc-block-components-sidebar-layout .wc-block-components-sidebar { padding: var(--wp--preset--spacing--40); }
}
.gr-compra .wc-block-components-title { font-family: var(--wp--preset--font-family--serif); font-weight: 400; text-transform: none; }
.gr-compra .wc-block-components-product-name { text-decoration: none; }

/* Checkout con letra un poco más grande (+12 %): WooCommerce usa tamaños relativos (0,8125em…), así que basta con subir
   la base del bloque; los títulos de cada paso y el botón de pago, algo más. */
.gr-compra .wp-block-woocommerce-checkout {
	font-size: 1.125rem;
	/* WooCommerce fija opciones de envío/pago, resumen y notas con este preset (13 px): dentro del pago vale 15 px. */
	--wp--preset--font-size--small: 0.9375rem;
	--wp--preset--font-size--x-small: 0.875rem;
}
.gr-compra .wp-block-woocommerce-checkout .wc-block-components-checkout-step__title { font-size: 1.35rem; }
.gr-compra .wp-block-woocommerce-checkout .wc-block-components-text-input input,
.gr-compra .wp-block-woocommerce-checkout .wc-blocks-components-select__select,
.gr-compra .wp-block-woocommerce-checkout .wc-block-components-textarea { font-size: 1.0625rem; }
.gr-compra .wc-block-components-checkout-place-order-button { font-size: 1rem; min-height: 3.5rem; }