html,body{background:#000;width:100%;height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}:root{--fit-w:100vw;--fit-h:100vh}@media (orientation:portrait){body[data-force-orientation=landscape]{--fit-w:100vh;--fit-h:100vw}body[data-force-orientation=landscape] #app{transform-origin:50%;width:100vh;height:100vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}}@media (orientation:landscape){body[data-force-orientation=portrait]{--fit-w:100vh;--fit-h:100vw}body[data-force-orientation=portrait] #app{transform-origin:50%;width:100vh;height:100vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}}#app{width:100vw;height:100vh;position:relative}body[data-presentacion] #app{width:var(--pres-ancho);height:var(--pres-alto);transform-origin:0 0;transform:var(--pres-matriz);position:absolute;top:0;left:0}.patron-calibracion{z-index:2147483000;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}body[data-presentacion] .patron-calibracion{width:var(--pres-ancho);height:var(--pres-alto);transform-origin:0 0;transform:var(--pres-matriz);position:absolute}.signage-canvas{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.signage-zone{background:#000}.signage-stage{transform-origin:50%;position:absolute;top:50%;left:50%}.zone-content{top:0;bottom:0;left:0;right:0;object-fit:cover;opacity:1;border:0;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}body[data-pres-ajuste-medios=contener] .zone-content--image,body[data-pres-ajuste-medios=contener] .zone-content--poster,body[data-pres-ajuste-medios=contener] .zone-content--video{object-fit:contain!important;object-position:50% 50%!important}body[data-pres-ajuste-medios=cubrir] .zone-content--image,body[data-pres-ajuste-medios=cubrir] .zone-content--poster,body[data-pres-ajuste-medios=cubrir] .zone-content--video{object-fit:cover!important}.zone-content--color{width:100%;height:100%}.zone-content--webpage{background:#fff}.zone-content--text{box-sizing:border-box;color:#fff;text-align:center;background:0 0;justify-content:center;align-items:center;width:100%;height:100%;padding:5vw;display:flex}.zone-content__text-body{overflow-wrap:anywhere;max-height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:6vw;line-height:1.3;overflow:hidden}.zone-content--entering{opacity:0;transition:opacity .5s ease-in-out}#dev-status{z-index:9999;color:#d1fae5;white-space:pre;pointer-events:none;background:#000000a6;border-radius:4px;padding:6px 10px;font-size:12px;line-height:1.4;position:fixed;bottom:8px;left:8px}.pairing-screen{color:#f8fafc;text-align:center;box-sizing:border-box;background:#0b1220;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:4vmin;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.pairing-screen>*+*{margin-top:3vmin}.pairing-title{letter-spacing:.02em;color:#94a3b8;text-transform:uppercase;font-size:1.6vw;font-weight:600}.pairing-qr{background:#fff;border-radius:12px;flex-shrink:0;width:34vmin;max-width:360px;height:34vmin;max-height:360px;padding:1.5vmin}.pairing-code{letter-spacing:.2em;color:#f8fafc;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:7vw;font-weight:700}.pairing-instructions{color:#94a3b8;max-width:32em;font-size:1.3vw}@supports (font-size:clamp(1px, 1vw, 2px)){.pairing-title{font-size:max(20px,min(3vw,32px))}.pairing-code{font-size:max(48px,min(10vw,96px))}.pairing-instructions{font-size:max(14px,min(1.8vw,20px))}}.cs-idle{--c-navy:#16265c;--c-cyan:#14bef0;--c-warn:#9a6600;--c-bg:#fff;--c-ink:var(--c-navy);--c-accent:var(--c-cyan);--c-muted:#5f6b82;--c-track:#e4e9f2;--c-mascot:var(--c-navy);--c-mascot-acc:var(--c-cyan);--c-eye-hl:#fff;--c-card:#f4f7fc;--s:1vw;--p:0;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.cs-idle[data-theme=dark]{--c-warn:#f2b01e;--c-bg:#0b1738;--c-ink:#fff;--c-accent:var(--c-cyan);--c-muted:#8da0c6;--c-track:#ffffff24;--c-mascot:#fff;--c-mascot-acc:var(--c-cyan);--c-eye-hl:#0b1738;--c-card:#ffffff0f}@media (prefers-color-scheme:dark){.cs-idle[data-theme=auto]{--c-warn:#f2b01e;--c-bg:#0b1738;--c-ink:#fff;--c-muted:#8da0c6;--c-track:#ffffff24;--c-mascot:#fff;--c-mascot-acc:var(--c-cyan);--c-eye-hl:#0b1738;--c-card:#ffffff0f}}@media (orientation:portrait){.cs-idle{--s:1vh}}@supports (width:min(1vw, 1vh)){.cs-idle{--s:min(1vw, 1.6vh)}@media (orientation:portrait){.cs-idle{--s:min(1.9vw, 1vh)}}}.cs-idle,.cs-idle *{box-sizing:border-box;margin:0;padding:0}.cs-idle,.cs-idle{height:100%;overflow:hidden}.cs-idle{background:var(--c-bg);color:var(--c-ink);font-family:var(--font);-webkit-font-smoothing:antialiased;cursor:none}.cs-idle .stage{height:100%;padding:calc(7 * var(--s)) calc(6 * var(--s)) calc(7 * var(--s));text-align:center;flex-direction:column;justify-content:space-between;align-items:center;display:flex}.cs-idle .logo{align-items:center;display:flex}.cs-idle .logo>*+*{margin-left:calc(1.2 * var(--s))}.cs-idle .logo__word{height:calc(2.6 * var(--s));width:auto;color:var(--c-ink);display:block}.cs-idle .mascot-wrap{flex:auto;justify-content:center;align-items:center;width:100%;display:flex}.cs-idle .mascot{width:calc(34 * var(--s));max-width:92vw;height:auto;display:block;overflow:visible}.cs-idle .eye-base{fill:var(--c-mascot)}.cs-idle .eye-cyan{fill:var(--c-mascot-acc)}.cs-idle .hl{fill:var(--c-eye-hl)}.cs-idle .smile{fill:none;stroke:var(--c-mascot);stroke-width:22px;stroke-linecap:round;stroke-linejoin:round}.cs-idle .mouth-o{fill:var(--c-mascot);opacity:0}.cs-idle .face{transform-origin:305px 200px;will-change:transform;animation:7.3s cubic-bezier(.45,0,.55,1) infinite cs-idle-breathe}@keyframes cs-idle-breathe{0%{transform:translateY(0)scale(1)}26%{transform:translateY(-9px)scale(.994,1.009)}50%{transform:translateY(-5px)scale(1.004,.996)}74%{transform:translateY(4px)scale(1.009,.991)}to{transform:translateY(0)scale(1)}}.cs-idle .lean{transform-origin:305px 430px;will-change:transform;animation:14s cubic-bezier(.32,.72,.3,1) infinite cs-idle-lean}@keyframes cs-idle-lean{0%,12%{transform:rotate(0)translate(0)}18%{transform:rotate(-1.7deg)translate(-2px,1px)}29%{transform:rotate(-1.7deg)translate(-2px,1px)}36%{transform:rotate(1.9deg)translate(2px)}44%{transform:rotate(1.9deg)translate(2px)}51%{transform:rotate(.4deg)translateY(-6px)}60%{transform:rotate(.4deg)translateY(-6px)}67%{transform:rotate(0)translate(0)}72%{transform:rotate(0)translate(0)}78%{transform:rotate(1.1deg)translate(1px,3px)}87%{transform:rotate(1.1deg)translate(1px,3px)}93%,to{transform:rotate(0)translate(0)}}.cs-idle .gaze{transform-origin:305px 128px;will-change:transform;animation:14s infinite cs-idle-gaze}@keyframes cs-idle-gaze{0%,11%{animation-timing-function:cubic-bezier(.2,.9,.25,1.05);transform:translate(0)}14%{animation-timing-function:linear;transform:translate(-15px,3px)}29%{animation-timing-function:cubic-bezier(.2,.9,.25,1.05);transform:translate(-15px,3px)}32.5%{animation-timing-function:linear;transform:translate(16px,2px)}44%{animation-timing-function:cubic-bezier(.25,.8,.3,1);transform:translate(16px,2px)}48%{animation-timing-function:linear;transform:translate(4px,-11px)}60%{animation-timing-function:cubic-bezier(.2,.9,.25,1.05);transform:translate(4px,-11px)}63.5%{animation-timing-function:linear;transform:translate(0)}72%{animation-timing-function:cubic-bezier(.2,.9,.25,1.05);transform:translate(0)}75%{animation-timing-function:linear;transform:translate(9px,6px)}87%{animation-timing-function:cubic-bezier(.25,.85,.3,1);transform:translate(9px,6px)}91%,to{transform:translate(0)}}.cs-idle .eye-l{transform-origin:150px 128px;will-change:transform;animation:19s infinite cs-idle-blinkL}.cs-idle .eye-r{transform-origin:460px 128px;will-change:transform;animation:19s infinite cs-idle-blinkR}@keyframes cs-idle-blinkR{0%,12.18%{transform:scaleY(1)}12.63%{transform:scaleY(.05)}13.13%{transform:scaleY(1)}26.39%{transform:scaleY(1)}26.84%{transform:scaleY(.05)}27.34%{transform:scaleY(1)}30.6%{transform:scaleY(1)}31.05%{transform:scaleY(.05)}31.55%{transform:scaleY(1)}48.5%{transform:scaleY(1)}48.95%{transform:scaleY(.05)}49.45%{transform:scaleY(1)}62.71%{transform:scaleY(1)}63.16%{transform:scaleY(.05)}63.66%{transform:scaleY(1)}80.6%{transform:scaleY(1)}81.05%{transform:scaleY(.05)}81.55%{transform:scaleY(1)}92.18%{transform:scaleY(1)}92.63%{transform:scaleY(.05)}93.13%{transform:scaleY(1)}to{transform:scaleY(1)}}@keyframes cs-idle-blinkL{0%,12.18%{transform:scaleY(1)}12.63%{transform:scaleY(.05)}13.13%{transform:scaleY(1)}26.39%{transform:scaleY(1)}26.84%{transform:scaleY(.05)}27.34%{transform:scaleY(1)}30.6%{transform:scaleY(1)}31.05%{transform:scaleY(.05)}31.55%{transform:scaleY(1)}48.5%{transform:scaleY(1)}48.95%{transform:scaleY(.05)}49.45%{transform:scaleY(1)}62.71%{transform:scaleY(1)}63.16%{transform:scaleY(.05)}63.66%{transform:scaleY(1)}69.02%{transform:scaleY(1)}69.47%{transform:scaleY(.05)}71.2%{transform:scaleY(.05)}71.7%{transform:scaleY(1)}80.6%{transform:scaleY(1)}81.05%{transform:scaleY(.05)}81.55%{transform:scaleY(1)}92.18%{transform:scaleY(1)}92.63%{transform:scaleY(.05)}93.13%{transform:scaleY(1)}to{transform:scaleY(1)}}.cs-idle .smile-g{transform-origin:305px 260px;will-change:transform;animation:19s cubic-bezier(.45,0,.55,1) infinite cs-idle-smile}@keyframes cs-idle-smile{0%{transform:translate(0)rotate(0)scaleX(1)scaleY(1)}16%{transform:translate(-3px,1px)rotate(0)scaleX(1.02)scaleY(.97)}34%{transform:translate(3px)rotate(0)scaleX(1.03)scaleY(1.03)}52%{transform:translate(1px,-2px)rotate(0)scaleX(.985)scaleY(1.06)}66%{transform:translate(0)rotate(0)scaleX(1)scaleY(1)}69.5%{transform:translate(-4px,-2px)rotate(4deg)scaleX(1.05)scaleY(1.04)}71.2%{transform:translate(-4px,-2px)rotate(4deg)scaleX(1.05)scaleY(1.04)}74%{transform:translate(0)rotate(0)scaleX(1)scaleY(1)}86%{transform:translate(-1px,1px)rotate(0)scaleX(1.01)scaleY(.98)}to{transform:translate(0)rotate(0)scaleX(1)scaleY(1)}}.cs-idle .footer{width:calc(38 * var(--s));flex-direction:column;align-items:center;max-width:88vw;display:flex}.cs-idle .footer>*+*{margin-top:calc(2.4 * var(--s))}.cs-idle .track{width:100%;height:calc(.62 * var(--s));background:var(--c-track);border-radius:999px;min-height:5px;position:relative;overflow:hidden}.cs-idle .track__seg,.cs-idle .track__fill{top:0;bottom:0;left:0;right:0;background:var(--c-accent);will-change:transform, opacity;border-radius:999px;position:absolute;top:0;bottom:0;left:0;right:0}.cs-idle .track__seg{width:34%;animation:1.75s cubic-bezier(.65,.05,.36,1) infinite cs-idle-sweep}@keyframes cs-idle-sweep{0%{transform:translate(-115%)scaleX(.7)}45%{transform:translate(60%)scaleX(1.15)}to{transform:translate(310%)scaleX(.7)}}.cs-idle .track__fill{transform-origin:0;transform:scaleX(var(--p));opacity:0;transition:transform .45s cubic-bezier(.3,.8,.35,1)}.cs-idle[data-progress-mode=determinate] .track__seg{opacity:0;animation-play-state:paused}.cs-idle[data-progress-mode=determinate] .track__fill{opacity:1}.cs-idle .status{min-height:calc(4.6 * var(--s));flex-direction:column;align-items:center;display:flex}.cs-idle .status>*+*{margin-top:calc(.9 * var(--s))}.cs-idle .msg{font-size:calc(1.85 * var(--s));letter-spacing:.01em;color:var(--c-muted);opacity:1;font-weight:500;transition:opacity .38s,transform .38s;transform:translateY(0)}.cs-idle .msg.is-out{opacity:0;transform:translateY(calc(.7 * var(--s)))}.cs-idle .pct{font-size:calc(1.5 * var(--s));font-variant-numeric:tabular-nums;color:var(--c-accent);opacity:0;font-weight:700;transition:opacity .3s}.cs-idle[data-progress-mode=determinate] .pct{opacity:1}.cs-idle .error-box{width:100%;padding:calc(2.2 * var(--s)) calc(3 * var(--s));border-radius:calc(1.4 * var(--s));background:var(--c-card);flex-direction:column;align-items:center;display:none}.cs-idle .error-box>*+*{margin-top:calc(1.1 * var(--s))}.cs-idle .error-box__title{font-size:calc(2.1 * var(--s));color:var(--c-ink);letter-spacing:-.01em;font-weight:800}.cs-idle .error-box__detail{font-size:calc(1.55 * var(--s));color:var(--c-muted);font-weight:500}.cs-idle .error-box__code{margin-top:calc(.4 * var(--s));font-size:calc(1.15 * var(--s));letter-spacing:.12em;text-transform:uppercase;color:var(--c-warn);font-weight:700}.cs-idle .dots{vertical-align:baseline;margin-left:.35em;display:inline-flex}.cs-idle .dots i+i{margin-left:.25em}.cs-idle .dots i{background:currentColor;border-radius:50%;width:.32em;height:.32em;animation:1.4s ease-in-out infinite cs-idle-dot;display:inline-block}.cs-idle .dots i:nth-child(2){animation-delay:.18s}.cs-idle .dots i:nth-child(3){animation-delay:.36s}@keyframes cs-idle-dot{0%,to{opacity:.25;transform:translateY(0)}45%{opacity:1;transform:translateY(-15%)}}.cs-idle[data-state=error] .track,.cs-idle[data-state=error] .status{display:none}.cs-idle[data-state=error] .error-box{display:flex}.cs-idle[data-state=error] .gaze,.cs-idle[data-state=error] .lean,.cs-idle[data-state=error] .smile-g{animation:none;transform:none}.cs-idle[data-state=error] .smile{opacity:0}.cs-idle[data-state=error] .mouth-o{opacity:1}.cs-idle[data-state=error] .face{animation:9.5s cubic-bezier(.45,0,.55,1) infinite cs-idle-breathe}@media (prefers-reduced-motion:reduce){.cs-idle .face,.cs-idle .lean,.cs-idle .gaze,.cs-idle .eye-l,.cs-idle .eye-r,.cs-idle .smile-g,.cs-idle .dots i{animation:none!important}.cs-idle .track__seg{opacity:.35;width:100%;transform:none;animation:none!important}.cs-idle .msg{transition:opacity .2s linear;transform:none!important}.cs-idle .msg.is-out{transform:none}}
