:root{--color-primary: #2563EB;--color-primary-dark: #1D4ED8;--color-primary-soft: #EFF6FF;--color-accent: #0D9488;--color-accent-soft: #ECFDF5;--color-success: #16A34A;--color-success-soft: #DCFCE7;--color-warning: #D97706;--color-warning-soft: #FEF3C7;--color-danger: #DC2626;--color-danger-soft: #FEE2E2;--color-ink: #0F172A;--color-ink-2: #334155;--color-muted: #64748B;--color-muted-2: #94A3B8;--color-border: #E2E8F0;--color-border-2: #EDF1F5;--color-bg: #F4F7FA;--color-surface: #FFFFFF;--color-surface-2: #F8FAFC;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 10px -2px rgba(15, 23, 42, .1), 0 2px 4px -2px rgba(15, 23, 42, .06);--shadow-lg: 0 16px 32px -8px rgba(15, 23, 42, .16);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-sm: .8125rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--app-max-width: 1100px;--header-height: 64px;--transition-fast: .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-family-base);background:var(--color-bg);color:var(--color-ink);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button{font-family:inherit;font-size:16px;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit;font-size:16px}select{font:inherit}button:disabled{cursor:not-allowed;opacity:.6}.pagina{flex:1;width:100%;max-width:var(--app-max-width);margin:0 auto;padding:var(--space-lg) calc(var(--space-md) + var(--space-xs));display:flex;flex-direction:column;gap:calc(var(--space-md) + var(--space-xs))}.pagina__header{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--space-xs) + var(--space-sm));flex-wrap:wrap}.pagina__titulo{font-size:1.5rem;font-weight:700;color:var(--color-ink)}.boton{min-height:40px;padding:0 var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink-2);font-size:var(--font-size-sm);font-weight:600;transition:background-color var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.boton:hover:not(:disabled){background:var(--color-surface-2);box-shadow:var(--shadow-sm)}.boton--primario{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.boton--primario:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-sm)}.boton--peligro:hover:not(:disabled){background:var(--color-danger-soft);box-shadow:var(--shadow-sm)}.estado{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:calc(var(--space-xl) + var(--space-md)) calc(var(--space-md) + var(--space-xs));color:var(--color-muted);text-align:center}.estado--error p{color:var(--color-danger)}.spinner{width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:girar .7s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.spinner--chico{width:16px;height:16px;border-width:2px}.overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:var(--space-md);z-index:10}.modal{width:100%;max-width:420px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.modal__titulo{font-size:1.125rem;font-weight:700;color:var(--color-ink)}.modal__error{color:var(--color-danger);font-size:var(--font-size-sm);background:var(--color-danger-soft);border-radius:var(--radius-sm);padding:var(--space-sm) calc(var(--space-xs) + var(--space-sm))}.modal__acciones{display:flex;justify-content:flex-end;gap:var(--space-sm)}.modal__acciones .boton--primario{display:flex;align-items:center;gap:var(--space-sm)}.campo{display:flex;flex-direction:column;gap:var(--space-xs)}.campo__label{font-size:var(--font-size-sm);color:var(--color-ink-2);font-weight:600}.campo__input{height:44px;padding:0 var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;width:100%}.campo__input:focus{outline:2px solid var(--color-primary);outline-offset:1px}@media(max-width:640px){.overlay{padding:0;align-items:flex-end}.modal{max-width:none;width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal__acciones{flex-direction:column-reverse}.modal__acciones .boton{width:100%;justify-content:center}}