.digital-rack{--cm:clamp(2px,calc((100svh - 430px) / 165),3.3px);isolation:isolate;color:#26241f;flex-direction:column;width:100vw;min-height:calc(100svh - 120px);margin-top:-42px;margin-left:calc(50% - 50vw);padding:clamp(28px,4vw,52px) 0 clamp(18px,2vw,28px);display:flex;position:relative;overflow:hidden}.rack-sky{z-index:-1;background:#efe6d6 url(/images/escena/nubes-base-desktop.webp) 50% 40%/cover no-repeat;position:absolute;inset:0;overflow:hidden}.rack-sky:before{content:"";background:radial-gradient(70% 55% at 50% 38%,#fffcf58c,#0000 70%),linear-gradient(#f7f5ef8c,#f7f5ef00 30%,#efe6d600 70%,#efe6d699);position:absolute;inset:0}.rack-cloud{opacity:.85;will-change:transform;pointer-events:none;background:50%/contain no-repeat;position:absolute}.cloud-a{background-image:url(/images/escena/nube-a.webp);width:62vw;height:26vw;animation:140s linear infinite rack-drift;bottom:-4vw;left:0}.cloud-b{opacity:.7;background-image:url(/images/escena/nube-b.webp);width:34vw;height:22vw;animation:95s linear -40s infinite rack-drift;top:14%;left:0}.cloud-c{opacity:.55;background-image:url(/images/escena/nube-c.webp);width:48vw;height:12vw;animation:70s linear -20s infinite rack-drift;top:46%;left:0}@keyframes rack-drift{0%{transform:translate(-70vw)}to{transform:translate(110vw)}}.rack-heading{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;margin:0 clamp(20px,4.5vw,72px) 22px;display:flex;position:relative}.rack-heading h1 em{color:#897344}.rack-heading-side{flex-direction:column;align-items:flex-start;gap:16px;max-width:360px;display:flex}.rack-heading-side p{color:#5f594e;margin:0;font-size:14px;line-height:1.7}.rack-tabs{z-index:2;flex-wrap:wrap;gap:6px;margin:0 clamp(20px,4.5vw,72px) 8px;display:flex;position:relative}.rack-tabs button{-webkit-backdrop-filter:blur(8px);color:#26241f;letter-spacing:.16em;text-transform:uppercase;background:#fffdf88c;border:1px solid #26241f2e;padding:9px 16px;font-size:11px;font-weight:500;transition:background .3s,color .3s,border-color .3s}.rack-tabs button[aria-pressed=true]{color:#f7f5ef;background:#26241f;border-color:#26241f}.rack-stage{flex-direction:column;flex:1;justify-content:space-between;padding-top:14px;display:flex;position:relative}.rack-row{position:relative}.rack-viewport{touch-action:pan-y;cursor:grab;position:relative;overflow:hidden}.rack-viewport:active{cursor:grabbing}.rack-track{gap:calc(5 * var(--cm));-webkit-user-select:none;user-select:none;width:max-content;padding:0 clamp(24px,6vw,96px);display:flex}.rack-rail .rack-viewport{min-height:calc(116 * var(--cm));padding-top:4px}.rack-rail .rack-viewport:before{content:"";left:0;right:0;top:calc(3.2 * var(--cm));height:calc(2.4 * var(--cm));z-index:0;background:linear-gradient(#f0dfb6,#b4935a 55%,#806539);border-radius:9px;min-height:6px;position:absolute;box-shadow:0 8px 16px #50402838}.rack-rail .rack-track{align-items:flex-start}.rack-shelf .rack-viewport{padding:10px 0 calc(6 * var(--cm))}.rack-shelf .rack-viewport:after{content:"";left:0;right:0;bottom:calc(1.5 * var(--cm));height:calc(3.6 * var(--cm));z-index:0;background:linear-gradient(#f1e2c2,#c3a676 60%,#9c7f50);min-height:9px;position:absolute;box-shadow:0 14px 22px #50402838}.rack-shelf .rack-track{z-index:1;align-items:flex-end;position:relative}.rack-item{z-index:1;width:calc(var(--w) * var(--cm));flex:none;position:relative}.rack-swing{transform-origin:50% calc(4 * var(--cm));will-change:transform}.rack-breeze{transform-origin:50% calc(4 * var(--cm))}.rack-hanger{z-index:0;filter:drop-shadow(0 3px 3px #26241f2e);display:block;position:relative;left:50%;transform:translate(-50%)}.kind-top .rack-hanger,.kind-set .rack-hanger{width:calc(38 * var(--cm))}.kind-bottom .rack-hanger{width:calc(36 * var(--cm));z-index:2}.rack-link{z-index:1;perspective:900px;outline-offset:6px;display:block;position:relative}.kind-top .rack-link,.kind-set .rack-link,.kind-bottom .rack-link{margin-top:calc(-7.3 * var(--cm))}.is-hung .rack-link{margin-top:calc(2.2 * var(--cm))}.rack-flip{height:calc(var(--h) * var(--cm));display:block;position:relative}.rack-face{object-fit:contain;object-position:top center;filter:drop-shadow(0 18px 14px #3c301e33);pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .35s;display:block;position:absolute;inset:0}.rack-face.face-0{opacity:1}.rack-face.is-flat{mix-blend-mode:multiply;filter:none}.rack-item:hover .face-0,.rack-item[class*=turn-] .face-0{opacity:0}.rack-item:hover .face-1,.turn-1 .face-1,.turn-2 .face-2{opacity:1}.rack-item.has-side:hover .face-1{animation:1.5s forwards rack-turn-side}.rack-item.has-side:hover .face-2{animation:1.5s forwards rack-turn-back}.rack-item:hover .rack-flip{animation:1.5s ease-out rack-wobble}@keyframes rack-turn-side{0%{opacity:0}12%,42%{opacity:1}58%,to{opacity:0}}@keyframes rack-turn-back{0%,42%{opacity:0}58%,to{opacity:1}}@keyframes rack-wobble{0%{transform:perspective(900px)rotateY(0)}28%{transform:perspective(900px)rotateY(12deg)}55%{transform:perspective(900px)rotateY(-6deg)}to{transform:perspective(900px)rotateY(0)}}.rack-tag{text-align:center;opacity:0;-webkit-backdrop-filter:blur(8px);background:#fffdf8d1;flex-direction:column;align-items:center;gap:2px;width:max-content;max-width:180px;margin-top:10px;padding:8px 12px;font-size:11px;line-height:1.35;transition:opacity .35s,transform .35s;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%,-4px)}.rack-tag strong{font:400 15px/1.2 Georgia,serif}.rack-tag small{color:#8a8172;letter-spacing:.04em}.rack-tag b{letter-spacing:.04em;font-weight:500}:is(.rack-item:hover .rack-tag,.rack-link:focus-visible .rack-tag){opacity:1;transform:translate(-50%)}.rack-item:hover{z-index:5}.rack-turn{top:calc(12 * var(--cm));z-index:6;color:#26241f;opacity:0;background:#fffdf8;border:1px solid #d6d0c3;border-radius:50%;place-items:center;width:30px;height:30px;transition:opacity .3s;display:grid;position:absolute;right:-6px}.rack-item:hover .rack-turn{opacity:1}.rack-turn:focus-visible{opacity:1}.rack-arrows{z-index:3;justify-content:flex-end;gap:8px;padding:0 clamp(24px,6vw,96px);display:flex;position:absolute;bottom:calc(100% + 6px);right:0}.rack-arrows button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#26241f;background:#fffdf8b3;border:1px solid #26241f2e;place-items:center;width:40px;height:40px;display:grid}.rack-shelf .rack-arrows{display:none}.rack-tab-accessory .rack-shelf .rack-arrows{display:flex}.rack-tab-accessory .rack-stage{justify-content:center}@media (hover:none){.rack-tag{opacity:1;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;max-width:none;padding:6px 0 0;position:static;transform:none}.rack-turn{opacity:1}}@media (prefers-reduced-motion:no-preference){.rack-breeze{animation:9s ease-in-out infinite rack-breeze}.rack-item:nth-child(3n) .rack-breeze{animation-duration:11s}.rack-item:nth-child(3n+1) .rack-breeze{animation-duration:7.5s}.kind-hat .rack-breeze,.kind-belt .rack-breeze,.kind-accessory .rack-breeze{animation:none}}@keyframes rack-breeze{0%{transform:rotate(-.5deg)}22%{transform:rotate(1.6deg)skew(.6deg)}34%{transform:rotate(.2deg)}48%{transform:rotate(1.1deg)skew(.3deg)}70%{transform:rotate(-1deg)}to{transform:rotate(-.5deg)}}@media (max-width:760px){.digital-rack{--cm:2.1px;min-height:calc(100svh - 100px);margin-top:-30px}.rack-sky{background-image:url(/images/escena/nubes-base-mobile.webp)}.rack-arrows,.rack-tag,.rack-turn,.rack-heading-side p{display:none}}@media (prefers-reduced-motion:reduce){.rack-flip,.rack-face{transition:none;animation:none!important}.rack-cloud{animation:none}}.shop-catalog{overflow-x:clip}.dressing-room{--cm:clamp(2.4px,calc((100svh - 240px) / 185),3.7px);isolation:isolate;background:#e9e0d1 url(/images/escena/boutique-desktop.webp) 50%/cover no-repeat;padding:clamp(28px,4vw,56px) clamp(20px,4.5vw,72px) clamp(56px,6vw,96px);position:relative}.dressing-room:before{content:"";z-index:-1;background:linear-gradient(90deg,#f7f5efdb 0%,#f7f5ef59 32%,#f7f5ef00 50%,#f7f5ef40 70%,#f7f5efb3 100%);position:absolute;inset:0}.dressing-heading,.dressing-layout{max-width:1500px;margin-left:auto;margin-right:auto}.dressing-heading{margin-bottom:20px}.dressing-heading>*{max-width:560px}.dressing-heading h1{letter-spacing:-.045em;margin:12px 0 16px;font:400 clamp(44px,5.4vw,84px)/.98 Georgia,serif}.dressing-heading h1 em{color:#897344}.dressing-heading p:not(.store-eyebrow){color:#5f594e;margin:0;line-height:1.7}.dressing-layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);align-items:start;gap:clamp(24px,4vw,64px);display:grid}.dressing-stage{padding:8px 0 104px;position:relative}.dressing-figure{width:100%;height:calc(175.4 * var(--cm));z-index:1;position:relative}.dressing-figure:before{content:"";left:calc(50% - 16 * var(--cm));width:calc(32 * var(--cm));top:calc(170.4 * var(--cm));height:calc(5 * var(--cm));pointer-events:none;background:radial-gradient(closest-side,#3c301e52,#0000);border-radius:50%;position:absolute}.dressing-layer{pointer-events:none;position:absolute;inset:0}.layer-bottom{z-index:2}.layer-top{z-index:3}.layer-belt{z-index:4}.layer-layer{z-index:5}.layer-hat{z-index:6}.is-tucked .layer-top{z-index:1}.is-tucked .dress-worn.dress-top{-webkit-mask-image:linear-gradient(#000 0 37.4%,#0000 38.4%);mask-image:linear-gradient(#000 0 37.4%,#0000 38.4%)}.dress-piece{top:calc(var(--y) * var(--cm));left:calc(50% - var(--w) * var(--cm) / 2);width:calc(var(--w) * var(--cm));height:calc(var(--h) * var(--cm));object-fit:contain;filter:drop-shadow(0 14px 14px #3c301e33);-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute}.dress-piece.is-flat{mix-blend-mode:multiply;filter:none}.dress-mannequin,.dress-worn{top:0;left:calc(50% - 58.5 * var(--cm));width:calc(117 * var(--cm));height:calc(175.4 * var(--cm));pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.dress-mannequin{z-index:0;filter:drop-shadow(0 16px 18px #3c301e2e)}.dress-worn{filter:drop-shadow(0 6px 8px #3c301e1f)}.dressing-controls{width:min(calc(100% - 300px),calc(118 * var(--cm)));pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.layer-hat .dressing-controls{top:calc(8 * var(--cm))}.layer-top .dressing-controls{top:calc(36 * var(--cm))}.layer-layer .dressing-controls{top:calc(50 * var(--cm))}.layer-belt .dressing-controls{top:calc(64 * var(--cm))}.layer-bottom .dressing-controls{top:calc(112 * var(--cm))}.dressing-controls button{pointer-events:auto;-webkit-backdrop-filter:blur(8px);color:#26241f;background:#fffdf8db;border:1px solid #26241f29;border-radius:50%;place-items:center;width:42px;height:42px;transition:transform .2s,background .2s;display:grid;box-shadow:0 4px 12px #26241f14}.dressing-controls button:hover{background:#fff;transform:scale(1.06)}.dressing-slot-label{white-space:nowrap;letter-spacing:.2em;text-transform:uppercase;color:#5f594e;pointer-events:auto;background:0 0;border:0;align-items:center;gap:6px;padding:6px 4px;font-size:10px;font-weight:500;display:inline-flex;position:absolute;right:calc(100% - 2px)}.dressing-controls .dressing-slot-label{width:auto;height:auto;box-shadow:none;-webkit-backdrop-filter:blur(6px);background:#fffdf8c7;border:0;border-radius:999px;flex-direction:row;padding:5px 10px;display:inline-flex}.dressing-slot-label[aria-expanded=true]{color:#897344}.dressing-summary{overscroll-behavior:contain;scrollbar-width:thin;-webkit-backdrop-filter:blur(14px);background:#fffdf8e0;border:1px solid #26241f1a;max-height:calc(100svh - 130px);padding:26px;position:sticky;top:88px;overflow-y:auto}.dressing-summary ul{gap:16px;margin:16px 0 0;padding:0;list-style:none;display:grid}.dressing-item{grid-template-columns:56px 1fr auto;align-items:center;gap:12px;display:grid}.dressing-item img{object-fit:contain;background:#f4f0e8;width:56px;height:70px}.dressing-item span{flex-direction:column;gap:2px;min-width:0;display:flex}.dressing-item small{letter-spacing:.2em;text-transform:uppercase;color:#8a8172;font-size:9px}.dressing-item strong{font:400 17px/1.2 Georgia,serif}.dressing-item em{color:#6e685c;font-size:12px;font-style:normal}.dressing-item b{font-size:14px;font-weight:500}.dressing-sizes{flex-wrap:wrap;gap:6px;margin:8px 0 0 68px;display:flex}.dressing-sizes button{background:0 0;border:1px solid #d6d0c3;justify-content:center;align-items:center;gap:4px;min-width:38px;height:32px;padding:0 10px;font-size:12px;display:inline-flex}.dressing-sizes button[aria-pressed=true]{color:#f7f5ef;background:#26241f;border-color:#26241f}.dressing-total{border-top:1px solid #e1dbcf;justify-content:space-between;align-items:baseline;margin-top:22px;padding-top:18px;display:flex}.dressing-total span{letter-spacing:.06em;color:#6e685c;font-size:12px}.dressing-total strong{font:400 26px/1 Georgia,serif}.dressing-add{color:#f7f5ef;letter-spacing:.16em;text-transform:uppercase;background:#26241f;border:0;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:18px;padding:16px;font-size:12px;font-weight:500;display:flex}.dressing-add:disabled{opacity:.5}.dressing-status{color:#a73025;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 0;font-size:13px;display:flex}.dressing-status.is-ok{color:#3d5a3a}.dressing-status a{border-bottom:1px solid;align-items:center;gap:4px;display:inline-flex}@media (max-width:900px){.dressing-room{--cm:clamp(2.1px,calc((100vw - 40px) / 150),2.8px);background-image:url(/images/escena/boutique-mobile.webp)}.dressing-room:before{background:linear-gradient(#f7f5efd9,#f7f5ef33 30% 70%,#f7f5efd9)}.dressing-layout{grid-template-columns:1fr}.dressing-summary{position:static}.dressing-slot-label{gap:0;font-size:0;left:46px;right:auto;transform:none}.dressing-slot-label em{display:none}.dressing-controls{width:100%;left:50%}}.dressing-actions{z-index:8;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;bottom:16px;left:0;right:0}.dressing-shuffle{color:#f7f5ef;letter-spacing:.18em;text-transform:uppercase;background:#26241f;border:1px solid #26241f;align-items:center;gap:8px;padding:11px 20px;font-size:11px;font-weight:500;display:inline-flex}.dressing-chip{-webkit-backdrop-filter:blur(8px);color:#26241f;letter-spacing:.14em;text-transform:uppercase;background:#fffdf8d1;border:1px solid #26241f2e;align-items:center;gap:7px;padding:10px 16px;font-size:11px;font-weight:500;display:inline-flex}.dressing-chip[aria-pressed=true]{color:#fffdf8;background:#897344;border-color:#897344}.dressing-curtain{top:-2%;bottom:-2%;left:calc(50% - 64 * var(--cm));width:calc(128 * var(--cm));z-index:9;pointer-events:none;background:repeating-linear-gradient(90deg,#efe7d8 0 14px,#e6dcc9 14px 22px,#f3ece0 22px 40px);position:absolute;box-shadow:inset 0 0 40px #3c301e2e}.dressing-picker{z-index:9;-webkit-backdrop-filter:blur(14px);background:#fffdf8eb;border:1px solid #26241f1a;padding:10px 12px 12px;position:absolute;bottom:62px;left:clamp(8px,2vw,28px);right:clamp(8px,2vw,28px);box-shadow:0 18px 40px #3c301e24}.dressing-picker-head{letter-spacing:.2em;text-transform:uppercase;color:#5f594e;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:10px;display:flex}.dressing-picker-head button{background:0 0;border:0;place-items:center;padding:4px;display:grid}.dressing-picker-items{scrollbar-width:thin;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.dressing-picker-items button{background:#f6f2ea;border:1px solid #e1dbcf;flex:none;place-items:center;width:64px;height:78px;padding:4px;transition:border-color .2s,transform .2s;display:grid}.dressing-picker-items button:hover{transform:translateY(-2px)}.dressing-picker-items button[aria-pressed=true]{border-color:#26241f;box-shadow:inset 0 0 0 1px #26241f}.dressing-picker-items img{object-fit:contain;max-width:100%;max-height:100%}.dressing-none{letter-spacing:.16em;text-transform:uppercase;color:#6e685c;font-size:10px}@media (prefers-reduced-motion:reduce){.dressing-curtain{display:none}}.dressing-slot-label em{letter-spacing:.06em;text-transform:none;color:#5f594e;margin-left:2px;font-style:normal}.dressing-size-single{color:#6e685c;margin:6px 0 0 68px;font-size:12px}.dressing-size-hint{color:#a24b2f;flex-basis:100%;margin-bottom:2px;font-size:11px}.dressing-total span{flex-direction:column;gap:4px;display:flex}.dressing-total small{color:#a24b2f;letter-spacing:0;font-size:11px}.dressing-add{position:sticky;bottom:0;box-shadow:0 -12px 18px #fffdf8eb}
