*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;margin:0}html[data-ruta=editor],html[data-ruta=editor] body,html[data-ruta=editor] #root,html[data-ruta=disenador],html[data-ruta=disenador] body,html[data-ruta=disenador] #root{height:100%;overflow:hidden}body{color:#e8eef5;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background:#10141c;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.app{height:100%;display:grid}.divisor{cursor:col-resize;touch-action:none;-webkit-tap-highlight-color:transparent;background:#26304a;position:relative}.divisor:before{content:"";position:absolute;inset:0 -18px}.divisor:hover,.divisor:focus-visible{background:#3f74e8;outline:none}.divisor__agarre{pointer-events:none;background:#6b7ba0;border-radius:999px;width:6px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.divisor:hover .divisor__agarre,.divisor:focus-visible .divisor__agarre{background:#cdd8ee}.panel{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.panel--bloques{border-right:1px solid #26304a;position:relative}.panel--bloques .btn-maximizar{background:#232c40e0;width:40px;height:40px;font-size:17px;top:12px;right:12px}.cabecera{background:#141926;border-bottom:1px solid #26304a;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.cabecera span{opacity:.6}.cabecera button{min-height:36px;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;background:#232c40;border:1px solid #3a4762;border-radius:7px;padding:6px 14px;font-size:13px}.cabecera button.activo{background:#35507f;border-color:#4f74ad}.estado{opacity:1;background:#232c40;border-radius:999px;margin-left:auto;padding:4px 10px;font-size:12px}.estado.ok{color:#6ee787;background:#1d4a2c}.estado.mal{color:#ff9d9d;background:#4a1d1d}.blockly-host{flex:1;min-height:0}:root{--kuby-panel:#2c2b2a;--kuby-lienzo:#1f1e1d;--kuby-columna:176px;--kuby-pestana:272px;--kuby-circulo:74px;--kuby-fila:96px;--kuby-hueco:18px;--kuby-etiqueta:15px;--kuby-anillo:4px;--kuby-sangria:18px}.blocklyToolbox{width:var(--kuby-pestana)!important;background:linear-gradient(to right, var(--kuby-panel) 0 var(--kuby-columna), var(--kuby-lienzo) var(--kuby-columna) 100%)!important;padding:0!important;overflow:visible!important}.blocklyFlyout,.blocklyFlyoutScrollbar{z-index:75!important}.blocklyToolboxCategoryGroup{justify-content:center;gap:var(--kuby-hueco);flex-flow:column;height:100%;display:flex;padding:0!important}.kuby-cat{outline:none}.kuby-cat .blocklyToolboxCategory{height:var(--kuby-fila);align-items:center;display:flex;padding:0 var(--kuby-sangria) 0 calc(var(--kuby-sangria) - 4px)!important;background:var(--kuby-panel)!important;border-radius:0 calc(var(--kuby-fila) * .55) calc(var(--kuby-fila) * .55) 0!important;border:0!important;margin:0!important}.kuby-cat:hover .blocklyToolboxCategory{background:#363433!important}.kuby-cat .blocklyTreeRowContentContainer{align-items:center;gap:calc(var(--kuby-sangria) - 2px);width:100%;flex-direction:row-reverse!important;display:flex!important}.kuby-cat .blocklyToolboxCategoryIcon{width:var(--kuby-circulo);height:var(--kuby-circulo);border:var(--kuby-anillo) solid var(--anillo,#666);border-radius:50%;flex:none;transition:background-color .12s,box-shadow .12s;visibility:visible!important;background:0 0!important;display:block!important}.kuby-cat .blocklyToolboxCategoryLabel{letter-spacing:.05em;text-align:right;white-space:nowrap;flex:1;color:#8b8a88!important;font-family:system-ui,-apple-system,sans-serif!important;font-size:var(--kuby-etiqueta)!important;font-weight:700!important}.kuby-cat[aria-selected=true] .blocklyToolboxCategoryIcon{border-color:var(--cat);box-shadow:0 0 24px 2px color-mix(in srgb, var(--cat) 70%, transparent);background:var(--cat)!important}.kuby-cat[aria-selected=true] .blocklyToolboxCategoryLabel{color:#d8d7d5!important}.kuby-cat--movimiento{--cat:#2538db;--anillo:#2538db}.kuby-cat--logica{--cat:#7bd82b;--anillo:#7bd82b}.kuby-cat--numeros{--cat:#ac23c4;--anillo:#ac23c4}.kuby-cat--variables{--cat:red;--anillo:red}.kuby-cat--sensores{--cat:#ff6900;--anillo:#ffb929}.contenido{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:16px;overflow:auto}.mapa{border-radius:8px;width:100%;max-width:340px;margin:0 auto;display:block}.datos{flex-wrap:wrap;gap:8px 20px;margin:18px 0 0;font-size:13px;display:flex}.datos div{flex-direction:column;gap:3px;display:flex}.datos dt{text-transform:uppercase;letter-spacing:.04em;opacity:.5;font-size:11px}.datos dd{margin:0;font-weight:600}.pastilla{background:#2a3345;border-radius:999px;margin-right:6px;padding:2px 8px;font-weight:500;display:inline-block}.json{background:#0d1119;margin:0;font-size:11.5px;line-height:1.45}.dialogo-fondo{z-index:1000;background:#080a0e9e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.dialogo{background:#1c2231;border:1px solid #3a4762;border-radius:14px;width:min(420px,100%);padding:22px;box-shadow:0 18px 48px #00000073}.dialogo h2{margin:0 0 14px;font-size:16px;font-weight:600}.dialogo__campo{width:100%;color:inherit;font:inherit;background:#10141c;border:1px solid #3a4762;border-radius:9px;padding:12px 14px;font-size:16px}.dialogo__campo:focus{border-color:#4f74ad;outline:none}.dialogo__pie{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.dialogo__pie button{min-width:104px;min-height:44px;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;background:#232c40;border:1px solid #3a4762;border-radius:9px;padding:10px 18px;font-size:14px;font-weight:600}.dialogo__aceptar{background:#35507f!important;border-color:#4f74ad!important}.escena{flex:1;min-height:0;position:relative}.escena canvas{touch-action:none;display:block}.fundido-victoria{z-index:5;background:#000;animation:1s ease-in-out both fundido-victoria;position:absolute;inset:0}@keyframes fundido-victoria{0%,to{opacity:0}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.fundido-victoria{animation:none}}.controles{z-index:3;background:#1a1a1ab8;border-radius:12px;gap:8px;padding:8px;display:flex;position:absolute;bottom:14px;right:14px}.controles button{min-width:92px;min-height:44px;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;background:#232c40;border:1px solid #3a4762;border-radius:9px;padding:10px 18px;font-size:14px;font-weight:600}.controles button:active{background:#2f3a54}.controles button:disabled{opacity:.4;cursor:default}.app--max-escena .panel--bloques,.app--max-escena .divisor,.app--max-editor .panel--salida,.app--max-editor .divisor{display:none}.overlay{z-index:2;-webkit-user-select:none;user-select:none;background:#1a1a1a99;border-radius:10px;min-width:190px;padding:12px;font-size:14px;line-height:1.45;position:absolute}.overlay--camara{top:14px;left:14px}.overlay--info{bottom:14px;left:14px}.overlay--movido{bottom:auto;right:auto}.overlay{cursor:grab;touch-action:none}.overlay:active{cursor:grabbing}.overlay button{cursor:pointer}.overlay__cabecera{align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.overlay__cabecera span{flex:1}.overlay__minimizar{color:#fff;cursor:pointer;touch-action:manipulation;background:#4d4d4d80;border:0;border-radius:6px;place-items:center;width:28px;height:28px;padding:0;font-size:16px;line-height:1;display:grid}.overlay__minimizar:hover{background:#666666b3}.camara__cuerpo{gap:10px;margin-top:10px;display:flex}.camara__dpad{grid-template-areas:".arriba.""izq.der"".abajo.";gap:6px;display:grid}.camara__dpad .arriba{grid-area:arriba}.camara__dpad .izq{grid-area:izq}.camara__dpad .der{grid-area:der}.camara__dpad .abajo{grid-area:abajo}.camara__zoom{flex-direction:column;gap:6px;display:flex}.camara__btn{color:#fff;cursor:pointer;touch-action:none;background:#4d4d4d8c;border:0;border-radius:8px;place-items:center;width:48px;height:48px;padding:0;font-size:17px;line-height:1;display:grid}.camara__btn:hover{background:#696969bf}.camara__btn:active{background:#8c8c8cd9}.info__cuerpo{margin-top:8px}.info__instruccion{color:#ccc;min-height:1.45em;margin:0 0 2px}.info__fila{margin:0}.info__fila span{color:#bfbfbf}.info__fila strong{color:#fff;font-weight:800}.info__fila--var span{color:#5ac7f2}.btn-maximizar{z-index:2;color:#fff;cursor:pointer;touch-action:manipulation;background:#1a1a1a99;border:0;border-radius:10px;place-items:center;width:48px;height:48px;padding:0;font-size:20px;line-height:1;display:grid;position:absolute;top:14px;right:14px}.btn-maximizar:hover{background:#323232cc}.velocidad__boton{z-index:2;color:#fff;min-width:48px;height:48px;font:inherit;cursor:pointer;touch-action:manipulation;background:#1a1a1a99;border:0;border-radius:10px;padding:0 12px;font-size:15px;font-weight:700;line-height:1;position:absolute;top:14px;right:70px}.velocidad__boton:hover{background:#323232cc}.velocidad__fondo{z-index:1000;position:fixed;inset:0}.velocidad__menu{z-index:1001;background:#1e1e1e;border:1px solid #3a3a3a;border-radius:10px;flex-direction:column;gap:2px;min-width:120px;padding:6px;display:flex;position:absolute;top:66px;right:70px;box-shadow:0 10px 30px #00000073}.velocidad__opcion{color:#f0f0f0;min-height:40px;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:6px;padding:8px 14px;font-size:15px}.velocidad__opcion:hover{background:#333}.velocidad__opcion--activa{color:#9ac72d;font-weight:700}.btn-cargar{z-index:2;cursor:pointer;touch-action:manipulation;background:#232c40e0;border:0;border-radius:10px;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;top:12px;right:62px}.btn-cargar img{width:32px;height:32px}.btn-cargar:hover{background:#323c54eb}.btn-guardar{z-index:2;cursor:pointer;touch-action:manipulation;background:#402c23e0;border:0;border-radius:10px;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;top:12px;right:110px}.btn-guardar img{width:32px;height:32px}.btn-guardar:hover:not(:disabled){background:#543a2eeb}.btn-guardar:disabled{cursor:default}.blocklyWidgetDiv .blocklyMenu{background:#1e1e1e!important;border:1px solid #3a3a3a!important;border-radius:10px!important;padding:6px!important;box-shadow:0 10px 30px #00000073!important}.blocklyWidgetDiv .blocklyMenuItem{border-radius:6px;min-height:44px;line-height:1.4;color:#f0f0f0!important;padding:10px 22px!important;font-family:system-ui,-apple-system,sans-serif!important;font-size:17px!important}.blocklyWidgetDiv .blocklyMenuItemHighlight,.blocklyWidgetDiv .blocklyMenuItem:hover{background:#333!important}.blocklyWidgetDiv .kuby-borrar{color:#ff4d4d}.blocklyWidgetDiv .blocklyShortcut{display:none!important}.blocklyDropDownDiv{border-radius:12px!important}.blocklyDropDownDiv .blocklyMenu{padding:6px 4px!important}.blocklyDropDownDiv .blocklyMenuItem{border-radius:8px;min-height:48px;line-height:1.4;color:#fff!important;padding:12px 20px 12px 34px!important;font-family:system-ui,-apple-system,sans-serif!important;font-size:18px!important;font-weight:600!important}.blocklyDropDownDiv .blocklyMenuItemHighlight,.blocklyDropDownDiv .blocklyMenuItem:hover{background:#ffffff2e!important}.blocklyDropDownDiv .blocklyMenuItemCheckbox{width:18px!important;font-size:18px!important;line-height:48px!important;left:10px!important}@media (height<=560px){:root{--kuby-columna:104px;--kuby-pestana:156px;--kuby-circulo:34px;--kuby-fila:46px;--kuby-hueco:6px;--kuby-etiqueta:10px;--kuby-anillo:3px;--kuby-sangria:10px}.overlay{min-width:0;padding:7px;font-size:10px;line-height:1.3}.overlay--camara{top:8px;left:8px}.overlay--info{inset:48px 8px auto auto}.overlay__cabecera{gap:6px;font-size:11px}.overlay__minimizar{width:20px;height:20px;font-size:12px}.camara__cuerpo{gap:6px;margin-top:6px}.camara__dpad,.camara__zoom{gap:3px}.camara__btn{width:30px;height:30px;font-size:12px}.controles{gap:5px;padding:5px;bottom:8px;right:8px}.controles button{min-width:0;min-height:38px;padding:8px 10px;font-size:11px}.panel--bloques .btn-maximizar,.btn-maximizar{width:32px;height:32px;font-size:14px}.velocidad__boton,.velocidad__menu{right:54px}.velocidad__boton{min-width:40px;height:32px;font-size:13px;top:12px}.velocidad__menu{top:50px}.btn-cargar{width:32px;height:32px;top:12px;right:52px}.btn-cargar img{width:26px;height:26px}.btn-guardar{width:32px;height:32px;top:12px;right:90px}.btn-guardar img{width:26px;height:26px}}.video-tutorial-velo{z-index:1000;background:#0a0909d9;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.video-tutorial{width:min(920px,100%);position:relative}.video-tutorial__cerrar{z-index:1;color:#fff;cursor:pointer;background:#e02020;border:none;border-radius:50%;width:46px;height:46px;font-size:20px;font-weight:800;position:absolute;top:-16px;right:-16px}.video-tutorial__marco{aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden;box-shadow:0 18px 60px #0000008c}.video-tutorial__iframe{border:0;width:100%;height:100%}.preview-fondo{z-index:1200;background:#080706cc;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.preview{background:#1f1e1d;border-radius:25px;flex-direction:column;align-items:center;gap:18px;width:min(1060px,100%);max-height:100%;padding:26px 30px 30px;display:flex;overflow-y:auto;box-shadow:0 24px 60px #0000008c}.preview__titulo{color:#fff;text-align:center;margin:0;font-size:30px;font-weight:800}.preview__cuerpo{align-items:center;gap:20px;width:100%;display:flex}.preview__lienzo{aspect-ratio:711/400;background:#101418;border-radius:12px;flex:auto;min-width:0;position:relative;overflow:hidden}.preview__cargando{color:#d6d2d0;background:#101418;place-items:center;margin:0;font-size:20px;font-weight:700;display:grid;position:absolute;inset:0}.preview__btn{color:#fff;width:48px;height:48px;font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:#404040;border:0;border-radius:8px;place-items:center;font-size:19px;line-height:1;display:grid}.preview__btn:hover{background:#4d4d4d}.preview__btn:active{background:#5c5c5c}.preview__dpad{flex:none;grid-template-rows:repeat(3,48px);grid-template-columns:repeat(3,48px);gap:4px;display:grid}.preview__dpad .arriba{grid-area:1/2}.preview__dpad .izq{grid-area:2/1}.preview__dpad .der{grid-area:2/3}.preview__dpad .abajo{grid-area:3/2}.preview__zoom{flex-direction:column;flex:none;gap:12px;display:flex}.preview__info{color:#d6d2d0;text-align:center;max-width:74ch;margin:0;font-size:16px;line-height:1.5}.preview__ok{color:#fff;min-width:180px;font:inherit;letter-spacing:.04em;cursor:pointer;background:#8a5ec1;border:0;border-radius:15px;padding:14px 28px;font-size:19px;font-weight:800}.preview__ok:hover{filter:brightness(1.1)}@media (width<=720px){.preview{gap:14px;padding:18px 16px 22px}.preview__titulo{font-size:22px}.preview__cuerpo{flex-wrap:wrap;justify-content:center}.preview__lienzo{flex:1 0 100%;order:-1}.preview__zoom{flex-direction:row}}@media (height<=560px){.preview{gap:10px;padding:14px 18px 16px}.preview__titulo{font-size:20px}.preview__info{font-size:14px}.preview__btn{width:40px;height:40px}.preview__dpad{grid-template-rows:repeat(3,40px);grid-template-columns:repeat(3,40px)}.preview__ok{padding:10px 24px;font-size:17px}}.cab-editor{color:#fff;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#a926c2 0%,#bd1dac 100%);flex:none;align-items:center;gap:22px;height:66px;padding:0 18px;display:flex}.cab-editor__logo{flex:none;width:auto;height:46px}.cab-editor__reto{color:#e5bb14;white-space:nowrap;text-overflow:ellipsis;flex:none;max-width:34%;font-size:21px;font-weight:700;overflow:hidden}.cab-editor__programa{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:21px;font-weight:600;overflow:hidden}.cab-editor__home{cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;width:46px;height:46px;padding:0;display:grid}.cab-editor__home img{width:38px;height:38px}.cab-editor__home:hover{background:#ffffff29}.editor-cargar-overlay{z-index:1700;position:fixed;inset:0;overflow:auto}.editor-pantalla{flex-direction:column;height:100%;display:flex;overflow:hidden}.editor-pantalla>.app{flex:auto;height:auto;min-height:0}.confirmar-fondo{z-index:1500;background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.confirmar{text-align:center;background:#1f1e1d;border-radius:25px;width:min(660px,100%);padding:30px 36px 36px;box-shadow:0 20px 60px #0009}.confirmar__titulo{color:#bd4f36;letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:27px;font-weight:700}.confirmar__mensaje{color:#a5a09f;max-width:46ch;margin:26px auto 0;font-size:19px;line-height:1.5}.confirmar__botones{justify-content:center;gap:150px;margin-top:46px;display:flex}.confirmar__btn{min-width:130px;font:inherit;cursor:pointer;border:2px solid #0000;border-radius:15px;padding:12px 24px;font-size:22px;font-weight:600}.confirmar__btn--si{color:#1f1e1d;background:#bd4f36}.confirmar__btn--no{color:#bd4f36;background:#1f1e1d;border-color:#bd4f36}.confirmar__btn:hover{filter:brightness(1.12)}.confirmar__btn:disabled{opacity:.5;cursor:default}.guardar-campo{color:#fff;width:100%;font:inherit;text-align:center;background:#2a2826;border:1px solid #3a3735;border-radius:10px;margin-top:26px;padding:12px 16px;font-size:18px}.guardar-campo:focus{border-color:#bd4f36;outline:none}.guardado-aviso{z-index:1600;color:#fff;text-align:center;background:#1f1e1d;border:1px solid #bd4f36;border-radius:10px;max-width:min(480px,100vw - 40px);padding:12px 18px;font-size:14px;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000073}.derrota-fondo{z-index:1500;background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.derrota{text-align:center;background:#1f1e1d;border-radius:25px;width:min(560px,100%);padding:30px 36px 36px;box-shadow:0 20px 60px #0009}.derrota__titulo{color:#bd4f36;letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:34px;font-weight:800}.derrota__mensaje{color:#a5a09f;max-width:42ch;margin:20px auto 0;font-size:19px;line-height:1.5}.derrota__btn{color:#1f1e1d;min-width:200px;font:inherit;cursor:pointer;background:#bd4f36;border:0;border-radius:15px;margin-top:30px;padding:12px 24px;font-size:20px;font-weight:700}.derrota__btn:hover{filter:brightness(1.12)}@media (height<=560px){.derrota{padding:18px 22px 22px}.derrota__titulo{font-size:22px}.derrota__mensaje{margin-top:10px;font-size:15px}.derrota__btn{margin-top:16px;padding:10px 20px;font-size:17px}.cab-editor{gap:14px;height:48px;padding:0 12px}.cab-editor__logo{height:32px}.cab-editor__reto,.cab-editor__programa{font-size:16px}.cab-editor__home,.cab-editor__home img{width:34px;height:34px}.confirmar{padding:18px 22px 22px}.confirmar__titulo{font-size:21px}.confirmar__mensaje{margin-top:10px;font-size:15px}.confirmar__botones{gap:60px;margin-top:22px}}.victoria-fondo{z-index:1600;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.victoria{text-align:center;background:#1f1e1d;border-radius:25px;flex-direction:column;align-items:center;width:min(560px,100%);max-height:100%;padding:26px 32px 32px;animation:.35s cubic-bezier(.2,1.3,.5,1) both victoria-entra;display:flex;overflow-y:auto;box-shadow:0 24px 60px #0009}@keyframes victoria-entra{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.victoria__robot{width:130px;height:auto}.victoria__estrellas{gap:4px;margin-top:6px;display:flex}.victoria__estrella{animation:.45s cubic-bezier(.2,1.5,.4,1) both victoria-estrella;display:block}.victoria__estrella .estrella{color:#ff9906;width:62px;height:62px}@keyframes victoria-estrella{0%{opacity:0;transform:scale(.2)rotate(-40deg)}to{opacity:1;transform:scale(1)rotate(0)}}.victoria__titulo{color:#9ac72d;letter-spacing:.01em;text-transform:uppercase;margin:10px 0 0;font-size:38px;font-weight:800}.victoria__mensaje{color:#a5a09f;max-width:40ch;margin:10px 0 0;font-size:18px;line-height:1.45}.victoria__btn{color:#1f1e1d;min-width:163px;font:inherit;cursor:pointer;background:#9ac72d;border:0;border-radius:15px;margin-top:24px;padding:13px 28px;font-size:20px;font-weight:700}.victoria__btn:hover{filter:brightness(1.08)}@media (prefers-reduced-motion:reduce){.victoria,.victoria__estrella{animation:none}}@media (height<=560px){.victoria{padding:16px 22px 20px}.victoria__robot{width:82px}.victoria__estrella .estrella{width:44px;height:44px}.victoria__titulo{font-size:26px}.victoria__mensaje{font-size:15px}.victoria__btn{margin-top:14px;padding:10px 24px;font-size:17px}}.tablero{--fondo:#1a1817;--panel-hero:#2e1f3b;--panel:#211f1d;--naranja:#bd4f36;--verde:#9ac72d;--verde-borde:#699206;--verde-titulo:#a6f273;--morado:#985ec4;--morado-borde:#560791;--estrella:#ff9906;--tinta:#1f1e1d;--gris:#a3a09f;background:var(--fondo);color:#fff;min-height:100%}.tablero__cuerpo{max-width:1640px;margin:0 auto;padding:24px 36px 0}.cabecera-demo{z-index:10;background:linear-gradient(90deg,#955ec2 0%,#a458b1 100%);align-items:center;gap:18px;height:78px;padding:0 28px;display:flex;position:sticky;top:0}.cabecera-demo__logo{width:auto;height:52px}.cabecera-demo__kuby{width:auto;height:62px}.cabecera-demo__cta{margin-left:auto}.btn-demo{font:inherit;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:10px;padding:13px 26px;font-size:15px;font-weight:800;text-decoration:none;transition:filter .12s,transform .12s;display:inline-flex}.btn-demo:hover{filter:brightness(1.08)}.btn-demo:active{transform:translateY(1px)}.btn-demo--naranja{background:var(--naranja);color:#fff;box-shadow:0 3px #0000002e}.btn-demo--verde{background:var(--verde);color:var(--tinta);box-shadow:0 3px 0 var(--verde-borde)}.btn-demo--blanco{color:var(--naranja);background:#fff}.hero{background:var(--panel-hero);border:1px solid #ffffff0f;border-radius:20px;align-items:center;gap:34px;padding:28px 32px;display:flex}.hero__miniatura{object-fit:cover;background:#16121c;border-radius:10px;flex:none;width:250px;height:175px}.hero__kuby{flex:none;width:168px;height:auto}.hero__texto{min-width:0}.hero__chip{background:var(--naranja);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:7px 18px;font-size:13px;font-weight:800;display:inline-block}.hero__titulo{margin:14px 0 0;font-size:34px;font-weight:800;line-height:1.15}.hero__descripcion{color:#d6d2d0;max-width:78ch;margin:12px 0 0;font-size:16px;line-height:1.45}.hero__acciones{flex-wrap:wrap;gap:14px;margin-top:22px;display:flex}.progreso{background:var(--panel);border-radius:14px;align-items:center;gap:28px;margin-top:24px;padding:16px 26px;display:flex}.progreso__cifra{flex:none;min-width:92px}.progreso__cifra--der{text-align:right}.progreso__numero{font-size:26px;font-weight:800;line-height:1.1}.progreso__etiqueta{color:var(--gris);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:700}.progreso__pista{background:#0f0e0d;border-radius:999px;flex:auto;height:14px;overflow:hidden}.progreso__relleno{background:var(--verde);border-radius:999px;height:100%;transition:width .35s}.capitulo{margin-top:30px}.capitulo__encabezado{align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.capitulo__titulo{color:var(--verde-titulo);margin:0;font-size:23px;font-weight:800}.capitulo__conteo{color:var(--gris);margin-left:auto;font-size:16px}.capitulo__fila{grid-template-columns:repeat(auto-fill,minmax(240px,268px));gap:30px;padding-bottom:34px;display:grid}.tarjeta{border:2px solid var(--verde-borde);background:var(--verde);height:290px;color:var(--tinta);text-align:left;font:inherit;cursor:pointer;border-radius:30px;flex-direction:column;gap:10px;padding:16px;transition:transform .14s,filter .14s;display:flex;position:relative}.tarjeta:hover{filter:brightness(1.04);transform:translateY(-3px)scale(1.02)}.tarjeta:active{transform:translateY(0)scale(1)}.tarjeta__cabeza{align-items:flex-start;gap:8px;min-height:38px;display:flex}.tarjeta__nombre{text-transform:uppercase;font-size:16px;font-weight:800;line-height:1.15}.tarjeta__ojo{border:2px solid var(--morado-borde);background:var(--morado);color:#fff;cursor:pointer;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;margin-left:auto;padding:0;display:grid}.tarjeta__miniatura{object-fit:cover;background:#7ba321;border-radius:8px;width:100%;height:130px}.tarjeta__pie{align-items:flex-end;margin-top:auto;display:flex}.tarjeta__dificultad{font-size:15px;line-height:1.25}.tarjeta__dificultad b{font-weight:800;display:block}.tarjeta__jugar{color:#fff;filter:drop-shadow(0 1px 1px #00000040);margin-left:auto}.tarjeta__estrellas{gap:2px;display:flex;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.estrella{width:46px;height:46px;color:var(--estrella);filter:drop-shadow(0 2px 2px #00000059)}.estrella--vacia{color:#4a4744}.tarjeta--bloqueada{cursor:default;filter:grayscale(.65)brightness(.62)}.tarjeta--bloqueada:hover{filter:grayscale(.65)brightness(.62);transform:none}.tarjeta__candado{filter:drop-shadow(0 1px 2px #0006);width:34px;height:34px;margin-left:auto}.tarjeta--dominada{border-color:#f2d14d;box-shadow:0 0 0 2px #f2d14d73}.tarjeta--siguiente{animation:1.6s ease-in-out infinite tarjeta-late}.tarjeta--siguiente:hover{animation:none}@keyframes tarjeta-late{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.tarjeta--siguiente{animation:none}}.toast-cap{z-index:1400;pointer-events:none;background:#266b2ef2;border:3px solid #f2d14d;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:min(620px,100% - 32px);min-height:130px;padding:14px 20px;transition:transform .5s cubic-bezier(.25,1,.5,1);display:flex;position:fixed;top:30px;left:50%;box-shadow:0 0 12px #00000080}.toast-cap--entrando,.toast-cap--saliendo{transform:translate(-50%,calc(-100% - 60px))}.toast-cap--saliendo{transition:transform .4s cubic-bezier(.5,0,.75,0)}.toast-cap--visible{transform:translate(-50%)}.toast-cap__sub{color:#f2d14d;text-align:center;font-size:16px;font-weight:500}.toast-cap__titulo{color:#fff;text-align:center;font-size:26px;font-weight:800}@media (width<=720px){.toast-cap{min-height:96px}.toast-cap__titulo{font-size:20px}}.crear__nueva{color:#fff;height:250px;font:inherit;cursor:pointer;background:#201e1c;border:2px solid #3a3735;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;transition:border-color .14s;display:flex}.crear__nueva:hover{border-color:var(--verde)}.crear__mas{background:var(--verde);width:54px;height:54px;color:var(--tinta);border-radius:50%;place-items:center;font-size:30px;font-weight:800;line-height:1;display:grid}.crear__titulo{letter-spacing:.04em;text-transform:uppercase;font-size:16px;font-weight:800}.crear__ayuda{max-width:22ch;color:var(--gris);text-align:center;font-size:14px;line-height:1.35}.tarjeta--propio{gap:8px}.tarjeta__detalle{color:#3f4b16;font-size:13px;font-weight:700}.tarjeta--propio .tarjeta__pie{align-items:center;gap:10px}.tarjeta__editar{border:2px solid var(--morado-borde);background:var(--morado);color:#fff;font:inherit;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:800;display:inline-flex}.tarjeta__editar:hover{filter:brightness(1.1)}.tarjeta__borrar{background:var(--naranja);border-color:#7a1f12;margin-left:0}.tarjeta__miniatura--horno,.tarjeta__miniatura--sin{color:#eef7d8;background:#6f9420;place-items:center;font-size:13px;font-weight:700;display:grid}.tarjeta__miniatura--horno{animation:1.4s ease-in-out infinite horno-late}.tarjeta__miniatura--sin{color:#f3d9d2;background:#6b4a41}@keyframes horno-late{0%,to{opacity:1}50%{opacity:.72}}@media (prefers-reduced-motion:reduce){.tarjeta__miniatura--horno{animation:none}}.cta-final{background:var(--naranja);border-radius:20px;align-items:center;gap:32px;margin:34px 0 40px;padding:30px 36px;display:flex;box-shadow:0 0 42px #bd4f3673}.cta-final__tag{letter-spacing:.08em;text-transform:uppercase;opacity:.85;font-size:13px;font-weight:800}.cta-final__titulo{margin:10px 0 0;font-size:27px;font-weight:800;line-height:1.2}.cta-final__texto{max-width:64ch;margin:14px 0 0;font-size:16px;line-height:1.45}.cta-final__boton{flex:none;margin-left:auto}@media (width<=860px){.tablero__cuerpo{padding:16px 18px 0}.hero,.cta-final{flex-direction:column;align-items:flex-start;gap:20px}.hero__titulo{font-size:26px}.cta-final__boton{margin-left:0}.capitulo__fila{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.progreso{gap:14px;padding:14px 16px}}.programas{height:100%;min-height:100dvh;padding:clamp(10px, 3vh, 28px) 24px calc(var(--borde) * 2 + var(--pie-alto));color:#fff;--borde:24px;--pie-relleno:clamp(8px, 1.6vh, 14px);--pie-texto:clamp(15px, 2.1vh, 19px);--pie-alto:calc(var(--pie-relleno) * 2 + var(--pie-texto) * 1.25);--cabeza:clamp(84px, min(20vh, 16vw), 150px);--ancho-tarjeta:calc(var(--cabeza) * .37);background:#0d0c0b;flex-direction:column;display:flex;position:relative;overflow:hidden}.programas__cabeza{text-align:center;flex:none}.programas__titulo{color:#a6f273;letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:clamp(22px,4.5vh,42px);font-weight:800}.programas__ayuda{color:#d6d2d0;max-width:56ch;margin:clamp(4px,1vh,10px) auto 0;font-size:clamp(14px,2vh,19px);line-height:1.4}.programas__area{touch-action:none;flex:auto;min-height:0;margin:clamp(8px,2vh,22px) 0;position:relative}.programas__kuby{z-index:1;width:var(--cabeza);transition:transform .12s;position:absolute;top:0;left:50%;transform:translate(-50%)}.programas__cara{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.programas__zona{pointer-events:none;width:46%;height:28%;position:absolute;top:77.3%;left:50.5%;transform:translate(-50%,-50%)}.programas__kuby--rebote{animation:.45s programas-rebote}@keyframes programas-rebote{0%,to{transform:translate(-50%)}25%{transform:translate(-50%)rotate(-5deg)}75%{transform:translate(-50%)rotate(5deg)}}.programas__tarjeta{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;flex-direction:column;align-items:center;gap:4px;width:54px;display:flex;position:absolute}.programas__tarjeta img{width:var(--ancho-tarjeta);pointer-events:none;filter:drop-shadow(0 3px 5px #00000073);height:auto}.programas__borrar{z-index:4;cursor:pointer;touch-action:manipulation;opacity:.85;background:0 0;border:0;place-items:center;width:22px;height:22px;padding:0;display:grid;position:absolute;top:-6px;right:-6px}.programas__borrar:hover{opacity:1;transform:scale(1.1)}.programas__borrar img{pointer-events:none;filter:drop-shadow(0 2px 3px #0009);width:100%;height:100%}.programas__tarjeta--arrastrando{cursor:grabbing;z-index:5}.programas__tarjeta--arrastrando img{transform:scale(1.08)}.programas__tarjeta--puesta{z-index:3}.programas__nombre{color:#fff;text-align:center;text-shadow:0 1px 3px #000000b3;pointer-events:none;max-width:92px;font-size:16px;font-weight:700;line-height:1.25}.programas__basurero{right:var(--borde);bottom:var(--borde);z-index:10;pointer-events:none;filter:drop-shadow(0 4px 8px #00000080);width:64px;height:64px;transition:transform .12s;position:fixed}.programas__basurero img{width:100%;height:100%}.programas__basurero--abierto{transform:scale(1.12)}.programas__pie{left:0;right:0;bottom:var(--borde);z-index:10;pointer-events:none;justify-content:center;gap:clamp(10px,2vh,20px);display:flex;position:fixed}.programas__pie>*{pointer-events:auto}.programas__btn{min-width:160px;padding:var(--pie-relleno) 30px;font:inherit;font-size:var(--pie-texto);cursor:pointer;border:0;border-radius:10px;font-weight:700;line-height:1.25}.programas__btn--cancelar{color:#fff;background:#e0562f}.programas__btn--cargar{color:#2b2725;background:#d6cec9}.programas__btn--cargar:disabled{opacity:.45;cursor:not-allowed}.programas__btn:not(:disabled):hover{filter:brightness(1.08)}@media (width<=720px){.programas{--borde:14px;padding-left:14px;padding-right:14px}.programas__basurero{width:48px;height:48px}.programas__btn{min-width:130px;padding-left:20px;padding-right:20px}}.disenador{--dis-fondo:#1a1817;--dis-panel:#211f1d;--dis-borde:#3a3735;--dis-naranja:#bd4f36;--dis-naranja-claro:#d9664d;--dis-gris:#a3a09f;--dis-verde:#9ac72d;--dis-tinta:#1f1e1d;--dis-apagado:#8b8785;background:var(--dis-fondo);color:#fff;flex-direction:column;height:100%;display:flex}.dis-barra{border-bottom:1px solid var(--dis-borde);background:#262422;align-items:center;gap:16px;padding:12px 20px;display:flex}.dis-barra__titulo{color:var(--dis-naranja-claro);letter-spacing:.03em;text-align:center;text-transform:uppercase;flex:1;margin:0;font-size:21px;font-weight:800}.dis-barra__acciones{gap:10px;display:flex}.dis-btn{font:inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:none;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:800;transition:filter .12s}.dis-btn:hover:not(:disabled){filter:brightness(1.15)}.dis-btn:disabled{opacity:.45;cursor:default}.dis-btn--naranja{background:var(--dis-naranja);color:#fff}.dis-btn--verde{background:var(--dis-verde);color:var(--dis-tinta)}.dis-btn--morado{color:#fff;background:#985ec4}.dis-btn--gris{color:#fff;background:#34312f}.dis-cuerpo{flex:1;gap:16px;min-height:0;padding:16px;display:flex}.dis-lienzo{background:var(--dis-panel);border:1px solid var(--dis-borde);border-radius:12px;flex:1;place-items:center;min-width:0;padding:16px;display:grid;overflow:auto}.dis-grilla{aspect-ratio:1;touch-action:none;grid-auto-rows:1fr;gap:2px;width:min(100%,100vh - 190px);display:grid}.dis-celda{cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;background-color:#2a2826;background-position:50%;background-size:cover;border:none;border-radius:3px;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.dis-celda:hover{outline-offset:-2px;z-index:1;outline:2px solid #ffffffbf}.dis-celda--robot{outline-offset:-2px;outline:2px solid #35d6a4}.dis-celda--meta{outline-offset:-2px;outline:2px solid #e857c8}.dis-celda__icono{object-fit:contain;pointer-events:none;width:86%;height:86%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dis-celda__cristal{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);pointer-events:none;width:52%;height:66%;box-shadow:0 0 0 1px #ffffffd9}.dis-celda__letra{color:#fff;text-shadow:0 1px 2px #000000e6;pointer-events:none;font-size:clamp(9px,1.6vw,15px);font-weight:900;position:absolute}.dis-panel{background:var(--dis-panel);border:1px solid var(--dis-borde);border-radius:12px;flex:0 0 300px;padding:4px 14px 18px;overflow-y:auto}.dis-panel__titulo{color:var(--dis-naranja-claro);letter-spacing:.08em;text-align:center;text-transform:uppercase;margin:18px 0 10px;font-size:14px;font-weight:800}.dis-panel__rejilla{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.dis-tool{aspect-ratio:1;border:2px solid var(--dis-borde);cursor:pointer;background:#2a2826;border-radius:10px;place-items:center;padding:8px;transition:border-color .12s;display:grid}.dis-tool:hover{border-color:var(--dis-gris)}.dis-tool--activa{border-color:var(--dis-naranja);box-shadow:0 0 0 2px #bd4f3659}.dis-tool img{object-fit:contain;width:100%;height:100%}.dis-tool__cristal{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);width:62%;height:78%;box-shadow:0 0 0 1px #ffffffd9}.dis-segmentos{justify-content:center;gap:6px;margin-bottom:8px;display:flex}.dis-seg{color:var(--dis-apagado);font:inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#34312f;border:2px solid #0000;border-radius:7px;flex:1;padding:6px 4px;font-size:12px;font-weight:800}.dis-seg--activo{color:#fff;border-color:#fff}.dis-seg--suelo.dis-seg--activo{background:#4b8f2b}.dis-seg--pared.dis-seg--activo{background:#7a5a1e}.dis-seg--normal.dis-seg--activo{background:#55524f}.dis-seg--blink.dis-seg--activo{background:#8a7412}.dis-seg--cycle.dis-seg--activo{background:#2557b8}.dis-colores{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.dis-color{aspect-ratio:1;border:2px solid var(--dis-borde);cursor:pointer;background:#2a2826;border-radius:10px;place-items:center;padding:10px;transition:border-color .12s;display:grid}.dis-color:hover{border-color:var(--dis-gris)}.dis-color--activo{border-color:var(--dis-naranja);box-shadow:0 0 0 2px #bd4f3659}.dis-color__muestra{border-radius:3px;width:100%}.dis-color__muestra--suelo{clip-path:polygon(14% 0,86% 0,100% 100%,0 100%);height:42%}.dis-color__muestra--pared{clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);height:78%}.dis-resumen{color:var(--dis-gris);margin:0;font-size:13px}.dis-resumen__fila{justify-content:space-between;gap:12px;padding:3px 6px;display:flex}.dis-resumen dt{font-weight:600}.dis-resumen dd{color:#fff;font-variant-numeric:tabular-nums;margin:0}.dis-velo{z-index:50;background:#0a0909d1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dis-dialogo{background:#2c2b2a;border-radius:14px;width:min(560px,100%);padding:30px 34px 24px;position:relative;box-shadow:0 18px 60px #0000008c}.dis-dialogo__cerrar{color:#fff;cursor:pointer;background:#e02020;border:none;border-radius:50%;width:46px;height:46px;font-size:20px;font-weight:800;position:absolute;top:-16px;right:-16px}.dis-dialogo__titulo{color:var(--dis-naranja-claro);letter-spacing:.02em;text-align:center;text-transform:uppercase;margin:0 0 22px;font-size:26px;font-weight:800}.dis-campo{margin-bottom:18px;display:block}.dis-campo__etiqueta{color:var(--dis-gris);margin-bottom:8px;font-size:14px;display:block}.dis-campo__entrada{color:#fff;width:100%;font:inherit;background:#232120;border:1px solid #4a4744;border-radius:6px;padding:10px 12px;font-size:17px}.dis-campo__entrada:focus{border-color:var(--dis-naranja);outline:none}.dis-opciones{gap:12px;display:flex}.dis-opcion{color:#1f1e1d;min-width:112px;font:inherit;cursor:pointer;background:#a3a09f;border:2px solid #0000;border-radius:15px;flex-direction:column;align-items:center;gap:2px;padding:11px 16px;font-weight:700;display:flex}.dis-opcion--ancha{text-transform:uppercase;min-width:148px}.dis-opcion:hover{filter:brightness(1.08)}.dis-opcion--activa{color:#fff;background:#bd4f36;border-color:#fff}.dis-dialogo__pie{justify-content:flex-end;gap:10px;margin-top:26px;display:flex}.dis-dialogo--reglas{flex-direction:column;width:min(640px,100%);max-height:86vh;display:flex}.dis-reglas__cuerpo{padding-right:4px;overflow-y:auto}.dis-reglas__seccion{border-bottom:1px solid var(--dis-borde);margin-bottom:18px;padding-bottom:18px}.dis-reglas__seccion:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.dis-reglas__header{color:var(--dis-naranja-claro);letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px;font-size:15px;font-weight:800}.dis-reglas__subtitulo{color:var(--dis-gris);text-transform:uppercase;margin:12px 0 6px;font-size:13px;font-weight:700}.dis-reglas__ayuda{color:var(--dis-gris);margin:0 0 10px;font-size:13px}.dis-reglas__vacio{color:var(--dis-apagado);margin:0;font-size:13px;font-style:italic}.dis-reglas__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px 16px;display:grid}.dis-reglas__grid--colores{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.dis-reglas__check{color:#fff;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.dis-reglas__check input{width:16px;height:16px;accent-color:var(--dis-naranja)}.dis-reglas__check--apagado{color:var(--dis-apagado);cursor:default;opacity:.55}.dis-reglas__grupo+.dis-reglas__grupo{margin-top:4px}.dis-reglas__campo-numero{color:#fff;align-items:center;gap:10px;margin-top:10px;font-size:14px;display:flex}.dis-reglas__campo-numero input{color:#fff;width:70px;font:inherit;background:#232120;border:1px solid #4a4744;border-radius:6px;padding:6px 8px}.dis-reglas__por-color{flex-direction:column;display:flex}.dis-aviso{z-index:60;border:1px solid var(--dis-naranja);color:#ffd9cf;background:#3a2018;border-radius:10px;align-items:center;gap:14px;max-width:min(560px,100vw - 40px);padding:13px 16px;font-size:14px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.dis-aviso button{color:inherit;cursor:pointer;background:0 0;border:none;flex:none;font-size:15px}@media (width<=900px){.dis-cuerpo{flex-direction:column}.dis-panel{flex:none}.dis-grilla{width:min(100%,100vh - 300px)}}