.visor{box-sizing:border-box;--ink:#2c7f88;--paper:#fbf6ec;--text:#4a3a3a;--script:"Pinyon Script", "Snell Roundhand", "Apple Chancery", cursive;--hand:"Caveat", "Segoe Print", "Bradley Hand", cursive;--type:"Special Elite", "Courier New", monospace;--sh0:drop-shadow(0 0 0 #28141400) drop-shadow(0 0 0 #28141400);--sh1:drop-shadow(0 16px 14px #2814146b) drop-shadow(0 3px 3px #28141447);z-index:1000;color:var(--text);font-family:var(--hand);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#3a2f2f;position:fixed;inset:0;overflow:hidden}.visor *,.visor :before,.visor :after{box-sizing:inherit}.visor button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.visor :focus-visible{outline:2px dashed var(--ink);outline-offset:3px}.visor [hidden]{display:none!important}.visor .view{transition:opacity .35s;position:fixed;inset:0;overflow:hidden}.visor .view.fade{opacity:0}.visor .toast{left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:95;color:#4a3a3a;text-align:center;background:#fffcf4;max-width:90vw;padding:8px 18px;font-size:21px;position:fixed;transform:translate(-50%)rotate(-1deg);box-shadow:0 4px 12px #00000040}.visor .lz{pointer-events:none;position:absolute;inset:0}.visor .lz .vis{filter:var(--sh0);transition:filter .3s;position:absolute;inset:0}.visor .lz .vis .piece{background-size:100% 100%;transition:transform .32s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.visor .lz.up .vis{filter:var(--sh1)}.visor .lz.up .vis .piece{transform:translate(-.3%,-1.1%)scale(1.03)}.visor .lz .hit{position:absolute;inset:0}.visor .lz .hit div{pointer-events:auto;cursor:pointer;position:absolute;inset:0}.visor .page .lz .hit div{pointer-events:none}.visor .cm{width:0;height:0;position:absolute}.visor .badge{color:#4a3a3a;pointer-events:none;white-space:nowrap;background:#fffcf4;padding:0 9px 2px;font-size:17px;transition:translate .32s;position:absolute;rotate:5deg;box-shadow:0 2px 4px #00000038}.visor .lz.up .badge{translate:0 -6px}.visor .scene{position:absolute}.visor .scene>img.room{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.visor .title{pointer-events:none;z-index:5;margin:0;font-size:0;line-height:0;position:absolute}.visor .title svg{width:100%;height:auto;display:block;overflow:visible}.visor .title text{font-family:var(--script);fill:#1b565d;stroke:#fff8ec;stroke-width:9px;stroke-linejoin:round;paint-order:stroke;filter:drop-shadow(0 2px 6px #fff8ece6);font-size:120px}.visor .gramo{cursor:pointer;width:7.45%;position:absolute;top:51%;left:13.8%}.visor .gramo img{pointer-events:none;transform-origin:50% 100%;width:100%;filter:var(--sh0);transition:transform .32s,filter .32s;display:block}.visor .gramo:hover img,.visor .gramo:focus-visible img{filter:var(--sh1);transform:translateY(-1.5%)scale(1.04)}.visor .gramo .notas{color:#1b565d;opacity:0;pointer-events:none;text-shadow:0 0 6px #fff8ec;font-size:1.4em;position:absolute;top:-18%;left:20%}.visor.sonando .gramo .notas{animation:2.4s ease-in-out infinite visor-notas}@keyframes visor-notas{0%{opacity:0;transform:translateY(10%)rotate(-8deg)}30%{opacity:1}to{opacity:0;transform:translate(40%,-60%)rotate(8deg)}}.visor .tabletop{width:50.5%;height:9%;position:absolute;top:64.5%;left:26%}.visor .plane{transform-style:preserve-3d;position:absolute;inset:0;transform:rotateX(62deg)}.visor .plane.dragging .nb3d,.visor .plane.dragging .pad{transition:none}.visor .pad{cursor:pointer;transition:transform .55s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;left:50%}.visor .nb3d{pointer-events:none;transform-style:preserve-3d;--t:1.6em;--c:#b7a2cf;--cd:#8f79ad;cursor:pointer;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .4s;position:absolute;top:50%;left:50%}.visor .nb3d.land,.visor .pad.land{aspect-ratio:4/3;width:30%}.visor .nb3d.port,.visor .pad.port{aspect-ratio:3/4.1;width:19%}.visor .nb3d .f{position:absolute}.visor .nb3d .base{background:var(--cd);border-radius:2px 6px 6px 2px;inset:-1% -2% -2.5% -1.5%;box-shadow:.4em 1.1em 1.3em #321e1966,0 0 .2em #321e194d}.visor .nb3d .ef{height:var(--t);transform-origin:50% 100%;background:linear-gradient(to bottom, var(--c) 0 16%, transparent 16% 80%, var(--cd) 80%), repeating-linear-gradient(to bottom, #f6f1e7 0 2px, #d6cebd 2px 3px);filter:brightness(.97);bottom:0;left:0;right:0;transform:rotateX(-90deg)}.visor .nb3d .er{width:var(--t);transform-origin:100%;background:linear-gradient(to right, var(--c) 0 16%, transparent 16% 80%, var(--cd) 80%), repeating-linear-gradient(to right, #f3eee3 0 2px, #cfc6b4 2px 3px);filter:brightness(.88);top:0;bottom:0;right:0;transform:rotateY(90deg)}.visor .nb3d .el{width:var(--t);transform-origin:0;background:repeating-linear-gradient(to bottom, transparent 0 .35em, #232226 .35em .6em, transparent .6em .95em), linear-gradient(to right, var(--c) 0 16%, #e9e2d4 16% 80%, var(--cd) 80%);filter:brightness(.8);top:0;bottom:0;left:0;transform:rotateY(-90deg)}.visor .nb3d .top{transform:translateZ(var(--t));border-radius:2px 7px 7px 2px;inset:0;overflow:visible}.visor .fabric{border-radius:inherit;background:var(--c);position:absolute;inset:0;overflow:hidden}.visor .fabric:before{content:"";background:repeating-linear-gradient(0deg,#ffffff12 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#0000000d 0 1px,#0000 1px 3px);position:absolute;inset:0}.visor .crings{flex-direction:column;justify-content:space-between;width:10%;display:flex;position:absolute;top:4%;bottom:4%;left:-4%}.visor .crings i{background:linear-gradient(#77767d,#1d1c20 60%,#4b4a50);border-radius:.3em;height:.35em;display:block}.visor .label{text-align:center;color:#4a3a3a;background:#fffcf4;padding:4% 6%;position:absolute;top:10%;left:20%;right:10%;transform:rotate(-2.5deg);box-shadow:0 1px 3px #0003}.visor .label b{font-family:var(--script);color:#2c7f88;font-weight:400;line-height:1;display:block}.visor .label small{font-family:var(--type);line-height:1.2;display:block}.visor .washi{opacity:.92;background:repeating-linear-gradient(45deg,#e9d8f2 0 .5em,#f7eef8 .5em 1em);width:40%;height:9%;position:absolute;top:5%;left:-4%;transform:rotate(-8deg)}.visor .polaroid{background:#fff;width:30%;padding:2.5% 2.5% 7%;position:absolute;bottom:5%;right:6%;transform:rotate(6deg);box-shadow:0 1px 3px #00000040}.visor .polaroid div{aspect-ratio:1.49;background-position:50%;background-size:cover}.visor .cinta-v,.visor .cinta-h{background:linear-gradient(90deg,#7d2f3a,#a4414f 45%,#7d2f3a);position:absolute;box-shadow:0 0 .2em #00000059}.visor .cinta-v{width:5.5%;top:-2%;bottom:-2%;left:64%}.visor .cinta-h{background:linear-gradient(#7d2f3a,#a4414f 45%,#7d2f3a);height:7%;top:58%;left:-2%;right:-2%}.visor .monio{width:0;height:0;position:absolute;top:61.5%;left:66.7%}.visor .monio:before,.visor .monio:after{content:"";border:.5em solid #a4414f;border-radius:50%;width:1.9em;height:2.2em;position:absolute;top:-1.1em;box-shadow:0 .15em .3em #0000004d}.visor .monio:before{right:0;transform:rotate(-25deg)}.visor .monio:after{left:0;transform:rotate(25deg)}.visor .bye{z-index:90;color:#fbf3ea;text-align:center;background:radial-gradient(circle at 50% 45%,#3c282d99,#1e1418eb);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}.visor .bye p{font-family:var(--script);margin:0;font-size:clamp(42px,7vw,86px)}.visor .bye button{color:#4a3a3a;background:#fffcf4;padding:6px 18px;font-size:22px;rotate:-1.5deg;box-shadow:0 3px 8px #0000004d}.visor .rotate{z-index:99;text-align:center;color:#fbf3ea;background:#281c1ee6;justify-content:center;align-items:center;padding:30px;font-size:26px;display:none;position:fixed;inset:0}@media (orientation:portrait) and (width<=760px){.visor .rotate{display:flex}}.visor .mantel{transform-origin:50% 100%;background-position:50%;background-size:cover;position:absolute;inset:-190% -70% -8%;transform:perspective(1000px)rotateX(24deg)}.visor .vignette{pointer-events:none;background:radial-gradient(120% 90% at 50% 55%,#0000 55%,#46322847);position:absolute;inset:0}.visor .stage{touch-action:none;perspective:1900px;perspective-origin:50% 30%;position:absolute;inset:0}.visor .zoomer{transform-origin:50%;transform-style:preserve-3d;position:absolute;inset:0}.visor .notebook{transform-style:preserve-3d;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(9deg)}.visor .stack{background:#f6f0e3;position:absolute;inset:0}.visor .pages{transform-style:preserve-3d;position:absolute;inset:0}.visor .page{background:var(--paper);backface-visibility:hidden;position:absolute;inset:0;box-shadow:0 0 0 1px #0000000a}.visor .page.turning{transition:transform .42s cubic-bezier(.3,.7,.3,1)}.visor .page>img{pointer-events:none;width:100%;height:100%;display:block}.visor .page .shade{pointer-events:none;opacity:0;background:linear-gradient(90deg,#00000047,#0000 65%);position:absolute;inset:0}.visor .page.sr .shade{background:linear-gradient(270deg,#00000047,#0000 65%)}.visor .wire{pointer-events:none;height:100%;position:absolute;top:0;overflow:visible}.visor .page.sl .wire{left:0;transform:translate(-50%)}.visor .page.sr .wire{right:0;transform:translate(50%)scaleX(-1)}.visor .obj{z-index:6;position:absolute}.visor .obj svg{filter:drop-shadow(0 3px 3px #321e1e47);width:100%;transition:transform .3s,filter .3s;display:block}.visor .obj:hover svg,.visor .obj:focus-visible svg{filter:drop-shadow(0 14px 12px #28141466);transform:translateY(-4px)scale(1.04)}.visor .ribbon{left:max(10px, env(safe-area-inset-left,0px));top:calc(env(safe-area-inset-top,0px) + 8px);width:clamp(130px,12vw,230px)}.visor .record{right:14px;top:calc(env(safe-area-inset-top,0px) + 8px);width:clamp(58px,5.5vw,104px)}.visor .record .disco{transform-origin:50%}.visor.sonando .record .disco{animation:3s linear infinite visor-girar}@keyframes visor-girar{to{transform:rotate(360deg)}}.visor .tagbtn{bottom:calc(env(safe-area-inset-bottom,0px) + 8px);width:clamp(110px,10vw,190px)}.visor .tag-prev{left:14px;rotate:-8deg}.visor .tag-next{right:14px;rotate:7deg}.visor .counter{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);z-index:6;font-family:var(--type);background:#fffcf4;padding:3px 10px;font-size:14px;position:absolute;transform:translate(-50%)rotate(-1deg);box-shadow:0 2px 4px #0003}.visor .hoja-texto{background:repeating-linear-gradient(to bottom, transparent 0 calc(var(--renglon) - 1px), #2c7f882e calc(var(--renglon) - 1px) var(--renglon)), var(--paper);font-size:var(--letra);line-height:var(--renglon);color:#4a3a3a;padding:8% 9% 6% 12%;position:absolute;inset:0;overflow:hidden}.visor .hoja-texto h2{font-family:var(--script);color:var(--ink);margin:0 0 .3em;font-size:2.4em;font-weight:400;line-height:1.1}.visor .hoja-texto p{margin:0}.visor .mensaje{background:#fffcf4;margin:0 0 .6em;padding:.3em .8em .4em;line-height:1.25;rotate:-.6deg;box-shadow:0 1px 3px #0000002e}.visor .mensaje:nth-child(odd){rotate:.8deg}.visor .mensaje .firma{text-align:right;font-family:var(--type);font-size:.6em;display:block}.visor .focus{z-index:80;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#fcf7f000;transition:background .45s,-webkit-backdrop-filter .45s,backdrop-filter .45s;position:fixed;inset:0}.visor .focus.on{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fcf7f024}.visor .fcv{transform-origin:0 0;filter:drop-shadow(0 24px 26px #28191973)drop-shadow(0 4px 5px #2819194d);cursor:zoom-in;touch-action:none;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .25s;position:fixed;top:0;left:0}.visor .focus{touch-action:none}.visor .fvideo{background:#000;max-width:84vw;max-height:72vh;position:fixed;top:calc(50% - 24px);left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 26px #28191973}.visor .fbar{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);opacity:0;align-items:center;gap:14px;transition:opacity .3s .25s;display:flex;position:fixed;transform:translate(-50%)}.visor .focus.on .fbar{opacity:1}.visor .ftag{color:#4a3a3a;white-space:nowrap;background:#fffcf4;padding:4px 16px;font-size:22px;box-shadow:0 3px 8px #00000040}.visor .fcap{rotate:-1.5deg}.visor .fbtn{rotate:2deg}@media (prefers-reduced-motion:reduce){.visor .nb3d,.visor .page.turning,.visor .lz .vis .piece,.visor .gramo,.visor .obj,.visor .fcv,.visor .view{transition:none}.visor.sonando .record .disco,.visor.sonando .gramo .notas{animation:none}}.visor .btn-mensaje{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 40px);width:clamp(150px,13vw,220px);translate:-50%;rotate:-2deg}.visor .dialogo-mensaje{z-index:85;background:#281c1e73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.visor .papel-mensaje{background:#fbf6ec;width:min(560px,90vw);padding:20px 26px;rotate:-1deg;box-shadow:0 14px 40px #0006}.visor .papel-mensaje h2{font-family:var(--script);color:var(--ink);margin:0 0 8px;font-size:40px;font-weight:400}.visor .papel-mensaje textarea{width:100%;font-family:var(--hand);color:#4a3a3a;resize:vertical;background:repeating-linear-gradient(#0000 0 31px,#2c7f8840 31px 32px);border:0;outline:0;padding:0 4px;font-size:22px;line-height:32px}.visor .firma-mensaje{font-family:var(--type);text-align:right;margin:4px 0 10px;font-size:14px}.visor .botones-mensaje{justify-content:flex-end;gap:12px;display:flex}.visor .botones-mensaje button{background:#fffcf4;padding:4px 16px;font-size:22px;box-shadow:0 3px 8px #00000040}.visor .botones-mensaje [type=submit]{color:#fff;background:#2c7f88}.visor .btn-ayuda{right:14px;top:calc(env(safe-area-inset-top,0px) + 10px);color:#2c7f88;width:36px;height:36px;font-family:var(--script);text-align:center;z-index:6;background:#fffcf4;border-radius:50%;font-size:26px;line-height:36px;box-shadow:0 3px 8px #00000040}.visor .bienvenida{z-index:88;background:#281c1e59;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.visor .papel-bienvenida{background:#fbf6ec repeating-linear-gradient(#0000 0 33px,#2c7f882e 33px 34px);width:min(560px,90vw);padding:22px 30px 20px;rotate:-1.5deg;box-shadow:0 14px 40px #0006}.visor .papel-bienvenida h2{font-family:var(--script);color:var(--ink);margin:0 0 6px;font-size:50px;font-weight:400;line-height:1.1}.visor .papel-bienvenida p{margin:0 0 6px;font-size:24px;line-height:34px}.visor .papel-bienvenida .botones-mensaje{flex-wrap:wrap;margin-top:12px}.visor .tour-foco{z-index:86;pointer-events:none;border-radius:16px;transition:left .35s,top .35s,width .35s,height .35s;position:fixed;box-shadow:0 0 0 9999px #1e141694}.visor .tour-nota{z-index:87;background:#fffcf4;padding:12px 16px;position:fixed;rotate:-1deg;box-shadow:0 8px 22px #00000059}.visor .tour-nota p{margin:0 0 10px;font-size:23px;line-height:1.2}@media (prefers-reduced-motion:reduce){.visor .tour-foco{transition:none}}.visor .tour-nota.chica{padding:8px 12px}.visor .tour-nota.chica p{margin-bottom:6px;font-size:18px}.visor .tour-nota.chica .botones-mensaje button{padding:2px 10px;font-size:17px}@media (height<=500px){.visor .papel-bienvenida{padding:12px 18px}.visor .papel-bienvenida h2{font-size:34px}.visor .papel-bienvenida p{font-size:18px;line-height:24px}.visor .papel-bienvenida{background-image:repeating-linear-gradient(#0000 0 23px,#2c7f882e 23px 24px)}}