/* ═══════════════════════════════════════════════
   EXPERIENCIA DE COMPRA — carrito, pago, «gracias», cuenta
   Variante A (default): páginas claras con los paneles en negro.
   Variante B (body.compra-negra): todo negro, look La Porte.
   ═══════════════════════════════════════════════ */
:root {
  --panel-bg: #0A0A0A;
  --panel-tx: #E5E5E5;
  --panel-sub: #BDBDBB;
  --panel-gris: #8C8F94;
  --panel-linea: rgba(229,229,229,.16);
  --dorado: #8C7A5B;
}

/* ─── Pasos 01 · 02 · 03 ─── */
.pasos-compra { display: flex; list-style: none; margin: 0 0 clamp(26px, 4vw, 46px); padding: 0; border-bottom: 1px solid var(--linea); }
.pasos-compra li { flex: 1; position: relative; padding: 0 0 14px; font-family: var(--cinzel); font-weight: 700; font-size: 11px; letter-spacing: .26em; text-transform: uppercase; color: var(--humo); }
.pasos-compra li.is-on { color: var(--negro); }
.pasos-compra li.is-on::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--negro); }
.pasos-compra li.is-hecho, .pasos-compra li.is-hecho a { color: var(--ceniza); }
.pasos-compra__n { font-family: var(--oswald); font-weight: 500; letter-spacing: .08em; margin-right: 6px; }
.pagina--wc .pagina__head { margin-bottom: clamp(26px, 4vw, 48px); }
.pagina--wc .pagina__title { font-size: clamp(46px, 6.5vw, 100px); }

/* ─── Cantidad con −/+ ─── */
.woocommerce .quantity, .quantity { display: inline-flex; align-items: stretch; border: 1px solid rgba(10,10,10,.35); background: var(--blanco-puro); }
.woocommerce .quantity .qty { width: 44px; min-height: 48px; height: auto; border: 0; padding: 0; background: transparent; font-family: var(--oswald); font-size: 16px; text-align: center; color: var(--negro); -moz-appearance: textfield; appearance: textfield; }
.quantity .qty::-webkit-inner-spin-button, .quantity .qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.cantidad__btn { width: 40px; border: 0; background: transparent; cursor: pointer; font-family: var(--oswald); font-size: 18px; line-height: 1; color: var(--negro); transition: background .25s; }
.cantidad__btn:hover { background: var(--papel); }
.woocommerce div.product form.cart div.quantity { margin: 0; }

/* ─── Mensaje «ya está en tu carrito» ─── */
.woocommerce-message { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; }
.woocommerce-message .agregado__txt { flex: 1 1 280px; }
.woocommerce-message .agregado__acciones { display: flex; gap: 8px; }
.woocommerce-message .agregado__acciones .button { float: none; padding: 13px 18px; font-size: 11px; }
.woocommerce-message .agregado__acciones .agregado__carrito { background: transparent; color: var(--negro); }
.woocommerce-message .agregado__acciones .agregado__carrito:hover { background: var(--negro); color: var(--frio); }

