/* Carrito y Finalizar compra (bloques de WooCommerce dentro de page.php). Solo en esas páginas (inc/woocommerce.php). */
/* Ancho completo: en el contenedor estrecho (760 px) WooCommerce pintaba el diseño de móvil también en escritorio. */
.woocommerce-cart .container--narrow, .woocommerce-checkout .container--narrow { max-width: 1240px; }
/* Botones principales con la marca (antes, un enlace subrayado y un botón gris). */
.wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button, .wp-block-woocommerce-empty-cart-block .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 56px; padding: 0 1.5rem; border: 0 !important; border-radius: 999px !important; background: var(--c-ink) !important; color: #fff !important; font: inherit; font-size: 1.05rem; font-weight: 800; text-decoration: none !important; box-shadow: 0 14px 28px -16px rgb(0 0 0 / .7); transition: background-color var(--dur), transform var(--dur); }
.wc-block-cart__submit-button:hover, .wc-block-components-checkout-place-order-button:hover, .wp-block-woocommerce-empty-cart-block .wp-block-button__link:hover { background: var(--c-accent) !important; transform: translateY(-1px); }
.wc-block-cart__submit-button .wc-block-components-button__text, .wc-block-components-checkout-place-order-button .wc-block-components-button__text { text-decoration: none; }
/* Resumen y tarjetas con aire de la ficha. */
.wc-block-components-sidebar { padding: 1.25rem; border: 1px solid var(--c-line); border-radius: 18px; background: #fff; }
.wc-block-components-totals-wrapper { border-color: var(--c-line) !important; }
.wc-block-components-text-input input, .wc-block-components-combobox .wc-block-components-combobox-control input, .wc-blocks-components-select__select { border-radius: 12px !important; }
/* Carrito vacío: mensaje centrado bajo su icono. */
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title { text-align: center; }
/* Móvil: la tabla de productos no se sale de la pantalla. */
@media (max-width: 599px) {
	.wc-block-cart-items { table-layout: fixed; width: 100%; }
	.wc-block-cart-item__total, .wc-block-cart-item__total-price-and-sale-badge-wrapper { min-width: 0; max-width: 100%; }
	.wc-block-cart-item__total .wc-block-components-sale-badge { white-space: normal; }
}

/* ── Carrito y Finalizar compra clásicos ([woocommerce_cart] / [woocommerce_checkout], como la web actual) ────────
   Mismo aire que la ficha: campos redondeados, tarjetas con borde fino, botón negro en píldora que pasa a rojo. */
.woocommerce-cart .woocommerce, .woocommerce-checkout .woocommerce { --k-radius: 18px; }
.woocommerce-cart .prose table, .woocommerce-checkout .prose table { margin: 0; }

/* Avisos (añadido al carrito, ¿ya eres cliente?, ¿tienes un cupón?, errores) */
.woocommerce-cart .woocommerce-message, .woocommerce-cart .woocommerce-info, .woocommerce-cart .woocommerce-error,
.woocommerce-checkout .woocommerce-message, .woocommerce-checkout .woocommerce-info, .woocommerce-checkout .woocommerce-error { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; margin: 0 0 1rem; padding: .9rem 1.15rem; border: 0; border-radius: 14px; background: var(--c-surface); color: var(--c-ink); font-size: .92rem; list-style: none; }
.woocommerce-cart .woocommerce-message::before, .woocommerce-cart .woocommerce-info::before, .woocommerce-cart .woocommerce-error::before,
.woocommerce-checkout .woocommerce-message::before, .woocommerce-checkout .woocommerce-info::before, .woocommerce-checkout .woocommerce-error::before { content: none; }
.woocommerce-cart .woocommerce-error, .woocommerce-checkout .woocommerce-error { background: #fdecec; color: #8a1010; flex-direction: column; align-items: flex-start; }
.woocommerce-cart .woocommerce-message .button, .woocommerce-checkout .woocommerce-message .button { order: 2; margin-left: auto; }
.woocommerce-checkout .woocommerce-info a, .woocommerce-cart .woocommerce-info a { color: var(--c-ink); font-weight: 700; }
.woocommerce-checkout .woocommerce-form-login, .woocommerce-checkout .checkout_coupon { margin: -.25rem 0 1.25rem !important; padding: 1.25rem !important; border: 1px solid var(--c-line) !important; border-radius: var(--k-radius) !important; }
.woocommerce-checkout .checkout_coupon { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }
.woocommerce-checkout .checkout_coupon p { margin: 0; float: none !important; width: auto !important; }
.woocommerce-checkout .checkout_coupon .form-row-first { flex: 1 1 220px; }

/* Campos */
.woocommerce form .form-row { margin: 0 0 1rem; padding: 0; }
.woocommerce form .form-row label { margin-bottom: .35rem; color: var(--c-ink); font-size: .85rem; font-weight: 700; line-height: 1.3; }
.woocommerce form .form-row .required { color: var(--c-accent); text-decoration: none; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select,
.woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout .checkout_coupon .input-text, .woocommerce .quantity .qty { min-height: 50px; padding: .7rem .95rem; border: 1.5px solid var(--c-line); border-radius: 12px; background: #fff; color: var(--c-ink); font: inherit; font-size: 1rem; line-height: 1.3; transition: border-color var(--dur), box-shadow var(--dur); }
.woocommerce form .form-row textarea { min-height: 110px; }
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus, .woocommerce form .form-row select:focus, .woocommerce .quantity .qty:focus, .woocommerce .coupon .input-text:focus, .woocommerce .checkout_coupon .input-text:focus { outline: none; border-color: var(--c-ink); box-shadow: 0 0 0 4px rgb(0 0 0 / .06); }
.woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select { border-color: var(--c-accent); }
.woocommerce form .form-row.woocommerce-validated input.input-text { border-color: var(--c-line); }
.woocommerce .select2-container .select2-selection--single { height: 50px; border: 1.5px solid var(--c-line); border-radius: 12px; }
.woocommerce .select2-container .select2-selection--single .select2-selection__rendered { padding: 0 .95rem; line-height: 47px; color: var(--c-ink); }
.woocommerce .select2-container .select2-selection--single .select2-selection__arrow { height: 47px; right: .5rem; }
.woocommerce .select2-container--open .select2-selection--single { border-color: var(--c-ink); }
.woocommerce form .form-row .input-checkbox, .woocommerce-form__input-checkbox { width: 18px; height: 18px; margin: 0 .5rem 0 0; accent-color: var(--c-ink); vertical-align: -3px; }
.woocommerce form .form-row label.checkbox, .woocommerce-form__label-for-checkbox { display: inline-flex; align-items: flex-start; gap: .1rem; font-weight: 600; }

/* Botones de la marca */
.woocommerce-cart .woocommerce .button, .woocommerce-checkout .woocommerce .button, .woocommerce #payment #place_order, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 48px; padding: .7rem 1.5rem; border: 0; border-radius: var(--radius-pill); background: var(--c-ink); color: #fff; font: inherit; font-size: .95rem; font-weight: 800; line-height: 1.2; text-decoration: none; cursor: pointer; transition: background-color var(--dur), transform var(--dur), box-shadow var(--dur), opacity var(--dur); }
.woocommerce-cart .woocommerce .button:hover, .woocommerce-checkout .woocommerce .button:hover, .woocommerce #payment #place_order:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { background: var(--c-accent); color: #fff; }
.woocommerce-cart .woocommerce button.button:disabled, .woocommerce-cart .woocommerce button.button:disabled[disabled] { padding: .7rem 1.5rem; background: var(--c-surface); color: var(--c-muted); opacity: 1; cursor: default; }
.woocommerce-cart .woocommerce-message .button, .woocommerce-checkout .woocommerce-message .button { min-height: 40px; padding: .5rem 1.1rem; font-size: .85rem; }
.woocommerce-cart .wc-proceed-to-checkout { padding: 1rem 0 0; }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce #payment #place_order { width: 100%; min-height: 56px; margin: 0; font-size: 1.05rem; box-shadow: 0 14px 28px -16px rgb(0 0 0 / .7); }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce #payment #place_order:hover { box-shadow: 0 16px 30px -14px rgb(255 0 0 / .55); transform: translateY(-1px); }

/* ── Finalizar compra: datos a la izquierda, «Tu pedido» fijo a la derecha ───────────────────────────── */
.woocommerce-checkout form.checkout { display: grid; gap: 1.5rem 3rem; align-items: start; }
.woocommerce-checkout .col2-set { display: grid; gap: .5rem; width: 100%; }
.woocommerce-checkout .col2-set .col-1, .woocommerce-checkout .col2-set .col-2 { float: none; width: 100%; max-width: none; }
.woocommerce-checkout h3, .woocommerce-checkout #order_review_heading { margin: 0 0 1rem; font-size: 1.25rem; font-weight: 800; letter-spacing: -.01em; }
.woocommerce-checkout #ship-to-different-address { margin-top: .5rem; font-size: 1rem; }
.woocommerce-checkout #ship-to-different-address label { display: inline-flex; align-items: center; font-weight: 700; }
@media (min-width: 960px) {
	/* Filas «auto 1fr»: el alto de los datos va a la segunda fila y el título queda pegado a su tarjeta. */
	.woocommerce-checkout form.checkout { grid-template-columns: minmax(0, 1fr) minmax(360px, 440px); grid-template-rows: auto 1fr; }
	.woocommerce-checkout #customer_details { grid-column: 1; grid-row: 1 / span 2; }
	.woocommerce-checkout #order_review_heading { grid-column: 2; grid-row: 1; margin: 0; }
	.woocommerce-checkout #order_review { grid-column: 2; grid-row: 2; position: sticky; top: calc(var(--header-h) + 1rem); padding: 1.5rem; border: 1px solid var(--c-line); border-radius: var(--k-radius); background: #fff; box-shadow: 0 30px 60px -48px rgb(0 0 0 / .45); }
}
@media (max-width: 959px) {
	.woocommerce-checkout #order_review { padding: 1.25rem; border: 1px solid var(--c-line); border-radius: var(--k-radius); }
}
/* Tabla del pedido */
.woocommerce-checkout table.shop_table { width: 100%; border: 0; border-collapse: collapse; border-radius: 0; font-size: .92rem; }
.woocommerce-checkout table.shop_table th, .woocommerce-checkout table.shop_table td { padding: .75rem 0; border: 0; border-top: 1px solid var(--c-line); background: none; text-align: left; vertical-align: top; }
.woocommerce-checkout table.shop_table thead th { padding-top: 0; border-top: 0; color: var(--c-muted); font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.woocommerce-checkout table.shop_table td:last-child, .woocommerce-checkout table.shop_table th:last-child { text-align: right; }
.woocommerce-checkout table.shop_table .product-name { padding-right: 1rem; font-weight: 600; }
.woocommerce-checkout table.shop_table .product-quantity { color: var(--c-muted); font-weight: 600; }
.woocommerce-checkout table.shop_table tfoot .order-total th, .woocommerce-checkout table.shop_table tfoot .order-total td { padding-top: 1rem; font-size: 1.15rem; font-weight: 900; }
.woocommerce-checkout table.shop_table tfoot .order-total .includes_tax, .woocommerce-checkout table.shop_table small { display: block; color: var(--c-muted); font-size: .75rem; font-weight: 500; }
.woocommerce-checkout #shipping_method { margin: 0; padding: 0; list-style: none; }
.woocommerce-checkout #shipping_method li { margin: 0 0 .3rem; }
/* Pago */
.woocommerce-checkout #payment { margin-top: .5rem; border-radius: 0; background: none; }
.woocommerce-checkout #payment ul.payment_methods { margin: 0 0 1rem; padding: 0; border: 0; }
.woocommerce-checkout #payment ul.payment_methods li { margin: 0 0 .5rem; padding: .85rem 1rem; border: 1.5px solid var(--c-line); border-radius: 14px; list-style: none; }
.woocommerce-checkout #payment ul.payment_methods li.woocommerce-notice, .woocommerce-checkout #payment ul.payment_methods li:has(.woocommerce-info) { padding: 0; border: 0; }
.woocommerce-checkout #payment div.payment_box { margin: .75rem 0 0; padding: .85rem 1rem; border-radius: 12px; background: var(--c-surface); color: var(--c-ink-soft); font-size: .88rem; }
.woocommerce-checkout #payment div.payment_box::before { content: none; }
.woocommerce-checkout #payment div.form-row { margin: 0; padding: 0; }
.woocommerce-checkout .woocommerce-privacy-policy-text, .woocommerce-checkout .woocommerce-terms-and-conditions-wrapper { margin-bottom: .9rem; color: var(--c-muted); font-size: .8rem; line-height: 1.5; }
.woocommerce-checkout .woocommerce-privacy-policy-text p { margin: 0 0 .5rem; }
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .form-row { margin-bottom: .5rem; }
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label { color: var(--c-ink); font-size: .88rem; }

/* ── Carrito ─────────────────────────────────────────────────────────────────────────────────────── */
.woocommerce-cart table.shop_table { border: 1px solid var(--c-line); border-collapse: separate; border-spacing: 0; border-radius: var(--k-radius); overflow: hidden; font-size: .95rem; }
.woocommerce-cart table.shop_table th { padding: .9rem 1rem; background: #fff; color: var(--c-muted); font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.woocommerce-cart table.shop_table td { padding: 1rem; border-top: 1px solid var(--c-line); vertical-align: middle; }
.woocommerce-cart table.cart img { width: 72px; height: 72px; border-radius: 12px; background: var(--c-surface); object-fit: cover; }
.woocommerce-cart table.cart .product-name a { color: var(--c-ink); font-weight: 800; text-decoration: none; }
.woocommerce-cart table.cart a.remove { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--c-surface); color: var(--c-ink) !important; font-size: 1.25rem; font-weight: 400; line-height: 1; transition: background-color var(--dur), color var(--dur); }
.woocommerce-cart table.cart a.remove:hover { background: var(--c-accent); color: #fff !important; }
.woocommerce .quantity .qty { width: 4.5rem; text-align: center; }
.woocommerce-cart table.cart td.actions { padding: 1rem; }
.woocommerce-cart table.cart td.actions .coupon { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.woocommerce-cart table.cart td.actions .coupon .input-text { width: 13rem; margin: 0; }
.woocommerce-cart .cart-collaterals { display: grid; gap: 1.5rem; margin-top: 1.75rem; }
.woocommerce-cart .cart-collaterals .cart_totals, .woocommerce-cart .cart-collaterals .cross-sells { float: none; width: 100%; }
.woocommerce-cart .cart_totals { padding: 1.5rem; border: 1px solid var(--c-line); border-radius: var(--k-radius); background: #fff; box-shadow: 0 30px 60px -48px rgb(0 0 0 / .45); }
.woocommerce-cart .cart_totals h2, .woocommerce-cart .cross-sells h2 { margin: 0 0 .75rem; font-size: 1.25rem; font-weight: 800; }
.woocommerce-cart .cart_totals table.shop_table { border: 0; border-radius: 0; }
.woocommerce-cart .cart_totals table.shop_table th, .woocommerce-cart .cart_totals table.shop_table td { padding: .75rem 0; border-top: 1px solid var(--c-line); background: none; color: var(--c-ink); font-size: .95rem; letter-spacing: 0; text-transform: none; }
.woocommerce-cart .cart_totals table.shop_table td { text-align: right; }
.woocommerce-cart .cart_totals tr:first-child th, .woocommerce-cart .cart_totals tr:first-child td { border-top: 0; }
.woocommerce-cart .cart_totals .order-total th, .woocommerce-cart .cart_totals .order-total td { font-size: 1.15rem; font-weight: 900; }
.woocommerce-cart .cart_totals .order-total small { display: block; color: var(--c-muted); font-size: .75rem; font-weight: 500; }
.woocommerce-cart .woocommerce-shipping-calculator .shipping-calculator-button { color: var(--c-ink); font-weight: 700; }
@media (min-width: 960px) {
	.woocommerce-cart .cart-collaterals { grid-template-columns: minmax(0, 1fr) minmax(360px, 440px); align-items: start; }
	.woocommerce-cart .cart-collaterals .cart_totals { grid-column: 2; grid-row: 1; }
	.woocommerce-cart .cart-collaterals .cross-sells { grid-column: 1; grid-row: 1; }
}
.woocommerce-cart .return-to-shop .button { margin-top: .5rem; }
@media (max-width: 767px) {
	.woocommerce-cart table.shop_table_responsive tr td { padding: .65rem 1rem; }
	.woocommerce-cart table.cart td.actions .coupon .input-text { flex: 1 1 auto; width: auto; }
	.woocommerce-cart table.cart td.actions .coupon .button, .woocommerce-cart table.cart td.actions > .button { width: 100%; }
}
/* Carrito vacío igual que la web original (medido a 1440 y 390 px, 26/10/2026): sin título a la vista (el H1 queda para
   lectores de pantalla), «Tu carrito está vacío.» centrado a 60 px de la cabecera y botón rojo cuadrado en mayúsculas. */
.woocommerce-cart:has(.wc-empty-cart-message) .page-header { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.woocommerce-cart .container--narrow.section:has(.wc-empty-cart-message) { padding-block: 48px 126px; text-align: center; } /* 60 px del original: la cabecera de página oculta deja 12 px. */
.woocommerce-cart .wc-empty-cart-message .cart-empty.woocommerce-info { display: block; margin: 0; padding: 0; border-radius: 0; background: none; color: #18181b; font-size: 16px; line-height: 25.6px; }
.woocommerce-cart .container--narrow .return-to-shop { margin: 8px 0 0; }
.woocommerce-cart .return-to-shop .button.wc-backward { min-height: 39px; padding: 0 18.6px; border: 1px solid rgb(0 0 0 / .05); border-radius: 0; background: #ef2e2e; color: #18181b; font-size: 15.5px; font-weight: 700; line-height: 37px; text-transform: uppercase; box-shadow: none; }
.woocommerce-cart .return-to-shop .button.wc-backward:hover { background: #d92424; color: #18181b; transform: none; }
