:root{--bg:#07111f;--bg-2:#0b1728;--panel:#ffffff0f;--panel-border:#ffffff1f;--text:#eef4ff;--muted:#9fb0c9;--primary:#35c2ff;--primary-2:#6c63ff;--accent:#19e6b3;--danger:#ff6b6b;--radius:18px}.firma-shell{background:radial-gradient(circle at 15% 20%, #35c2ff24, transparent 25%), radial-gradient(circle at 85% 15%, #6c63ff24, transparent 22%), linear-gradient(160deg, var(--bg), var(--bg-2));min-height:100vh;color:var(--text);justify-content:center;align-items:flex-start;padding:48px 16px;font-family:Inter,sans-serif;display:flex}.firma-card{border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#ffffff12,#ffffff08);border-radius:24px;width:100%;max-width:720px;padding:32px;box-shadow:0 25px 80px #00000059}.firma-header{color:var(--primary);align-items:center;gap:14px;margin-bottom:24px;display:flex}.firma-header h1{color:var(--text);font-size:1.4rem}.firma-header p{color:var(--muted);margin-top:2px;font-size:.9rem}.firma-progreso{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.firma-progreso-item{color:var(--muted);opacity:.5;align-items:center;gap:6px;font-size:.78rem;display:flex}.firma-progreso-item.activo{opacity:1;color:var(--text)}.firma-progreso-dot{border:1px solid var(--panel-border);background:#ffffff0f;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.72rem;display:grid}.firma-progreso-item.activo .firma-progreso-dot{background:linear-gradient(135deg, var(--primary), var(--primary-2));border-color:#0000}.firma-body h2{margin-bottom:18px;font-size:1.15rem}.firma-subtitulo{color:var(--muted);margin-top:22px;margin-bottom:12px;font-size:.95rem}.firma-opciones{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.firma-opcion{text-align:left;border:1px solid var(--panel-border);color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:14px;flex-direction:column;gap:6px;padding:16px;transition:all .2s;display:flex}.firma-opcion:hover{border-color:#35c2ff66}.firma-opcion.seleccionada{border-color:var(--primary);background:#35c2ff14}.firma-opcion span{color:var(--muted);font-size:.82rem}.firma-grid-vigencia{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.firma-chip{border:1px solid var(--panel-border);color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;font-size:.85rem;display:flex}.firma-chip span{color:var(--muted);font-size:.72rem}.firma-chip.seleccionada{border-color:var(--accent);background:#19e6b314}.firma-form-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.campo{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.campo label{color:var(--muted);font-size:.82rem}.campo input,.campo select,.campo textarea{border:1px solid var(--panel-border);color:var(--text);background:#ffffff0d;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:.92rem}.campo input:focus,.campo select:focus,.campo textarea:focus{outline:2px solid var(--primary);outline-offset:1px}.firma-aviso{color:#ffd772;background:#ffc10714;border:1px solid #ffc10740;border-radius:12px;margin-top:12px;padding:12px 14px;font-size:.85rem}.firma-archivos-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.firma-archivo{text-align:center;border:1px dashed var(--panel-border);cursor:pointer;color:var(--muted);background:#ffffff08;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:18px 12px;display:flex}.firma-archivo span{color:var(--text);font-size:.85rem;font-weight:600}.firma-archivo small{word-break:break-all;font-size:.72rem}.firma-archivo.cargado{border-style:solid;border-color:var(--accent)}.firma-hint{color:var(--muted);margin-top:14px;font-size:.8rem}.firma-revision{gap:10px;display:grid}.firma-resumen-item{border:1px solid var(--panel-border);background:#ffffff0a;border-radius:10px;justify-content:space-between;padding:10px 14px;font-size:.85rem;display:flex}.firma-resumen-item span{color:var(--muted)}.firma-errores{flex-direction:column;gap:8px;margin-top:16px;display:flex}.firma-error-item{color:var(--danger);align-items:center;gap:8px;font-size:.85rem;display:flex}.firma-footer{justify-content:space-between;margin-top:28px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#fff}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{border-color:var(--panel-border);color:var(--text);background:#ffffff0d}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.firma-exito{text-align:center}.firma-exito-icono{color:var(--accent);margin-bottom:12px}.firma-codigo{border:1px solid var(--panel-border);background:#ffffff0a;border-radius:14px;margin:20px 0;padding:16px}.firma-codigo span{color:var(--muted);margin-bottom:6px;font-size:.8rem;display:block}.firma-codigo strong{letter-spacing:.02em;font-size:1.1rem}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=640px){.firma-opciones,.firma-form-grid{grid-template-columns:1fr}.firma-card{padding:22px}}