/* ═══ CARRITO ═══ */
.compra-carrito { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(300px, 1fr); gap: clamp(30px, 5vw, 80px); align-items: start; }
.carrito { border-top: 1px solid var(--negro); }
.carrito__item { display: grid; grid-template-columns: 112px minmax(0, 1fr) auto; gap: 22px; padding: 22px 0; border-bottom: 1px solid var(--linea); align-items: start; }
.carrito__img img { width: 112px; height: auto; aspect-ratio: 4 / 5; object-fit: cover; background: var(--papel); }
.carrito__nombre { font-family: var(--oswald); font-weight: 500; text-transform: uppercase; font-size: 18px; letter-spacing: .05em; line-height: 1.2; margin: 2px 0 8px; }
.carrito__info dl.variation { display: flex; gap: 6px; margin: 0 0 6px; font-family: var(--cinzel); font-weight: 700; font-size: 11px; letter-spacing: .22em; text-transform: uppercase; color: var(--humo); }
.carrito__info dl.variation dt, .carrito__info dl.variation dd { margin: 0; float: none; }
.carrito__info dl.variation dd p { margin: 0; }
.carrito__unit { margin: 0 0 14px; font-style: italic; font-size: 17px; color: var(--humo); }
.carrito__acciones { display: flex; align-items: center; gap: 20px; }
.woocommerce .carrito__quitar a.remove, .carrito__quitar a.remove {
  display: inline; width: auto; height: auto; border-radius: 0; background: none;
  font-family: var(--cinzel); font-weight: 700; font-size: 11px; letter-spacing: .24em; text-transform: uppercase; line-height: 1;
  color: var(--humo) !important; text-decoration: underline; text-underline-offset: 4px;
}
.woocommerce .carrito__quitar a.remove:hover { background: none; color: var(--negro) !important; }
.carrito__subtotal { font-family: var(--corm); font-weight: 500; font-size: 21px; white-space: nowrap; padding-top: 2px; }
.carrito__pie { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; padding: 18px 0 0; }
.carrito__cupon summary { cursor: pointer; list-style: none; font-family: var(--cinzel); font-weight: 700; font-size: 11px; letter-spacing: .24em; text-transform: uppercase; color: var(--ceniza); text-decoration: underline; text-underline-offset: 4px; }
.carrito__cupon summary::-webkit-details-marker { display: none; }
.carrito__cupon .coupon { display: flex; gap: 8px; margin-top: 12px; }
.woocommerce .carrito__cupon .coupon .input-text { width: 190px !important; min-height: 48px; padding: 10px 12px; }
.woocommerce .carrito__cupon .coupon .button { padding: 14px 18px; }
.carrito__actualizar { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); }
.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals { width: 100%; }
.woocommerce .cart-collaterals .cart_totals.resumen, .woocommerce-page .cart-collaterals .cart_totals.resumen { width: 100%; float: none; }

/* Resumen negro (carrito) y tarjeta «Tu pedido» (pago) */
.resumen, .pago__resumen { background: var(--panel-bg); color: var(--panel-tx); position: sticky; top: calc(var(--nav-h) + 24px); }
.resumen { padding: 30px 28px 26px; }
.woocommerce .resumen .resumen__titulo, .woocommerce-checkout #order_review_heading {
  font-family: var(--oswald); font-weight: 500; text-transform: uppercase; font-size: 24px; letter-spacing: .06em; color: var(--panel-tx); margin: 0 0 18px;
}
.barra-envio { margin: 0 0 20px; }
.barra-envio__txt { margin: 0 0 9px; font-size: 17px; color: var(--panel-sub); }
.barra-envio__txt strong { color: var(--panel-tx); font-weight: 600; }
.barra-envio__riel { height: 2px; background: var(--panel-linea); }
.barra-envio__riel span { display: block; height: 100%; background: var(--dorado); transition: width .6s var(--ease); }
.woocommerce .resumen table.shop_table, .woocommerce-checkout .pago__resumen table.shop_table { background: transparent; border: 0; border-top: 1px solid var(--panel-linea); margin: 0 0 22px; }
.woocommerce .resumen table.shop_table th, .woocommerce .resumen table.shop_table td,
.woocommerce-checkout .pago__resumen table.shop_table th, .woocommerce-checkout .pago__resumen table.shop_table td { border-top: 0; border-bottom: 1px solid var(--panel-linea); background: transparent; color: var(--panel-sub); padding: 14px 0; vertical-align: top; }
.woocommerce .resumen table.shop_table th, .woocommerce-checkout .pago__resumen tfoot th { font-family: var(--cinzel); font-weight: 700; font-size: 10px; letter-spacing: .24em; text-transform: uppercase; color: var(--panel-gris); padding-top: 17px; }
.woocommerce .resumen table.shop_table td, .woocommerce-checkout .pago__resumen table.shop_table td { text-align: right; font-size: 18px; }
.woocommerce .resumen tr.order-total th, .woocommerce-checkout .pago__resumen tr.order-total th { color: var(--dorado); padding-top: 20px; }
.woocommerce .resumen tr.order-total td, .woocommerce-checkout .pago__resumen tr.order-total td { font-family: var(--oswald); font-weight: 500; font-size: 28px; letter-spacing: .02em; color: var(--panel-tx); }
.woocommerce .resumen tr.order-total td strong, .woocommerce-checkout .pago__resumen tr.order-total td strong { font-weight: 500; }
.resumen .woocommerce-shipping-destination, .pago__resumen .woocommerce-shipping-destination { font-size: 15px; font-style: italic; color: var(--panel-gris); margin: 8px 0 0; }
.woocommerce ul#shipping_method { margin: 0; padding: 0; text-align: left; }
.woocommerce ul#shipping_method li { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 10px; padding: 0; text-indent: 0; }
.woocommerce ul#shipping_method li input { margin: 5px 0 0; accent-color: var(--dorado); flex: none; }
.woocommerce ul#shipping_method li label { font-size: 16px; line-height: 1.35; color: var(--panel-tx); }
.woocommerce ul#shipping_method .amount { font-weight: 600; }
.resumen .shipping-calculator-button { color: var(--panel-sub); font-size: 15px; }
.resumen .shipping-calculator-button::after { display: none; }
.woocommerce .resumen .wc-proceed-to-checkout { padding: 0; }
.woocommerce .resumen .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout #payment #place_order {
  display: block; width: 100%; margin: 0; padding: 22px; font-size: 14px; letter-spacing: .28em;
  background: var(--panel-tx); color: #0A0A0A; border: 1px solid var(--panel-tx);
}
.woocommerce .resumen .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-checkout #payment #place_order:hover { background: transparent; color: var(--panel-tx); }
.resumen__nota { margin: 16px 0 0; font-size: 15px; font-style: italic; line-height: 1.4; color: var(--panel-gris); }

