@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--navy-900: #0f1a2e;--navy-800: #1e3a5f;--navy-700: #2a4d76;--navy-600: #3a6298;--navy-500: #4a7ab5;--navy-100: #e8eef6;--navy-50: #f3f6fb;--gray-900: #111827;--gray-800: #1f2937;--gray-700: #374151;--gray-600: #4b5563;--gray-500: #6b7280;--gray-400: #9ca3af;--gray-300: #d1d5db;--gray-200: #e5e7eb;--gray-100: #f3f4f6;--gray-50: #f9fafb;--success: #059669;--success-bg: #ecfdf5;--danger: #dc2626;--danger-bg: #fef2f2;--warning: #d97706;--primary: var(--navy-800);--primary-hover: var(--navy-700);--bg: var(--gray-50);--card-bg: #ffffff;--text: var(--gray-800);--text-muted: var(--gray-500);--border: var(--gray-200);--border-focus: var(--navy-500);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-xl) 28px;width:100%;max-width:540px;margin:40px auto}.card-header{text-align:center;margin-bottom:28px}.card-header h1{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:6px}.card-header p{color:var(--text-muted);font-size:.9rem}.logo{width:56px;height:56px;background:var(--primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-md)}.logo svg{width:28px;height:28px;fill:#fff}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--text);margin-bottom:6px}.form-group input,.form-group textarea{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.9375rem;color:var(--text);background:#fff;transition:border-color var(--transition),box-shadow var(--transition);outline:none;font-family:inherit}.form-group input:focus,.form-group textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #1e3a5f1a}.form-group textarea{resize:vertical;min-height:80px}.input-icon{position:relative}.input-icon input{padding-left:40px}.input-icon .icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;display:flex;align-items:center}.btn{width:100%;padding:12px;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:700;cursor:pointer;transition:background var(--transition),transform .1s;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:inherit}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:disabled{background:var(--navy-500);opacity:.6;cursor:not-allowed}.alert{padding:10px 14px;border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:var(--space-md)}.alert.error{background:var(--danger-bg);color:var(--danger);border:1px solid #fca5a5}.alert.success{background:var(--success-bg);color:var(--success);border:1px solid #86efac}.divider{border:none;border-top:1px solid var(--border);margin:var(--space-lg) 0}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.user-bar{display:flex;align-items:center;justify-content:space-between;background:var(--navy-50);border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:var(--space-lg);font-size:.875rem}.user-bar strong{color:var(--primary)}.user-bar button{background:none;border:none;color:var(--danger);font-size:.8125rem;font-weight:600;cursor:pointer;font-family:inherit}.user-bar button:hover{text-decoration:underline}.selector-container{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:var(--space-lg)}.selector-btn{padding:var(--space-md);border:2px solid var(--border);border-radius:var(--radius-md);background:#fff;cursor:pointer;transition:all var(--transition);text-align:center;font-weight:600;font-size:.9rem;color:var(--text-muted);font-family:inherit}.selector-btn:hover{border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-md)}.firma-group{margin-top:var(--space-sm)}.firma-group__label{display:block;font-size:.8125rem;font-weight:600;color:var(--text-muted);margin-bottom:var(--space-xs)}.firma-container{border:1.5px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:#fff}.firma-canvas{display:block;width:100%!important;cursor:crosshair;touch-action:none;background:#fff}.firma-toolbar{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:6px 10px;background:var(--gray-50);border-top:1px solid var(--border)}.btn-limpiar{padding:4px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;font-size:.8rem;cursor:pointer;color:var(--text-muted);font-weight:600;font-family:inherit;transition:all var(--transition)}.btn-limpiar:hover{border-color:var(--primary);color:var(--primary)}@media(max-width:480px){body{padding:12px 8px}.card{padding:var(--space-lg) var(--space-md);margin:16px auto}.selector-container{grid-template-columns:1fr}}.form-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.form-layout__header{background:var(--navy-900);color:#fff;padding:12px 24px;position:sticky;top:0;z-index:50;box-shadow:var(--shadow-sm)}.form-layout__header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.form-layout__brand{display:flex;align-items:center;gap:12px}.form-layout__logo{width:32px;height:32px;background:#ffffff1a;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.form-layout__title{font-size:1.1rem;font-weight:600;margin:0}.form-layout__actions{display:flex;align-items:center;gap:var(--space-lg)}.form-layout__user{font-size:.85rem;opacity:.9;display:flex;align-items:center;gap:8px}.form-layout__btn-back{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 12px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition);font-family:inherit}.form-layout__btn-back:hover{background:#fff3}.form-layout__content{flex:1;padding:var(--space-xl) 24px;max-width:1200px;width:100%;margin:0 auto}.form-layout__fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--primary);color:#fff;border:none;box-shadow:var(--shadow-lg);display:none;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,background .2s;z-index:100}.form-layout__fab:hover{transform:scale(1.05);background:var(--primary-hover)}.form-layout__fab:active{transform:scale(.95)}@media(max-width:768px){.form-layout__actions{gap:var(--space-md)}.form-layout__user{display:none}.form-layout__fab{display:flex}}.seccion-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-md);overflow:hidden;transition:box-shadow var(--transition)}.seccion-card:hover{box-shadow:var(--shadow-sm)}.seccion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--navy-50);border:none;cursor:pointer;text-align:left;font-family:inherit;transition:background var(--transition)}.seccion-header:hover{background:var(--navy-100)}.seccion-header--open{border-bottom:1px solid var(--border)}.seccion-header__title{font-size:1.05rem;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:12px;margin:0}.seccion-header__num{display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:50%;width:24px;height:24px;font-size:.8rem;font-weight:700}.seccion-toggle{display:flex;align-items:center;justify-content:center;color:var(--primary);transition:transform .3s ease}.seccion-toggle--open{transform:rotate(180deg)}.seccion-body{padding:20px;background:#fff}.radio-row{display:flex;flex-direction:column;gap:8px;margin-bottom:var(--space-sm)}.radio-label{font-size:.875rem;font-weight:600;color:var(--text)}.radio-options{display:flex;gap:8px;background:var(--gray-100);padding:4px;border-radius:var(--radius-md)}.radio-toggle{flex:1;text-align:center;padding:8px 12px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all var(--transition);-webkit-user-select:none;user-select:none}.radio-toggle__input{display:none}.radio-toggle:hover{background:var(--gray-200)}.radio-toggle--active{background:#fff;color:var(--primary);box-shadow:0 1px 3px #0000001a}