:root{--fondo:#f4f1ea;--papel:#fffdf8;--tinta:#2f2c27;--suave:#6f695f;--linea:#e3dccf;--oliva:#5b6b3f;--oliva-claro:#e7ead9;--terracota:#b8653f;--azul:#2c4f86;--oro:#c9a227;--rojo:#a8402f;--radio:16px;--sombra:0 6px 24px #2f2c271f;--display:"Cormorant Garamond", Georgia, serif;--texto:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--nav:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{height:100%;margin:0}body{background:var(--fondo);color:var(--tinta);font:15px/1.45 var(--texto);overscroll-behavior:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3{font-family:var(--display);letter-spacing:.01em;margin:0;font-weight:600}h1{font-size:28px}h2{font-size:24px}h3{font-size:19px}.app{flex-direction:column;height:100%;display:flex}.contenido{flex:1;min-height:0;position:relative;overflow:hidden}.vista{padding:16px 16px calc(var(--nav) + 24px);-webkit-overflow-scrolling:touch;position:absolute;inset:0;overflow-y:auto}.vista-ancha{max-width:760px;margin:0 auto}.cabecera{padding:calc(env(safe-area-inset-top) + 10px) 16px 8px;background:var(--papel);border-bottom:1px solid var(--linea);align-items:center;gap:10px;display:flex}.cabecera .titulo{flex:1;min-width:0}.cabecera .titulo h1{white-space:nowrap;text-overflow:ellipsis;font-size:23px;line-height:1.1;overflow:hidden}.cabecera .sub{color:var(--suave);font-size:12.5px}.estado-sync{background:var(--oliva-claro);color:var(--oliva);white-space:nowrap;border-radius:99px;padding:3px 8px;font-size:11px}.estado-sync.off{color:var(--terracota);background:#f1e3dc}.nav{z-index:30;height:calc(var(--nav) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--linea);background:#fffdf8f5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav button{color:var(--suave);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;display:flex}.nav button svg{width:24px;height:24px}.nav button.activo{color:var(--oliva);font-weight:600}.btn{border:1px solid var(--linea);background:var(--papel);border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:9px 15px;font-weight:500;display:inline-flex}.btn.primario{background:var(--oliva);color:#fff;border-color:var(--oliva)}.btn.peligro{color:var(--rojo)}.btn.peq{min-height:34px;padding:6px 11px;font-size:13.5px}.btn:disabled{opacity:.45}.btn svg{width:18px;height:18px}.icono{background:0 0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:inline-grid}.icono svg{width:22px;height:22px}.fila{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.entre{justify-content:space-between;align-items:center;gap:8px;display:flex}.muted{color:var(--suave);font-size:13px}.chip{background:var(--oliva-claro);color:var(--oliva);white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:4px 10px;font-size:12.5px;display:inline-flex}.chip.aviso{color:var(--terracota);background:#f6e6dc}.punto{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.tarjeta{background:var(--papel);border:1px solid var(--linea);border-radius:var(--radio);margin-bottom:12px;padding:14px}.tarjeta h3{margin-bottom:6px}.lista{margin:0;padding:0;list-style:none}.lista>li{border-bottom:1px solid var(--linea);align-items:center;gap:10px;padding:11px 2px;display:flex}.lista>li:last-child{border-bottom:0}.lista .crece{flex:1;min-width:0}.lista .nombre{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}label.campo{color:var(--suave);margin-bottom:12px;font-size:13px;display:block}label.campo>input,label.campo>select,label.campo>textarea{border:1px solid var(--linea);width:100%;color:var(--tinta);background:#fff;border-radius:12px;margin-top:4px;padding:10px 12px;font-size:15px;display:block}textarea{resize:vertical;min-height:70px}.dos{grid-template-columns:1fr 1fr;gap:10px;display:grid}.segmentos{background:#ebe5d8;border-radius:99px;gap:2px;padding:3px;display:inline-flex}.segmentos button{color:var(--suave);white-space:nowrap;background:0 0;border:0;border-radius:99px;padding:7px 13px;font-size:13.5px}.segmentos button.activo{background:var(--papel);color:var(--tinta);font-weight:600;box-shadow:0 1px 4px #0000001f}.velo{z-index:40;background:#1e1b1659;animation:.15s aparecer;position:fixed;inset:0}.hoja{z-index:41;background:var(--papel);max-height:88vh;padding:8px 16px calc(20px + env(safe-area-inset-bottom));box-shadow:var(--sombra);border-radius:22px 22px 0 0;animation:.2s ease-out subir;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.hoja .asa{background:var(--linea);border-radius:3px;width:42px;height:5px;margin:4px auto 12px}@media (width>=760px){.hoja{border-radius:22px;width:560px;bottom:16px;left:50%;transform:translate(-50%)}}@keyframes subir{0%{opacity:0;transform:translateY(30px)}}@media (width>=760px){@keyframes subir{0%{opacity:0;transform:translate(-50%,30px)}to{transform:translate(-50%)}}}@keyframes aparecer{0%{opacity:0}}.lienzo{background:#d9cdb8;position:absolute;inset:0}.lienzo canvas{display:block}.capa{pointer-events:none;position:absolute;inset:0;overflow:hidden}.capa>*{pointer-events:auto}.barra-sup{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex;position:absolute;top:10px;left:10px;right:10px}.flotante{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--sombra);background:#fffdf8f0;border-radius:99px}.hora{flex:1;align-items:center;gap:8px;min-width:200px;max-width:360px;padding:6px 12px;font-size:13px;display:flex}.hora input{min-width:0;accent-color:var(--oro);flex:1}.hora>:last-child{flex:none}.acciones{right:10px;bottom:calc(var(--nav) + 12px);flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute}.acciones .btn{box-shadow:var(--sombra)}.etq-mesa{pointer-events:none;font:600 12px var(--texto);white-space:nowrap;background:#fffdf8eb;border-radius:10px;padding:2px 8px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000026}.etq-mesa small{color:var(--suave);margin-left:4px;font-weight:500}.etq-persona{pointer-events:none;font:600 10.5px var(--texto);color:#fff;text-shadow:0 1px 3px #000000d9;white-space:nowrap;position:absolute;transform:translate(-50%,-120%)}.panel{left:10px;right:10px;bottom:calc(var(--nav) + 12px);background:var(--papel);max-height:52%;box-shadow:var(--sombra);border-radius:18px;padding:12px 14px;position:absolute;overflow-y:auto}@media (width>=760px){.panel{width:380px;max-height:70%;left:auto}}.bandeja{left:0;right:0;bottom:var(--nav);border-top:1px solid var(--linea);background:#fffdf8f7;padding:8px 10px 10px;position:absolute;box-shadow:0 -4px 16px #00000014}.bandeja .chips{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.ficha{border:1px solid var(--linea);white-space:nowrap;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:99px;flex:none;align-items:center;gap:6px;padding:7px 11px;font-size:13px;display:inline-flex}.arrastrando{z-index:60;pointer-events:none;box-shadow:var(--sombra);position:fixed;transform:translate(-50%,-140%)}.aviso-flotante{left:50%;top:calc(env(safe-area-inset-top) + 70px);z-index:70;color:#fff;max-width:min(92vw,460px);box-shadow:var(--sombra);background:#2f2c27;border-radius:14px;padding:10px 14px;font-size:13.5px;animation:.2s aparecer;position:fixed;transform:translate(-50%)}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.cat-item{border:1px solid var(--linea);text-align:left;background:#fff;border-radius:14px;padding:10px}.cat-item b{font-size:13.5px;font-weight:600;display:block}.cat-item span{color:var(--suave);font-size:12px}.cifras{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin-bottom:12px;display:grid}.cifra{background:var(--papel);border:1px solid var(--linea);border-radius:14px;padding:10px 12px}.cifra b{font:600 22px var(--display);display:block}.cifra span{color:var(--suave);font-size:12px}.barra-prog{background:#ebe5d8;border-radius:99px;height:8px;overflow:hidden}.barra-prog>div{background:var(--oliva);border-radius:99px;height:100%}.barra-prog.pasado>div{background:var(--terracota)}.mosaico{columns:2;column-gap:10px}@media (width>=640px){.mosaico{columns:3}}.mosaico>*{break-inside:avoid;margin-bottom:10px}.idea{background:var(--papel);border:1px solid var(--linea);border-radius:14px;overflow:hidden}.idea img{width:100%;display:block}.idea .txt{padding:8px 10px;font-size:13px}.paleta{height:54px;display:flex}.paleta>div{flex:1}.timeline{padding-left:64px;position:relative}.timeline:before{content:"";background:var(--linea);width:2px;position:absolute;top:6px;bottom:6px;left:52px}.tl-item{padding:4px 0 14px;position:relative}.tl-item .h{text-align:right;width:46px;font-size:13.5px;font-weight:600;position:absolute;top:4px;left:-64px}.tl-item:before{content:"";background:var(--oliva);border-radius:50%;width:10px;height:10px;position:absolute;top:9px;left:-16px}.tl-item.sol:before{background:var(--oro);box-shadow:0 0 0 4px #f6ecc5}.vacio{text-align:center;color:var(--suave);padding:30px 10px}.oculto{display:none!important}.hora svg{flex:none;width:20px;height:20px}.herramientas{scrollbar-width:none;gap:6px;margin:0 -10px;padding:0 10px 2px;display:flex;overflow-x:auto}.herramientas .btn{flex:none}.lista svg,.chip svg,.panel svg{flex:none;width:20px;height:20px}.panel .icono svg{width:22px;height:22px}main svg{flex:none;width:20px;height:20px}h1,h2,h3,.cifra b{font-variant-numeric:lining-nums}.guia{max-width:380px;box-shadow:var(--sombra);background:#fffdf8f5;border-radius:16px;padding:12px 14px;font-size:13.5px;position:absolute;top:112px;left:10px;right:10px}.guia ul{margin:6px 0 10px;padding-left:18px}.guia li{margin-bottom:3px}input[type=range],input[type=checkbox]{accent-color:var(--oliva)}