/* Carrito vacío */
.carrito-vacio { border-top: 1px solid var(--negro); padding: clamp(30px, 5vw, 60px) 0 10px; }
.carrito-vacio__titulo { font-family: var(--oswald); font-weight: 600; text-transform: uppercase; font-size: clamp(32px, 4vw, 56px); line-height: 1; margin: 0 0 12px; }
.carrito-vacio__texto { font-style: italic; font-size: 22px; color: var(--ceniza); margin: 0 0 26px; }

/* Completa tu era (venta cruzada) */
.cross-sells { margin-top: clamp(50px, 6vw, 84px); }
.cross-sells > h2 { font-family: var(--oswald); font-weight: 600; text-transform: uppercase; font-size: clamp(26px, 2.6vw, 38px); line-height: 1; margin: 0 0 22px; }
.woocommerce .cross-sells ul.products { padding: 0 !important; grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* ═══ PAGO ═══ */
.woocommerce-checkout form.checkout { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(320px, 1fr); gap: 0 clamp(30px, 5vw, 80px); align-items: start; }
.woocommerce-checkout form.checkout > .woocommerce-NoticeGroup { grid-column: 1 / -1; }
.woocommerce-checkout form.checkout #customer_details { grid-column: 1; }
.woocommerce-checkout form.checkout .pago__resumen { grid-column: 2; padding: 30px 28px 28px; }
.woocommerce-billing-fields > h3, .woocommerce-additional-fields > h3 { display: none; }
.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.woocommerce form.checkout .form-row { width: auto; float: none; }
.woocommerce form.checkout .form-row-wide, .pago__seccion, #an_llave_field { grid-column: 1 / -1; }
.woocommerce form .form-row-first, .woocommerce form .form-row-last { width: auto; }
#billing_country_field, #shipping_country_field { display: none !important; }
.pago__seccion { display: flex; align-items: baseline; gap: 12px; margin: 30px 0 16px; padding-top: 18px; border-top: 1px solid var(--negro); font-family: var(--oswald); font-weight: 500; text-transform: uppercase; font-size: 20px; letter-spacing: .04em; }
.woocommerce-billing-fields__field-wrapper > .pago__seccion:first-child { margin-top: 0; }
.pago__seccion span { font-family: var(--cinzel); font-weight: 700; font-size: 12px; letter-spacing: .28em; color: var(--humo); }
.pago__seccion em { font-style: normal; }
.pago--recoger .pago-direccion, .pago--recoger .woocommerce-shipping-fields { display: none !important; }
.woocommerce-additional-fields { margin-top: 18px; }
.woocommerce-shipping-fields #ship-to-different-address { font-family: var(--corm); font-size: 18px; font-weight: 400; text-transform: none; letter-spacing: 0; margin: 20px 0 14px; }
.woocommerce-shipping-fields #ship-to-different-address label { display: flex; align-items: center; gap: 10px; cursor: pointer; }
.woocommerce-checkout input[type="checkbox"], .woocommerce-checkout input[type="radio"] { accent-color: var(--negro); }

/* Llave (modo «Solo con llave») */
#an_llave_field { border: 1px solid var(--negro); background: var(--blanco-puro); padding: 18px 18px 14px; margin-bottom: 8px; }
#an_llave_field label { color: var(--negro); }
.woocommerce form .form-row#an_llave_field input.input-text { font-family: var(--oswald); font-size: 24px; letter-spacing: .3em; text-transform: uppercase; text-align: center; }

/* Avisos para entrar / cupón: una línea, sin cajas */
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info, .woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
  background: none; border: 0; border-bottom: 1px solid var(--linea); padding: 0 0 12px; margin: 0 0 14px; font-size: 17px; color: var(--ceniza);
}

