:root{--resorte-morph:linear(0, .057, .1846, .3366, .486, .6186, .7285, .8151, .8802, .9273, .9598, .9813, .9947, 1.0024, 1.0062, 1.0076, 1.0076, 1.0068, 1.0056, 1.0045, 1.0034, 1.0024, 1.0017, 1.0011, 1);--resorte-suave:linear(0, .0481, .1571, .2893, .4226, .5447, .6502, .7376, .8075, .862, .9034, .9341, .9564, .9722, .9831, .9905, .9953, .9983, 1.0001, 1.001, 1.0014, 1.0015, 1.0014, 1.0013, 1);--resorte-rapido:linear(0, .1185, .3422, .5595, .7302, .8488, .9238, .9673, .9901, 1.0007, 1.0045, 1.005, 1.0041, 1.003, 1.002, 1.0012, 1)}html[data-mov] [data-aparecer]:not([data-visible]),html[data-mov] [data-aparecer-grupo]:not([data-visible])>*{opacity:0;filter:blur(6px);transform:translateY(14px)}[data-aparecer],[data-aparecer-grupo]>*{transition-property:opacity,filter,transform;transition-duration:.45s,.4s,.75s;transition-timing-function:cubic-bezier(.2,.8,.2,1);transition-timing-function:ease-out, ease-out, var(--resorte-suave)}[data-aparecer-grupo]>*{transition-delay:calc(var(--i,0) * 70ms)}[data-aparecer][data-instantaneo],[data-aparecer-grupo][data-instantaneo]>*{transition:none}.encuadre{padding:var(--enc-pad,.3em .45em);position:relative}.encuadre:before,.encuadre:after{content:"";width:var(--enc-brazo,14px);height:var(--enc-brazo,14px);border:0 solid var(--enc-color,#1b2a41);pointer-events:none;transition:transform .6s var(--resorte-morph) .2s, opacity .25s ease-out .2s;position:absolute}.encuadre:before{border-top-width:var(--enc-grosor,2px);border-left-width:var(--enc-grosor,2px);top:0;left:0}.encuadre:after{border-bottom-width:var(--enc-grosor,2px);border-right-width:var(--enc-grosor,2px);bottom:0;right:0}html[data-mov] [data-aparecer]:not([data-visible]) .encuadre:before,html[data-mov] [data-aparecer-grupo]:not([data-visible]) .encuadre:before{transform:translate(calc(var(--enc-viaje,10px) * -1), calc(var(--enc-viaje,10px) * -1));opacity:0}html[data-mov] [data-aparecer]:not([data-visible]) .encuadre:after,html[data-mov] [data-aparecer-grupo]:not([data-visible]) .encuadre:after{transform:translate(var(--enc-viaje,10px), var(--enc-viaje,10px));opacity:0}@keyframes cifra-entra{0%{opacity:0;filter:blur(6px);transform:translateY(.12em)scale(.985)}to{opacity:1;filter:blur();transform:none}}.cifra-entra{animation:.42s cubic-bezier(.2,.8,.2,1) both cifra-entra;animation-timing-function:var(--resorte-morph);display:inline-block}@keyframes respuesta-entra{0%{opacity:0;filter:blur(4px);transform:translateY(-4px)}to{opacity:1;filter:blur();transform:none}}details[open]>.respuesta-faq{animation:respuesta-entra .36s var(--resorte-morph) both}.demo-escenario{aspect-ratio:34/42;max-width:27rem;margin-inline:auto;position:relative;overflow:hidden;container-type:size}@media (min-width:64rem){.demo-escenario{aspect-ratio:auto;max-width:none;height:34rem}}.demo-mundo{width:34em;height:42em;font-size:min(2.94118cqw,2.38095cqh,12.5px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.demo-camara{transform-origin:0 0;position:absolute;top:0;left:0}.demo-grilla{background-image:linear-gradient(90deg,#1b2a410f 1px,#0000 1px),linear-gradient(#1b2a410f 1px,#0000 1px);background-position:-.05em -.05em;background-size:2.4em 2.4em;width:200em;height:200em;position:absolute;top:-100em;left:-100em}.demo-forma{isolation:isolate;border-style:solid;border-width:.1em;position:absolute;overflow:hidden}.demo-esquina{border:0 solid #1b2a41;position:absolute}.demo-capa{transform-origin:0 0;width:0;height:0;position:absolute}.demo-hud{pointer-events:none;position:absolute;inset:0}.demo-cursor{transform-origin:.3em .3em;filter:drop-shadow(0 .15em .2em #1b2a4147);width:1.9em;height:auto;position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){html[data-mov] [data-aparecer]:not([data-visible]),html[data-mov] [data-aparecer-grupo]:not([data-visible])>*{opacity:1;filter:none;transform:none}html[data-mov] [data-aparecer]:not([data-visible]) .encuadre:before,html[data-mov] [data-aparecer]:not([data-visible]) .encuadre:after,html[data-mov] [data-aparecer-grupo]:not([data-visible]) .encuadre:before,html[data-mov] [data-aparecer-grupo]:not([data-visible]) .encuadre:after{opacity:1;transform:none}.cifra-entra,details[open]>.respuesta-faq{animation:none}}
