@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--brand: #E87722;--brand-hover: #D4681A;--brand-light: #FF9A45;--brand-dim: rgba(232,119,34,.1);--brand-dim2: rgba(232,119,34,.18);--brand-glow: 0 4px 24px rgba(232,119,34,.3);--brand-border: rgba(232,119,34,.25);--ok: #16A34A;--ok-dim: rgba(22,163,74,.1);--ok-border: rgba(22,163,74,.25);--warn: #D97706;--warn-dim: rgba(217,119,6,.1);--warn-border: rgba(217,119,6,.25);--danger: #DC2626;--danger-dim: rgba(220,38,38,.1);--danger-border:rgba(220,38,38,.2);--info: #2563EB;--info-dim: rgba(37,99,235,.1);--info-border: rgba(37,99,235,.2);--off: #6B7280;--off-dim: rgba(107,114,128,.1);--bg: #F8F7F5;--bg-alt: #FFFFFF;--surface: #FFFFFF;--surface-1: #F9F8F6;--surface-2: #F2F0ED;--border: rgba(0,0,0,.08);--border-med: rgba(0,0,0,.12);--border-focus: rgba(232,119,34,.5);--text: #18181B;--text-2: #52525B;--text-3: #A1A1AA;--text-inv: #FFFFFF;--font-body: "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 22px;--r-2xl: 28px;--r-full: 9999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--nav-h: 64px;--nav-bg: rgba(255,255,255,.92);--nav-blur: saturate(200%) blur(20px);--safe-bottom: env(safe-area-inset-bottom, 0px);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.05);--shadow-lg: 0 12px 40px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.06);--shadow-card: 0 1px 0 rgba(255,255,255,.8) inset, 0 1px 3px rgba(0,0,0,.06);--ease: cubic-bezier(.4,0,.2,1);--t-fast: .15s var(--ease);--t-med: .25s var(--ease);--t-slow: .38s var(--ease)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.5;min-height:100dvh;overscroll-behavior:none;-webkit-font-smoothing:antialiased}#root{min-height:100dvh;display:flex;flex-direction:column}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:99px}.shell{display:flex;flex-direction:column;min-height:100dvh;position:relative}.content{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 8px);scroll-behavior:smooth;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.page{max-width:640px;margin:0 auto;padding:var(--sp-5) var(--sp-4)}.pageTitle{font-size:22px;font-weight:700;letter-spacing:-.3px;color:var(--text);margin-bottom:var(--sp-4)}.sectionTitle{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-3);margin-bottom:var(--sp-3)}.muted{color:var(--text-2)}.small{font-size:13px}.mono{font-family:var(--font-mono);font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 18px;font-family:var(--font-body);font-size:14px;font-weight:600;border:none;border-radius:var(--r-md);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;user-select:none;letter-spacing:.1px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 1px 3px #e8772240}.btn-primary:hover:not(:disabled){background:var(--brand-hover);box-shadow:var(--brand-glow)}.btn-ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--surface-1);border-color:var(--border-med)}.btn-danger{background:var(--danger-dim);color:var(--danger);border:1px solid var(--danger-border)}.btn-danger:hover:not(:disabled){background:#dc26262e}.btn-ok{background:var(--ok-dim);color:var(--ok);border:1px solid var(--ok-border)}.btn-full{width:100%}.btn-sm{height:36px;padding:0 14px;font-size:13px;border-radius:var(--r-sm)}.input,.select,.textarea{width:100%;background:var(--surface);border:1.5px solid var(--border-med);border-radius:var(--r-sm);color:var(--text);font-family:var(--font-body);font-size:14px;padding:10px 14px;transition:border-color var(--t-fast),box-shadow var(--t-fast);appearance:none;-webkit-appearance:none}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--brand-dim)}.input::placeholder{color:var(--text-3)}.textarea{resize:none;min-height:80px;line-height:1.5}.select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:36px}.formGroup{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-4)}.formLabel{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-3)}.pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--r-full);font-size:12px;font-weight:600;white-space:nowrap}.pill-ok{background:var(--ok-dim);color:var(--ok);border:1px solid var(--ok-border)}.pill-warn{background:var(--warn-dim);color:var(--warn);border:1px solid var(--warn-border)}.pill-danger{background:var(--danger-dim);color:var(--danger);border:1px solid var(--danger-border)}.pill-info{background:var(--info-dim);color:var(--info);border:1px solid var(--info-border)}.pill-off{background:var(--off-dim);color:var(--off);border:1px solid rgba(107,114,128,.2)}.bottomNav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--nav-bg);backdrop-filter:var(--nav-blur);-webkit-backdrop-filter:var(--nav-blur);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;z-index:100;box-shadow:0 -1px 0 var(--border)}.navBtn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%;background:none;border:none;cursor:pointer;color:var(--text-3);font-family:var(--font-body);font-size:10px;font-weight:500;transition:color var(--t-fast);padding:0;position:relative}.navBtn.active{color:var(--brand)}.navBtn.active .navBtnDot{opacity:1;transform:scale(1)}.navBtnDot{position:absolute;top:6px;width:4px;height:4px;border-radius:50%;background:var(--brand);opacity:0;transform:scale(0);transition:all var(--t-fast)}.navBtn svg{width:22px;height:22px;stroke-width:1.8}.navBtn span{font-size:10px;font-weight:500;letter-spacing:.2px}.toastHost{position:fixed;bottom:calc(var(--nav-h) + var(--safe-bottom) + 16px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:9999;pointer-events:none;width:calc(100% - 32px);max-width:380px}.toast{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:var(--r-lg);font-size:14px;font-weight:500;font-family:var(--font-body);box-shadow:var(--shadow-lg);animation:toastIn var(--t-med) var(--ease) both;width:100%;pointer-events:auto;letter-spacing:.1px}.toastIcon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;flex-shrink:0;background:#ffffff40}@keyframes toastIn{0%{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:none}}.toast.ok{background:#16a34a;color:#fff}.toast.err{background:#dc2626;color:#fff}.toast.warn{background:#d97706;color:#fff}.toast.info{background:#2563eb;color:#fff}.toast.sub{background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-md)}.overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:200;display:flex;align-items:flex-end;justify-content:center}.overlay.center{align-items:center}.sheet{background:var(--surface);border-radius:var(--r-2xl) var(--r-2xl) 0 0;border-top:1px solid var(--border);padding:var(--sp-5) var(--sp-5) calc(var(--sp-8) + var(--safe-bottom));width:100%;max-width:640px;max-height:90dvh;overflow-y:auto;animation:sheetIn var(--t-med) var(--ease) both}@keyframes sheetIn{0%{transform:translateY(100%);opacity:0}to{transform:none;opacity:1}}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--sp-6);width:calc(100% - 32px);max-width:420px;animation:modalIn var(--t-med) var(--ease) both;box-shadow:var(--shadow-lg)}@keyframes modalIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}.sheetHandle{width:40px;height:4px;border-radius:99px;background:var(--border-med);margin:0 auto var(--sp-5)}.divider{height:1px;background:var(--border);margin:var(--sp-4) 0}.listRow{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--t-fast)}.listRow:last-child{border-bottom:none}.listRow:hover{background:var(--surface-1)}.listRow:active{background:var(--surface-2)}.spinner{width:28px;height:28px;border:2.5px solid var(--border-med);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loadingWrap{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--sp-3);padding:var(--sp-8) 0;color:var(--text-3);font-size:14px}.accordionTrigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--sp-4);background:none;border:none;cursor:pointer;color:var(--text);text-align:left;transition:background var(--t-fast);font-family:var(--font-body)}.accordionTrigger:hover{background:var(--surface-1)}.accordionBody{padding:0 var(--sp-4) var(--sp-4)}.fileDropZone{border:2px dashed var(--border-med);border-radius:var(--r-md);padding:var(--sp-5);text-align:center;cursor:pointer;transition:all var(--t-fast);color:var(--text-3);font-size:14px;display:flex;flex-direction:column;align-items:center;gap:6px}.fileDropZone:hover{border-color:var(--brand);color:var(--text);background:var(--brand-dim)}.fileDropZone.has-files{border-color:var(--ok);border-style:solid;color:var(--ok)}@media (min-width: 480px){.page{padding:var(--sp-6) var(--sp-6)}}@media (min-width: 768px){:root{--nav-h: 72px}.page{padding:var(--sp-8) var(--sp-6)}.modal{max-width:480px}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.mt-2{margin-top:var(--sp-2)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.w-full{width:100%}.text-center{text-align:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media print{.bottomNav,.toastHost{display:none!important}.content{padding-bottom:0!important}}.page{animation:pageIn .2s var(--ease) both}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.subviewHeader{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:50;min-height:56px;box-shadow:var(--shadow-sm)}.subviewTitle{flex:1;font-size:16px;font-weight:700;color:var(--text)}.subviewContent{padding-bottom:24px!important}@media (min-width: 480px){.ficharHora{font-size:56px!important}.ficharBtnBig{height:68px!important;font-size:18px!important}}@media (min-width: 768px){.ficharHora{font-size:64px!important}}@media (min-width: 640px){.instGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}}.docRow:hover{background:var(--surface-1);cursor:pointer}@media (min-width: 480px){.perfilAvatar{width:72px!important;height:72px!important}.perfilNombre{font-size:20px!important}}@media (max-width: 360px){.calDayNum{width:24px;height:24px;font-size:12px}.calDayCell{min-height:42px}}@media (min-width: 600px){.toastHost{bottom:24px;max-width:360px}}.content,.sheet,.accordionBody{-webkit-overflow-scrolling:touch}.pill-brand{background:var(--brand-dim);color:var(--brand);border:1px solid var(--brand-border)}.skeleton{background:linear-gradient(90deg,var(--surface) 0%,var(--surface-2) 50%,var(--surface) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--r-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ausRow.active{background:var(--surface-1)}@media (max-width: 400px){.histEditTramo{flex-direction:column}.histEditTramo .input,.histEditTramo .select{min-width:unset}}.iconWrap{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-sm);flex-shrink:0}.iconWrap-brand{background:var(--brand-dim);color:var(--brand)}.iconWrap-ok{background:var(--ok-dim);color:var(--ok)}.iconWrap-warn{background:var(--warn-dim);color:var(--warn)}.iconWrap-info{background:var(--info-dim);color:var(--info)}.iconWrap-off{background:var(--off-dim);color:var(--off)}.backBtn{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;color:var(--brand);font-family:var(--font-body);font-size:14px;font-weight:600;padding:8px;border-radius:var(--r-sm);transition:all var(--t-fast);margin-left:-4px}.backBtn:hover{background:var(--brand-dim)}.btnSpinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0;display:inline-block}.btnSpinner-dark{border-color:#00000026;border-top-color:var(--brand)}