@media(prefers-reduced-motion:no-preference){.build__layer{transition:transform .72s cubic-bezier(.16,1,.3,1)}.build--settled .build__layer--frame_l,.build--settled .build__layer--frame_r{transition-delay:0ms}.build--settled .build__layer--beams{transition-delay:.22s}.build--settled .build__layer--decks{transition-delay:.46s}.build--exploded .build__layer--decks{transition-delay:0ms}.build--exploded .build__layer--beams{transition-delay:.12s}.build--exploded .build__layer--frame_l,.build--exploded .build__layer--frame_r{transition-delay:.24s}}@media(prefers-reduced-motion:reduce){.build__layer,.build__labels{transition:none}}.hero .build__viewer{aspect-ratio:1.18}.hero__stage:has(.hero__picker) .build{position:static}.hero .build[hidden]{display:none}@media(min-width:768px){.hero__stage:has(.hero__picker) .build__switch{top:14px;right:14px}.hero .build__viewer{aspect-ratio:1.35}}@media(min-width:1024px){.hero .build__viewer{aspect-ratio:2.15}.hero .build__frame{height:96%}}@media(min-width:1280px){.hero .build__viewer{aspect-ratio:2}}.build{position:relative;display:grid;gap:10px;justify-items:center;width:100%}.build__canvas{position:relative;width:100%}.build__viewer{display:block;position:relative;width:100%;height:auto;aspect-ratio:1 / 1;background:transparent;--poster-color: transparent;--progress-bar-height: 0px}.build__viewer:not(:defined)>*{display:none}.build__poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:1;transition:opacity .45s ease,visibility 0s linear 0s}.build--3d .build__poster{opacity:0;visibility:hidden;transition-delay:0s,.45s}.build__frame{position:absolute;left:50%;top:50%;height:var(--poster-h, 100%);aspect-ratio:1600 / 1300;transform:translate(-50%,-50%)}.build__static,.build__lqip{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.build__lqip{z-index:0;background-repeat:no-repeat;background-position:center;background-size:contain}.build--loaded .build__lqip{display:none}.build__static--armada{z-index:1}.build__static--explotada{z-index:2;opacity:0;transition:opacity .3s ease}.build--exploded:not(.build--3d) .build__static--explotada{opacity:1}.build__hot{position:absolute;left:0;top:0;display:flex;align-items:center;transform:translate(-9px,-9px);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}.build--3d.build--exploded .build__hot{opacity:1;visibility:visible;transition:opacity .3s ease .9s,visibility 0s linear .9s}.build__num{display:inline-grid;place-items:center;width:18px;height:18px;flex:none;border:1.5px solid var(--color-accent);border-radius:50%;background:var(--color-card);color:var(--color-primary);font-size:10px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px #ffffffb3}.build__tag{position:relative;margin-left:30px;padding:4px 10px;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-card);color:var(--color-ink);font-size:12px;font-weight:500;box-shadow:var(--shadow-float)}.build__tag:before{content:"";position:absolute;top:50%;right:100%;width:28px;height:1px;background:var(--color-accent)}.build__hot--left{flex-direction:row-reverse;transform:translate(calc(-100% + 9px),-9px)}.build__hot--left .build__tag{margin-left:0;margin-right:30px}.build__hot--left .build__tag:before{right:auto;left:100%}.build__dims{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.build__dims[hidden]{display:none}.build__dims-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.build__dim-group{stroke:color-mix(in srgb,var(--color-ink) 60%,transparent);stroke-width:1;fill:none;transition:opacity .25s ease}.build__dim{position:absolute;left:0;top:0;padding:1px 6px;border:1px solid var(--color-line);border-radius:6px;background:var(--color-card);color:var(--color-ink);font-size:11px;font-weight:500;line-height:1.3;white-space:nowrap;font-variant-numeric:tabular-nums;transform:translate(-50%,-50%);transition:opacity .25s ease}.build__dim[hidden]{display:none}.build__dim-group.is-off,.build__dim.is-off{opacity:0}.build__dim-pt{display:block;width:0;height:0}.build__legend{display:none;flex-wrap:wrap;justify-content:center;gap:4px 12px;margin:0;padding:0;list-style:none;font-size:12px;color:var(--color-ink-2)}.build__legend li{display:inline-flex;align-items:center;gap:6px}.build--js.build--exploded:not(.build--3d) .build__legend{display:flex}.build__load{position:absolute;left:12px;top:12px;z-index:3;display:inline-flex;align-items:center;gap:6px;margin:0;padding:6px 10px 6px 8px;border:1px solid var(--color-line);border-radius:var(--radius-button);background:var(--color-card);color:var(--color-ink);font-size:12px;font-weight:500;line-height:1.2;white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-float);font-variant-numeric:tabular-nums}.build__load[hidden]{display:none}.build__load svg{color:var(--color-accent)}.build__swatches{position:absolute;left:12px;bottom:12px;z-index:3}.build__swatches[hidden]{display:none}.build__swatches:not([hidden])~.build__hint{bottom:50px}.build__hot[hidden],.build__legend li[hidden]{display:none}.build__hint{position:absolute;left:12px;bottom:12px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-button);background:#ffffffd9;color:var(--color-ink-2);font-size:12px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .3s ease}.build--3d:not(.build--touched) .build__hint{opacity:1;transition-delay:1.5s}.build__start{position:absolute;left:12px;bottom:12px;z-index:3;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:6px 10px;border:0;border-radius:var(--radius-button);background:#ffffffeb;color:var(--color-ink-2);font:inherit;font-size:12px;font-weight:500;white-space:nowrap;cursor:pointer;box-shadow:var(--shadow-float)}.build__start:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.build__start[hidden]{display:none}.build__start:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.build__swatches:not([hidden])~.build__start{bottom:50px}.build__ar{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border:1px solid var(--color-line);border-radius:var(--radius-button);background:var(--color-card);color:var(--color-primary);font:inherit;font-size:13px;font-weight:500;cursor:pointer;box-shadow:var(--shadow-float)}.build__ar:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.build__switch{position:absolute;top:16px;right:16px;z-index:4;display:grid;grid-template-columns:1fr 1fr;isolation:isolate;margin:0;padding:3px;border:1px solid var(--color-line);border-radius:var(--radius-button);background:var(--color-card);box-shadow:var(--shadow-float)}.build__switch[hidden]{display:none}.js .build__switch[hidden]{display:grid;visibility:hidden}.build__thumb{position:absolute;top:3px;bottom:3px;left:3px;z-index:-1;width:calc(50% - 3px);border-radius:calc(var(--radius-button) - 3px);background:var(--color-primary);transform:translate(0);transition:transform .25s var(--ease-out)}.build__switch:has(input[value=piezas]:checked) .build__thumb{transform:translate(100%)}.build__option{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:4px 16px;font-size:13px;font-weight:500;color:var(--color-ink-2);white-space:nowrap;cursor:pointer;transition:color .25s var(--ease-out)}.build__option input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.build__option:has(input:checked){color:var(--color-primary-ink)}.build__switch:has(input:focus-visible){outline:2px solid var(--color-primary);outline-offset:3px}@media(max-width:767px){.build{gap:8px}.build__viewer{--poster-h: 92%}.build__switch{position:relative;top:auto;left:auto;right:auto;justify-self:center}.build__hot .build__tag{display:none}.build__hot--left{flex-direction:row;transform:translate(-9px,-9px)}.js .build .build__legend{display:flex;min-height:20px;visibility:hidden}.build--js.build--exploded .build__legend{visibility:visible}.build__hint{font-size:11px;padding:5px 8px}.build__load{left:10px;top:10px;gap:5px;padding:5px 8px 5px 6px;font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/build.css.map */