#inicio{aspect-ratio:1754/897}#inicio>.art{visibility:hidden}.hero-stage{position:absolute;inset:0;overflow:hidden;z-index:0}.hero-slide{position:absolute;inset:0;opacity:0;transform:translateX(4%);pointer-events:none;will-change:transform,opacity;transition:transform 650ms cubic-bezier(.22,.68,.18,1),opacity 500ms ease}.hero-slide.current{opacity:1;transform:translateX(0);pointer-events:auto}.hero-slide.departing{transform:translateX(-4%);opacity:0}.hero-slide.reverse{transform:translateX(-4%)}.hero-slide.reverse.current{transform:translateX(0)}.hero-slide.departing.reverse{transform:translateX(4%)}.hero-slide>img{width:100%;height:100%;display:block}.piece-mask{position:absolute;background:radial-gradient(ellipse,#0d0905 50%,#0d090500 76%);opacity:0;pointer-events:none;transition:opacity .25s}.piece-view{position:absolute;background-repeat:no-repeat;opacity:0;pointer-events:none;transform:translate(0,0) scale(1);transform-origin:center;transition:transform 450ms cubic-bezier(.22,.68,.18,1),opacity 180ms ease,filter 350ms;clip-path:var(--shape);will-change:transform;z-index:3}.hero-slide[data-hover=mouth] .piece-mask.mouth,.hero-slide[data-hover=valves] .piece-mask.valves{opacity:1}.hero-slide[data-hover=mouth] .piece-view.mouth{opacity:1;transform:translate(-6%, -4%) scale(1.13);filter:drop-shadow(0 0 6px #ffd16c) drop-shadow(0 6px 5px #0008)}.hero-slide[data-hover=valves] .piece-view.valves{opacity:1;transform:translateY(-8%) scale(1.10);filter:drop-shadow(0 0 5px #eac368) drop-shadow(0 7px 5px #0007)}.part-hit{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);width:calc(var(--w)*1%);height:calc(var(--h)*1%);background:transparent;border:0;border-radius:10px;z-index:5;cursor:pointer}.part-hit:focus-visible{outline:2px solid #f4d08b;outline-offset:2px}.instrument-tabs{position:absolute;left:28%;top:83.5%;width:46%;height:6%;display:grid;grid-template-columns:repeat(4,1fr);z-index:9}.instrument-tabs button{background:transparent;border:0;border-radius:6px;cursor:pointer;color:transparent}.instrument-tabs button:focus-visible{outline:2px solid #eed081}.instrument-tabs button:hover{background:#f8ce7610}.hero-tip{position:absolute;left:45%;top:14%;width:30%;background:#fff1dd;color:#21180c;border:1px solid #dfbc70;border-radius:10px;padding:1.5%;box-shadow:0 12px 30px #0008;font-size:clamp(12px,1vw,20px);z-index:12}.hero-tip p{line-height:1.5}.hero-tip button{font:inherit;background:linear-gradient(#f6d58b,#c99d43);border:1px solid #bb8c36;border-radius:4px;padding:8px 12px;cursor:pointer}.hero-tip .tip-close{float:right;background:none;border:0;padding:0 3px;font-size:22px}.hero-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(prefers-reduced-motion:reduce){.hero-slide,.piece-view,.piece-mask{transition:none!important}.hero-slide{transform:none!important}}