/* Tarjeta «Tu pedido» */
.woocommerce-checkout .pago__resumen table.shop_table thead { display: none; }
.woocommerce-checkout .pago__resumen .cart_item td { border-bottom: 1px solid var(--panel-linea); }
.resumen__pieza { display: flex; align-items: flex-start; gap: 14px; text-align: left; }
.resumen__img { position: relative; flex: none; }
.resumen__img img { width: 56px; height: 70px; object-fit: cover; background: #1C1C1C; }
.resumen__cant { position: absolute; top: -8px; right: -8px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 10px; background: var(--panel-tx); color: #0A0A0A; font-family: var(--oswald); font-size: 12px; line-height: 20px; text-align: center; }
.resumen__txt { display: block; }
.resumen__nombre { display: block; font-family: var(--oswald); font-weight: 500; text-transform: uppercase; font-size: 14px; letter-spacing: .05em; line-height: 1.3; color: var(--panel-tx); }
.pago__resumen dl.variation { margin: 4px 0 0; display: flex; gap: 6px; font-family: var(--cinzel); font-weight: 700; font-size: 10px; letter-spacing: .22em; text-transform: uppercase; color: var(--panel-gris); }
.pago__resumen dl.variation dt, .pago__resumen dl.variation dd { margin: 0; float: none; }
.pago__resumen dl.variation dd p { margin: 0; }
.pago__resumen .product-total { color: var(--panel-tx) !important; }
.pago__resumen .pago__seccion { border-top-color: var(--panel-linea); color: var(--panel-tx); margin-top: 6px; }
.pago__resumen .pago__seccion span { color: var(--panel-gris); }
.woocommerce-checkout #payment { background: transparent; border-radius: 0; }
.woocommerce-checkout #payment ul.payment_methods { background: transparent; border-bottom: 1px solid var(--panel-linea); padding: 0 0 14px; }
.woocommerce-checkout #payment ul.payment_methods li { color: var(--panel-tx); font-size: 17px; line-height: 1.5; }
.woocommerce-checkout #payment ul.payment_methods li label { color: var(--panel-tx); }
.woocommerce-checkout #payment ul.payment_methods li img { display: inline-block; max-height: 22px; vertical-align: middle; margin-left: 6px; }
.woocommerce-checkout #payment div.payment_box { background: #1C1C1C; color: var(--panel-sub); font-size: 16px; }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: #1C1C1C; }
.woocommerce-checkout #payment div.form-row { padding: 16px 0 0; }
.woocommerce-checkout #payment .woocommerce-info { background: #1C1C1C; color: var(--panel-sub); border-top-color: var(--dorado); }
.woocommerce-checkout .pago__resumen .woocommerce-privacy-policy-text p { color: var(--panel-gris); font-size: 15px; }
.woocommerce-checkout .pago__resumen .woocommerce-privacy-policy-text a { color: var(--panel-sub); }
.woocommerce-checkout .pago__resumen .blockUI.blockOverlay { background: rgba(10,10,10,.6) !important; }

/* ═══ GRACIAS ═══ */
.pagina--gracias .pagina__cuerpo { max-width: none; }
.gracias__hero {
  position: relative; overflow: hidden; margin: 0 0 34px;
  padding: clamp(40px, 6vw, 84px) clamp(24px, 5vw, 76px);
  background: var(--panel-bg); color: var(--panel-tx);
}
.gracias__hero::after { content: ""; position: absolute; right: clamp(-60px, -2vw, 0px); bottom: -40px; width: min(38vw, 420px); aspect-ratio: 1; background: url('assets/img/plumas/pluma_2.webp') center / contain no-repeat; opacity: .12; transform: rotate(-18deg); filter: invert(1); pointer-events: none; }
.gracias__ante { display: block; font-family: var(--cinzel); font-weight: 700; font-size: 12px; letter-spacing: .3em; text-transform: uppercase; color: var(--dorado); }
.gracias__titulo { font-family: var(--oswald); font-weight: 600; text-transform: uppercase; font-size: clamp(46px, 7vw, 112px); line-height: .92; letter-spacing: -.005em; margin: 14px 0 18px; color: var(--panel-tx); }
.gracias__texto { max-width: 30em; font-style: italic; font-size: clamp(20px, 2vw, 26px); line-height: 1.35; color: var(--panel-sub); margin: 0 0 28px; }
.gracias__pasos { list-style: none; margin: 0 0 30px; padding: 0; max-width: 640px; border-top: 1px solid var(--panel-linea); }
.gracias__pasos li { display: grid; grid-template-columns: 46px 1fr; padding: 14px 0; border-bottom: 1px solid var(--panel-linea); }
.gracias__pasos li span { font-family: var(--cinzel); font-weight: 700; font-size: 13px; letter-spacing: .1em; color: var(--dorado); padding-top: 3px; }
.gracias__pasos li p { margin: 0; font-size: 19px; line-height: 1.4; color: var(--panel-tx); }
.gracias__acciones { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 22px; }
.btn--ghost-light { border-color: rgba(229,229,229,.45); color: var(--panel-tx); }
.btn--ghost-light::before { background: var(--panel-tx); }
.btn--ghost-light:hover { color: #0A0A0A; }
.gracias__hero .btn--light { background: var(--panel-tx); color: #0A0A0A; border-color: var(--panel-tx); }
.gracias__hero .btn--light::before { background: var(--panel-bg); }
.gracias__hero .btn--light:hover { color: var(--panel-tx); }
.gracias__correo { margin: 0; font-size: 17px; color: var(--panel-gris); }
.gracias__correo strong { color: var(--panel-tx); font-weight: 500; }
.gracias__frase { margin: 26px 0 0; font-style: italic; font-size: 17px; color: var(--panel-gris); }
.gracias__hero--fallo .gracias__ante { color: #B0556A; }
.woocommerce ul.order_details.gracias__datos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--linea); margin: 0 0 40px; }
.woocommerce ul.order_details.gracias__datos li { border-right: 1px solid var(--linea); padding: 18px 22px; }
.woocommerce ul.order_details.gracias__datos li:last-child { border-right: 0; }
.woocommerce ul.order_details.gracias__datos li > span { display: block; font-family: var(--cinzel); font-weight: 700; font-size: 10px; letter-spacing: .24em; text-transform: uppercase; color: var(--humo); }
.woocommerce ul.order_details.gracias__datos li strong { display: block; margin-top: 6px; font-family: var(--corm); font-size: 20px; font-weight: 500; text-transform: none; letter-spacing: 0; color: var(--negro); }
.woocommerce-order-details, .woocommerce-customer-details { max-width: 760px; }
.woocommerce-order-details__title, .woocommerce-column__title { margin-top: 10px; }
.woocommerce .woocommerce-customer-details address { border: 1px solid var(--linea); border-radius: 0; padding: 18px 22px; font-style: normal; font-size: 18px; }

/* ═══ Variante B · todo negro (La Porte) ═══ */
body.compra-negra {
  --blanco: #0C0C0C; --blanco-puro: #111111; --papel: #1A1A1A;
  --negro: #E5E5E5; --pizarra: #D0D0D0; --ceniza: #BDBDBB; --humo: #8C8F94; --frio: #0A0A0A;
  --linea: rgba(229,229,229,.14);
  --panel-bg: #111111;
  background: #0C0C0C;
}
.compra-negra .nav { background: rgba(12,12,12,.88); border-bottom-color: rgba(229,229,229,.12); }
.compra-negra .nav__logo img, .compra-negra .footer__logo { filter: invert(1); }
.compra-negra .resumen, .compra-negra .pago__resumen, .compra-negra .gracias__hero { border: 1px solid rgba(229,229,229,.14); }
.compra-negra .quantity { border-color: rgba(229,229,229,.3); }
.compra-negra .woocommerce form .form-row input.input-text, .compra-negra .woocommerce form .form-row textarea, .compra-negra .woocommerce form .form-row select,
.compra-negra .select2-container--default .select2-selection--single, .compra-negra .woocommerce .carrito__cupon .coupon .input-text { border-color: rgba(229,229,229,.3); color: #E5E5E5; }
.compra-negra .select2-container--default .select2-selection--single .select2-selection__rendered { color: #E5E5E5; }
.compra-negra .select2-dropdown { background: #111; color: #E5E5E5; border-color: rgba(229,229,229,.3); }
.compra-negra .woocommerce-checkout input[type="checkbox"], .compra-negra .woocommerce-checkout input[type="radio"] { accent-color: #E5E5E5; }
.compra-negra #an_llave_field { border-color: rgba(229,229,229,.4); }
.compra-negra .btn--solid { background: #E5E5E5; color: #0A0A0A; border-color: #E5E5E5; }
.compra-negra .btn--solid::before { background: #0C0C0C; }
.compra-negra .btn--solid:hover { color: #E5E5E5; }
.compra-negra .woocommerce a.button, .compra-negra .woocommerce button.button, .compra-negra .woocommerce a.button.alt, .compra-negra .woocommerce button.button.alt { background: #E5E5E5; color: #0A0A0A; border-color: #E5E5E5; }
.compra-negra .woocommerce a.button:hover, .compra-negra .woocommerce button.button:hover { background: transparent; color: #E5E5E5; }
.compra-negra .carrito__img img, .compra-negra .resumen__img img { background: #1A1A1A; }

/* ═══ Responsive ═══ */
@media (max-width: 1000px) {
  .compra-carrito, .woocommerce-checkout form.checkout { grid-template-columns: 1fr; }
  .woocommerce-checkout form.checkout .pago__resumen { grid-column: 1; margin-top: 30px; }
  .resumen, .pago__resumen { position: static; }
  .woocommerce ul.order_details.gracias__datos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .woocommerce ul.order_details.gracias__datos li:nth-child(2) { border-right: 0; }
  .woocommerce ul.order_details.gracias__datos li:nth-child(-n+2) { border-bottom: 1px solid var(--linea); }
}
@media (max-width: 600px) {
  .pasos-compra li { font-size: 9px; letter-spacing: .16em; }
  .carrito__item { grid-template-columns: 84px minmax(0, 1fr); gap: 14px; }
  .carrito__img img { width: 84px; }
  .carrito__subtotal { grid-column: 2; font-size: 19px; }
  .carrito__nombre { font-size: 15px; }
  .carrito__pie { flex-direction: column; }
  .resumen, .woocommerce-checkout form.checkout .pago__resumen { padding: 24px 18px 22px; }
  .woocommerce .cross-sells ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper { grid-template-columns: 1fr; }
  .gracias__hero::after { width: 60vw; opacity: .08; }
  .gracias__acciones .btn { flex: 1 1 100%; }
}

/* ajustes */
.woocommerce-cart .agregado__carrito { display: none !important; }
.pagina--wc .pagina__num { display: none; }
.pagina--wc .pagina__head { grid-template-columns: 1fr; }
.form-row .pago__seccion { display: flex; width: 100%; }
.woocommerce-billing-fields__field-wrapper > .form-row:first-child .pago__seccion, #an_llave_field + .form-row .pago__seccion { margin-top: 6px; }
#an_llave_field input.input-text::placeholder { font-family: var(--oswald); letter-spacing: .3em; color: rgba(10,10,10,.28); }
.compra-negra #an_llave_field input.input-text::placeholder { color: rgba(229,229,229,.28); }
#an_llave_field .description { text-align: center; }
.woocommerce ul.order_details.gracias__datos::before, .woocommerce ul.order_details.gracias__datos::after { display: none; }
.woocommerce ul.order_details.gracias__datos li { float: none; margin: 0; font-size: inherit; line-height: 1.3; text-transform: none; }
.woocommerce ul.order_details.gracias__datos li strong .amount, .woocommerce ul.order_details.gracias__datos li strong bdi { display: inline; font: inherit; letter-spacing: 0; color: inherit; }
.woocommerce-order-details .woocommerce-table--order-details { max-width: 760px; }
.woocommerce-order-details .product-name a { font-family: var(--oswald); text-transform: uppercase; font-size: 15px; letter-spacing: .05em; }
/* Variables de formulario de WooCommerce: en body para que sigan a la variante (claro/negro). */
body { --wc-form-color-background: var(--blanco-puro); --wc-form-color-text: var(--negro); --wc-form-border-color: rgba(10,10,10,.35); }
body.compra-negra { --wc-form-border-color: rgba(229,229,229,.3); }
.woocommerce form .form-row textarea.input-text { background: var(--blanco-puro); color: var(--negro); }
.compra-negra .woocommerce form .form-row .required { color: #B0556A; }