:root{--primary:#2563EB;--on-primary:#FFFFFF;--secondary:#3B82F6;--accent:#EA580C;--accent-ink:#C2410C;--bg:#F8FAFC;--fg:#1E293B;--muted:#E9EFF8;--border:#E2E8F0;--danger:#DC2626;--success:#15803D;--success-deco:#16A34A;--warn:#D97706;--sub:#5B6B80;--radius:14px;--radius-sm:11px;--shadow-xs:0 1px 2px rgba(15,23,42,.05);--shadow-sm:0 1px 3px rgba(15,23,42,.07),0 2px 8px rgba(15,23,42,.05);--shadow-md:0 6px 20px -4px rgba(15,23,42,.12);--shadow:var(--shadow-sm);--shadow-lg:0 16px 48px -12px rgba(15,23,42,.25);--font-h:"Sora",sans-serif;--font-b:"Inter",sans-serif;--d-bg:#0F172A;--d-card:#1E293B;--d-border:#334155;--d-fg:#F1F5F9;--d-sub:#94A3B8}*{margin:0;padding:0;box-sizing:border-box}button{font-family:inherit;cursor:pointer;border:none;background:none;font-size:inherit;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:6px}.card{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-xs);margin-bottom:16px}.chip{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:99px;white-space:nowrap}.chip.ok{background:#dcfce7;color:#166534}.chip.pend{background:#fef3c7;color:#92400e}.chip.info{background:var(--muted);color:#1d4ed8}.chip.off{background:#fee2e2;color:#b91c1c}button.chip{border:1px solid currentColor;padding:8px 14px;min-height:36px;position:relative;cursor:pointer;transition:transform .15s,box-shadow .15s,filter .15s}button.chip:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}button.chip:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0f172a2e}button.chip:active{transform:scale(.95)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border-radius:12px;font-weight:700;font-size:.92rem;transition:transform .15s,box-shadow .15s;min-height:48px}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px #2563eb4d}.btn-primary:hover{box-shadow:0 6px 20px #2563eb66}.btn-accent{background:var(--accent-ink);color:#fff;box-shadow:0 4px 14px #c2410c4d}.btn-accent:hover{box-shadow:0 6px 20px #c2410c66}.btn-ghost{background:#fff;border:1.5px solid var(--border);color:var(--fg)}.btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.field{margin-bottom:12px}.field label{display:block;font-size:.78rem;font-weight:600;margin-bottom:6px}.field input,.field select{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:.9rem;background:#fff;min-height:46px;color:var(--fg)}.field input:focus,.field select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}.field .hint{font-size:.7rem;color:var(--sub);margin-top:4px}.list-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.list-item:last-child{border-bottom:none;padding-bottom:0}.li-ico{width:40px;height:40px;border-radius:var(--radius-sm);display:grid;place-items:center;flex-shrink:0}.li-body{flex:1;min-width:0}.li-title{font-weight:600;font-size:.86rem}.li-sub{font-size:.75rem;color:var(--sub)}.seg{display:flex;background:var(--muted);border-radius:var(--radius-sm);padding:4px;margin-bottom:14px}.seg button{flex:1;padding:9px;border-radius:8px;font-weight:600;font-size:.8rem;color:var(--sub);min-height:44px}.seg button.active{background:#fff;color:var(--primary);box-shadow:var(--shadow)}body{font-family:var(--font-b);background:var(--bg);color:var(--fg);margin:0}#root{min-height:100vh}.pantalla{max-width:960px;margin:0 auto;padding:20px 16px calc(24px + env(safe-area-inset-bottom))}.centrado{min-height:100vh;display:grid;place-items:center;padding:20px}textarea{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:.9rem;background:#fff;color:var(--fg)}textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}select{padding:10px 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:.9rem;background:#fff;color:var(--fg)}