@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..700&family=Hanken+Grotesk:wght@400;500;600;700;800&display=swap";.kp-trazo{fill:currentColor;stroke:currentColor;stroke-width:.9px;stroke-linejoin:round}.kp-tinta{fill:var(--on-orange)}.kp-brillo{fill:#fff}.kp-ceja,.kp-boca{fill:none;stroke:var(--on-orange);stroke-linecap:round}.kp-ceja{stroke-width:2.3px}.kp-boca{stroke-width:2.6px}.kp-ojo{transform-box:fill-box;transform-origin:50% 68%}.kp-puntos circle{fill:currentColor}.kp-puntos{transition:opacity var(--mov-medio) var(--mov-sale)}.kp-sombra{fill:#000;opacity:.14}:root[data-theme=dark] .kp-sombra{opacity:.34}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .kp-sombra{opacity:.34}}:root{--kippo-orange:#fea003;--kippo-orange-dark:#955500;--kippo-orange-light:#fff1d6;--kippo-coral:#c6461f;--kippo-coral-light:#ffede6;--c-blue:#2f6fe0;--c-blue-ink:#1d4ed8;--c-blue-light:#eaf2ff;--c-green:#2a7f47;--c-green-ink:#116b36;--c-green-light:#e9f8ee;--c-yellow:#facc15;--c-yellow-ink:#8a5300;--c-yellow-light:#fef6da;--c-red:#d13239;--c-red-ink:#b42318;--c-red-light:#fdecec;--bg-soft:#edeff2;--bg:#fff;--text:#1c1e21;--text-soft:#5d636b;--on-orange:#17120c;--border:#dce0e6;--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-pill:99px;--shadow:0 6px 20px -12px #14181e29;--fs-2xs:.65rem;--fs-xs:.75rem;--fs-sm:.82rem;--fs-md:.9rem;--fs-lg:1.05rem;--fs-xl:1.2rem;--fs-2xl:1.5rem;--fs-3xl:1.7rem;--fs-display:2rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--mov-rapido:.16s;--mov-medio:.32s;--mov-lento:.64s;--mov-sale:cubic-bezier(.2, .8, .3, 1);--mov-entra:cubic-bezier(.4, 0, 1, 1);--mov-rebote:cubic-bezier(.34, 1.4, .64, 1);--font-body:"Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Bricolage Grotesque", var(--font-body);font-family:var(--font-body);color:var(--text);background:var(--bg-soft);-webkit-font-smoothing:antialiased;font-size:16px}@media (prefers-color-scheme:dark){:root{--kippo-orange:#fea003;--kippo-orange-dark:#ffb24d;--kippo-orange-light:#33260a;--kippo-coral-light:#3a241c;--c-blue-ink:#93b4ff;--c-blue-light:#16233b;--c-green-ink:#6edb8c;--c-green-light:#12281a;--c-yellow-ink:#f5ce4e;--c-yellow-light:#2a2206;--c-red-ink:#ff8a8e;--c-red-light:#331314;--bg-soft:#0e0e10;--bg:#1a1a1d;--text:#f3eadd;--text-soft:#9e9a93;--border:#2c2c31;--shadow:0 6px 20px -8px #0000008c}}:root[data-theme=light]{--kippo-orange:#fea003;--kippo-orange-dark:#955500;--kippo-orange-light:#fff1d6;--kippo-coral-light:#ffede6;--c-blue-ink:#1d4ed8;--c-blue-light:#eaf2ff;--c-green-ink:#116b36;--c-green-light:#e9f8ee;--c-yellow-ink:#8a5300;--c-yellow-light:#fef6da;--c-red-ink:#b42318;--c-red-light:#fdecec;--bg-soft:#edeff2;--bg:#fff;--text:#1c1e21;--text-soft:#5d636b;--border:#dce0e6;--shadow:0 6px 20px -12px #14181e29;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--kippo-orange:#fea003;--kippo-orange-dark:#ffb24d;--kippo-orange-light:#33260a;--kippo-coral-light:#3a241c;--c-blue-ink:#93b4ff;--c-blue-light:#16233b;--c-green-ink:#6edb8c;--c-green-light:#12281a;--c-yellow-ink:#f5ce4e;--c-yellow-light:#2a2206;--c-red-ink:#ff8a8e;--c-red-light:#331314;--bg-soft:#0e0e10;--bg:#1a1a1d;--text:#f3eadd;--text-soft:#9e9a93;--border:#2c2c31;--shadow:0 6px 20px -8px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-soft);min-height:100svh}#root{flex-direction:column;min-height:100svh;display:flex}.loading{min-height:100svh;color:var(--text-soft);justify-content:center;align-items:center;font-size:14px;display:flex}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.015em;font-weight:600}.marca-cambiando,.marca-cambiando *,.marca-cambiando :before,.marca-cambiando :after{transition:none!important}:root.marca{--kippo-orange:hsl(var(--marca-h) var(--marca-s) var(--marca-l));--kippo-orange-dark:hsl(var(--marca-h) var(--marca-s) clamp(14%, calc(var(--marca-l) - 22%), 30%));--kippo-orange-light:hsl(var(--marca-h) clamp(30%, var(--marca-s), 90%) 94%);--on-orange:var(--marca-on)}@media (prefers-color-scheme:dark){:root.marca:not([data-theme=light]){--kippo-orange-dark:hsl(var(--marca-h) var(--marca-s) clamp(56%, calc(var(--marca-l) + 20%), 90%));--kippo-orange-light:hsl(var(--marca-h) clamp(18%, calc(var(--marca-s) - 25%), 55%) 13%)}}:root.marca[data-theme=dark]{--kippo-orange-dark:hsl(var(--marca-h) var(--marca-s) clamp(56%, calc(var(--marca-l) + 20%), 90%));--kippo-orange-light:hsl(var(--marca-h) clamp(18%, calc(var(--marca-s) - 25%), 55%) 13%)}html{touch-action:manipulation}body{overscroll-behavior-y:contain}@media (width<=768px){input,select,textarea{font-size:16px!important}}.superficie{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-4)}.superficie--lista{padding:var(--sp-2) var(--sp-4)}.superficie--lista>:last-child{border-bottom:none}.superficie:empty{display:none}@media (width<=560px){.superficie{padding:var(--sp-3);border-radius:var(--radius)}.superficie--lista{padding:var(--sp-1) var(--sp-3)}}:root{--scroll:color-mix(in srgb, var(--text-soft) 32%, transparent);--scroll-hover:color-mix(in srgb, var(--text-soft) 55%, transparent)}*{scrollbar-width:thin;scrollbar-color:transparent transparent}:hover{scrollbar-color:var(--scroll) transparent}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background-color:#0000;background-clip:content-box;border:3px solid #0000;transition:background-color .15s}:hover::-webkit-scrollbar-thumb{background-color:var(--scroll)}:hover::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-hover)}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb:active{background-color:var(--scroll-hover)}@media (prefers-reduced-motion:reduce){::-webkit-scrollbar-thumb{transition:none}}@media (width<=720px){::-webkit-scrollbar{width:0;height:0}}:root{--barra-movil:0px}@media (width<=767px){:root{--barra-movil:calc(53px + env(safe-area-inset-bottom))}}body.cobrando{--barra-movil:0px}.of{background:var(--bg-soft);grid-template-columns:240px 1fr;min-height:100vh;display:grid}.of-menu{padding:var(--sp-5) var(--sp-3);background:var(--bg);border-right:1px solid var(--border);flex-direction:column;gap:2px;display:flex}.of-marca{font-family:var(--font-display);font-weight:600;font-size:var(--fs-lg);color:var(--kippo-orange-dark);margin:0 0 var(--sp-2)}.of-quien{margin:0 0 var(--sp-4);font-size:var(--fs-sm);color:var(--text);flex-direction:column;font-weight:600;display:flex}.of-quien span{color:var(--text-soft);font-weight:500;font-size:var(--fs-xs)}.of-enlace{min-height:44px;padding:0 var(--sp-3);border-radius:var(--radius);color:var(--text-soft);font-weight:600;font-size:var(--fs-sm);align-items:center;text-decoration:none;display:flex}.of-enlace:hover{color:var(--text);background:var(--bg-soft)}.of-enlace.active{color:var(--kippo-orange-dark);background:var(--kippo-orange-light)}.of-salir{min-height:44px;padding:0 var(--sp-3);color:var(--text-soft);font-weight:600;font-size:var(--fs-sm);background:0 0;border:none;align-items:center;gap:8px;margin-top:auto;display:flex}.of-contenido{padding:var(--sp-6);min-width:0}.of-titulo{font-size:var(--fs-2xl);color:var(--text);margin:0 0 6px}.of-sub{margin:0 0 var(--sp-4);color:var(--text-soft);font-size:var(--fs-md);line-height:1.5}.of-nota{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-soft);font-size:var(--fs-sm);max-width:60ch;margin:0;padding:12px 14px}.of-cargando{padding:var(--sp-6);color:var(--text-soft)}.of-entrar{background:var(--bg-soft);place-items:center;min-height:100vh;padding:16px;display:grid}.of-entrar-caja{width:100%;max-width:360px;padding:var(--sp-6);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:12px;display:flex}.of-lbl{font-size:var(--fs-sm);color:var(--text);flex-direction:column;gap:6px;font-weight:600;display:flex}.of-lbl input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);min-height:44px;color:var(--text);font-size:var(--fs-md);padding:0 12px}.of-boton{border-radius:var(--radius);background:var(--kippo-orange);min-height:44px;color:var(--on-orange);font-weight:700;font-size:var(--fs-md);border:none}.of-error{color:var(--c-red-ink);font-size:var(--fs-sm);margin:0}@media (width<=760px){.of{grid-template-columns:1fr}.of-menu{border-right:none;border-bottom:1px solid var(--border);padding:var(--sp-3);flex-flow:wrap;align-items:center}.of-quien{display:none}.of-salir{margin:0 0 0 auto}.of-contenido{padding:var(--sp-4) 16px}}.of-menu-sec{margin:var(--sp-3) 0 2px;padding:0 var(--sp-3);font-size:var(--fs-xs);color:var(--text-soft);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.of-arriba{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);display:flex}.of-secre{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);flex:1;align-items:center;gap:12px;min-width:0;padding:8px 14px;display:flex}.of-secre-kippo{color:var(--kippo-orange);flex:none}.of-secre-txt{font-size:var(--fs-sm);color:var(--text-soft);margin:0;line-height:1.45}.of-secre-txt strong{color:var(--text)}.of-ck{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);min-height:44px;color:var(--text-soft);font-weight:600;font-size:var(--fs-sm);align-items:center;gap:8px;padding:0 14px;display:flex}.of-ck kbd{font-family:inherit;font-size:var(--fs-xs);border-radius:var(--radius-sm);background:var(--bg-soft);padding:2px 6px}.of-paleta-fondo{z-index:50;background:#00000059;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;display:flex;position:fixed;inset:0}.of-paleta{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:520px;padding:10px;animation:.18s of-sube}.of-paleta input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft);width:100%;min-height:44px;color:var(--text);font-size:var(--fs-md);padding:0 12px}.of-paleta ul{max-height:50vh;margin:8px 0 0;padding:0;list-style:none;overflow:auto}.of-paleta li button{border-radius:var(--radius);width:100%;min-height:44px;color:var(--text);font-size:var(--fs-md);text-align:left;background:0 0;border:none;justify-content:space-between;padding:0 12px;display:flex}.of-paleta li button:hover,.of-paleta li button:focus{background:var(--bg-soft)}.of-paleta li button span{color:var(--text-soft);font-size:var(--fs-sm)}.of-paleta-nada{color:var(--text-soft);font-size:var(--fs-sm);padding:10px 12px}.of-cifras{gap:var(--sp-3);margin-bottom:var(--sp-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.of-cifra{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 14px}.of-cifra-lbl{font-size:var(--fs-xs);color:var(--text-soft);margin:0;font-weight:600}.of-cifra-n{font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--text);margin:2px 0 0;font-weight:600}.of-cifra-nota{font-size:var(--fs-xs);color:var(--text-soft);margin:2px 0 0}.of-rec-rejilla{gap:var(--sp-3);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);display:grid}.of-tarjeta{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0;padding:14px 16px}.of-tarjeta-tit{font-weight:700;font-size:var(--fs-sm);color:var(--text);align-items:center;gap:8px;margin:0 0 10px;display:flex}.of-punto-vivo{background:var(--c-red);border-radius:50%;width:8px;height:8px;animation:1.6s infinite of-late}.of-feed{font-size:var(--fs-sm);color:var(--text);flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.of-feed li{animation:.45s of-entra}.of-feed li span{color:var(--text-soft);font-variant-numeric:tabular-nums;margin-right:6px}.of-vacio{font-size:var(--fs-sm);color:var(--text-soft);margin:0;line-height:1.5}.of-plano svg{width:100%;height:auto;display:block}.of-plano-pasillo{fill:var(--bg-soft)}.of-plano-pasillo-txt{fill:var(--text-soft);letter-spacing:.1em;text-transform:uppercase;font-size:13px}.of-sala rect{fill:var(--bg-soft);stroke:var(--border);stroke-width:1.5px;transform-box:fill-box;transform-origin:50%;transition:transform .15s,fill .2s}.of-sala text{fill:var(--text);font-family:var(--font-display);pointer-events:none;font-size:15px;font-weight:600}.of-sala .of-sala-sub{font-family:var(--font-body);fill:var(--text-soft);font-size:11px;font-weight:500}.of-sala[role=button]{cursor:pointer}.of-sala[role=button]:hover rect,.of-sala[role=button]:focus rect{transform:scale(1.03)}.of-sala:focus{outline:none}.of-sala:focus-visible rect{stroke:var(--kippo-orange);stroke-width:3px}.of-sala--direccion rect,.of-sala--recepcion rect{fill:var(--kippo-orange-light)}.of-sala--ventas rect{fill:var(--c-blue-light)}.of-sala--soporte rect{fill:var(--c-green-light)}.of-sala--finanzas rect{fill:var(--c-yellow-light)}.of-sala--legal rect{fill:var(--c-red-light)}.of-sala--marketing rect{fill:var(--kippo-coral-light)}.of-sala--cerrada{opacity:.35}.of-sala--luz rect{stroke:var(--kippo-orange);stroke-width:2.5px}.of-globo circle{fill:var(--c-red)}.of-globo text{fill:#fff;font-family:var(--font-body);font-size:12px;font-weight:700}@keyframes of-entra{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes of-sube{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes of-late{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.of-feed li,.of-paleta,.of-punto-vivo{animation:none}.of-sala rect{transition:none}}@media (width<=900px){.of-rec-rejilla{grid-template-columns:1fr}.of-cifras{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.of-menu-sec{display:none}.of-arriba{flex-wrap:wrap}.of-ck{justify-content:center;width:100%}}.of-menu-pie{flex-direction:column;gap:2px;margin-top:auto;display:flex}.of-pie-btn{min-height:40px;padding:0 var(--sp-3);border-radius:var(--radius);color:var(--text-soft);font-weight:600;font-size:var(--fs-sm);text-align:left;background:0 0;border:none;align-items:center;gap:8px;display:flex}.of-pie-btn:hover{background:var(--bg-soft);color:var(--text)}.of-ayuda ul{margin:0 0 6px;padding:0;list-style:none}.of-ayuda li{min-height:36px;font-size:var(--fs-sm);color:var(--text);justify-content:space-between;align-items:center;gap:12px;padding:0 6px;display:flex}.of-teclas{gap:4px;display:flex}.of-teclas kbd,.of-ck kbd{font-family:inherit;font-size:var(--fs-xs);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-soft);color:var(--text);padding:2px 7px;font-weight:700}@media (width<=760px){.of-menu-pie{flex-direction:row;margin:0 0 0 auto}.of-pie-btn{min-height:44px}}.of-sala-cab{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.of-boton-ico{align-items:center;gap:8px;padding:0 16px;display:inline-flex}.of-boton-ico kbd{font-family:inherit;font-size:var(--fs-xs);border-radius:var(--radius-sm);background:#0000001f;padding:1px 6px}.of-boton-2{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);min-height:44px;color:var(--text);padding:0 16px;font-weight:600}.of-embudo{grid-auto-columns:minmax(180px,1fr);grid-auto-flow:column;gap:10px;padding-bottom:8px;display:grid;overflow-x:auto}.of-embudo--aparte{grid-auto-columns:minmax(180px,260px);margin-top:8px}.of-vcol{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:8px;min-height:220px;padding:8px;transition:background .15s,border-color .15s;display:flex}.of-vcol--encima{border-color:var(--kippo-orange);background:var(--kippo-orange-light)}.of-vcol--piloto,.of-vcol--firmado{background:var(--c-green-light)}.of-vcol--perdido{background:var(--c-red-light)}.of-vcol-tit{font-size:var(--fs-xs);color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;margin:2px 4px;font-weight:700;display:flex}.of-vt{text-align:left;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);cursor:grab;flex-direction:column;gap:3px;padding:10px 12px;transition:transform .12s,box-shadow .12s;animation:.3s of-entra;display:flex}.of-vt:hover{transform:translateY(-1px);box-shadow:0 3px 10px #0000001f}.of-vt--arrastra{opacity:.45}.of-vt-nom{font-weight:700;font-size:var(--fs-sm)}.of-vt-sub,.of-vt-paso{font-size:var(--fs-xs);color:var(--text-soft)}.of-vt-sem{font-size:var(--fs-xs);align-items:center;gap:6px;margin-top:4px;font-weight:600;display:flex}.of-vt-sem i{border-radius:50%;flex:none;width:8px;height:8px}.of-vt-sem--verde{color:var(--c-green-ink)}.of-vt-sem--verde i{background:var(--c-green)}.of-vt-sem--naranja{color:var(--kippo-orange-dark)}.of-vt-sem--naranja i{background:var(--kippo-orange)}.of-vt-sem--rojo{color:var(--c-red-ink)}.of-vt-sem--rojo i{background:var(--c-red)}.of-aparte-btn{border:1px dashed var(--border);border-radius:var(--radius);min-height:40px;color:var(--text-soft);font-weight:600;font-size:var(--fs-sm);background:0 0;margin-top:10px;padding:0 12px}.of-dialogo{flex-direction:column;gap:12px;padding:18px;display:flex}.of-dialogo-pie{justify-content:flex-end;gap:12px;display:flex}.of-dos{grid-template-columns:1fr 1fr;gap:12px;display:grid}.of-lbl select,.of-lbl textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);min-height:44px;color:var(--text);font-size:var(--fs-md);padding:8px 12px;font-family:inherit}.of-lateral-fondo{justify-content:flex-end;align-items:stretch;padding:0}.of-lateral{background:var(--bg);border-left:1px solid var(--border);flex-direction:column;gap:12px;width:100%;max-width:440px;height:100%;padding:20px;animation:.2s of-lado;display:flex;overflow-y:auto}.of-lateral-cab{justify-content:space-between;gap:12px;display:flex}.of-icono{border-radius:var(--radius);width:44px;height:44px;color:var(--text-soft);background:0 0;border:none;flex:none;place-items:center;display:grid}.of-icono:hover{background:var(--bg-soft)}@keyframes of-lado{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}.of-confeti{pointer-events:none;z-index:80;position:fixed;inset:0;overflow:hidden}.of-confeti i{border-radius:2px;width:8px;height:12px;animation:linear forwards of-cae;position:absolute;top:-12px}@keyframes of-cae{to{opacity:.2;transform:translateY(105vh)rotate(720deg)}}@media (prefers-reduced-motion:reduce){.of-vt,.of-lateral{animation:none}.of-vt{transition:none}}@media (width<=760px){.of-dos{grid-template-columns:1fr}.of-lateral{max-width:none}.of-menu{scrollbar-width:none;flex-wrap:nowrap;gap:4px;overflow-x:auto}.of-menu::-webkit-scrollbar{display:none}.of-menu .of-marca{flex:none;margin:0 8px 0 0}.of-enlace{white-space:nowrap;flex:none}.of-menu-pie{flex:none}.of-pie-btn[title="Tecla ?"],.of-ck kbd,.of-boton-ico kbd{display:none}}.of-chivato{z-index:60;background:var(--text);color:var(--bg);border-radius:var(--radius-lg);font-size:var(--fs-sm);align-items:center;gap:8px;padding:10px 14px;font-weight:600;animation:.18s of-sube;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 6px 20px #0003}.of-chivato kbd{border-radius:var(--radius-sm);background:var(--kippo-orange);color:var(--on-orange);padding:2px 8px;font-family:inherit;font-weight:800}.of-resumen{margin-bottom:var(--sp-4);flex-direction:column;gap:4px;display:flex}.of-res-fila{border-radius:var(--radius-sm);min-height:30px;color:var(--text);text-align:left;background:0 0;border:none;grid-template-columns:130px minmax(0,1fr) 32px;align-items:center;gap:10px;padding:2px 6px;display:grid}.of-res-fila:hover{background:var(--bg-soft)}.of-res-nom{font-size:var(--fs-xs);color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.of-res-barra{background:var(--bg-soft);border-radius:6px;height:12px;overflow:hidden}.of-res-barra i{border-radius:6px;height:100%;transition:width .7s cubic-bezier(.2,.9,.3,1.2);display:block}.of-res--gris .of-res-barra i{background:var(--text-soft);opacity:.45}.of-res--azul .of-res-barra i{background:var(--c-blue)}.of-res--naranja .of-res-barra i{background:var(--kippo-orange)}.of-res--verde .of-res-barra i{background:var(--c-green)}.of-res-n{font-family:var(--font-display);font-weight:600;font-size:var(--fs-md);text-align:right;font-variant-numeric:tabular-nums}.of-vt{animation:.35s both of-entra;animation-delay:calc(var(--i,0) * 45ms)}.of-vt--arrastra{opacity:.35;transform:scale(.97)}.of-vt--llega{border-color:var(--kippo-orange);box-shadow:0 0 0 3px var(--kippo-orange-light);animation:.6s cubic-bezier(.2,.9,.3,1.4) of-aterriza}.of-arrastrando .of-vcol{border-style:dashed}.of-arrastrando .of-vcol--encima{transform:scale(1.02)}.of-vcol{transition:background .15s,border-color .15s,transform .15s}.of-vcol-vacia{text-align:center;font-size:var(--fs-xs);color:var(--text-soft);opacity:0;margin:auto 0;transition:opacity .15s}.of-arrastrando .of-vcol-vacia{opacity:1}.of-salta{animation:.4s of-salta;display:inline-block}.of-late{animation:1.4s infinite of-latido}@keyframes of-aterriza{0%{opacity:.4;transform:scale(.85)translateY(-10px)}60%{opacity:1;transform:scale(1.04)}to{transform:none}}@keyframes of-salta{0%{transform:scale(1)}40%{color:var(--kippo-orange-dark);transform:scale(1.5)}to{transform:scale(1)}}@keyframes of-latido{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}@media (prefers-reduced-motion:reduce){.of-vt,.of-vt--llega,.of-salta,.of-late,.of-chivato{animation:none}.of-res-barra i,.of-vcol{transition:none}}@media (width<=760px){.of-res-fila{grid-template-columns:96px minmax(0,1fr) 26px}.of-chivato{justify-content:center;left:16px;right:16px}}.of-cifra-n--alerta{color:var(--c-red-ink)}.of-cs-rejilla{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.of-cs{text-align:left;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);animation:.4s both of-entra;animation-delay:calc(var(--i,0) * 70ms);flex-direction:column;gap:6px;padding:14px;transition:transform .15s,box-shadow .15s;display:flex}.of-cs:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000001f}.of-cs--urgente{border-color:var(--c-red)}.of-cs--mirar{border-color:var(--kippo-orange)}.of-cs-cab{justify-content:space-between;align-items:center;gap:8px;display:flex}.of-cs-nom{font-family:var(--font-display);font-weight:600;font-size:var(--fs-md)}.of-cs-sub{font-size:var(--fs-xs);color:var(--text-soft)}.of-cs-uso{align-items:flex-end;gap:4px;height:44px;margin:4px 0;display:flex}.of-cs-uso i{background:var(--c-green);border-radius:3px 3px 0 0;flex:1;transition:height .6s cubic-bezier(.2,.9,.3,1.2)}.of-cs--mirar .of-cs-uso i{background:var(--kippo-orange)}.of-cs--urgente .of-cs-uso i{background:var(--c-red)}.of-cs-porque{font-size:var(--fs-sm);font-weight:700}.of-cs-porque--urgente{color:var(--c-red-ink)}.of-cs-porque--mirar{color:var(--kippo-orange-dark)}.of-cs-porque--bien{color:var(--c-green-ink)}.of-chip{border-radius:var(--radius-pill);font-size:var(--fs-xs);padding:2px 9px;font-weight:700}.of-chip--urgente{background:var(--c-red-light);color:var(--c-red-ink)}.of-chip--mirar{background:var(--kippo-orange-light);color:var(--kippo-orange-dark)}.of-chip--bien{background:var(--c-green-light);color:var(--c-green-ink)}.of-cs--urgente .of-chip--urgente{animation:1.6s infinite of-latido}.of-bandeja{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.of-bandeja button{border:none;border-bottom:1px solid var(--border);width:100%;min-height:56px;color:var(--text);text-align:left;background:0 0;border-radius:0;flex-direction:column;gap:2px;padding:10px 8px;display:flex}.of-bandeja li:last-child button{border-bottom:none}.of-bandeja button:hover{background:var(--bg-soft)}.of-bandeja-cab{font-size:var(--fs-sm);align-items:center;gap:8px;display:flex}.of-bandeja-cab i{background:var(--c-red);border-radius:50%;flex:none;width:8px;height:8px}.of-bandeja-cab span{font-size:var(--fs-xs);color:var(--text-soft);margin-left:auto}.of-bandeja-txt{font-size:var(--fs-sm);color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.of-bandeja--nuevo .of-bandeja-txt{color:var(--text);font-weight:600}.of-conv{gap:10px}.of-conv-hilo{flex-direction:column;flex:1;gap:10px;padding:4px 0;display:flex;overflow-y:auto}.of-msg{border-radius:14px;max-width:85%;padding:10px 12px;animation:.3s of-entra}.of-msg p{font-size:var(--fs-sm);white-space:pre-wrap;margin:0 0 4px;line-height:1.45}.of-msg span{font-size:var(--fs-xs);opacity:.75}.of-msg--campamento{background:var(--bg-soft);color:var(--text);border-bottom-left-radius:4px;align-self:flex-start}.of-msg--kippo{background:var(--kippo-orange);color:var(--on-orange);border-bottom-right-radius:4px;align-self:flex-end}.of-conv-escribe{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:10px;display:flex}.of-conv-escribe textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);min-height:72px;color:var(--text);font:inherit;resize:vertical;padding:10px 12px}.of-conv-escribe .of-boton-ico{align-self:flex-end}@media (prefers-reduced-motion:reduce){.of-cs,.of-msg,.of-cs--urgente .of-chip--urgente{animation:none}.of-cs-uso i{transition:none}}