:root{--bg:#0b0f0e;--fg:#e8eeeb;--card:#151c1a;--muted:#8b9893;--p:#1ec8a8;--pd:#041411;--tr:#e07a3a;--tu:#7b6bc9;--bd:#2a3330}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,sans-serif}input{font:inherit}button{font:inherit;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.screen{display:none;min-height:100dvh}.screen.on{display:block}.wrap{max-width:28rem;margin:0 auto;padding:16px 16px 92px}.brand{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.btn-nuevo{margin-left:auto;border:0;min-height:36px;padding:0 12px;border-radius:10px;background:var(--card);color:var(--fg);font-weight:700;font-size:13px;white-space:nowrap;box-shadow:0 0 0 1px #e8eeeb14}.logo{width:42px;height:42px;border-radius:12px;display:block;overflow:hidden;flex:0 0 42px}h1{margin:0;font-size:18px}.muted{margin:0;color:var(--muted);font-size:12px}.nano{background:#1ec8a814;border-radius:12px 12px 12px 4px;padding:12px;margin:14px 0;box-shadow:inset 0 0 0 1px #1ec8a859}.nano b{display:block;color:var(--p);font-size:11px;letter-spacing:.06em}.nano.warn{background:#e25b5b14;box-shadow:inset 0 0 0 1px #e25b5b80}.lbl{display:block;font-size:13px;font-weight:700;margin:14px 0 7px}.req{color:var(--p)}input[type=text],input[type=password]{width:100%;height:44px;border:0;border-radius:10px;background:var(--card);color:var(--fg);padding:0 12px;box-shadow:0 0 0 1px #e8eeeb14}.buscador{margin:14px 0}.opts{display:flex;flex-wrap:wrap;gap:8px}.opt{border:0;min-height:42px;padding:0 12px;border-radius:10px;background:var(--card);color:var(--fg);font-weight:650;box-shadow:0 0 0 1px #e8eeeb14}.opt.on{background:var(--p);color:var(--pd)}.opt.dis{opacity:.45;color:var(--muted);cursor:not-allowed;box-shadow:inset 0 0 0 1px #e8eeeb2e}.opt-candado{margin-right:5px}.opt-opacidad,.opt-opacidad input[type=range]{width:100%}.cta{position:fixed;left:0;right:0;bottom:0;background:var(--bg);border-top:1px solid var(--bd);padding:12px 16px calc(16px + env(safe-area-inset-bottom));z-index:20}.btn{width:100%;height:48px;border:0;border-radius:12px;background:var(--p);color:var(--pd);font-weight:800;transition:opacity .15s,transform .1s}.btn:active{opacity:.85;transform:scale(.98)}.btn.sec{background:var(--card);color:var(--fg);margin-top:8px;box-shadow:0 0 0 1px #e8eeeb14}.hide{display:none}.warn{box-shadow:0 0 0 1px #e25b5b}.photos{display:grid;grid-template-columns:1fr 1fr;gap:8px}.thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:8px}.thumbs img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}#draw{display:none;flex-direction:column;height:100dvh;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#draw.on{display:flex}#draw header{display:flex;flex-direction:column;gap:6px;padding:8px;border-bottom:1px solid var(--bd)}#draw header .fila1{display:flex;align-items:center;gap:6px}#draw header .fila1 .titulo{flex:1;font-size:13px}#draw header .fila2{display:flex;align-items:center;gap:6px}#draw header .fila2 .desc{flex:1;color:var(--muted);font-size:11px}#draw header .deshacer-rehacer{display:flex;gap:6px;flex:0 0 auto}.ico{width:40px;height:40px;border:0;border-radius:10px;background:var(--card);color:var(--fg)}.ico.txt{width:auto;padding:0 12px;font-size:12px;font-weight:800}.ico.grande{width:48px;height:48px;font-size:22px;font-weight:800}.ico:disabled{opacity:.4}#stage{position:relative;flex:1;min-height:0;background:#101614;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}canvas{width:100%;height:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#hud{position:absolute;left:50%;top:10px;transform:translate(-50%);display:none;background:#041411;color:var(--p);font-weight:800;padding:4px 10px;border-radius:8px;z-index:16}#hud.on{display:block}.cerrar-cadena{position:absolute;left:50%;top:54px;transform:translate(-50%);border:0;border-radius:20px;padding:10px 18px;background:var(--p);color:var(--pd);font-weight:800;font-size:14px;box-shadow:0 4px 16px #0006;z-index:16}.rapidas{position:fixed;top:50%;right:8px;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;z-index:15}.rapidas button{min-width:40px;height:40px;padding:0 6px;border:0;border-radius:10px;background:#041411ee;color:#fff;font-size:12px;font-weight:800}.rapidas button.on{background:var(--p);color:var(--pd)}.tarjeta-sel-wrap{position:fixed;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));z-index:23}.tarjeta-sel{margin:0 8px;background:var(--card);border-radius:14px;padding:10px;box-shadow:0 0 0 1px #e8eeeb14,0 4px 20px #0006;max-height:40dvh;overflow-y:auto}.tarjeta-fila{display:flex;gap:6px}.tarjeta-contador{margin:0 2px 6px;font-weight:700}.ts-btn{flex:1;min-width:0;padding:0 4px;font-size:12px;overflow-wrap:break-word;text-align:center;display:flex;align-items:center;justify-content:center;gap:4px}.barra-inf-wrap{position:fixed;left:0;right:0;bottom:0;z-index:20}.barra-inf{position:relative;z-index:22;display:flex;gap:6px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--bd);background:var(--bg)}.bi{position:relative;flex:1;min-width:0;min-height:44px;border:0;border-radius:10px;background:var(--card);color:var(--fg);font-size:11px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;overflow-wrap:break-word;text-align:center}.bi.on{background:var(--p);color:var(--pd);font-weight:800}.bi-swatch{width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 1px #e8eeeb80}.bi-puntitos{display:flex;gap:3px;pointer-events:none}.bi-puntitos i{width:3px;height:3px;border-radius:50%;background:var(--muted);display:block;font-style:normal}.bi.on .bi-puntitos i{background:var(--pd);opacity:.7}.menu-fondo{position:fixed;inset:0;z-index:19;background:transparent}.menu-flotante{position:absolute;left:8px;right:8px;bottom:100%;margin-bottom:8px;z-index:21;background:#151c1af7;border-radius:14px;padding:10px;box-shadow:0 -4px 24px #00000080;max-height:60dvh;overflow-y:auto}.card{background:var(--card);border-radius:14px;padding:4px 14px;margin:0 0 12px;box-shadow:0 0 0 1px #e8eeeb14}.panel-objetos{display:flex;flex-direction:column;touch-action:none}.panel-objetos-vacio{padding:8px 4px}.fila-objeto{display:flex;align-items:center;gap:10px;border-radius:10px;padding:0 8px}.fila-objeto.on{background:var(--p);color:var(--pd)}.fila-objeto-agarre{font-size:16px;color:var(--muted);padding:6px;touch-action:none;cursor:grab}.fila-objeto.on .fila-objeto-agarre{color:var(--pd)}.fila-objeto-texto{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.kv{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--bd);font-size:14px}.kv:first-of-type{border:0}.kv span{color:var(--muted)}.kv-archivo{display:flex;flex-direction:column;gap:3px;padding:10px 0 12px;font-size:14px}.kv-archivo span{color:var(--muted)}.kv-archivo b{word-break:break-word}.preview-row{display:flex;gap:12px;align-items:flex-start;margin:0 0 12px}.preview{flex:0 0 38%;max-width:170px;aspect-ratio:3/4;object-fit:contain;background:#101614;border-radius:14px;margin:0}.preview-info{flex:1;min-width:0}.preview-info h2{margin:0 0 4px}.preview-info p{margin:0}.dialogo-fondo{position:fixed;inset:0;z-index:50;background:#040706b8;display:flex;align-items:center;justify-content:center;padding:16px}.dialogo{width:100%;max-width:22rem;background:var(--card);border-radius:14px;padding:14px;box-shadow:0 8px 32px #0009}.dialogo input{margin:4px 0 2px}.dialogo-botones{display:flex;gap:8px;margin-top:10px}.dialogo-botones .btn{flex:1;margin-top:0}.guia-fondo{position:fixed;inset:0;z-index:40;background:#040706b8}.guia-resalte{position:fixed;z-index:41;border-radius:12px;box-shadow:0 0 0 3px var(--p),0 0 18px 2px var(--p);pointer-events:none;transition:left .2s,top .2s}.guia-globo{position:fixed;left:16px;right:16px;z-index:42;background:var(--card);border-radius:14px;padding:14px;box-shadow:0 8px 32px #0009;max-height:70dvh;overflow-y:auto}.guia-botones{display:flex;gap:8px;margin-top:10px}.guia-botones .btn{flex:1;margin-top:0}.guia-videos{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.guia-videos a{color:var(--p);font-weight:700}.guardado{position:fixed;top:8px;left:50%;transform:translate(-50%);z-index:30;background:var(--card);color:var(--muted);font-size:11px;font-weight:700;padding:5px 9px;border-radius:8px;box-shadow:0 0 0 1px #e8eeeb14;pointer-events:none;transition:opacity .3s}.guardado.ok{color:var(--p)}.guardado.error{color:#e25b5b}.guardado.oculto{opacity:0}.tarjeta-proyecto{background:var(--card);border-radius:16px;margin:0 0 14px;box-shadow:0 0 0 1px var(--bd)}.tarjeta-proyecto-cuerpo{display:flex;flex-direction:row;gap:12px;width:100%;padding:12px}.tarjeta-proyecto-mini-col{flex:0 0 36%;max-width:150px}.tarjeta-proyecto-info-col{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:6px}.tarjeta-proyecto-textos{display:flex;flex-direction:column;gap:2px;min-width:0}.tarjeta-proyecto-cliente{font-size:17px;font-weight:800;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tarjeta-proyecto-mini{width:100%;aspect-ratio:3/4;border-radius:12px;object-fit:contain;background:#101614;box-shadow:inset 0 0 0 1px var(--bd)}.tarjeta-proyecto-mini-plano{display:flex;align-items:center;justify-content:center;font-size:34px;color:var(--muted)}.tarjeta-proyecto-mini-vacio{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;text-align:center;color:var(--muted);padding:4px}.tarjeta-proyecto-mini-invitacion{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px 8px;text-align:center;background:#1ec8a81a;box-shadow:inset 0 0 0 1.5px #1ec8a866}.tarjeta-proyecto-mini-invitacion-texto{font-size:12px;font-weight:800;color:var(--p);line-height:1.3}.tarjeta-proyecto-mini-boton{width:100%;border:0;border-radius:9px;background:var(--p);color:var(--pd);font-weight:800;font-size:11px;line-height:1.3;padding:8px 6px;transition:opacity .15s,transform .1s}.tarjeta-proyecto-mini-boton:active{opacity:.85;transform:scale(.96)}.tarjeta-proyecto-nombre{font-size:13px;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tarjeta-proyecto-fecha{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tarjeta-proyecto-resumen{display:flex;flex-direction:column;gap:2px;overflow:hidden;min-height:0}.tarjeta-proyecto-resumen p{margin:0;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tarjeta-proyecto-resumen span{color:var(--fg);font-weight:600}.tarjeta-proyecto-acciones{display:flex;align-items:center;gap:6px}.tarjeta-proyecto-accion{flex:1;min-width:0;min-height:38px;border:0;border-radius:10px;background:var(--bg);color:var(--fg);font-weight:700;font-size:12px;box-shadow:0 0 0 1px var(--bd);transition:background-color .15s,transform .1s}.tarjeta-proyecto-accion:active{background-color:#e8eeeb1a;transform:scale(.96)}.tarjeta-proyecto-accion.peligro{color:#e25b5b}.tarjeta-proyecto-mas-wrap{position:relative;flex:0 0 auto}.tarjeta-proyecto-mas{width:36px;min-height:38px;border:0;border-radius:10px;background:var(--bg);color:var(--fg);font-weight:800;font-size:16px;line-height:1;box-shadow:0 0 0 1px var(--bd);transition:background-color .15s,transform .1s}.tarjeta-proyecto-mas:active{background-color:#e8eeeb1a;transform:scale(.96)}.tarjeta-proyecto-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:25;min-width:150px;background:var(--card);border-radius:12px;box-shadow:0 0 0 1px var(--bd),0 4px 20px #00000073;overflow:hidden}.tarjeta-proyecto-menu-item{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--fg);font-weight:700;font-size:13px;padding:12px 14px;transition:background-color .15s}.tarjeta-proyecto-menu-item:active{background-color:#e8eeeb14}.tarjeta-proyecto-menu-item.peligro{color:#e25b5b}.tarjeta-cliente{display:flex;flex-direction:column;gap:2px;width:100%;border:0;background:var(--card);color:var(--fg);border-radius:14px;padding:12px;margin:0 0 10px;text-align:left;box-shadow:0 0 0 1px #e8eeeb14}.btn-peligro{width:100%;height:48px;border:0;border-radius:12px;margin-top:8px;background:var(--card);color:#e25b5b;font-weight:800;box-shadow:0 0 0 1px #e25b5b66}.panel-borrar-cliente p{margin:0 0 10px}.panel-borrar-cliente .btn,.panel-borrar-cliente .btn.sec{margin-top:8px}.nav-inicio{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.nav-inicio .btn-nuevo{margin-left:0;text-align:center;padding:0 4px;overflow:hidden;text-overflow:ellipsis}@media(max-width:400px){.nav-inicio{grid-template-columns:repeat(2,1fr)}}.campo-contrasena{position:relative}.campo-contrasena input{padding-right:44px}.campo-contrasena-ojo{position:absolute;right:2px;top:2px;height:40px;width:40px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--muted)}.link-secundario{display:block;width:100%;background:transparent;border:0;color:var(--p);font-weight:700;font-size:13px;text-align:center;padding:14px 0 4px}.link-peligro-discreto{display:block;width:100%;background:transparent;border:0;color:#e25b5b;opacity:.75;font-weight:600;font-size:12px;text-align:center;margin-top:28px;padding:8px 0}