/* ==========================================================================
   WooCommerce vestido con la paleta del sitio. Se aplica sobre el marcado de
   Woo (sin copiar sus plantillas de carrito/pago/cuenta) para que las
   actualizaciones no rompan nada.
   ========================================================================== */

/* ---- Genérico ------------------------------------------------------------ */
.woocommerce-notices-wrapper:empty { display: none; }
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-notice {
  list-style: none; margin: 0 0 1.6em; padding: 16px 20px; background: var(--blanco); border: 1px solid var(--linea); border-left: 2px solid var(--oro);
  font-size: .95rem;
}
.woocommerce-error { border-left-color: #B3261E; }
.woocommerce-error li, .woocommerce-message li { margin: 0; }
.woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button { float: right; margin-left: 16px; }
.entrada .button, .entrada button[type="submit"], .woocommerce .button, .woocommerce button.button, .woocommerce a.button, .woocommerce input.button,
.single_add_to_cart_button, .checkout-button, #place_order, .woocommerce-form-login__submit, .woocommerce-Button {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 30px;
  font-family: var(--sans); font-size: .76rem; font-weight: 500; letter-spacing: .18em; text-transform: uppercase;
  border: 1px solid var(--onix); background: var(--onix); color: var(--marfil); border-radius: 0; cursor: pointer; text-decoration: none;
  transition: background .25s, color .25s, border-color .25s;
}
.woocommerce .button:hover, .woocommerce button.button:hover, .woocommerce a.button:hover, .entrada .button:hover { background: var(--oro); border-color: var(--oro); color: var(--onix); }
.single_add_to_cart_button, .checkout-button, #place_order { background: var(--oro); border-color: var(--oro); color: var(--onix); }
.single_add_to_cart_button:hover, .checkout-button:hover, #place_order:hover { background: var(--oro-prof); border-color: var(--oro-prof); color: var(--marfil); }
.woocommerce .button.disabled, .woocommerce button.button:disabled, .single_add_to_cart_button.disabled { opacity: .45; cursor: not-allowed; }
.checkout-button, #place_order { width: 100%; }

.woocommerce table.shop_table, .woocommerce-page table.shop_table { width: 100%; border-collapse: collapse; border: 0; background: transparent; }
.woocommerce table.shop_table th { font-size: .68rem; letter-spacing: .2em; text-transform: uppercase; font-weight: 500; color: var(--oro-prof); border: 0; border-bottom: 1px solid var(--linea); padding: 12px 10px; text-align: left; }
.woocommerce table.shop_table td { border: 0; border-bottom: 1px solid var(--linea); padding: 18px 10px; vertical-align: middle; }
.woocommerce table.shop_table td:first-child { font-family: var(--sans); font-size: inherit; white-space: normal; }

.woocommerce-Price-amount { font-family: var(--serif); font-weight: 600; font-size: 1.25em; color: var(--onix); }
.woocommerce-Price-currencySymbol { font-size: .9em; }
del .woocommerce-Price-amount { font-weight: 400; color: var(--humo); }

/* Campos de formulario (checkout, cuenta, cupón) */
.woocommerce form .form-row { margin: 0 0 18px; padding: 0; }
.woocommerce form .form-row label { display: block; font-size: .68rem; letter-spacing: .2em; text-transform: uppercase; font-weight: 500; margin-bottom: 8px; }
.woocommerce form .form-row label .required { color: var(--oro-prof); text-decoration: none; }
.woocommerce form .form-row .input-text, .woocommerce form .form-row select, .woocommerce form .form-row textarea, .woocommerce .input-text, .woocommerce input[type="text"], .woocommerce input[type="email"], .woocommerce input[type="tel"], .woocommerce input[type="password"], .woocommerce select, .woocommerce textarea {
  width: 100%; border: 1px solid var(--linea); background: var(--blanco); padding: 13px 14px; font: inherit; font-weight: 300; border-radius: 0; box-shadow: none;
}
.woocommerce form .form-row .input-text:focus, .woocommerce select:focus, .woocommerce textarea:focus { border-color: var(--onix); outline: none; }
.woocommerce form .form-row-first, .woocommerce form .form-row-last { width: calc(50% - 10px); float: left; }
.woocommerce form .form-row-last { float: right; }
.woocommerce form .form-row-wide, .woocommerce form .form-row.notes { clear: both; }
.woocommerce form .form-row.woocommerce-invalid .input-text { border-color: #B3261E; }
.select2-container .select2-selection--single { height: auto; border: 1px solid var(--linea); border-radius: 0; background: var(--blanco); }
.select2-container .select2-selection--single .select2-selection__rendered { padding: 13px 40px 13px 14px; line-height: 1.4; font-weight: 300; }
.select2-container .select2-selection--single .select2-selection__arrow { height: 100%; right: 8px; }
.select2-dropdown { border: 1px solid var(--linea); border-radius: 0; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--onix); }
@media (max-width: 640px) { .woocommerce form .form-row-first, .woocommerce form .form-row-last { width: 100%; float: none; } }

