.wapu-account-logged__recent-card,.wapu-thankyou__card,.wapu-checkout__card,.wapu-my-address__card,.wapu-transparencia__card,.wapu-downloads__item{display:flex;flex-direction:column;background-color:var(--wtds-surface);border-radius:var(--wtds-r-lg);padding:var(--wtds-s-2);gap:var(--wtds-s-2);overflow:hidden}.wapu-archive__collection-card{background-color:var(--wtds-surface);border-radius:var(--wtds-r-lg);overflow:hidden}.wapu-archive__collection-card,.wapu-account-logged__recent-card,.wapu-my-address__card,.wapu-downloads__item{cursor:pointer;transition:background-color var(--wtds-dur) var(--wtds-ease),transform var(--wtds-dur-fast) var(--wtds-ease)}.wapu-archive__collection-card:hover,.wapu-account-logged__recent-card:hover,.wapu-my-address__card:hover,.wapu-downloads__item:hover{background-color:var(--wtds-surface-2)}.wapu-archive__collection-card:active,.wapu-account-logged__recent-card:active,.wapu-my-address__card:active,.wapu-downloads__item:active{opacity:.7;transform:scale(.99)}.wapu-checkout__card{background-color:var(--wtds-surface-2)}.wapu-thankyou__card,.wapu-transparencia__card{cursor:default}.wapu-my-address__card,.wapu-transparencia__card{padding:0}.wapu-downloads__item{padding:var(--wtds-s-2)}.wapu-product-card{position:relative;display:flex;flex-direction:column;width:100%;height:100%;gap:var(--wtds-s-2);background:transparent!important;background-color:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;text-decoration:none;color:inherit}.wapu-product-card__media{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background-color:var(--wtds-surface);border-radius:var(--wtds-r-xs);transition:transform var(--wtds-dur) var(--wtds-ease)}.wapu-product-card:hover .wapu-product-card__media{transform:translateY(-.125rem)}.wapu-product-card__img-link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--wtds-s-2);box-sizing:border-box;text-decoration:none;position:relative}.wapu-product-card__img-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.wapu-product-card__img-wrap img,.wapu-product-card__img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.wapu-product-card__info{display:flex;flex-direction:column;gap:.25rem;padding:0;text-decoration:none;color:inherit}.wapu-product-card__brand{display:block;font-family:var(--wtds-font-text);font-size:var(--wtds-fs-caption-2);font-weight:var(--wtds-fw-semibold);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--wtds-ink-3);line-height:var(--wtds-lh-tight);margin:0 0 var(--wtds-s-0, .125rem);text-decoration:none;transition:color var(--wtds-dur-fast) var(--wtds-ease)}.wapu-product-card__brand:hover{color:var(--wtds-ink)}.wapu-product-card__name-link{text-decoration:none;color:inherit;display:block}.wapu-product-card__name{font-family:var(--wtds-font-display);font-size:var(--wtds-fs-body);font-weight:var(--wtds-fw-regular);font-style:normal;color:var(--wtds-ink);line-height:var(--wtds-lh-tight);letter-spacing:var(--wtds-ls-tight);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wapu-product-card__desc{font-family:var(--wtds-font-text);font-size:var(--wtds-fs-footnote);font-weight:var(--wtds-fw-regular);color:var(--wtds-ink-3);line-height:1.35;letter-spacing:0;margin:.125rem 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wapu-product-card__price-wrap{display:flex;align-items:baseline;gap:var(--wtds-s-1);flex-wrap:wrap;padding:0;margin-top:var(--wtds-s-1);background:transparent;border:0;min-height:0}.wapu-product-card__price-wrap del,.wapu-product-card__price-wrap .price del{display:none}.wapu-product-card__price-wrap ins{text-decoration:none;background:transparent}.wapu-product-card__price-wrap .woocommerce-Price-amount,.wapu-product-card__price-wrap .woocommerce-Price-amount.amount,.wapu-product-card__price-wrap bdi{font-family:var(--wtds-font-text);font-size:var(--wtds-fs-subhead);font-weight:var(--wtds-fw-semibold);color:var(--wtds-ink);letter-spacing:var(--wtds-ls-normal)}.wapu-product-card__price-wrap .wapu-currency-code{display:none}.wapu-product-card__price-wrap .wapu-price{display:inline-flex;align-items:baseline;gap:var(--wtds-s-1);flex-wrap:wrap;line-height:var(--wtds-lh-tight)}.wapu-product-card__price-wrap .wapu-price__from,.wapu-product-card__price-wrap .wapu-price__current{font-family:var(--wtds-font-text);font-size:var(--wtds-fs-subhead);font-weight:var(--wtds-fw-semibold);color:var(--wtds-ink)}.wapu-product-card__price-wrap .wapu-price__regular{display:inline;text-decoration:line-through;color:var(--wtds-ink-3);font-size:var(--wtds-fs-caption-1);font-weight:var(--wtds-fw-regular);margin-right:var(--wtds-s-1)}.wapu-product-card__price-wrap .wapu-coupon-mark{margin-left:auto;margin-right:0}.wapu-product-card__cta{position:absolute;bottom:0;left:0;right:0;width:auto!important;min-width:0;margin:0!important;display:flex!important;align-items:center;justify-content:center;gap:.5rem;padding:var(--wtds-s-2) var(--wtds-s-3)!important;background:var(--wtds-surface-translucent)!important;backdrop-filter:blur(.5rem);-webkit-backdrop-filter:blur(.5rem);border:0!important;border-top:.5px solid var(--wtds-separator-soft)!important;box-shadow:none!important;border-radius:0!important;font-family:var(--wtds-font-text);font-size:var(--wtds-fs-caption-1);font-weight:var(--wtds-fw-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--wtds-ink)!important;text-decoration:none;line-height:1;opacity:0;transform:translateY(100%);transition:opacity var(--wtds-dur-fast) var(--wtds-ease),transform var(--wtds-dur) var(--wtds-ease);z-index:2;cursor:pointer}.wapu-product-card__cta:after{content:"";display:inline-block;width:1rem;height:1rem;background:currentColor;-webkit-mask:var(--wtds-lucide-arrow-right-mask) center/contain no-repeat;mask:var(--wtds-lucide-arrow-right-mask) center/contain no-repeat;transition:transform var(--wtds-dur-fast) var(--wtds-ease)}.wapu-product-card:hover .wapu-product-card__cta{opacity:1;transform:translateY(0)}.wapu-product-card__cta:hover:not(:disabled):not(.wapu-btn--loading){background:var(--wtds-surface-translucent)!important;color:var(--wtds-ink)!important}.wapu-product-card__cta:hover:after{transform:translate(.1875rem)}.wapu-product-card__cta .wapu-btn__label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1}.wapu-product-card__cta--oos{opacity:.6;pointer-events:none}.wapu-product-card.is-out-of-stock .wapu-product-card__cta{opacity:1;transform:translateY(0);color:var(--wtds-ink-2)!important}@media (hover: none),(max-width: 48rem){.wapu-product-card__cta{display:flex!important;opacity:1;transform:none;visibility:visible;padding:var(--wtds-s-1) var(--wtds-s-2)!important}}.wapu-product-card.is-out-of-stock .wapu-product-card__img-wrap img,.wapu-product-card.is-out-of-stock .wapu-product-card__img,.wapu-product-card.is-out-of-stock .wapu-sw__img{opacity:.35;filter:grayscale(.4)}.wapu-product-card.is-out-of-stock .wapu-product-card__name{color:var(--wtds-ink-3)}.wapu-stock-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;padding:var(--wtds-s-1) var(--wtds-s-2);background:var(--wtds-ink);color:var(--wtds-surface);border-radius:var(--wtds-r-pill);font-family:var(--wtds-font-display);font-size:var(--wtds-fs-caption-2);font-weight:var(--wtds-fw-semibold);letter-spacing:.04em;white-space:nowrap;pointer-events:none;text-transform:none}.wapu-sale-pill{display:inline-flex;align-items:center;padding:var(--wtds-s-1) var(--wtds-s-2);background:var(--wtds-danger-soft);color:var(--wtds-danger);border-radius:var(--wtds-r-pill);font-family:var(--wtds-font-display);font-size:var(--wtds-fs-caption-2);font-weight:var(--wtds-fw-semibold);letter-spacing:var(--wtds-ls-tight);line-height:1;cursor:help;position:relative;text-decoration:none;white-space:nowrap;transition:background-color var(--wtds-dur-fast) var(--wtds-ease)}.wapu-sale-pill:hover,.wapu-sale-pill:focus-visible{background:var(--wtds-danger);color:var(--wtds-surface)}.wapu-sale-pill:focus-visible{outline:none;box-shadow:var(--wtds-shadow-focus)}.wapu-coupon-mark{display:inline-flex;align-items:center;padding:var(--wtds-s-1) var(--wtds-s-2);background:var(--wtds-success-soft);color:var(--wtds-success);border-radius:var(--wtds-r-pill);font-family:var(--wtds-font-display);font-size:var(--wtds-fs-caption-2);font-weight:var(--wtds-fw-semibold);line-height:1;cursor:help;position:relative;text-decoration:none;white-space:nowrap}.wapu-coupon-mark__label{display:inline-block}.wapu-sale-pill:hover .wapu-tooltip,.wapu-sale-pill:focus .wapu-tooltip,.wapu-sale-pill:focus-within .wapu-tooltip,.wapu-coupon-mark:hover .wapu-tooltip,.wapu-coupon-mark:focus .wapu-tooltip,.wapu-coupon-mark:focus-within .wapu-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);transition:opacity var(--wtds-dur-fast) var(--wtds-ease),transform var(--wtds-dur-fast) var(--wtds-ease),visibility 0s linear 0s}.wapu-editorial-tile{position:relative;grid-row:span 2;width:100%;height:66.25rem;overflow:hidden;border-radius:var(--wtds-r-xs);background:transparent}.wapu-editorial-tile--left{grid-column:1 / span 2}.wapu-editorial-tile--right{grid-column:3 / span 2}@media (max-width: 75rem){.wapu-editorial-tile{height:55rem}}@media (max-width: 40rem){.wapu-editorial-tile--left,.wapu-editorial-tile--right{grid-column:1 / -1}.wapu-editorial-tile{height:33.75rem}}.wapu-editorial-tile__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block;transition:transform var(--wtds-dur) var(--wtds-ease)}.wapu-editorial-tile:hover .wapu-editorial-tile__img{transform:scale(1.02)}@media (max-width: 48rem){.wapu-product-card{gap:var(--wtds-s-1)}.wapu-product-card__name{font-size:var(--wtds-fs-subhead)}.wapu-product-card__desc{font-size:var(--wtds-fs-caption-1)}.wapu-product-card__brand{font-size:var(--wtds-fs-caption-2)}.wapu-product-card__cta{margin-top:var(--wtds-s-1)}.wapu-product-card__price-wrap .woocommerce-Price-amount,.wapu-product-card__price-wrap .woocommerce-Price-amount.amount,.wapu-product-card__price-wrap bdi{font-size:var(--wtds-fs-caption-1)}}.wapu-product-card-mini{display:flex;flex-direction:column;gap:var(--wtds-s-1);cursor:pointer;text-decoration:none;color:inherit;background:transparent;border:0;padding:0;margin:0;position:relative}.wapu-product-card-mini__media{display:block;position:relative;width:100%;aspect-ratio:1 / 1;background:var(--wtds-surface-2);border-radius:var(--wtds-r-xs);overflow:hidden;transition:transform var(--wtds-dur) var(--wtds-ease);text-decoration:none}.wapu-product-card-mini:hover .wapu-product-card-mini__media{transform:translateY(-.125rem)}.wapu-product-card-mini__img,.wapu-product-card-mini__media img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block;transition:transform var(--wtds-dur) var(--wtds-ease)}.wapu-product-card-mini:hover .wapu-product-card-mini__img,.wapu-product-card-mini:hover .wapu-product-card-mini__media img{transform:scale(1.02)}.wapu-product-card-mini__badge{position:absolute;top:var(--wtds-s-1);left:var(--wtds-s-1);padding:.25rem .625rem;font-family:var(--wtds-font-text);font-size:.625rem;font-weight:var(--wtds-fw-semibold);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--wtds-r-pill);line-height:1;z-index:2;white-space:nowrap}.wapu-product-card-mini__badge--sale{background:var(--wtds-danger);color:var(--wtds-danger-ink)}.wapu-product-card-mini__badge--new{background:var(--wtds-ink);color:var(--wtds-surface)}.wapu-product-card-mini__badge--pre-order{background:var(--wtds-glass);backdrop-filter:blur(.5rem);-webkit-backdrop-filter:blur(.5rem);color:var(--wtds-ink);border:.5px solid var(--wtds-separator-soft)}.wapu-product-card-mini__badge--exclusive{background:transparent;color:var(--wtds-ink);border:.5px solid var(--wtds-ink);backdrop-filter:blur(.25rem);-webkit-backdrop-filter:blur(.25rem)}.wapu-product-card-mini__info{display:flex;flex-direction:column;gap:.125rem;padding:0;min-width:0}.wapu-product-card-mini__brand{display:block;font-family:var(--wtds-font-text);font-size:var(--wtds-fs-caption-2);font-weight:var(--wtds-fw-semibold);letter-spacing:.14em;text-transform:uppercase;color:var(--wtds-ink-3);line-height:1.2;margin:0 0 .125rem;text-decoration:none;transition:color var(--wtds-dur-fast) var(--wtds-ease)}.wapu-product-card-mini__brand:hover{color:var(--wtds-ink)}.wapu-product-card-mini__name-link{text-decoration:none;color:inherit}.wapu-product-card-mini__name{font-family:var(--wtds-font-display);font-size:var(--wtds-fs-footnote);font-weight:var(--wtds-fw-regular);line-height:1.3;color:var(--wtds-ink);margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:color var(--wtds-dur-fast) var(--wtds-ease)}.wapu-product-card-mini:hover .wapu-product-card-mini__name{color:var(--wtds-ink)}.wapu-product-card-mini__price{display:flex;align-items:baseline;gap:.375rem;margin-top:.25rem;font-family:var(--wtds-font-text);font-size:var(--wtds-fs-footnote);font-weight:var(--wtds-fw-medium);color:var(--wtds-ink);line-height:1.3}.wapu-product-card-mini__price del,.wapu-product-card-mini__price .price del,.wapu-product-card-mini__price del bdi{color:var(--wtds-ink-4);font-weight:var(--wtds-fw-regular);font-size:var(--wtds-fs-caption-1);text-decoration:line-through}.wapu-product-card-mini__price ins{color:var(--wtds-ink);text-decoration:none;font-weight:var(--wtds-fw-medium)}.wapu-product-card-mini__price .woocommerce-Price-amount,.wapu-product-card-mini__price .woocommerce-Price-amount.amount,.wapu-product-card-mini__price bdi{color:inherit;font-weight:inherit;font-size:inherit}.wapu-product-card-mini--sm .wapu-product-card-mini__brand{font-size:.625rem}.wapu-product-card-mini--sm .wapu-product-card-mini__name,.wapu-product-card-mini--sm .wapu-product-card-mini__price{font-size:var(--wtds-fs-caption-1)}.wapu-product-card-mini--horizontal{flex-direction:row;gap:var(--wtds-s-2);align-items:center}.wapu-product-card-mini--horizontal .wapu-product-card-mini__media{width:4.5rem;height:4.5rem;aspect-ratio:1;flex-shrink:0}.wapu-product-card-mini--horizontal .wapu-product-card-mini__info{flex:1;min-width:0}@media (max-width: 48rem){.wapu-product-card-mini{gap:.375rem}.wapu-product-card-mini__brand{font-size:var(--wtds-fs-caption-2)}.wapu-product-card-mini__name,.wapu-product-card-mini__price{font-size:var(--wtds-fs-caption-1)}.wapu-product-card-mini__badge{font-size:.5625rem;padding:.1875rem .5rem}}.woocommerce-notices-wrapper{position:fixed;top:-624.9375rem;left:-624.9375rem;visibility:hidden}.wapu-theme-dark .wapu-loader--overlay{background-color:var(--wtds-scrim-heavy)}.wapu-cart-item,.wapu-checkout__item,.wapu-mini-cart__item,.wapu-pay-acumulados__item{display:flex}.wapu-cart-item,.wapu-checkout__item,.wapu-pay-acumulados__item{align-items:center}.checkout-button,.single_add_to_cart_button,#place_order,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,a.checkout-button.button.alt{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--wtds-s-1);min-height:2.75rem;padding:0 var(--wtds-s-2);font-family:var(--wtds-font-text);font-size:var(--wtds-fs-headline);font-weight:var(--wtds-fw-semibold);line-height:var(--wtds-lh-snug);letter-spacing:var(--wtds-ls-normal);text-decoration:none;white-space:nowrap;border-radius:var(--wtds-r-md);transition:background-color var(--wtds-dur-fast) var(--wtds-ease),color var(--wtds-dur-fast) var(--wtds-ease),border-color var(--wtds-dur-fast) var(--wtds-ease),opacity var(--wtds-dur-fast) var(--wtds-ease);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.checkout-button:active:not(:disabled),.single_add_to_cart_button:active:not(:disabled),#place_order:active:not(:disabled),.woocommerce a.button.alt:active:not(:disabled),.woocommerce button.button.alt:active:not(:disabled),a.checkout-button.button.alt:active:not(:disabled){opacity:.5}.checkout-button:focus-visible,.single_add_to_cart_button:focus-visible,#place_order:focus-visible,.woocommerce a.button.alt:focus-visible,.woocommerce button.button.alt:focus-visible,a.checkout-button.button.alt:focus-visible{outline:none;box-shadow:var(--wtds-shadow-focus)}.checkout-button:disabled,.single_add_to_cart_button:disabled,#place_order:disabled,.woocommerce a.button.alt:disabled,.woocommerce button.button.alt:disabled,a.checkout-button.button.alt:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.checkout-button,.single_add_to_cart_button,#place_order,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,a.checkout-button.button.alt{background-color:var(--wtds-ink);color:var(--wtds-surface);text-shadow:none}.checkout-button:hover:not(:disabled),.single_add_to_cart_button:hover:not(:disabled),#place_order:hover:not(:disabled),.woocommerce a.button.alt:hover:not(:disabled),.woocommerce button.button.alt:hover:not(:disabled),a.checkout-button.button.alt:hover:not(:disabled){background-color:var(--wtds-ink);color:var(--wtds-surface);opacity:.88}.single_add_to_cart_button,.checkout-button,#place_order,.woocommerce a.button.alt,.woocommerce button.button.alt,a.checkout-button.button.alt{min-height:var(--wtds-control-large);height:var(--wtds-control-large);padding:0 var(--wtds-s-2);font-size:var(--wtds-fs-footnote);font-weight:var(--wtds-fw-medium);line-height:1;letter-spacing:var(--wtds-ls-wide);text-transform:uppercase;border-radius:var(--wtds-r-pill)}.checkout-button,#place_order,a.checkout-button.button.alt{width:100%}.woocommerce-invalid input.input-text,.woocommerce-invalid select,.woocommerce-invalid .select2-selection{background-color:var(--wtds-danger-soft);color:var(--wtds-danger)}.woocommerce-invalid input.input-text:focus,.woocommerce-invalid select:focus{box-shadow:var(--wtds-shadow-focus-danger)}.woocommerce-validated input.input-text,.woocommerce-validated select,.woocommerce-validated .select2-selection{background-color:var(--wtds-success-soft);color:var(--wtds-success)}.woocommerce-validated input.input-text:focus,.woocommerce-validated select:focus{box-shadow:0 0 0 .125rem var(--wtds-success)}.wapu-checkout input.input-text,.wapu-checkout select,.woocommerce-checkout .wapu-checkout input.input-text,.woocommerce-checkout .wapu-checkout select{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;display:block;width:100%;min-height:2.75rem;padding:var(--wtds-s-1) var(--wtds-s-2);font-family:var(--wtds-font-text);font-size:var(--wtds-fs-body);font-weight:var(--wtds-fw-regular);line-height:var(--wtds-lh-snug);color:var(--wtds-ink);background-color:var(--wtds-surface-2);border:0;border-radius:var(--wtds-r-md);transition:background-color var(--wtds-dur-fast) var(--wtds-ease),box-shadow var(--wtds-dur-fast) var(--wtds-ease)}.wapu-checkout input.input-text::-moz-placeholder,.woocommerce-checkout .wapu-checkout input.input-text::-moz-placeholder{color:var(--wtds-placeholder);opacity:1}.wapu-checkout input.input-text::placeholder,.woocommerce-checkout .wapu-checkout input.input-text::placeholder{color:var(--wtds-placeholder);opacity:1}.wapu-checkout input.input-text:hover:not(:disabled):not(:focus):not([readonly]),.woocommerce-checkout .wapu-checkout input.input-text:hover:not(:disabled):not(:focus):not([readonly]){background-color:var(--wtds-fill-3)}.wapu-checkout input.input-text:focus,.wapu-checkout select:focus,.woocommerce-checkout .wapu-checkout input.input-text:focus,.woocommerce-checkout .wapu-checkout select:focus{outline:none;background-color:var(--wtds-surface);box-shadow:var(--wtds-shadow-focus)}.wapu-checkout input.input-text:disabled,.wapu-checkout input.input-text[readonly]{background-color:var(--wtds-fill-4);color:var(--wtds-ink-4);cursor:not-allowed;opacity:1}.woocommerce-checkout .wapu-checkout__coupon-row input.input-text{min-height:2rem;padding:var(--wtds-s-1) var(--wtds-s-1);font-size:var(--wtds-fs-subhead);border-radius:var(--wtds-r-sm)}.wapu-checkout textarea,.woocommerce-checkout .wapu-checkout textarea,textarea#order_comments,.wapu-checkout__card--notes textarea#order_comments{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;display:block;width:100%;min-height:6rem;padding:var(--wtds-s-2);font-family:var(--wtds-font-text);font-size:var(--wtds-fs-body);font-weight:var(--wtds-fw-regular);line-height:var(--wtds-lh-base);color:var(--wtds-ink);background-color:var(--wtds-surface-2);border:0;border-radius:var(--wtds-r-md);resize:vertical;transition:background-color var(--wtds-dur-fast) var(--wtds-ease),box-shadow var(--wtds-dur-fast) var(--wtds-ease)}.wapu-checkout textarea::-moz-placeholder,textarea#order_comments::-moz-placeholder{color:var(--wtds-placeholder);opacity:1}.wapu-checkout textarea::placeholder,textarea#order_comments::placeholder{color:var(--wtds-placeholder);opacity:1}.wapu-checkout textarea:hover:not(:focus),textarea#order_comments:hover:not(:focus){background-color:var(--wtds-fill-3)}.wapu-checkout textarea:focus,textarea#order_comments:focus{outline:none;background-color:var(--wtds-surface);box-shadow:var(--wtds-shadow-focus)}.wapu-checkout .select2-container--default .select2-selection--single,.woocommerce-checkout .wapu-checkout .select2-container--default .select2-selection--single{height:2.75rem!important;min-height:2.75rem;max-height:2.75rem;border-radius:var(--wtds-r-md)!important;border:0!important;background:var(--wtds-surface-2);box-sizing:border-box;display:flex;align-items:center;transition:background-color var(--wtds-dur-fast) var(--wtds-ease),box-shadow var(--wtds-dur-fast) var(--wtds-ease)}.wapu-checkout .select2-container--default.select2-container--open .select2-selection--single,.wapu-checkout .select2-container--default.select2-container--focus .select2-selection--single{background:var(--wtds-surface)!important;box-shadow:var(--wtds-shadow-focus)!important}.wapu-checkout .select2-selection__rendered{font-family:var(--wtds-font-text)!important;font-size:var(--wtds-fs-body)!important;color:var(--wtds-ink)!important;padding-left:var(--wtds-s-2)!important;line-height:1!important;display:flex!important;align-items:center!important;height:100%}.wapu-checkout .form-row label,.woocommerce-checkout .wapu-checkout .form-row label{display:block;margin:0 0 var(--wtds-s-1);font-family:var(--wtds-font-text);font-size:var(--wtds-fs-footnote);font-weight:var(--wtds-fw-medium);color:var(--wtds-ink-2);letter-spacing:var(--wtds-ls-normal);line-height:var(--wtds-lh-snug)}.wapu-checkout .form-row label .optional{color:var(--wtds-ink-4);font-weight:var(--wtds-fw-regular);margin-left:var(--wtds-s-1)}.wapu-checkout input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:var(--wtds-s-3);height:var(--wtds-s-3);border-radius:var(--wtds-r-xs);border:0;background-color:var(--wtds-surface);box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-separator);cursor:pointer;position:relative;flex-shrink:0;margin:0;transition:background-color var(--wtds-dur-fast) var(--wtds-ease),box-shadow var(--wtds-dur-fast) var(--wtds-ease)}.wapu-checkout input[type=checkbox]:hover{box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-separator-strong)}.wapu-checkout input[type=checkbox]:checked{background-color:var(--wtds-action);box-shadow:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8l3 3 7-7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.wapu-checkout input[type=checkbox]:focus-visible{box-shadow:var(--wtds-shadow-focus)}.wapu-footer{background:var(--wtds-ink);color:var(--wtds-surface);padding:4rem var(--wtds-s-3) 2.25rem;margin-top:5rem}.wapu-footer__inner{max-width:75rem;margin:0 auto;text-align:center}.wapu-footer__brand-link,.wapu-footer__brand-text{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--wtds-surface);opacity:.95;transition:opacity var(--wtds-dur-fast) var(--wtds-ease);margin-bottom:2rem}.wapu-footer__brand-link:hover,.wapu-footer__brand-text:hover{opacity:1}.wapu-footer__brand-img{max-width:10rem;max-height:4rem;width:auto;height:auto;filter:invert(1) brightness(1.1)}.wapu-footer__brand-text{font-family:var(--wtds-font-display, "Poppins", serif);font-size:3.375rem;font-weight:300;font-style:italic;letter-spacing:-.03em;line-height:1}.wapu-footer__socials{display:flex;justify-content:center;list-style:none;margin:0 0 2rem;padding:0;gap:1rem;align-items:center}.wapu-footer__social{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:var(--wtds-on-image-subtle);transition:color var(--wtds-dur-fast) var(--wtds-ease)}.wapu-footer__social:hover,.wapu-footer__social:focus-visible{color:var(--wtds-surface);outline:none}.wapu-footer__social svg{width:1.25rem;height:1.25rem;display:block}.wapu-footer__meta{display:flex;justify-content:center;align-items:center;gap:1rem;padding-top:1.5rem;border-top:.5px solid var(--wtds-outline-soft);font-family:var(--wtds-font-display, "Poppins", serif);font-size:var(--wtds-fs-caption-2);letter-spacing:.1em;text-transform:uppercase;color:var(--wtds-on-image-subtle);flex-wrap:wrap}.wapu-footer__copy{white-space:nowrap}.wapu-footer__sep{color:var(--wtds-on-image-subtle);font-weight:var(--wtds-fw-regular);letter-spacing:0}.wapu-footer__info-link{color:var(--wtds-surface);text-decoration:none;font-weight:var(--wtds-fw-medium);transition:opacity var(--wtds-dur-fast) var(--wtds-ease);white-space:nowrap}.wapu-footer__info-link:hover,.wapu-footer__info-link:focus-visible{opacity:.7;outline:none}.wapu-footer__by{display:inline-flex;align-items:center;gap:.3125rem;white-space:nowrap;color:var(--wtds-on-image-subtle);text-transform:none;letter-spacing:.02em;font-size:var(--wtds-fs-caption-2)}.wapu-footer__wapuclub-link{color:var(--wtds-on-image-muted);text-decoration:none;transition:color var(--wtds-dur-fast) var(--wtds-ease);font-weight:var(--wtds-fw-regular);letter-spacing:.02em}.wapu-footer__wapuclub-link:hover{color:var(--wtds-surface)}@media (max-width: 48rem){.wapu-footer{padding:3rem var(--wtds-s-3) 1.75rem;margin-top:3.5rem}.wapu-footer__brand-text{font-size:2.5rem}.wapu-footer__brand-img{max-width:7.5rem;max-height:3rem}.wapu-footer__brand-link,.wapu-footer__brand-text{margin-bottom:1.5rem}.wapu-footer__socials{margin-bottom:1.5rem;gap:.75rem}.wapu-footer__meta{flex-direction:column;gap:.625rem;padding-top:1.25rem}.wapu-footer__sep{display:none}}@media (max-width: 30rem){.wapu-footer__brand-text{font-size:2.125rem}}body.woocommerce-account:not(.logged-in) #masthead,body.woocommerce-account:not(.logged-in) #colophon{display:none}.mini-cart-dropdown{display:none}.wapu-error-404{min-height:calc(100vh - 12.5rem);display:flex;align-items:center;justify-content:center;padding:var(--wtds-s-5) var(--wtds-s-3);background:linear-gradient(180deg,var(--wtds-surface) 0%,var(--wtds-surface-2) 100%)}.wapu-error-404__inner{width:100%;max-width:30rem;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}.wapu-error-404__icon{width:4rem;height:4rem;border-radius:var(--wtds-r-pill);background:var(--wtds-surface-2);display:flex;align-items:center;justify-content:center;color:var(--wtds-ink-3);margin-bottom:var(--wtds-s-3);box-shadow:inset 0 0 0 .5px var(--wtds-separator-soft)}.wapu-error-404__icon svg{width:1.5rem;height:1.5rem}.wapu-error-404__title{font-family:var(--wtds-font-display);font-weight:var(--wtds-fw-medium);font-size:var(--wtds-fs-title-2);letter-spacing:-.02em;line-height:var(--wtds-lh-snug);color:var(--wtds-ink);margin:0 0 var(--wtds-s-1)}.wapu-error-404__body{font-family:var(--wtds-font-text);font-size:var(--wtds-fs-body);font-weight:var(--wtds-fw-regular);line-height:var(--wtds-lh-relaxed);color:var(--wtds-ink-3);max-width:22.5rem;margin:0 0 var(--wtds-s-3)}.wapu-error-404__search{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;max-width:27.5rem;display:flex;align-items:center;gap:var(--wtds-s-1);padding:.25rem .25rem .25rem var(--wtds-s-2);background:var(--wtds-surface);border:.5px solid var(--wtds-separator-soft);border-radius:var(--wtds-r-pill);font-family:inherit;cursor:pointer;margin-bottom:var(--wtds-s-3);transition:border-color var(--wtds-dur-fast) var(--wtds-ease),box-shadow var(--wtds-dur-fast) var(--wtds-ease)}.wapu-error-404__search:hover,.wapu-error-404__search:focus-visible{border-color:var(--wtds-ink-3);box-shadow:0 .125rem .5rem var(--wtds-shadow-color-faint);outline:none}.wapu-error-404__search-icon{width:1.125rem;height:1.125rem;color:var(--wtds-ink-3);flex-shrink:0}.wapu-error-404__search-placeholder{flex:1;text-align:left;font-size:var(--wtds-fs-subhead);color:var(--wtds-ink-4);padding:.625rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wapu-error-404__search-cta{display:inline-flex;align-items:center;justify-content:center;padding:.5rem var(--wtds-s-2);background:var(--wtds-ink);color:var(--wtds-surface);border-radius:var(--wtds-r-pill);font-size:var(--wtds-fs-caption-2);font-weight:var(--wtds-fw-semibold);letter-spacing:.08em;text-transform:uppercase;flex-shrink:0;transition:opacity var(--wtds-dur-fast) var(--wtds-ease)}.wapu-error-404__search:hover .wapu-error-404__search-cta{opacity:.9}.wapu-error-404__fallback{display:inline-flex;align-items:center;gap:var(--wtds-s-1);flex-wrap:wrap;justify-content:center}.wapu-error-404__fallback-sep{color:var(--wtds-ink-4);font-size:var(--wtds-fs-caption-2);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width: 33.75rem){.wapu-error-404{min-height:calc(100vh - 8.75rem);padding:var(--wtds-s-4) var(--wtds-s-2)}.wapu-error-404__title{font-size:1.25rem}.wapu-error-404__search-cta{padding:.5rem .75rem;font-size:.625rem}.wapu-error-404__fallback{flex-direction:column;gap:.25rem}.wapu-error-404__fallback-sep{display:none}}.wapu-shop-notices{display:flex;flex-direction:column;gap:.5rem;margin:0 auto 1.25rem;max-width:75rem;padding:0 1rem}.wapu-shop-notice{display:flex;align-items:center;gap:.625rem;padding:.625rem 1rem;border-radius:var(--wtds-r-sm);background:var(--wtds-fill-3);border:var(--wtds-border-hairline) solid var(--wtds-separator);font-family:var(--wtds-font-text);font-size:var(--wtds-fs-footnote);font-weight:var(--wtds-fw-regular);line-height:1.4;color:var(--wtds-ink-2, var(--wtds-ink))}.wapu-shop-notice__icon{flex:0 0 auto;font-size:var(--wtds-fs-callout);line-height:1}.wapu-shop-notice__text{flex:1 1 auto}.wapu-shop-notice--freeship-active{background:var(--wtds-success-soft);border-color:var(--wtds-success-outline);color:var(--wtds-success);font-weight:var(--wtds-fw-medium)}@media (max-width: 37.5rem){.wapu-shop-notices{padding:0 .75rem;margin-bottom:1rem}.wapu-shop-notice{padding:.5625rem .75rem;font-size:var(--wtds-fs-caption-1)}}.wapu-home-fallback{display:block;width:100%;min-height:100vh;overflow:hidden;text-decoration:none}.wapu-home-fallback__img{width:100%;height:100vh;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block}@media (max-width: 48rem){.wapu-home-fallback__img{height:100svh;-o-object-position:top center;object-position:top center}}
/* ═══════════════════════════════════════════════════════════════════
* WAPUOS-VAS · Day 1 PR-1.1 · Visual Foundation · Tokens Canon
* ═══════════════════════════════════════════════════════════════════
*
* Sprint: WAPUOS Visual Acceleration Sprint (7 days)
* Doc: 01_AUDIT_ZONE/active/visual-direction/WAPUOS-VISUAL-ACCELERATION-SPRINT.md
* Constitución: WAPU-THEME-VISUAL-DIRECTION-AUDIT.md
*
* Tokens canon ADDITIVE — sin consumers todavía. Disponibles para
* D2-D7 PRs. NO override de tokens existentes.
*
* 9 tokens nuevos:
* - 1 elevation (--wtds-shadow-xs · premium silent)
* - 4 motion duration (--wtds-motion-fast/normal/slow/slower)
* - 3 motion easing (--wtds-motion-easing-default/out/in)
* - 1 hover (--wtds-hover-darken-amount)
* - 1 action hover (--wtds-action-hover · fallback al base)
* - 1 action ink (--wtds-action-ink · text on action bg)
*
* Charter compliance:
* - 0 cambios JS · 0 cambios PHP · 0 cambios markup
* - 0 hex standalone · 0 z-index modifications
* - 0 transforms · 0 animations · 0 HTTP requests
* - !important: 0 (todos los nuevos tokens son additive sin override)
*
* @since 4.2.34
*/
/* end · WAPUOS-VAS Day 1 PR-1.1
* ═══════════════════════════════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════════════════════
* [v4.2.38] WAPUOS-VAS · Day 3 PR-1 · Product Cards System Alignment
* ───────────────────────────────────────────────────────────────────────
* Polish layer appended sin tocar markup, AJAX, WooCommerce hooks ni
* variation bus. Adopta `--wtds-shadow-xs` canon (D1 PR-1.1), refina
* typography hierarchy, mejora estados (hover/focus/oos), pulen badges,
* y agrega focus-visible safety net. CERO !important nuevos.
*
* Dirección: Quiet Luxury (Aesop/Apple Store/Crown Affair).
* Cards más respirables, calmadas, editoriales · NO ecommerce barato.
*
* Capas (12):
* L1 Card media · ambient --wtds-shadow-xs canon adoption
* L2 Card hover · shadow escalation suave (+ existing translateY)
* L3 Card focus-within · subtle visual anchor
* L4 Brand · eyebrow letter-spacing micro
* L5 Name · letter-tight + line-height calm
* L6 Price wrap · subtle weight hierarchy
* L7 Wholesale badge · pill rounded + accent vocab
* L8 Swatch row · margin-top rhythm con price
* L9 CTA focus-visible safety (no !important war)
* L10 Out-of-stock state · calm desaturation
* L11 Card link focus-visible safety net
* L12 Reduced-motion defensive wrapper
*
* Debt audit (NO removal in this PR · documented for future surgical):
* - main.css ~6 !important en .wapu-product-card[/*__cta] · defienden vs WC base
* - archive.css ~10 !important en mobile cleanup · defienden vs main.css canon
* - Removal requiere PR dedicada con full QA pass por device
* ═══════════════════════════════════════════════════════════════════════ */
/* ─── L1 · Card media · adopt --wtds-shadow-xs canon ─── */
.wapu-product-card__media {
box-shadow: var(--wtds-shadow-xs);
transition:
transform var(--wtds-motion-normal, var(--wtds-dur-fast)) var(--wtds-motion-easing-out, var(--wtds-ease)),
box-shadow var(--wtds-motion-normal, var(--wtds-dur-fast)) var(--wtds-motion-easing-out, var(--wtds-ease));
}
/* ─── L2 · Card hover · shadow escalation suave ─── */
.wapu-product-card:hover .wapu-product-card__media {
box-shadow:
var(--wtds-shadow-xs),
0 .375rem 1rem -.375rem var(--wtds-shadow-color-soft);
}
/* ─── L3 · Card focus-within · subtle visual anchor ─── */
.wapu-product-card:focus-within .wapu-product-card__media {
box-shadow:
var(--wtds-shadow-xs),
var(--wtds-shadow-focus, 0 0 0 .1875rem var(--wtds-focus-ring-color));
}
/* ─── L4 · Brand · eyebrow letter-spacing micro ─── */
.wapu-product-card__brand {
letter-spacing: var(--wtds-ls-wide, 0.12em);
transition: color var(--wtds-motion-fast, var(--wtds-dur-fast)) var(--wtds-motion-easing-out, var(--wtds-ease));
}
/* ─── L5 · Name · letter-tight + calmer line-height ─── */
.wapu-product-card__name {
letter-spacing: var(--wtds-ls-tight, -0.01em);
line-height: var(--wtds-lh-snug, 1.25);
}
.wapu-product-card__name-link {
transition: color var(--wtds-motion-fast, var(--wtds-dur-fast)) var(--wtds-motion-easing-out, var(--wtds-ease));
}
.wapu-product-card__name-link:hover .wapu-product-card__name {
color: var(--wtds-ink-2, var(--wtds-ink));
}
/* ─── L6 · Price wrap · subtle weight hierarchy ─── */
.wapu-product-card__price-wrap .wapu-price__current,
.wapu-product-card__price-wrap .wapu-price__from {
font-weight: var(--wtds-fw-semibold, 500);
letter-spacing: var(--wtds-ls-tight, -0.005em);
}
.wapu-product-card__price-wrap .wapu-price__regular {
opacity: 0.7;
}
/* ─── L7 · Wholesale badge · pill rounded + accent vocab ─── */
.wapu-product-card__wholesale-badge {
display: inline-flex;
align-items: center;
gap: .25rem;
padding: .1875rem .5rem;
border-radius: var(--wtds-r-pill);
background: var(--wtds-fill-4);
color: var(--wtds-ink-2, var(--wtds-ink));
font-family: var(--wtds-font-text);
font-size: var(--wtds-fs-caption-2, .625rem);
font-weight: var(--wtds-fw-medium, 500);
letter-spacing: 0.04em;
box-shadow: inset 0 0 0 0.5px var(--wtds-separator-soft);
transition: background var(--wtds-motion-fast, var(--wtds-dur-fast)) var(--wtds-motion-easing-out, var(--wtds-ease));
}
.wapu-product-card__wholesale-badge-icon {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
font-size: .6875rem;
}
.wapu-product-card:hover .wapu-product-card__wholesale-badge {
background: var(--wtds-fill-3);
}
/* ─── L8 · Swatch row rhythm with price ─── */
.wapu-product-card__info .wapu-sw-row {
margin-top: var(--wtds-s-1, .5rem);
}
/* ─── L9 · CTA focus-visible safety net (no !important war) ─── */
.wapu-product-card__cta:focus-visible {
outline: .125rem solid var(--wtds-ink);
outline-offset: .125rem;
}
/* ─── L10 · Out-of-stock state · disabled look (sigue clickeable) ─── */
.wapu-product-card.is-out-of-stock .wapu-product-card__img-wrap img,
.wapu-product-card.is-out-of-stock .wapu-product-card__img,
.wapu-product-card.is-out-of-stock .wapu-sw__img {
opacity: 1;
filter: none;
}
.wapu-product-card.is-out-of-stock .wapu-product-card__media {
filter: grayscale(1);
opacity: 0.55;
transition:
transform var(--wtds-motion-normal, var(--wtds-dur-fast)) var(--wtds-motion-easing-out, var(--wtds-ease)),
box-shadow var(--wtds-motion-normal, var(--wtds-dur-fast)) var(--wtds-motion-easing-out, var(--wtds-ease)),
filter var(--wtds-motion-normal, var(--wtds-dur-fast)) var(--wtds-motion-easing-out, var(--wtds-ease)),
opacity var(--wtds-motion-normal, var(--wtds-dur-fast)) var(--wtds-motion-easing-out, var(--wtds-ease));
}
.wapu-product-card.is-out-of-stock:hover .wapu-product-card__media {
filter: grayscale(1);
opacity: 0.7;
}
.wapu-product-card.is-out-of-stock .wapu-product-card__name,
.wapu-product-card.is-out-of-stock .wapu-product-card__brand,
.wapu-product-card.is-out-of-stock .wapu-product-card__desc,
.wapu-product-card.is-out-of-stock .wapu-product-card__price-wrap {
opacity: 0.55;
}
/* ─── L11 · Card link focus-visible safety net ─── */
.wapu-product-card__img-link:focus-visible,
.wapu-product-card__name-link:focus-visible,
.wapu-product-card__brand:focus-visible {
outline: .125rem solid var(--wtds-ink);
outline-offset: .125rem;
border-radius: var(--wtds-r-xs);
}
/* ─── L12 · Reduced-motion defensive wrapper ─── */
@media (prefers-reduced-motion: reduce) {
.wapu-product-card__media,
.wapu-product-card:hover .wapu-product-card__media,
.wapu-product-card.is-out-of-stock .wapu-product-card__media,
.wapu-product-card.is-out-of-stock:hover .wapu-product-card__media,
.wapu-product-card__brand,
.wapu-product-card__name-link,
.wapu-product-card__wholesale-badge {
transition: none;
transform: none;
}
}
/* end · WAPUOS-VAS Day 3 PR-1 Product Cards System Alignment
* ═══════════════════════════════════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════════════════════
* [v4.2.39] WAPUOS-VAS · Day 3 PR-3.1.1 · Product Card Micro-Polish
* ───────────────────────────────────────────────────────────────────────
* Follow-up additive layer sobre el block PR-1 ya canonizado en 4.2.38.
* Sin tocar markup, AJAX, WooCommerce hooks, variation bus, swatches
* engine, ni archive.css. Cero `!important` nuevos. Solo este archivo y
* los headers de versión cambian respecto a 4.2.38.
*
* Dirección: misma — Quiet Luxury (Aesop / Apple Store / Crown Affair /
* Frama / Dior minimal grids). Cards más respirables, calmadas,
* editoriales · NO ecommerce barato.
*
* Capas (10):
* R1 Image · subtle hover scale (en `img`, no en media — preserva shadow)
* R2 Image · transition baseline + paint smoothing
* R3 Name · hover color refinement vía --wtds-ink-2 chain
* R4 Brand · hover micro · color → --wtds-ink
* R5 Price · `del` defensive hide (algunos themes/plugins lo reinyectan)
* R6 Kit badge · shadow softening co-existing con archive.css legacy
* R7 Active press · micro feedback en card links (scale .995)
* R8 Skeleton · pulse + radius alignment con --wtds-r-xs canon
* R9 Focus-visible · ring upgrade vía --wtds-shadow-focus token
* R10 Reduced-motion · safety extension para R1, R7, R8
*
* Charter:
* - 0 `!important` nuevos
* - 0 hex hardcoded (todos tokens DS o rgba defensive con fallback)
* - 0 cambios PHP / JS / markup / templates
* - Selectores scoped a `.wapu-product-card` y descendientes
* - Low specificity · NO pelea con archive.css `!important` legacy
* - Co-existe con PR-1 (L1–L12) · cada R añade encima sin sobrescribir
*
* @since 4.2.39
* ═══════════════════════════════════════════════════════════════════════ */
/* ─── R1 · Image · subtle hover scale ───────────────────────────────
Subtle 1.02× scale en el ![]()
, no en .wapu-product-card__media.
Razón: media es el caja que carga shadow + radius. Scalar al media
estira el shadow y deforma el borde. Scalar al img dentro mantiene
el contenedor estable y solo "respira" la foto. */
.wapu-product-card__media img,
.wapu-product-card__img,
.wapu-product-card__img-wrap img {
transition:
transform var(--wtds-motion-normal, var(--wtds-dur-fast)) var(--wtds-motion-easing-out, var(--wtds-ease)),
opacity var(--wtds-motion-normal, var(--wtds-dur-fast)) var(--wtds-motion-easing-out, var(--wtds-ease));
will-change: transform;
}
.wapu-product-card:hover .wapu-product-card__media img,
.wapu-product-card:hover .wapu-product-card__img,
.wapu-product-card:hover .wapu-product-card__img-wrap img {
transform: scale(1.02);
}
/* ─── R2 · Image · paint smoothing baseline ────────────────────────
Backface visibility hidden previene flicker en algunos drivers
cuando el transform kicks in. */
.wapu-product-card__media img,
.wapu-product-card__img,
.wapu-product-card__img-wrap img {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
/* ─── R2.1 · Gallery hover image · featured → first gallery ───────── */
.wapu-product-card__media.has-gallery-hover {
position: relative;
overflow: hidden;
}
.wapu-product-card__media.has-gallery-hover .wapu-product-card__img--featured {
opacity: 1;
}
.wapu-product-card__media.has-gallery-hover .wapu-product-card__img--hover {
position: absolute;
inset: 0;
z-index: 1;
width: 100%;
height: 100%;
object-fit: contain;
opacity: 0;
pointer-events: none;
}
.wapu-product-card__media.has-gallery-hover .wapu-product-card__cta {
position: absolute;
z-index: 2;
}
.wapu-product-card:hover .wapu-product-card__media.has-gallery-hover .wapu-product-card__img--featured,
.wapu-product-card:focus-within .wapu-product-card__media.has-gallery-hover .wapu-product-card__img--featured {
opacity: 0;
}
.wapu-product-card:hover .wapu-product-card__media.has-gallery-hover .wapu-product-card__img--hover,
.wapu-product-card:focus-within .wapu-product-card__media.has-gallery-hover .wapu-product-card__img--hover {
opacity: 1;
transform: scale(1.02);
}
@media (prefers-reduced-motion: reduce) {
.wapu-product-card:hover .wapu-product-card__media.has-gallery-hover .wapu-product-card__img--hover,
.wapu-product-card:focus-within .wapu-product-card__media.has-gallery-hover .wapu-product-card__img--hover {
transform: none;
}
}
/* ─── R3 · Name · hover color refinement ───────────────────────────
PR-1 ya transiciona el color via --wtds-motion-fast; aquí solo
afinamos el destino del hover sobre el card root (más amplio
que el name-link:hover de PR-1). */
.wapu-product-card:hover .wapu-product-card__name {
color: var(--wtds-ink-2, var(--wtds-ink));
}
/* ─── R4 · Brand · hover micro ──────────────────────────────────────
El brand link en main.css base ya tiene :hover {color:--wtds-ink}.
Aquí escalamos al hover del card root para que el brand reaccione
también cuando el cursor toca la imagen. */
.wapu-product-card:hover .wapu-product-card__brand {
color: var(--wtds-ink);
}
/* ─── R5 · Price · `del` defensive hide ─────────────────────────────
PR-1 ya tiene reglas para .wapu-product-card__price-wrap del,
pero algunos plugins (cupones, lightspeed, custom price filters)
inyectan en posiciones distintas. Cobertura defensiva
genérica dentro de la card sin afectar single-product. */
.wapu-product-card__price-wrap del:empty,
.wapu-product-card__info del:empty {
display: none;
}
/* ─── R6 · Kit badge · shadow softening ─────────────────────────────
archive.css usa `!important` en .wapu-kit-badge__pill por el
inline-style de Wapu_Playground_Badges::render_for_product().
No peleamos: NO usamos `!important` y NO repetimos las props
ya forzadas (font, padding, radius). Solo añadimos box-shadow
más suave + un transition limpio. Como archive.css define
box-shadow con `!important`, ESTAS reglas no ganan en cascade.
Por eso afinamos vía outer wrapper .wapu-kit-badge — que NO está
`!important`ed — y dejamos el pill como está.
El wrapper recibe drop-shadow filter, soft, scoped al card. */
.wapu-product-card .wapu-kit-badge {
filter: drop-shadow(0 1px .125rem var(--wtds-shadow-color-faint));
transition: transform var(--wtds-motion-fast, var(--wtds-dur-fast)) var(--wtds-motion-easing-out, var(--wtds-ease));
}
.wapu-product-card:hover .wapu-kit-badge {
transform: translateY(-1px);
}
/* ─── R7 · Active press · micro feedback ────────────────────────────
:active dispara el press en el momento del click. Cubre
img-link, name-link y brand para que cualquier región tappable
responda con el mismo lenguaje. Scale .995 es perceptible solo
en touch — no es zoom-in agresivo. */
.wapu-product-card__img-link:active,
.wapu-product-card__name-link:active,
.wapu-product-card__brand:active {
transform: scale(0.995);
transition: transform var(--wtds-motion-fast, var(--wtds-dur-fast)) var(--wtds-motion-easing-out, var(--wtds-ease));
}
/* ─── R8 · Skeleton · pulse + radius alignment ──────────────────────
archive.css define .wapu-product-card--skeleton .wapu-product-card__media
con aspect-ratio:1/1 + border-radius:--wtds-r-xs. Aquí añadimos
un pulse calmado para que el placeholder no se sienta muerto.
Fade entre 1 y 0.55 cada 1.6s · no agresivo. */
.wapu-product-card--skeleton .wapu-product-card__media {
background: var(--wtds-fill-3);
animation: wapu-card-skeleton-pulse 1.6s ease-in-out infinite;
}
.wapu-product-card--skeleton .wapu-product-card__brand,
.wapu-product-card--skeleton .wapu-product-card__name,
.wapu-product-card--skeleton .wapu-product-card__desc,
.wapu-product-card--skeleton .wapu-product-card__price-wrap {
background: var(--wtds-fill-4);
color: transparent;
border-radius: var(--wtds-r-xs, .5rem);
animation: wapu-card-skeleton-pulse 1.6s ease-in-out infinite;
}
@keyframes wapu-card-skeleton-pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.55; }
}
/* ─── R9 · Focus-visible · ring upgrade ─────────────────────────────
PR-1 L9/L11 usan outline .125rem solid --wtds-ink. Cambiamos a
--wtds-shadow-focus (canon definido en main.css :root, mismo
token que header.css y nav.css usan). Sin fallback hardcoded:
el token siempre resuelve dentro de este theme. */
.wapu-product-card__cta:focus-visible,
.wapu-product-card__img-link:focus-visible,
.wapu-product-card__name-link:focus-visible,
.wapu-product-card__brand:focus-visible {
box-shadow: var(--wtds-shadow-focus);
outline-offset: .125rem;
border-radius: var(--wtds-r-xs);
}
/* ─── R10 · Reduced-motion safety ───────────────────────────────────
Extiende el wrapper de PR-1 L12. Cubre los nuevos targets
introducidos por R1, R6, R7, R8 sin re-declarar L12. */
@media (prefers-reduced-motion: reduce) {
.wapu-product-card__media img,
.wapu-product-card__img,
.wapu-product-card__img-wrap img,
.wapu-product-card .wapu-kit-badge,
.wapu-product-card__img-link,
.wapu-product-card__name-link,
.wapu-product-card__brand {
transition: none;
transform: none;
}
.wapu-product-card:hover .wapu-product-card__media img,
.wapu-product-card:hover .wapu-product-card__img,
.wapu-product-card:hover .wapu-product-card__img-wrap img,
.wapu-product-card:hover .wapu-kit-badge {
transform: none;
}
.wapu-product-card--skeleton .wapu-product-card__media,
.wapu-product-card--skeleton .wapu-product-card__brand,
.wapu-product-card--skeleton .wapu-product-card__name,
.wapu-product-card--skeleton .wapu-product-card__desc,
.wapu-product-card--skeleton .wapu-product-card__price-wrap {
animation: none;
}
}
/* end · WAPUOS-VAS Day 3 PR-3.1.1 Product Card Micro-Polish
* ═══════════════════════════════════════════════════════════════════════ */
/* Mobile header v4.3.34: logo arriba, busqueda en appbar inferior. */
@media (max-width: 61.9375rem) {
.nav-mobile-header {
display: flex;
align-items: center;
justify-content: center;
padding: 1.125rem var(--wtds-s-2, 1rem);
}
.nav-mobile-header .site-branding {
width: 100%;
text-align: center;
}
.nav-mobile-header .site-branding .custom-logo-link {
margin-inline: auto;
}
.nav-mobile-header .nav-action-link--search {
display: none !important;
}
.wapu-mobile-bottom-nav {
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: .1875rem;
padding-inline: .375rem;
}
.wapu-mobile-bottom-nav__item {
padding-inline: .125rem;
}
}
/* Product card: consistent rhythm between brand, title and price. */
.wapu-product-card__info {
gap: .5rem;
}
/* ─── v4.7.22 · PDP unbuyable: sin barra de compra ────────────────
Cuando el producto no se puede comprar (agotado, o stock menor al
mínimo B2B — filtro wapu_single_can_purchase) la barra add-to-cart
y el CTA inline no se renderean. Estas reglas cubren HTML cacheado
de versiones previas que aún traiga el botón marcado unbuyable. */
.wapu-single__cart-bar:has([data-wapu-unbuyable]),
.wapu-single__inline-cta:has([data-wapu-unbuyable]) {
display: none !important;
}
/* ==========================================================================\n Wapuos8 · Generic storefront action convergence\n ========================================================================== */
.wapu-error-404__search-cta {
min-height: var(--wtds-control-min);
padding-inline: var(--wtds-s-2);
border-radius: var(--wtds-button-radius, var(--wtds-control-radius));
letter-spacing: -.005em;
text-transform: none;
}
/* Wapuos8 · Generic storefront action chrome */
.single_add_to_cart_button:not(.wapu-btn--standard),
.checkout-button:not(.wapu-btn--standard),
#place_order:not(.wapu-btn--standard),
.woocommerce a.button.alt:not(.wapu-btn--standard),
.woocommerce button.button.alt:not(.wapu-btn--standard),
a.checkout-button.button.alt:not(.wapu-btn--standard),
.wapu-product-card__cta:not(.wapu-btn--standard),
.wapu-error-404__search-cta {
min-height: var(--wtds-control-min);
border-radius: var(--wtds-button-radius, var(--wtds-control-radius)) !important;
letter-spacing: -.005em !important;
text-transform: none !important;
}
/* ==========================================================================
Wapuos8 · Generic page action consistency
========================================================================== */
.wapu-error-404__search {
min-height: var(--wtds-control-min);
border-radius: var(--wtds-field-radius, var(--wtds-control-radius));
}
.wapu-error-404__search-cta {
min-height: calc(var(--wtds-control-min) - .5rem);
border-radius: var(--wtds-control-radius);
letter-spacing: var(--wtds-ls-normal);
text-transform: none;
}
.wapu-error-404__search:focus-visible {
outline: none;
box-shadow: var(--wtds-shadow-focus);
}