html.ht-on .ha{position:relative;min-height:var(--ha-minh, 0);background:var(--ha-bg, #fff);padding:calc(clamp(46px,6vw,76px) * var(--ha-pt-k, 1)) 0 calc(clamp(52px,7vw,92px) * var(--ha-pb-k, 1));--ha-cw: min( calc(clamp(var(--ha-cw-min, 240px), var(--ha-cw-vw, 23vw), var(--ha-cw-max, 340px)) * var(--ha-cw-k, 1)), calc((100svh - var(--ha-fit, 300px)) * var(--ha-ar-k, .75)) )}html.ht-on .ha__head{padding:0 var(--ha-pad)}html.ht-on .ha__stage,html.ht-on .ha__cam{position:relative}html.ht-on .ha__ring{display:flex;gap:var(--ha-gap, 10px);padding:0 var(--ha-pad);scroll-padding-left:var(--ha-pad);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}html.ht-on .ha__ring::-webkit-scrollbar{display:none}html.ht-on .ha__ring:after{content:"";flex:0 0 var(--ha-pad)}html.ht-on .ha__slot{flex:0 0 auto;width:var(--ha-cw);scroll-snap-align:start}html.ht-on .ha-card__veil{display:none}html.ht-on .ha.is-3d .ha__stage{perspective:var(--ha-persp, 1400px);perspective-origin:50% var(--ha-porigin, 50%);height:var(--ha-sh, calc(var(--ha-cw) * 1.62));overflow:hidden;padding:0;touch-action:pan-y;overscroll-behavior-x:contain;cursor:grab;-webkit-user-select:none;user-select:none}html.ht-on .ha.is-3d .ha__stage.is-drag{cursor:grabbing}html.ht-on .ha.is-3d .ha__stage img,html.ht-on .ha.is-3d .ha__stage a{-webkit-user-drag:none;-khtml-user-drag:none}html.ht-on .ha.is-3d .ha__cam{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform:translateZ(var(--ha-camz, 0px)) rotateX(calc(-1 * var(--ha-tilt, 0deg))) translateY(var(--ha-camy, 0px))}html.ht-on .ha.is-3d .ha__ring{position:absolute;top:0;right:0;bottom:0;left:0;display:block;padding:0;overflow:visible;scroll-snap-type:none;transform-style:preserve-3d;transform:translateZ(calc(-1 * var(--ha-R, 900px))) rotateY(var(--ha-rot, 0deg))}html.ht-on .ha.is-3d .ha__ring:after{content:none}html.ht-on .ha.is-3d .ha__slot{position:absolute;top:0;left:var(--ha-slot-left, 0px);width:var(--ha-cw);transform-style:preserve-3d;transform:rotateY(var(--ha-a, 0deg)) translateZ(var(--ha-R, 900px))}html.ht-on .ha.is-3d .ha__slot[hidden]{display:none}html.ht-on .ha.is-3d .ha__slot.is-hid{visibility:hidden}html.ht-on .ha.is-3d .ha__slot .ha-card{transform:rotateY(calc(-1 * var(--ha-flat-k, 1) * (var(--ha-rot, 0deg) + var(--ha-a, 0deg)))) scale(var(--ha-sc, 1));transform-origin:50% 50%;backface-visibility:hidden;opacity:1}html.ht-on .ha.is-3d.is-rest .ha__slot.is-front .ha-card{transform:none}html.ht-on .ha.is-3d:not(.is-still) .ha__ring,html.ht-on .ha.is-3d:not(.is-still) .ha__cam{will-change:transform}html.ht-on .ha.is-3d.is-still .ha__ring,html.ht-on .ha.is-3d.is-still .ha__cam{will-change:auto}html.ht-on .ha.is-3d .ha__slot:not(.is-front) .ha-card__info a,html.ht-on .ha.is-3d .ha__slot:not(.is-front) .ha-sizes,html.ht-on .ha.is-3d .ha__slot:not(.is-front) .ha-add{pointer-events:none}html.ht-on .ha.is-3d .ha__slot:not(.is-front){cursor:pointer}html.ht-on .ha.is-3d .ha__stage.is-aim{cursor:pointer}html.ht-on .ha.is-3d .ha__stage.is-drag,html.ht-on .ha.is-3d .ha__stage.is-drag.is-aim{cursor:grabbing}html.ht-on .ha.is-3d .ha__slot:not(.is-front) .ha-turn{display:block}html.ht-on .ha.is-3d.is-pinned{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:var(--ha-pin-pt, 20px);padding-bottom:var(--ha-pin-pb, 20px)}html.ht-on .ha.is-3d.is-pinned .ha__stage{margin-top:var(--ha-ring-dy, 0px);flex:0 0 auto}html.ht-on .ha.is-3d.is-pinned .ha__head{flex:0 0 auto;width:100%;box-sizing:border-box}html.ht-on .ha-card{position:relative;display:flex;flex-direction:column;width:100%}html.ht-on .ha.is-3d .ha-card{background:var(--ha-bg, #fff)}html.ht-on .ha.is-3d .ha-card__veil{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:var(--ha-veil, #0a0a0a);opacity:var(--ha-v, 0);pointer-events:none}html.ht-on .ha.is-3d .ha__slot.is-front .ha-card__veil{opacity:0}html.ht-on .ha-card__media{position:relative;display:block;aspect-ratio:var(--ha-ar, 3/4);overflow:hidden;background:var(--ha-surface, #f1f1f1);border:1px solid transparent;transition:border-color .25s var(--ha-ease, cubic-bezier(.16,1,.3,1))}html.ht-on .ha__slot.is-front .ha-card:hover .ha-card__media{border-color:var(--ha-line, #d6d6d6)}html.ht-on .ha.is-3d .ha__slot.is-front .ha-card__media{cursor:pointer}html.ht-on .ha-card__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:1}html.ht-on .ha-card__no{position:absolute;z-index:2;top:9px;left:10px;font-family:var(--ha-Fm, "IBM Plex Mono", monospace);font-size:var(--ha-lab-xs, 9px);letter-spacing:.12em;color:var(--ha-dim, #656a77);font-variant-numeric:tabular-nums;pointer-events:none}html.ht-on .ha-card__flag{position:absolute;z-index:2;top:9px;right:10px;font-family:var(--ha-Fm, "IBM Plex Mono", monospace);font-size:var(--ha-lab-xs, 9px);letter-spacing:.12em;text-transform:uppercase;color:var(--ha-dim, #656a77);background:var(--ha-bg, #fff);padding:4px 7px;border:1px solid var(--ha-line, #d6d6d6)}html.ht-on .ha-card--out .ha-card__media img{filter:grayscale(1) contrast(.76) brightness(1.14)}html.ht-on .ha-card__info{display:flex;align-items:baseline;gap:12px;padding:11px 0 0;border-top:1px solid var(--ha-line2, #e8e8e6);margin-top:9px}html.ht-on .ha-card__name{margin:0;font-family:var(--ha-Fd, "Archivo", sans-serif);font-variation-settings:"wdth" 88,"wght" 600;font-weight:600;font-size:var(--ha-name, 13px);letter-spacing:.02em;text-transform:uppercase;line-height:1.2;color:var(--ha-fg, #0a0a0a)}html.ht-on .ha-card__name a{color:inherit;text-decoration:none}html.ht-on .ha-card__price{margin-left:auto;font-family:var(--ha-Fm, "IBM Plex Mono", monospace);font-size:var(--ha-price, 12px);font-variant-numeric:tabular-nums;color:var(--ha-fg, #0a0a0a);white-space:nowrap}html.ht-on .ha-card__price del{color:var(--ha-dim, #656a77);margin-right:7px;text-decoration-thickness:1px}html.ht-on .ha-card__buy{min-height:var(--ha-buy-h, 74px)}html.ht-on .ha-card form{margin:0}html.ht-on .ha-addk{display:block;margin-top:11px;font-family:var(--ha-Fm, "IBM Plex Mono", monospace);font-size:var(--ha-lab-xs, 9px);letter-spacing:.16em;text-transform:uppercase;color:var(--ha-dim, #656a77)}html.ht-on .ha-sizes{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}html.ht-on .ha-size{min-width:34px;height:30px;padding:0 7px;border:1px solid var(--ha-line, #d6d6d6);background:var(--ha-bg, #fff);font-family:var(--ha-Fm, "IBM Plex Mono", monospace);font-size:var(--ha-lab-sm, 10px);letter-spacing:.06em;color:var(--ha-fg, #0a0a0a);text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s var(--ha-ease, cubic-bezier(.16,1,.3,1)),color .2s var(--ha-ease, cubic-bezier(.16,1,.3,1)),border-color .2s var(--ha-ease, cubic-bezier(.16,1,.3,1))}html.ht-on .ha-size:hover:not(:disabled){background:var(--ha-fg, #0a0a0a);color:#fff;border-color:var(--ha-fg, #0a0a0a)}html.ht-on .ha-size:disabled,html.ht-on .ha-size.is-out{color:var(--ha-dim, #656a77);border-color:var(--ha-line2, #e8e8e6);cursor:not-allowed;background:linear-gradient(to bottom right,transparent calc(50% - .5px),var(--ha-line, #d6d6d6) 50%,transparent calc(50% + .5px))}html.ht-on .ha-add{position:relative;z-index:2;margin-top:10px;width:100%;min-height:var(--ha-add-h, 40px);border:1px solid var(--ha-btn-bg, #0a0a0a);background:var(--ha-btn-bg, #0a0a0a);color:var(--ha-btn-fg, #fff);cursor:pointer;font-family:var(--ha-Fm, "IBM Plex Mono", monospace);font-size:var(--ha-lab-sm, 10px);letter-spacing:.16em;text-transform:uppercase;transition:background .2s var(--ha-ease, cubic-bezier(.16,1,.3,1)),color .2s var(--ha-ease, cubic-bezier(.16,1,.3,1))}html.ht-on .ha-add:hover{background:transparent;color:var(--ha-btn-bg, #0a0a0a)}html.ht-on .ha-add.is-done{background:var(--ht-navy, #232b3e);border-color:var(--ht-navy, #232b3e);color:#fff}html.ht-on .ha-turn{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;border:0;padding:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}html.ht-on .ha__bar{display:flex;align-items:center;gap:14px;margin:var(--ha-bar-mt, 26px) auto 0;padding:0 var(--ha-pad);width:100%;max-width:var(--ha-mw, none);box-sizing:border-box;flex:0 0 auto}html.ht-on .ha__rail{flex:1;position:relative;height:max(var(--ha-sq, 10px),18px);cursor:pointer;touch-action:none;outline-offset:4px}html.ht-on .ha__rail:before{content:"";position:absolute;left:0;right:0;top:50%;height:var(--ha-line-w, 1px);background:var(--ha-line, #d6d6d6);transform:translateY(-50%)}html.ht-on .ha__sq{position:absolute;top:50%;left:0;width:var(--ha-sq, 10px);height:var(--ha-sq, 10px);margin-top:calc(var(--ha-sq, 10px) / -2);background:var(--ha-c-sq, #656a77);border-radius:0;transform:translate(var(--ha-sq-x, 0px))}html.ht-on .ha.is-3d:not(.is-still) .ha__sq,html.ht-on .ha__rail.is-drag .ha__sq{will-change:transform}html.ht-on .ha__rail.is-drag{cursor:grabbing}html.ht-on .ha-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:749px){html.ht-on .ha{--ha-cw: min( calc(var(--ha-cw-m, 72vw)), var(--ha-cw-max-m, 300px), calc((100svh - var(--ha-fit-m, 280px)) * var(--ha-ar-k, .75)) )}html.ht-on .ha-size{min-width:44px;height:44px;font-size:var(--ha-lab-fs, 11px)}html.ht-on .ha-sizes{gap:7px}html.ht-on .ha-add{min-height:var(--ha-add-h-m, 46px)}html.ht-on .ha.is-3d .ha__stage{perspective:var(--ha-persp-m, 1000px)}}@media(prefers-reduced-motion:reduce){html.ht-on .ha.is-3d .ha__stage{perspective:none;height:auto;overflow:visible;cursor:auto;-webkit-user-select:auto;user-select:auto;touch-action:auto}html.ht-on .ha.is-3d .ha__cam,html.ht-on .ha.is-3d .ha__ring{position:relative;inset:auto;transform:none;transform-style:flat}html.ht-on .ha.is-3d .ha__ring{display:flex;gap:var(--ha-gap, 10px);padding:0 var(--ha-pad);overflow-x:auto;scroll-snap-type:x mandatory}html.ht-on .ha.is-3d .ha__slot{position:relative;left:auto;transform:none;flex:0 0 auto;scroll-snap-align:start;visibility:visible}html.ht-on .ha.is-3d .ha__slot .ha-card{transform:none}html.ht-on .ha.is-3d .ha-card__veil{display:none}html.ht-on .ha.is-3d .ha__slot:not(.is-front) .ha-card__buy{visibility:visible}html.ht-on .ha.is-3d .ha__slot:not(.is-front) .ha-turn{display:none}html.ht-on .ha.is-3d .ha__slot:not(.is-front) .ha-card__info a,html.ht-on .ha.is-3d .ha__slot:not(.is-front) .ha-sizes,html.ht-on .ha.is-3d .ha__slot:not(.is-front) .ha-add{pointer-events:auto}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/ht-anillo.css.map */