/* ---- Ficha de producto: formulario de variaciones de Woo ----------------- */
.variations { width: 100%; border-collapse: collapse; margin: 0 0 1.2em; }
.variations th, .variations td { border: 0; padding: 0 0 18px; display: block; text-align: left; }
.variations th.label { font-size: .68rem; letter-spacing: .22em; text-transform: uppercase; font-weight: 500; padding-bottom: 10px; }
.variations td.value select { width: 100%; max-width: 360px; border: 1px solid var(--linea); background: var(--blanco); padding: 13px 40px 13px 14px; font: inherit; font-weight: 300; appearance: none; -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F0F0F' stroke-width='1.4'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 18px; }
.variations td.value select:focus { border-color: var(--onix); outline: none; }
.reset_variations { display: inline-block; font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; color: var(--humo); margin-top: 8px; }
.reset_variations[style*="hidden"] { display: none; }
.woocommerce-variation.single_variation { margin: 0 0 1em; }
.woocommerce-variation-price .price { font-size: 1.6rem; }
.woocommerce-variation-availability p { font-size: .84rem; color: var(--humo); margin: 0; }
.woocommerce-variation-add-to-cart, form.cart:not(.variations_form) { display: flex; flex-wrap: wrap; align-items: stretch; gap: 14px; margin: 1.2em 0 1em; }
form.cart .quantity { display: inline-flex; border: 1px solid var(--linea); background: var(--blanco); }
form.cart .quantity .qty { width: 84px; min-height: 50px; text-align: center; border: 0; background: none; font: inherit; -moz-appearance: textfield; }
form.cart .quantity .qty::-webkit-inner-spin-button, form.cart .quantity .qty::-webkit-outer-spin-button { -webkit-appearance: none; }
form.cart .quantity .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
form.cart .single_add_to_cart_button { flex: 1; min-width: 200px; }
.aviso-elige { display: none; margin: -.4em 0 1.4em; padding: 12px 14px; font-size: .84rem; color: var(--oro-prof); background: var(--blanco); border: 1px solid var(--linea-oro); }
.ficha:has(.woocommerce-variation-add-to-cart-disabled) .aviso-elige { display: block; }
.ficha .price { font-family: var(--serif); font-size: 2rem; font-weight: 600; margin: 0; }
.ficha .price .woocommerce-Price-amount { font-size: 1em; }
.ficha .price ins { text-decoration: none; }
.ficha .ficha__corta p { margin: 0; }
.acordeon__cuerpo table { font-size: .9rem; margin: 0 0 1em; }
.acordeon__cuerpo th { background: var(--marfil); }

/* ---- Carrito -------------------------------------------------------------- */
.woocommerce-cart .entrada:has(.woocommerce-cart-form) { display: grid; grid-template-columns: 1.4fr .8fr; gap: clamp(28px, 4vw, 56px); align-items: start; }
.cart-empty.woocommerce-info { border: 0; padding: 0; background: transparent; font-size: 1.15rem; color: var(--humo); }
.return-to-shop .button { background: var(--oro); border-color: var(--oro); color: var(--onix); }
.woocommerce-cart .woocommerce-notices-wrapper { grid-column: 1 / -1; }
.woocommerce-cart .woocommerce { display: contents; }
.woocommerce-cart-form { grid-column: 1; }
.cart-collaterals { grid-column: 2; }
@media (max-width: 900px) { .woocommerce-cart .entrada { grid-template-columns: 1fr; } .cart-collaterals { grid-column: 1; } }
table.shop_table.cart .product-thumbnail { width: 92px; }
table.shop_table.cart .product-thumbnail img { width: 92px; height: 92px; object-fit: cover; border: 1px solid var(--linea); background: var(--blanco); }
table.shop_table.cart .product-name { font-family: var(--serif); font-size: 1.25rem; font-weight: 500; }
table.shop_table.cart .product-name a { color: var(--onix); }
table.shop_table.cart .variation { display: block; font-family: var(--sans); font-size: .8rem; color: var(--humo); margin-top: 4px; }
table.shop_table.cart .variation dt, table.shop_table.cart .variation dd { display: inline; margin: 0; }
table.shop_table.cart .variation dd p { display: inline; margin: 0 8px 0 2px; }
table.shop_table.cart .product-remove a { font-size: 1.3rem; color: var(--humo); text-decoration: none; }
table.shop_table.cart .product-remove a:hover { color: var(--onix); }
table.shop_table.cart .quantity { display: inline-flex; border: 1px solid var(--linea); background: var(--blanco); }
table.shop_table.cart .quantity .qty { width: 64px; min-height: 44px; text-align: center; border: 0; background: none; }
table.shop_table.cart td.actions { padding-top: 20px; }
table.shop_table.cart td.actions .coupon { display: inline-flex; gap: 10px; float: left; }
table.shop_table.cart td.actions .coupon .input-text { width: 180px; min-height: 48px; }
table.shop_table.cart td.actions .coupon .button, table.shop_table.cart td.actions > .button { min-height: 48px; }
table.shop_table.cart td.actions > .button { float: right; background: transparent; color: var(--onix); }
table.shop_table.cart td.actions > .button:hover { background: var(--onix); color: var(--marfil); }
@media (max-width: 768px) {
  table.shop_table.cart thead { display: none; }
  table.shop_table.cart tr { display: grid; grid-template-columns: 72px 1fr auto; gap: 8px 14px; padding: 16px 0; border-bottom: 1px solid var(--linea); }
  table.shop_table.cart td { border: 0; padding: 0; display: block; }
  table.shop_table.cart td.product-remove { grid-column: 3; grid-row: 1; text-align: right; }
  table.shop_table.cart td.product-thumbnail { grid-column: 1; grid-row: 1 / span 3; }
  table.shop_table.cart td.product-thumbnail img { width: 72px; height: 72px; }
  table.shop_table.cart td.product-name { grid-column: 2; grid-row: 1; }
  table.shop_table.cart td.product-price { grid-column: 2; grid-row: 2; font-size: .9rem; }
  table.shop_table.cart td.product-quantity { grid-column: 2; grid-row: 3; }
  table.shop_table.cart td.product-subtotal { grid-column: 3; grid-row: 3; align-self: end; }
  table.shop_table.cart tr:last-child { display: block; }
  table.shop_table.cart td.actions .coupon { float: none; width: 100%; margin-bottom: 12px; }
  table.shop_table.cart td.actions .coupon .input-text { flex: 1; width: auto; }
  table.shop_table.cart td.actions > .button { float: none; width: 100%; }
}
.cart_totals { background: var(--blanco); border: 1px solid var(--linea); padding: clamp(22px, 3vw, 32px); position: sticky; top: 100px; }
.cart_totals h2 { font-size: 1.5rem; margin-bottom: 1em; }
.cart_totals table.shop_table th { font-family: var(--sans); font-size: .92rem; letter-spacing: 0; text-transform: none; color: var(--onix); font-weight: 300; width: 45%; padding: 10px 0; }
.cart_totals table.shop_table td { padding: 10px 0; text-align: right; }
.cart_totals .order-total th, .cart_totals .order-total td { border-bottom: 0; padding-top: 16px; font-family: var(--serif); font-size: 1.3rem; font-weight: 600; }
.cart_totals .woocommerce-shipping-methods { list-style: none; padding: 0; margin: 0; font-size: .9rem; }
.cart_totals .woocommerce-shipping-destination { font-size: .82rem; color: var(--humo); }
.cart_totals .shipping-calculator-button { font-size: .74rem; letter-spacing: .12em; text-transform: uppercase; color: var(--oro-prof); }
.wc-proceed-to-checkout { margin-top: 18px; }
.cart-collaterals .resumen__nota a { color: var(--oro-prof); border-bottom: 1px solid var(--linea-oro); }
.cross-sells { display: none; }

/* ---- Finalizar compra ---------------------------------------------------- */
.woocommerce-checkout .entrada .woocommerce:has(form.checkout) { display: grid; grid-template-columns: 1.3fr .8fr; gap: clamp(28px, 4vw, 56px); align-items: start; }
.woocommerce-checkout .woocommerce-notices-wrapper, .woocommerce-checkout .woocommerce-form-coupon-toggle, .woocommerce-checkout .woocommerce-form-login-toggle, .woocommerce-checkout form.checkout_coupon, .woocommerce-checkout form.login { grid-column: 1 / -1; }
.woocommerce-checkout form.checkout { display: contents; }
.woocommerce-checkout #customer_details { grid-column: 1; }
.woocommerce-checkout #order_review_heading, .woocommerce-checkout #order_review { grid-column: 2; }
.woocommerce-checkout #order_review_heading { font-size: 1.5rem; margin: 0; padding: clamp(22px, 3vw, 32px) clamp(22px, 3vw, 32px) 0; background: var(--blanco); border: 1px solid var(--linea); border-bottom: 0; }
.woocommerce-checkout #order_review { background: var(--blanco); border: 1px solid var(--linea); border-top: 0; padding: 12px clamp(22px, 3vw, 32px) clamp(22px, 3vw, 32px); position: sticky; top: 100px; }
@media (max-width: 900px) { .woocommerce-checkout .entrada .woocommerce { grid-template-columns: 1fr; } .woocommerce-checkout #order_review_heading, .woocommerce-checkout #order_review { grid-column: 1; position: static; } }
.woocommerce-checkout #customer_details h3, .woocommerce-checkout .woocommerce-billing-fields h3, .woocommerce-checkout .woocommerce-shipping-fields h3, .woocommerce-checkout .woocommerce-additional-fields h3 { font-size: clamp(1.4rem, 2.4vw, 1.85rem); margin: 1.2em 0 .9em; }
.woocommerce-checkout #customer_details > .col-1 h3:first-child { margin-top: 0; }
.woocommerce-checkout #customer_details .col-2 { margin-top: 1em; }
.woocommerce-checkout .woocommerce-shipping-fields h3 label { display: inline-flex; gap: 10px; align-items: center; font: inherit; text-transform: none; letter-spacing: 0; cursor: pointer; }
.woocommerce-checkout .woocommerce-shipping-fields h3 input { accent-color: var(--oro-prof); }
.woocommerce-checkout-review-order-table th { font-family: var(--sans); font-size: .68rem; letter-spacing: .2em; text-transform: uppercase; }
.woocommerce-checkout-review-order-table td, .woocommerce-checkout-review-order-table tfoot th { padding: 10px 0; font-size: .92rem; }
.woocommerce-checkout-review-order-table tfoot th { font-family: var(--sans); font-size: .92rem; letter-spacing: 0; text-transform: none; color: var(--onix); font-weight: 300; }
.woocommerce-checkout-review-order-table .order-total th, .woocommerce-checkout-review-order-table .order-total td { border-bottom: 0; padding-top: 16px; font-family: var(--serif); font-size: 1.3rem; font-weight: 600; }
.woocommerce-checkout-review-order-table .product-name .product-quantity { color: var(--humo); }
.woocommerce-checkout-review-order-table .variation { font-size: .78rem; color: var(--humo); }
.woocommerce-checkout-review-order-table .variation dt, .woocommerce-checkout-review-order-table .variation dd { display: inline; margin: 0; }
.woocommerce-checkout-review-order-table .variation dd p { display: inline; margin-right: 8px; }
#payment { background: transparent; margin-top: 18px; }
#payment ul.payment_methods { list-style: none; padding: 0; margin: 0 0 18px; display: grid; gap: 10px; }
#payment ul.payment_methods li { padding: 14px 16px; background: var(--marfil); border: 1px solid var(--linea); font-size: .95rem; }
#payment ul.payment_methods li label { display: inline; cursor: pointer; }
#payment ul.payment_methods li input[type="radio"] { accent-color: var(--oro-prof); margin-right: 8px; }
#payment ul.payment_methods li img { display: inline; max-height: 22px; vertical-align: middle; margin-left: 8px; }
#payment .payment_box { font-size: .84rem; color: var(--humo); margin: 10px 0 0; padding: 0; background: transparent; }
#payment .payment_box::before { display: none; }
.woocommerce-terms-and-conditions-wrapper { margin: 0 0 18px; font-size: .86rem; color: var(--humo); }
.woocommerce-terms-and-conditions-wrapper .form-row { margin: 0; }
.woocommerce-terms-and-conditions-wrapper label { display: inline-flex; gap: 12px; align-items: flex-start; font: inherit; text-transform: none; letter-spacing: 0; }
.woocommerce-terms-and-conditions-wrapper input { width: 18px; height: 18px; margin-top: 3px; accent-color: var(--oro-prof); }
.woocommerce-privacy-policy-text { font-size: .82rem; color: var(--humo); }
.woocommerce-checkout .blockUI.blockOverlay { background: rgba(247, 243, 236, .7) !important; }

/* ---- Mi cuenta ----------------------------------------------------------- */
.woocommerce-account .entrada .woocommerce { display: grid; grid-template-columns: 240px 1fr; gap: clamp(28px, 4vw, 56px); align-items: start; }
.woocommerce-account .woocommerce-notices-wrapper { grid-column: 1 / -1; }
.woocommerce-account:not(.logged-in) .entrada .woocommerce { grid-template-columns: 1fr; max-width: 520px; }
@media (max-width: 760px) { .woocommerce-account .entrada .woocommerce { grid-template-columns: 1fr; } }
.woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--linea); }
.woocommerce-MyAccount-navigation li a { display: block; padding: 14px 0; border-bottom: 1px solid var(--linea); font-size: .76rem; letter-spacing: .16em; text-transform: uppercase; font-weight: 500; }
.woocommerce-MyAccount-navigation li.is-active a, .woocommerce-MyAccount-navigation li a:hover { color: var(--oro-prof); }
.woocommerce-MyAccount-content > p:first-child { color: var(--humo); }
.woocommerce-MyAccount-content h2, .woocommerce-MyAccount-content h3 { font-size: 1.5rem; }
.woocommerce-form-login, .woocommerce-form-register { background: var(--blanco); border: 1px solid var(--linea); padding: clamp(22px, 3vw, 32px); }
.woocommerce-form-login .woocommerce-form-login__rememberme { display: inline-flex; gap: 10px; align-items: center; font-size: .9rem; margin-bottom: 14px; }
.woocommerce-LostPassword { font-size: .86rem; margin-top: 12px; }
.woocommerce-orders-table__cell-order-actions .button { min-height: 40px; padding: 0 18px; font-size: .68rem; }

