:root{--primary-color:#0f172a;--secondary-color:#1e293b;--accent-color:#0ea5e9;--success-color:#10b981;--bg-color:#f8fafc;--card-bg:#fff;--text-main:#334155;--text-muted:#64748b;--border-color:#e2e8f0}body{background-color:var(--bg-color);color:var(--text-main);margin:0;padding:0;font-family:Inter,Roboto,sans-serif}.registro-layout{min-height:100vh;display:flex}.sidebar{background-color:var(--card-bg);border-right:1px solid var(--border-color);flex-direction:column;width:250px;padding:20px 0;display:flex}.sidebar-logo{color:var(--primary-color);border-bottom:1px solid var(--border-color);align-items:center;gap:10px;margin-bottom:20px;padding:0 20px 20px;font-size:24px;font-weight:700;display:flex}.sidebar-menu{margin:0;padding:0;list-style:none}.sidebar-menu li{cursor:pointer;color:var(--text-muted);border-radius:8px;align-items:center;gap:10px;margin:4px 10px;padding:12px 20px;font-weight:500;transition:all .2s;display:flex}.sidebar-menu li:hover{color:var(--primary-color);background-color:#f1f5f9}.sidebar-menu li.active{background-color:var(--primary-color);color:#fff}.main-content{background-color:var(--bg-color);flex:1;max-height:100vh;padding:30px 40px;overflow-y:auto}.header-top{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.header-title h1{color:var(--primary-color);margin:0;font-size:24px}.header-title p{color:var(--text-muted);margin:5px 0 0;font-size:14px}.form-container{flex-direction:column;gap:20px;max-width:900px;margin:0 auto;display:flex}.form-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.form-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.card-header{border-bottom:1px solid var(--border-color);align-items:center;gap:15px;margin-bottom:20px;padding-bottom:15px;display:flex}.step-number{color:var(--accent-color);background-color:#e0f2fe;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:700;display:flex}.card-header h2{color:var(--primary-color);margin:0;font-size:18px}.card-header p{color:var(--text-muted);margin:4px 0 0;font-size:13px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group.full-width{grid-column:1/-1}label{color:var(--text-main);font-size:13px;font-weight:600}input[type=text],input[type=number],input[type=date],input[type=time],select,textarea{border:1px solid var(--border-color);color:var(--primary-color);background-color:#f8fafc;border-radius:6px;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent-color);background-color:#fff;outline:none;box-shadow:0 0 0 3px #0ea5e933}textarea{resize:vertical;min-height:100px}.floating-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);z-index:100;background:#ffffffe6;border-radius:12px;justify-content:flex-end;gap:15px;margin-top:30px;padding:15px 20px;display:flex;position:sticky;bottom:20px;box-shadow:0 10px 25px -5px #0000001a}.btn-secondary{color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:6px;padding:10px 20px;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#f1f5f9}.btn-primary{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 24px;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover{background:var(--secondary-color);transform:translateY(-1px)}.btn-primary:disabled{background:var(--text-muted);cursor:not-allowed;transform:none}.results-container{flex-direction:column;gap:30px;max-width:1000px;margin-top:40px;margin-left:auto;margin-right:auto;display:flex}.official-table-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.official-table-header{color:#fff;background:#1e3a8a;padding:12px 15px;font-size:15px;font-weight:700}.official-table{border-collapse:collapse;width:100%}.official-table th,.official-table td{border:1px solid var(--border-color);text-align:left;padding:10px 15px;font-size:13px}.official-table th{color:var(--text-main);text-align:center;background:#f8fafc;font-weight:600}.official-table td.center{text-align:center}.official-table tr:hover{background-color:#f1f5f9}.canvas{background-color:#fff;background-image:radial-gradient(#e2e8f0 1px,#0000 1px);background-size:20px 20px;border-radius:8px;width:100%;height:600px;position:relative;overflow:hidden}.links-svg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.nodo{border:1px solid var(--border-color);color:var(--primary-color);z-index:2;cursor:grab;text-align:center;-webkit-user-select:none;user-select:none;background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:15px;transition:box-shadow .2s,transform .2s;display:flex;position:absolute;box-shadow:0 4px 6px -1px #0000001a}.nodo:hover{box-shadow:0 10px 15px -3px #00000026}.nodo.dragging{cursor:grabbing;z-index:100;transform:scale(1.05);box-shadow:0 15px 40px #0003}.nodo.permanente{border-left:4px solid #3b82f6;border-radius:8px;width:180px;height:120px}.nodo.hecho{border:2px solid #10b981;border-radius:50%;justify-content:center;width:140px;height:140px}.nodo.lesion{background:#ef44440d;border:2px solid #ef4444;border-radius:50%;width:160px;height:160px;box-shadow:0 0 15px #ef444433}.nodo-id{color:#fff;background:#38bdf8;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-10px;left:-10px}.nodo.lesion .nodo-id{background:#ef4444}.nodo.hecho .nodo-id{background:#10b981}.nodo-desc{margin-top:5px;font-size:12px;font-weight:500;line-height:1.3}.nodo-tipo{display:none}.feedback-container{border:1px dashed var(--border-color);background:#f8fafc;border-radius:8px;flex-direction:column;gap:10px;margin-top:15px;padding:15px;display:flex}.feedback-container textarea{box-sizing:border-box;width:100%}.feedback-container .btn-secondary{color:#0284c7;border-color:#0284c7;align-self:flex-end}.feedback-container .btn-secondary:hover{background:#e0f2fe}