:root{--navy-950: #0A1426;--navy-900: #0E1B33;--navy-800: #15294D;--navy-700: #1E3A6E;--navy-100: #DCE4F2;--navy-50: #EEF2F9;--accent-700: #C2410C;--accent-600: #E8650D;--accent-500: #F97316;--accent-100: #FFEDD5;--accent-50: #FFF7ED;--bg: #F2F4F8;--surface: #FFFFFF;--surface-2: #F8FAFC;--ink: #182338;--ink-soft: #56657F;--ink-faint: #919EB5;--border: #E3E8F0;--border-strong: #C9D3E0;--ok-700: #15803D;--ok-bg: #DCFCE7;--warn-700: #B45309;--warn-bg: #FEF3C7;--danger-600: #DC2626;--danger-700: #B91C1C;--danger-bg: #FEE2E2;--radius-sm: 8px;--radius: 12px;--radius-lg: 18px;--radius-full: 999px;--shadow-1: 0 1px 2px rgba(16, 24, 40, .06);--shadow-2: 0 4px 16px -2px rgba(16, 24, 40, .1);--shadow-3: 0 14px 36px -10px rgba(16, 24, 40, .22);--z-sticky: 40;--z-nav: 50;--z-pie: 55;--z-sheet: 80;--z-overlay: 90;--z-dialog: 100;--z-toast: 110;--scrim: rgba(10, 20, 38, .5);--dur-1: .15s;--dur-2: .28s;--dur-3: .52s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--font: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--keyboard-inset: 0px}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;overscroll-behavior:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}html{font-family:var(--font);color:var(--ink);background:var(--bg);font-size:16px;-webkit-font-smoothing:antialiased}body{min-height:100vh;min-height:100dvh}button,[role=button],a{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,select,textarea,button{font-family:inherit;font-size:1rem}img,svg{display:block;max-width:100%}h1,h2,h3,h4,p{margin:0}.t-title{font-size:clamp(1.35rem,1.1rem + 1.2vw,1.75rem);font-weight:800;letter-spacing:-.02em;line-height:1.15}.t-section{font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.t-sub{color:var(--ink-soft);font-size:.92rem;line-height:1.55}.t-micro{color:var(--ink-faint);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.t-money{font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.01em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:0 1.25rem;border:none;border-radius:var(--radius);font-weight:700;font-size:1rem;cursor:pointer;text-decoration:none;transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out),background-color var(--dur-1) ease,opacity var(--dur-1) ease}.btn:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-500) 55%,transparent);outline-offset:2px}.btn:active:not(:disabled){transform:scale(.975)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--navy-800);color:#fff;box-shadow:var(--shadow-1)}.btn--primary:hover:not(:disabled){background:var(--navy-700);box-shadow:var(--shadow-2)}.btn--accent{background:var(--accent-600);color:#fff;box-shadow:var(--shadow-1)}.btn--accent:hover:not(:disabled){background:var(--accent-500);box-shadow:0 6px 20px -4px #e8650d73}.btn--ghost{background:transparent;color:var(--navy-800)}.btn--ghost:hover:not(:disabled){background:var(--navy-50)}.btn--soft{background:var(--navy-50);color:var(--navy-800)}.btn--soft:hover:not(:disabled){background:var(--navy-100)}.btn--danger{background:var(--danger-bg);color:var(--danger-700)}.btn--danger:hover:not(:disabled){background:#fecaca}.btn--sm{min-height:38px;padding:0 .9rem;font-size:.88rem;border-radius:var(--radius-sm)}.btn--block{width:100%}.field{display:flex;flex-direction:column;gap:.4rem}.field label{font-size:.86rem;font-weight:700;color:var(--ink-soft)}.input{width:100%;min-height:48px;padding:0 .9rem;border:1.5px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-size:1rem;transition:border-color var(--dur-1) ease,box-shadow var(--dur-1) ease}.input::placeholder{color:var(--ink-faint)}.input:focus{outline:none;border-color:var(--accent-600);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-500) 18%,transparent)}.input:disabled{background:var(--surface-2);color:var(--ink-faint)}textarea.input{min-height:96px;padding:.75rem .9rem;resize:vertical}.field-error{color:var(--danger-600);font-size:.84rem;font-weight:600}.field-hint{color:var(--ink-faint);font-size:.82rem}.buscador-mini{display:flex;align-items:center;gap:.45rem;padding:0 .8rem;border:1.5px solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface);color:var(--ink-faint)}.buscador-mini input{flex:1;min-height:42px;border:none;background:transparent;color:var(--ink);font-size:.92rem}.buscador-mini input:focus{outline:none}.buscador-mini:focus-within{border-color:var(--accent-600)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.card--pad{padding:1.1rem 1.2rem}.card--hover{transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out);cursor:pointer}.card--hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.card--hover:active{transform:translateY(0) scale(.99)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .6rem;border-radius:var(--radius-full);font-size:.76rem;font-weight:800;letter-spacing:.02em;white-space:nowrap}.badge--pendiente{background:var(--warn-bg);color:var(--warn-700)}.badge--liquidado{background:var(--ok-bg);color:var(--ok-700)}.badge--peligro{background:var(--danger-bg);color:var(--danger-700)}.badge--info{background:var(--navy-50);color:var(--navy-800)}.badge--sync{background:var(--accent-100);color:var(--accent-700)}.table{width:100%;border-collapse:collapse;font-size:.93rem}.table th{text-align:left;padding:.7rem .9rem;color:var(--ink-faint);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;border-bottom:1.5px solid var(--border);white-space:nowrap}.table td{padding:.8rem .9rem;border-bottom:1px solid var(--border);vertical-align:top}.table tr:last-child td{border-bottom:none}.table .num{text-align:right;font-variant-numeric:tabular-nums}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.rise-in{animation:rise-in var(--dur-3) var(--ease-out) backwards}.stagger>*{animation:rise-in var(--dur-3) var(--ease-out) backwards}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:45ms}.stagger>*:nth-child(3){animation-delay:90ms}.stagger>*:nth-child(4){animation-delay:135ms}.stagger>*:nth-child(5){animation-delay:.18s}.stagger>*:nth-child(6){animation-delay:225ms}.stagger>*:nth-child(7){animation-delay:.27s}.stagger>*:nth-child(8){animation-delay:315ms}.stagger>*:nth-child(9){animation-delay:.36s}.stagger>*:nth-child(10){animation-delay:405ms}.stagger>*:nth-child(11){animation-delay:.45s}.stagger>*:nth-child(12){animation-delay:495ms}.stagger>*:nth-child(13){animation-delay:.54s}.stagger>*:nth-child(14){animation-delay:585ms}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(100deg,var(--border) 40%,var(--surface-2) 50%,var(--border) 60%);background-size:200% 100%;animation:skeleton-wave 1.4s ease infinite;color:transparent;pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes skeleton-wave{0%{background-position:120% 0}to{background-position:-80% 0}}::view-transition-old(root){animation:vt-out .2s ease both}::view-transition-new(root){animation:vt-in .3s var(--ease-out) both}@keyframes vt-out{to{opacity:0;transform:translateY(-8px)}}@keyframes vt-in{0%{opacity:0;transform:translateY(10px)}}@media(pointer:fine){::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px;border:2px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}}@media print{html,body{background:#fff}.no-print{display:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-fill-mode:none!important;transition-duration:.01ms!important}::view-transition-old(root),::view-transition-new(root){animation:none}}
