.despiece{position:relative;height:280svh;width:100vw;margin-inline:calc(50% - 50vw);background:#07060a;color:#f2efea}.despiece__fija{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}.despiece__camara{position:absolute;inset:0;transform:scale(.8);transform-origin:50% 58%;-webkit-mask-image:radial-gradient(ellipse 66% 64% at 50% 56%,#000 50%,transparent 100%);mask-image:radial-gradient(ellipse 66% 64% at 50% 56%,#000 50%,transparent 100%)}@media (max-width:767px){.despiece__camara{transform:scale(1);-webkit-mask-image:radial-gradient(ellipse 96% 58% at 50% 52%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 96% 58% at 50% 52%,#000 62%,transparent 100%)}}.despiece__lienzo,.despiece__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.despiece__lienzo{opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1)}.despiece__lienzo.lista{opacity:1}.despiece__fija:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgb(7 6 10/.86),rgb(7 6 10/.25) 22%,transparent 38%),linear-gradient(270deg,rgb(7 6 10/.86),rgb(7 6 10/.25) 22%,transparent 38%),linear-gradient(0deg,rgb(7 6 10/.72),transparent 34%)}.despiece__titulo{position:absolute;left:clamp(20px,5vw,76px);top:clamp(72px,12vh,132px);z-index:2;max-width:min(36rem,44vw);opacity:clamp(0,calc((.3 - var(--p, 0)) * 8),1);transform:translateY(calc(var(--p, 0) * -40px))}.despiece__titulo h2{margin-top:14px;font-family:var(--font-display),system-ui,sans-serif;font-size:clamp(30px,4.6vw,62px);font-weight:800;line-height:.98;letter-spacing:-.03em}.despiece__mapa{position:absolute;inset:0;z-index:3;pointer-events:none}.despiece__mapa svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.despiece__mapa path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.despiece__mapa .halo{stroke:rgb(7 6 10/.55);stroke-width:3.5;animation:despiece-aparecer .35s ease both;animation-delay:calc(var(--i) * 70ms)}.despiece__mapa .hilo{stroke:rgb(242 239 234/.9);stroke-width:1.4;stroke-dasharray:1;animation:despiece-trazo .5s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i) * 70ms)}@keyframes despiece-trazo{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.despiece__mapa .punto{fill:var(--color-acento,#ef3340);animation:despiece-punto .4s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i) * 70ms + .38s)}@keyframes despiece-punto{0%{transform:scale(.2);opacity:0}}.despiece__mapa .aura{fill:var(--color-acento,#ef3340);opacity:.18;transform-box:fill-box;transform-origin:center;animation:despiece-aura .5s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i) * 70ms + .38s)}@keyframes despiece-aura{0%{transform:scale(.2);opacity:0}}.despiece__mapa .aura,.despiece__mapa .punto{transform-box:fill-box;transform-origin:center}.despiece__mapa .aura,.despiece__mapa .hilo,.despiece__mapa .punto{transition:stroke .2s ease,fill .2s ease,r .2s cubic-bezier(.22,1,.36,1),opacity .2s ease}.despiece__mapa g.activa .hilo{stroke:var(--color-acento-suave,#ff5c66)}.despiece__mapa g.activa .punto{r:4.6}.despiece__mapa g.activa .aura{opacity:.32;r:12}.despiece__mapa button{position:absolute;width:min(21ch,19vw);margin:0;padding:8px 10px;border:1px solid transparent;border-radius:8px;background:none;color:inherit;text-align:inherit;cursor:zoom-in;pointer-events:auto;animation:despiece-subir .5s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i) * 70ms + .12s)}@keyframes despiece-subir{0%{opacity:0;transform:translateY(calc(-50% + 10px))}to{opacity:1;transform:translateY(-50%)}}.despiece__mapa button:focus-visible,.despiece__mapa button:hover{border-color:rgb(242 239 234/.28);background:rgb(7 6 10/.55);outline:none}.despiece__mapa button.izquierda{left:clamp(12px,2.4vw,46px)}.despiece__mapa button.derecha{right:clamp(12px,2.4vw,46px);text-align:right}.despiece__lupa{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;font-weight:600;color:var(--color-acento-suave,#ff5c66)}.despiece__mapa button.derecha .despiece__lupa{flex-direction:row-reverse}.despiece__lupa svg{flex:none;width:15px;height:15px}.despiece__lupa{opacity:.75;transition:opacity .2s ease}.despiece__mapa button:focus-visible .despiece__lupa,.despiece__mapa button:hover .despiece__lupa{opacity:1}.despiece__lista b,.despiece__mapa b{display:block;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#8f8a84}.despiece__lista strong,.despiece__mapa strong{display:block;margin-top:3px;font-family:var(--font-display),system-ui,sans-serif;font-size:clamp(16px,1.5vw,21px);font-weight:700;letter-spacing:-.015em;text-wrap:balance}.despiece__lista small,.despiece__mapa small{display:block;margin-top:4px;font-size:12px;line-height:1.45;color:#c7c1ba;text-wrap:pretty}.despiece__lista{display:none;position:absolute;left:0;right:0;bottom:0;z-index:3;gap:10px;margin:0;padding:16px 20px 26px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.despiece__lista li{flex:none;scroll-snap-align:start}.despiece__lista button{width:60vw;max-width:260px;min-height:44px;padding:12px 14px;border:1px solid rgb(242 239 234/.14);border-radius:10px;background:rgb(20 18 16/.72);color:inherit;text-align:left;cursor:zoom-in}.despiece__mapa button,.despiece__mapa g{transition:opacity .3s cubic-bezier(.22,1,.36,1)}.despiece__mapa.enfocada button{visibility:hidden}.despiece__mapa.enfocada g:not(.activa){opacity:0}.despiece__foco{position:absolute;inset:0;z-index:4;border:0;padding:0;cursor:zoom-out;background:radial-gradient(circle at var(--ax) var(--ay),rgb(7 6 10/0) 0,rgb(7 6 10/0) 9vmin,rgb(7 6 10/.55) 16vmin,rgb(7 6 10/.86) 34vmin);animation:despiece-aparecer .35s cubic-bezier(.22,1,.36,1) both}@keyframes despiece-aparecer{0%{opacity:0}}.despiece__foco:after{content:"";position:absolute;left:var(--ax);top:var(--ay);width:13vmin;height:13vmin;margin:-6.5vmin 0 0 -6.5vmin;border:1.5px solid var(--color-acento,#ef3340);border-radius:50%;animation:despiece-anillo 1.8s cubic-bezier(.22,1,.36,1) .2s infinite}@keyframes despiece-anillo{0%{transform:scale(.55);opacity:.9}to{transform:scale(1.25);opacity:0}}.despiece__panel{position:absolute;top:50%;z-index:5;display:grid;width:min(430px,36vw);max-height:calc(100svh - 120px);overflow:auto;border:1px solid rgb(242 239 234/.14);border-radius:14px;background:#0e0c11;box-shadow:0 1px 2px rgb(0 0 0/.5),0 14px 30px rgb(0 0 0/.35),0 40px 90px rgb(0 0 0/.45);transform:translateY(-50%);animation:despiece-panel .45s cubic-bezier(.22,1,.36,1) both}.despiece__panel.derecha{right:clamp(16px,3vw,48px);--desde:28px}.despiece__panel.izquierda{left:clamp(16px,3vw,48px);--desde:-28px}@keyframes despiece-panel{0%{opacity:0;transform:translate(var(--desde),-50%)}}.despiece__medio{position:relative;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid rgb(242 239 234/.1);background:radial-gradient(120% 90% at 50% 100%,#1d1a22,#0b0a0e 70%)}.despiece__medio svg,.despiece__medio video{display:block;width:100%;height:100%;object-fit:cover}.despiece__pieza{position:absolute;inset:0;background-repeat:no-repeat;filter:brightness(1.35) contrast(1.06);animation:despiece-aparecer .5s ease both}.despiece__dibujo{position:absolute;top:0;right:0;bottom:0;width:52%;display:grid;place-items:center;padding:6% 4% 6% 10%;background:linear-gradient(90deg,transparent,rgb(11 10 14/.78) 38%,rgb(11 10 14/.92))}.despiece__dibujo.izquierda{right:auto;left:0;padding:6% 10% 6% 4%;background:linear-gradient(270deg,transparent,rgb(11 10 14/.78) 38%,rgb(11 10 14/.92))}.despiece__dibujo .ba{width:100%;height:auto}.despiece__texto{padding:18px 22px 6px}.despiece__texto b{display:block;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#8f8a84}.despiece__texto h3{margin-top:4px;font-family:var(--font-display),system-ui,sans-serif;font-size:clamp(22px,2.2vw,30px);font-weight:800;line-height:1.05;letter-spacing:-.02em}.despiece__texto p{margin-top:10px;font-size:15px;line-height:1.5;color:#e6e1da;text-wrap:pretty}.despiece__texto small{display:block;margin-top:10px;font-size:12px;line-height:1.45;color:#9d978f}.despiece__pasos{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 14px;font-size:12px;font-variant-numeric:tabular-nums;color:#9d978f}.despiece__cerrar,.despiece__pasos button{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid rgb(242 239 234/.18);border-radius:10px;background:rgb(7 6 10/.6);color:#f2efea;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.despiece__cerrar:hover,.despiece__pasos button:hover{border-color:rgb(242 239 234/.4);background:rgb(242 239 234/.08)}.despiece__cerrar svg,.despiece__pasos svg{width:15px;height:15px}.despiece__cerrar{position:absolute;top:10px;right:10px;z-index:1}.ba{--hueso:#f2efea;--rojo:var(--color-acento,#ef3340)}.ba .ba-acento,.ba .ba-linea,.ba .ba-piso,.ba .ba-tenue{fill:none;stroke-linecap:round;stroke-linejoin:round}.ba .ba-linea{stroke:var(--hueso);stroke-width:2}.ba .ba-tenue{stroke:rgb(242 239 234/.35);stroke-width:1.5}.ba .ba-piso{stroke:rgb(242 239 234/.12);stroke-width:1}.ba .ba-acento{stroke:var(--rojo);stroke-width:2.4}.ba .ba-acento-relleno{fill:var(--rojo)}.ba .ba-luz-relleno{fill:rgb(242 239 234/.75)}.ba .ba-hueco{fill:rgb(242 239 234/.5)}.ba circle,.ba g,.ba path,.ba rect{transform-box:view-box}.ba .ba-gira{animation:ba-girar 1.1s linear infinite}.ba--abs .ba-gira{animation-duration:.9s}@keyframes ba-girar{to{transform:rotate(1turn)}}.ba .ba-pulso{animation:ba-pulso .45s step-end infinite}@keyframes ba-pulso{50%{opacity:.35}}.ba .ba-ondas path{opacity:0;animation:ba-onda 1.35s cubic-bezier(.22,1,.36,1) infinite}.ba .ba-ondas path:nth-child(2){animation-delay:.15s}.ba .ba-ondas path:nth-child(3){animation-delay:.3s}@keyframes ba-onda{30%{opacity:1}to{opacity:0}}.ba .ba-carretera{animation:ba-rodar .6s linear infinite}@keyframes ba-rodar{to{transform:translateX(-60px)}}.ba .ba-calor{fill:var(--rojo);opacity:0;animation:ba-calor 2.4s ease-in-out infinite}@keyframes ba-calor{50%{opacity:.22}}.ba .ba-viaja{fill:var(--rojo);animation:ba-viaja-izq 1.6s cubic-bezier(.22,1,.36,1) infinite}.ba .ba-viaja--der{animation-name:ba-viaja-der}@keyframes ba-viaja-izq{70%,to{transform:translateX(-80px);opacity:0}}@keyframes ba-viaja-der{70%,to{transform:translateX(80px);opacity:0}}.ba .ba-freno{fill:none;stroke:var(--rojo);stroke-width:4;stroke-linecap:round;opacity:0;animation:ba-frena 1.6s ease-out infinite}@keyframes ba-frena{55%{opacity:0}70%{opacity:1}}.ba .ba-piston{animation:ba-piston 1.2s cubic-bezier(.45,0,.55,1) infinite alternate}@keyframes ba-piston{to{transform:translateY(-26px)}}.ba .ba-valvula{animation:ba-valvula 2.4s ease-in-out infinite}.ba .ba-valvula--esc{animation-delay:-1.2s}@keyframes ba-valvula{0%,40%,to{transform:translateY(0)}20%{transform:translateY(8px)}}.ba .ba-chispa{fill:var(--rojo);opacity:0;animation:ba-chispa 2.4s ease-out infinite}@keyframes ba-chispa{48%{opacity:0}52%{opacity:.9}64%{opacity:0}}.ba .ba-gota{fill:var(--rojo);opacity:0;animation:ba-gota 1.2s cubic-bezier(.22,1,.36,1) infinite;animation-delay:calc(var(--n) * .18s)}@keyframes ba-gota{15%{opacity:1}to{opacity:0;transform:translate(calc((var(--n) - 2.5) * 6px),34px)}}.ba .ba-aire{animation:ba-aire 1.2s linear infinite}@keyframes ba-aire{0%{opacity:0;transform:translateX(-10px)}50%{opacity:1}to{opacity:0;transform:translateX(30px)}}.ba .ba-sube{animation:ba-sube 1.4s cubic-bezier(.34,0,.2,1) infinite}@keyframes ba-sube{35%{transform:translateY(-16px)}70%,to{transform:translateY(0)}}.ba .ba-resorte{animation:ba-resorte 1.4s cubic-bezier(.34,0,.2,1) infinite}@keyframes ba-resorte{35%{transform:scaleY(.78)}70%,to{transform:scaleY(1)}}.ba .ba-aguja{animation:ba-aguja 2.6s cubic-bezier(.45,0,.55,1) infinite alternate;transform:rotate(-60deg)}@keyframes ba-aguja{to{transform:rotate(60deg)}}.ba .ba-aguja--eco{animation-name:ba-aguja-eco}@keyframes ba-aguja-eco{0%{transform:rotate(50deg)}to{transform:rotate(-52deg)}}.ba .ba-barras>*{opacity:.15;animation:ba-barra 2.2s ease-out infinite;animation-delay:calc(var(--n) * .2s)}@keyframes ba-barra{20%,80%{opacity:1}}.ba .ba-pantalla{opacity:0;animation:ba-pantalla 2.4s ease-out infinite}@keyframes ba-pantalla{35%{opacity:0}50%,85%{opacity:1}to{opacity:0}}.ba .ba-diodos>*{opacity:.2;animation:ba-diodo 3s ease-out infinite;animation-delay:calc(var(--n) * .12s)}@keyframes ba-diodo{10%,80%{opacity:1}}.ba .ba-haz{opacity:0;transform-origin:100px 92px;animation:ba-haz 3s cubic-bezier(.22,1,.36,1) infinite}@keyframes ba-haz{0%,8%{opacity:0;transform:scaleX(.4)}30%,80%{opacity:1;transform:scaleX(1)}to{opacity:0}}.ba .ba-cota{animation:ba-cota 2.4s cubic-bezier(.22,1,.36,1) infinite}@keyframes ba-cota{0%{transform:scaleY(.1);opacity:0}35%,85%{transform:scaleY(1);opacity:1}to{opacity:0}}.ba .ba-nivel{animation:ba-nivel 4s cubic-bezier(.45,0,.55,1) infinite}@keyframes ba-nivel{0%,10%{transform:scaleY(1)}80%{transform:scaleY(.25)}to{transform:scaleY(1)}}.ba .ba-giro{animation:ba-giro 2.4s cubic-bezier(.22,1,.36,1) infinite}@keyframes ba-giro{0%{opacity:0;transform:translateY(18px)}30%,80%{opacity:1;transform:translateY(0)}to{opacity:0}}.ba .ba-enchufe{animation:ba-enchufe 2.6s cubic-bezier(.22,1,.36,1) infinite}@keyframes ba-enchufe{0%{transform:translateX(-20px)}25%,to{transform:translateX(20px)}}.ba .ba-encendido{animation:ba-verde 3s step-end infinite}.ba .ba-rojo{fill:var(--rojo);animation:ba-rojo 3s step-end infinite}.ba .ba-verde{fill:#3ddc84;animation:ba-verde 3s step-end infinite}@keyframes ba-rojo{50%{opacity:.12}}@keyframes ba-verde{0%{opacity:.12}50%{opacity:1}}@media (max-width:900px){.despiece{height:240svh}.despiece__mapa{display:none}.despiece__lista{display:flex}.despiece__panel,.despiece__panel.derecha,.despiece__panel.izquierda{top:auto;right:10px;bottom:10px;left:10px;width:auto;max-height:78svh;transform:none;--desde:0;animation-name:despiece-hoja}@keyframes despiece-hoja{0%{opacity:0;transform:translateY(24px)}}.despiece__foco{background:rgb(7 6 10/.72)}.despiece__foco:after{display:none}}@media (prefers-reduced-motion:reduce){.despiece{height:auto}.despiece__fija{position:relative;height:78svh}.despiece__lienzo{transition:none}.despiece__camara{transform:none!important}.despiece__mapa button{animation:none;transform:translateY(-50%)}.despiece__mapa circle,.despiece__mapa path{animation:none}.ba *,.despiece__foco,.despiece__foco:after,.despiece__mapa button,.despiece__mapa g,.despiece__panel{animation:none!important;transition:none}.despiece__foco:after{display:none}.ba .ba-barras>*,.ba .ba-diodos>*,.ba .ba-freno,.ba .ba-haz,.ba .ba-ondas path,.ba .ba-pantalla{opacity:1}.despiece__titulo{opacity:1;transform:none}}