/* ---- Pedido recibido ------------------------------------------------------ */
.woocommerce-thankyou-order-received { font-family: var(--serif); font-size: 1.6rem; }
.woocommerce-order-overview { list-style: none; padding: 0; margin: 1.5em 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 16px; }
.woocommerce-order-overview li { font-size: .74rem; letter-spacing: .14em; text-transform: uppercase; color: var(--humo); padding-top: 14px; border-top: 1px solid var(--oro); }
.woocommerce-order-overview li strong { display: block; font-family: var(--serif); font-size: 1.2rem; letter-spacing: 0; text-transform: none; color: var(--onix); margin-top: 6px; }
.woocommerce-order-details, .woocommerce-customer-details { margin-top: 2em; }
.woocommerce-customer-details address { font-style: normal; background: var(--blanco); border: 1px solid var(--linea); padding: 18px; }

/* ---- Paginación del catálogo ---------------------------------------------- */
.woocommerce-pagination { margin-top: 40px; text-align: center; }
.woocommerce-pagination ul.page-numbers { display: inline-flex; gap: 8px; list-style: none; padding: 0; margin: 0; }
.woocommerce-pagination .page-numbers { display: inline-grid; place-items: center; min-width: 44px; height: 44px; padding: 0 12px; border: 1px solid var(--linea); background: var(--blanco); font-size: .8rem; letter-spacing: .1em; }
.woocommerce-pagination .page-numbers.current { background: var(--onix); color: var(--marfil); border-color: var(--onix); }
