/* ============================================================
   APUNTES
   ============================================================ */

.notes-block { margin-top: 20px; }
.notes-toggle {
  display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px;
  background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-sm);
  color: var(--text-secondary); font-weight: 600; transition: all 150ms ease;
}
.notes-toggle:hover { background: var(--bg-card-hover); color: var(--text-primary); }
.notes-list { margin-top: 12px; display: flex; flex-direction: column; gap: 10px; }
.note-card {
  background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-md);
  padding: 12px; display: flex; gap: 10px; align-items: flex-start;
}
.note-handle { cursor: grab; color: var(--text-muted); padding-top: 4px; font-size: 14px; }
.note-handle:active { cursor: grabbing; }
.note-card .note-body-wrap { flex: 1; }
.note-title-inp { font-weight: 600; background: transparent; border: 1px solid transparent; padding: 4px 6px; margin-bottom: 6px; }
.note-title-inp:hover { border-color: var(--border); }
.note-meta { font-size: 11px; color: var(--text-muted); margin-top: 4px; }